@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-color: #FDFBF7;--bg-warm: #FFF9F2;--text-main: #3D2A20;--text-dim: #7C685C;--accent-orange: #FF8A3D;--accent-orange-hover: #E26F30;--accent-brown: #5A4538;--accent-green: #10B981;--accent-green-light: #E6FDF4;--accent-gold: #F59E0B;--accent-gold-light: #FEF7E6;--accent-red: #EF4444;--accent-red-light: #FEECEB;--accent-blue: #3B82F6;--card-bg: #FFFFFF;--card-border: rgba(61, 42, 32, .07);--card-shadow: 0 4px 20px rgba(61, 42, 32, .02);--card-shadow-hover: 0 12px 36px rgba(61, 42, 32, .06)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,sans-serif;letter-spacing:-.03em;font-weight:800;color:var(--text-main)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-warm)}::-webkit-scrollbar-thumb{background:#3d2a2026;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:var(--bg-color)}.bg-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.8;background-image:radial-gradient(at 5% 5%,rgba(255,138,61,.05) 0px,transparent 40%),radial-gradient(at 95% 95%,rgba(245,158,11,.04) 0px,transparent 40%),radial-gradient(at 50% 50%,rgba(255,249,242,.8) 0px,transparent 60%);pointer-events:none}.glass{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.19,1,.22,1)}.glass:hover{border-color:#ff8a3d33;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.text-gradient-orange{background:linear-gradient(135deg,var(--text-main) 30%,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}section{padding:100px 24px;max-width:1200px;margin:0 auto;width:100%}.hero{min-height:90vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-top:140px;padding-bottom:60px}@media (max-width: 968px){.hero{grid-template-columns:1fr;text-align:center;padding-top:120px;gap:40px}}.btn-primary{padding:14px 32px;background:var(--accent-orange);border:none;border-radius:50px;color:#fff;font-family:Outfit,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.3px;cursor:pointer;box-shadow:0 4px 15px #ff8a3d33;transition:all .25s cubic-bezier(.175,.885,.32,1.15);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:var(--accent-orange-hover);transform:translateY(-2px);box-shadow:0 8px 24px #ff8a3d59}.btn-secondary{padding:14px 32px;background:var(--card-bg);border:2px solid var(--card-border);border-radius:50px;color:var(--text-main);font-family:Outfit,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:var(--bg-warm);border-color:var(--accent-orange);transform:translateY(-2px)}.selector-chip{padding:10px 20px;background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:50px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:var(--text-dim);cursor:pointer;transition:all .2s cubic-bezier(.165,.84,.44,1);display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.selector-chip:hover{border-color:var(--accent-orange);color:var(--accent-orange);background:var(--bg-warm)}.selector-chip.active{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff;box-shadow:0 4px 12px #ff8a3d33}.boxplot-container{width:100%;height:48px;position:relative;display:flex;align-items:center;margin:16px 0}.boxplot-bar{width:100%;height:8px;background:#3d2a2014;border-radius:4px;position:relative}.boxplot-whisker-box{position:absolute;top:50%;transform:translateY(-50%);height:20px;background:#ff8a3d1a;border:2px solid var(--accent-orange);border-radius:4px}.boxplot-median-line{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-orange)}.boxplot-current-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--accent-orange);box-shadow:0 3px 8px #ff8a3d66;z-index:5;cursor:grab;transition:left .4s cubic-bezier(.19,1,.22,1)}.boxplot-current-marker:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.energy-bar-track{width:100%;height:20px;background:#3d2a200f;border-radius:50px;border:1px solid var(--card-border);position:relative;overflow:hidden}.energy-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-orange),var(--accent-gold));border-radius:50px;box-shadow:0 2px 10px #ff8a3d4d;transition:width .8s cubic-bezier(.19,1,.22,1)}.matrix-table{width:100%;border-collapse:collapse;margin-top:30px;font-size:.95rem}.matrix-table th{padding:16px;text-align:center;font-family:Outfit,sans-serif;font-weight:700;color:var(--text-main);border-bottom:2px solid var(--card-border)}.matrix-table th:first-child{text-align:left}.matrix-table td{padding:16px;text-align:center;border-bottom:1px solid var(--card-border);color:var(--text-dim)}.matrix-table td:first-child{text-align:left;font-weight:600;color:var(--text-main)}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}.mascot-float{animation:float 5s infinite ease-in-out}.glow-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-orange{background:var(--bg-warm);color:var(--accent-orange);border:1px solid rgba(255,138,61,.2)}.badge-green{background:var(--accent-green-light);color:var(--accent-green)}.badge-gold{background:var(--accent-gold-light);color:var(--accent-gold)}.badge-red{background:var(--accent-red-light);color:var(--accent-red)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.feature-card{padding:36px;display:flex;flex-direction:column;align-items:flex-start;transition:all .3s cubic-bezier(.165,.84,.44,1)}.feature-card:hover{transform:translateY(-6px)}.hero-floating-card{position:absolute;padding:12px 18px;border-radius:16px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 40px #3d2a2014;z-index:10;transition:all .3s ease}.hero-floating-card:hover{transform:scale(1.05) translateY(-3px)!important;box-shadow:0 16px 48px #ff8a3d24!important}.float-card-1{animation:float 6s infinite ease-in-out}.float-card-2{animation:float 7s infinite ease-in-out 1s}.float-card-3{animation:float 8s infinite ease-in-out .5s}.float-card-4{animation:float 6.5s infinite ease-in-out 1.5s}@media (max-width: 968px){.hero-floating-wrapper{position:relative!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important;margin-top:30px!important;height:auto!important;pointer-events:auto!important}.hero-floating-card{position:static!important;transform:none!important;animation:none!important;width:fit-content!important;box-shadow:0 4px 20px #3d2a200a!important}}