@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--primary: #22c55e;--primary-dark: #16a34a;--primary-light: #4ade80;--primary-glow: rgba(34, 197, 94, .3);--secondary: #0ea5e9;--secondary-dark: #0284c7;--secondary-light: #38bdf8;--accent: #f59e0b;--accent-dark: #d97706;--accent-light: #fbbf24;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-card: rgba(26, 26, 36, .8);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--glow-primary: 0 0 20px var(--primary-glow);--glow-strong: 0 0 40px var(--primary-glow), 0 0 80px rgba(34, 197, 94, .1);--section-padding: clamp(4rem, 10vw, 8rem)}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-secondary)}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700;line-height:1.2;letter-spacing:.02em}.display-xl{font-size:clamp(3rem,10vw,8rem);font-weight:900;text-transform:uppercase;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 50%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.display-lg{font-size:clamp(2rem,6vw,5rem);font-weight:800}.display-md{font-size:clamp(1.5rem,4vw,3rem);font-weight:700}.text-gradient{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 20px var(--primary-glow),0 0 40px rgba(34,197,94,.2)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}.section{position:relative;padding:var(--section-padding) 0}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(34,197,94,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,197,94,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.radial-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(34,197,94,.08) 0%,transparent 70%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg-primary);box-shadow:var(--glow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-strong)}.btn-outline:hover{background:var(--primary);color:var(--bg-primary);box-shadow:var(--glow-primary)}.card{background:var(--bg-card);border:1px solid rgba(34,197,94,.1);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{border-color:#22c55e4d;box-shadow:var(--glow-primary);transform:translateY(-4px)}.glow-line{height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.5}.glow-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary),0 0 20px var(--primary-glow);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 6s ease-in-out infinite}.fade-in{opacity:0;transition:opacity .8s ease}.fade-in.visible{opacity:1}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.canvas-container canvas{width:100%!important;height:100%!important}.content{position:relative;z-index:1}.loading-screen{position:fixed;inset:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-spinner{width:60px;height:60px;border:3px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-family:Orbitron,sans-serif;font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary)}@media(max-width:768px){:root{--section-padding: clamp(3rem, 8vw, 5rem)}.btn{padding:.875rem 1.5rem;font-size:.9rem}.card{padding:1.5rem}}#app{width:100%;min-height:100vh}.payback-chart-wrapper[data-v-98a07c3d]{position:relative;width:100%}:root{--primary: #22c55e;--primary-dark: #16a34a;--primary-light: #4ade80;--primary-glow: rgba(34, 197, 94, .3);--secondary: #0ea5e9;--amber: #f59e0b;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Orbitron,sans-serif;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.loading-screen{position:fixed;inset:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center}.loading-logo{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;background:linear-gradient(135deg,var(--primary-light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}.loading-bar{width:200px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin:0 auto 1rem}.loading-progress{height:100%;background:var(--primary);animation:loadProgress 1.5s ease-in-out}@keyframes loadProgress{0%{width:0}to{width:100%}}.loading-text{color:var(--text-secondary);font-size:.9rem}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(34,197,94,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem}.logo-text{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s}.nav-links a:hover{color:var(--primary)}.nav-cta{padding:.6rem 1.2rem;background:var(--primary);color:var(--bg-primary)!important;border-radius:6px;font-weight:600}.nav-cta:hover{background:var(--primary-light)}.hero-section{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-canvas canvas{display:block;width:100%!important;height:100%!important}.hero-content{position:relative;z-index:1;text-align:left;padding:4rem 2rem 2rem;max-width:480px;margin-left:8%}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:100px;font-size:.75rem;color:var(--primary-light);margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase}.hero-title{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;margin-bottom:1rem;font-weight:600}.title-line{display:block;color:#fffffff2;font-weight:500}.title-highlight{display:block;background:linear-gradient(135deg,var(--primary-light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.hero-subtitle{font-size:.95rem;color:#ffffffb3;max-width:420px;margin:0 0 1.5rem;line-height:1.6}.hero-cta{display:flex;gap:.75rem;justify-content:flex-start;flex-wrap:wrap;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--bg-primary);box-shadow:0 0 30px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px var(--primary-glow)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--bg-primary)}.btn-arrow{transition:transform .3s}.btn:hover .btn-arrow{transform:translate(4px)}.hero-stats{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;flex-wrap:wrap}.stat-item{text-align:left}.stat-value{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.stat-divider{width:1px;height:30px;background:#22c55e33}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem;animation:bounce 2s infinite}.scroll-mouse{width:24px;height:36px;border:2px solid var(--text-muted);border-radius:12px;position:relative}.scroll-wheel{width:4px;height:8px;background:var(--primary);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheel 1.5s infinite}@keyframes scrollWheel{0%,to{opacity:1;top:6px}50%{opacity:0;top:16px}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.how-section{padding:6rem 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;padding:.4rem 1rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:100px;font-size:.8rem;color:var(--primary-light);margin-bottom:1rem}.section-title{font-size:clamp(1.8rem,5vw,3rem);margin-bottom:1rem;color:var(--text-primary)}.section-title .highlight{color:var(--primary)}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto}.process-steps{display:flex;align-items:flex-start;justify-content:center;gap:1rem;flex-wrap:wrap}.process-step{flex:1;min-width:200px;max-width:250px;text-align:center;padding:2rem 1rem;background:var(--bg-tertiary);border-radius:16px;border:1px solid rgba(34,197,94,.1);transition:all .3s ease}.process-step:hover{transform:translateY(-8px);border-color:#22c55e4d;box-shadow:0 20px 40px #0000004d}.step-visual{width:80px;height:80px;margin:0 auto 1rem;position:relative;display:flex;align-items:center;justify-content:center}.step-icon{font-size:3rem}.step-number{font-family:Orbitron,sans-serif;font-size:.8rem;color:var(--primary);margin-bottom:.5rem}.step-title{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.step-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.step-arrow{display:flex;align-items:center;color:var(--primary);opacity:.5}.step-arrow svg{width:32px;height:32px}.story-section{position:relative;background:#000}.story-canvas-wrapper{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}.story-canvas{position:absolute;inset:0;z-index:1}.story-canvas canvas{display:block;width:100%!important;height:100%!important}.story-overlay{position:absolute;inset:0;z-index:10;pointer-events:none;display:grid;grid-template-columns:minmax(280px,380px) 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"top top" "sidebar main" "bottom bottom";padding:1.5rem;gap:1rem}.story-top-bar{grid-area:top;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.story-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:.75rem;align-self:start;max-height:calc(100vh - 160px);overflow-y:auto;padding-right:.5rem;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:rgba(34,197,94,.3) transparent}.story-sidebar::-webkit-scrollbar{width:4px}.story-sidebar::-webkit-scrollbar-track{background:transparent}.story-sidebar::-webkit-scrollbar-thumb{background:#22c55e4d;border-radius:4px}.story-sidebar .story-stats{padding:1rem;gap:.75rem}.story-sidebar .projection-card,.story-sidebar .mini-calc{padding:1rem}.story-bottom-bar{grid-area:bottom;display:flex;flex-direction:column;align-items:center;gap:1rem}.finale-bottom-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 1.5rem;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(34,197,94,.3);animation:sidebarCardAppear .5s ease-out;pointer-events:auto;flex-wrap:wrap}.mini-calc-bottom{display:flex;align-items:center;gap:1rem}.mini-calc-bottom .mini-calc-input{display:flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.6rem .8rem}.mini-calc-bottom .mini-calc-input:focus-within{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.mini-calc-bottom .mini-calc-prefix{color:#ffffff80;font-size:.8rem;font-weight:600}.mini-calc-bottom .mini-calc-input input{background:transparent;border:none;color:#fff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;width:120px;min-width:0}.mini-calc-bottom .mini-calc-input input:focus{outline:none}.mini-calc-bottom .mini-calc-input input::placeholder{color:#ffffff4d;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:400}.mini-calc-bottom .mini-calc-suffix{color:#ffffff80;font-size:.75rem}.mini-calc-result-inline{display:flex;align-items:center;gap:.5rem;color:var(--primary);animation:fadeInRight .3s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.mini-calc-result-inline .result-arrow{font-size:1.2rem}.mini-calc-result-inline .result-text{font-size:.9rem;color:#ffffffe6}.mini-calc-result-inline .result-text strong{color:var(--primary);font-family:Orbitron,sans-serif;font-weight:700}.finale-cta-group{display:flex;align-items:center;gap:.75rem}.finale-cta-primary{display:flex;align-items:center;gap:.4rem;padding:.7rem 1.2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg-primary);font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--primary-glow)}.finale-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.finale-cta-secondary{padding:.7rem 1.2rem;background:transparent;color:var(--primary);font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;border:1px solid rgba(34,197,94,.4);border-radius:8px;transition:all .3s ease}.finale-cta-secondary:hover{background:#22c55e1a;border-color:var(--primary)}.phase-indicator{display:flex;justify-content:center}.phase-progress{display:flex;gap:.5rem;padding:1rem;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;border:1px solid rgba(34,197,94,.2)}.progress-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.progress-dot.active{background:var(--primary);box-shadow:0 0 10px var(--primary),0 0 20px var(--primary-glow);transform:scale(1.3)}.story-text{display:flex;justify-content:center;align-items:center;flex:1}.phase-content{text-align:center;max-width:600px}.phase-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,6vw,4rem);font-weight:800;color:#fff;text-shadow:0 0 40px rgba(34,197,94,.5);margin-bottom:.5rem;background:linear-gradient(135deg,#fff 0%,var(--primary-light) 50%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.phase-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:#fffc;text-shadow:0 2px 10px rgba(0,0,0,.5)}.fade-enter-active,.fade-leave-active{transition:all .5s ease}.fade-enter-from{opacity:0;transform:translateY(20px)}.fade-leave-to{opacity:0;transform:translateY(-20px)}.system-specs-badge{background:linear-gradient(135deg,#000000d9,#1a1a24e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(34,197,94,.4);padding:1.25rem 1.5rem;animation:sidebarCardAppear .6s ease-out;box-shadow:0 0 40px #22c55e33,0 20px 40px #0006;pointer-events:auto}@keyframes sidebarCardAppear{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.specs-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(34,197,94,.2)}.specs-icon{font-size:1.5rem}.specs-title{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1.5rem;margin-bottom:1rem}.spec-item{display:flex;flex-direction:column;gap:.2rem}.spec-value{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.2)}.spec-label{font-size:.7rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.specs-status{display:flex;flex-direction:column;gap:.5rem}.status-bar{height:6px;background:#ffffff1a;border-radius:100px;overflow:hidden}.status-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:100px;animation:statusFill 1.5s ease-out forwards;box-shadow:0 0 10px var(--primary)}@keyframes statusFill{0%{width:0}to{width:100%}}.status-text{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;color:var(--primary);text-align:center;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 10px var(--primary-glow)}}.story-stats.env-stats{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#000000bf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(34,197,94,.3);animation:sidebarCardAppear .5s ease-out;pointer-events:auto}.story-stats .stats-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.story-stats .stats-icon{font-size:1.2rem}.story-stats .stats-title{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;color:#fff}.story-stats .stats-grid{display:flex;flex-direction:column;gap:.5rem}.story-stats .stat-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#ffffff08;border-radius:10px;text-align:left}.story-stats .stat-icon{font-size:1.3rem;flex-shrink:0}.story-stats .stat-value{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--primary);text-shadow:0 0 15px var(--primary-glow);white-space:nowrap;min-width:70px}.story-stats .stat-label{font-size:.7rem;color:#fff9;line-height:1.2}.story-payback-chart{animation:sidebarCardAppear .6s ease-out .1s both}.payback-card{background:linear-gradient(135deg,#000000d9,#1a1a24e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(34,197,94,.3);padding:1rem;pointer-events:auto}.payback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.payback-title{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;color:#fff}.payback-bep{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:var(--primary);background:#22c55e26;padding:.25rem .5rem;border-radius:6px}.payback-summary{display:flex;justify-content:space-around;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.payback-summary .summary-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.payback-summary .summary-value{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--primary)}.payback-summary .summary-value.highlight{color:var(--accent);text-shadow:0 0 10px rgba(245,158,11,.4)}.payback-summary .summary-label{font-size:.65rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.mini-calc{background:linear-gradient(135deg,#000000d9,#1a1a24e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(34,197,94,.3);padding:1.25rem;animation:sidebarCardAppear .6s ease-out .2s both;pointer-events:auto}.mini-calc-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;color:#ffffffe6}.mini-calc-icon{font-size:1.2rem}.mini-calc-input{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.75rem 1rem;transition:all .3s ease}.mini-calc-input:focus-within{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.mini-calc-prefix{color:#ffffff80;font-weight:600}.mini-calc-input input{flex:1;background:transparent;border:none;color:#fff;font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;min-width:0}.mini-calc-input input:focus{outline:none}.mini-calc-input input::placeholder{color:#ffffff4d;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:400}.mini-calc-suffix{color:#ffffff80;font-size:.8rem}.mini-calc-result{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(34,197,94,.3);animation:miniResultAppear .5s ease-out}@keyframes miniResultAppear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mini-result-celebration{font-size:2rem;animation:celebrationBounce .6s ease-out}@keyframes celebrationBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mini-result-main{display:flex;flex-direction:column;align-items:center;gap:.25rem}.mini-result-label{font-size:.75rem;color:#ffffffb3}.mini-result-big{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:800;color:var(--primary);text-shadow:0 0 20px var(--primary-glow)}.mini-result-per{font-size:.8rem;color:#fff9}.mini-calc-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg-primary);font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px var(--primary-glow)}.mini-calc-cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px var(--primary-glow)}.mini-calc-cta svg{transition:transform .3s ease}.mini-calc-cta:hover svg{transform:translate(4px)}.story-cta{text-align:center;animation:sidebarCardAppear .6s ease-out .3s both}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg-primary);font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:50px;box-shadow:0 0 30px var(--primary-glow),0 4px 20px #0000004d;transition:all .3s ease;pointer-events:auto}.cta-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 50px var(--primary-glow),0 8px 30px #0006}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(4px)}.cta-subtext{margin-top:.75rem;font-size:.85rem;color:#fff9}.story-controls{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;gap:.75rem;pointer-events:auto}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:100px;color:#fffc;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.control-btn:hover{background:#000c;border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.control-btn svg{transition:transform .3s ease}.replay-btn:hover svg{transform:rotate(-180deg)}.skip-btn:hover svg{transform:translate(4px)}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff80;font-size:.85rem;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.scroll-arrow{font-size:1.5rem;animation:bounceDown 1.5s ease-in-out infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.story-scroll-spacer{height:600vh}@media(max-width:768px){.story-overlay{padding:1rem;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"top" "sidebar" "main" "bottom"}.story-sidebar{max-height:none;overflow-y:visible;padding-right:0;display:flex;flex-direction:row;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.story-sidebar::-webkit-scrollbar{display:none}.story-sidebar>*{flex-shrink:0;min-width:280px;max-width:320px}.phase-progress{gap:.3rem;padding:.75rem}.progress-dot{width:6px;height:6px}.system-specs-badge{padding:1rem}.specs-header{margin-bottom:.75rem;padding-bottom:.5rem}.specs-icon{font-size:1.25rem}.specs-title{font-size:.8rem}.specs-grid{gap:.5rem 1rem}.spec-value{font-size:.95rem}.spec-label{font-size:.65rem}.story-stats{gap:.75rem;padding:1rem;grid-template-columns:1fr 1fr}.story-stats .stat-icon{font-size:1.3rem}.story-stats .stat-value{font-size:1rem}.story-controls{bottom:1rem;right:1rem;gap:.5rem}.control-btn{padding:.5rem .75rem;font-size:.75rem}.control-btn span{display:none}.control-btn svg{width:16px;height:16px}.mini-calc{padding:1rem}.mini-calc-header{font-size:.75rem}.mini-calc-input{padding:.6rem .75rem}.mini-calc-input input{font-size:1.1rem}.mini-result-value{font-size:.9rem}.finale-bottom-content{flex-direction:column;gap:1rem;padding:1rem}.mini-calc-bottom{flex-direction:column;gap:.75rem;width:100%}.mini-calc-bottom .mini-calc-input{width:100%}.mini-calc-result-inline{justify-content:center}.finale-cta-group{flex-direction:column;width:100%;gap:.5rem}.finale-cta-primary,.finale-cta-secondary{width:100%;justify-content:center;text-align:center}}.calculator-section{padding:6rem 0;background:var(--bg-primary)}.calculator-container{max-width:800px;margin:0 auto}.calc-card{background:var(--bg-secondary);border-radius:24px;padding:2rem;border:1px solid rgba(34,197,94,.1)}.calc-step{margin-bottom:2rem}.step-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.step-num{width:28px;height:28px;background:var(--primary);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.step-label{font-weight:600;color:var(--text-primary)}.customer-type-badge{margin-left:auto;padding:.35rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600;transition:all .3s ease}.customer-type-badge.residential{background:#22c55e26;color:var(--primary);border:1px solid rgba(34,197,94,.3)}.customer-type-badge.business{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.type-hint{font-size:.8rem;color:#fbbf24;margin-bottom:1rem;padding:.5rem .75rem;background:#f59e0b1a;border-radius:8px;border-left:3px solid #fbbf24}.bill-input-wrapper{position:relative;display:flex;align-items:center}.currency{position:absolute;left:1.25rem;font-size:1.25rem;font-weight:600;color:var(--text-muted)}.bill-input{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;transition:all .3s}.bill-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.bill-input::placeholder{color:var(--text-muted)}.input-hint{margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.power-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;transition:all .3s ease}.power-options.business-grid{grid-template-columns:repeat(2,1fr)}.power-option{position:relative;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;padding:1rem .5rem;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.power-option:hover{border-color:var(--primary)}.power-option.selected{border-color:var(--primary);background:#22c55e1a}.power-option.popular{border-color:#22c55e4d}.popular-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--bg-primary);font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:100px}.power-icon{font-size:1.5rem}.power-va{font-weight:700;font-size:.9rem;color:var(--text-primary)}.power-desc{font-size:.7rem;color:var(--text-muted)}.check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--bg-primary)}.savings-step{background:#22c55e0d;margin:0 -2rem;padding:2rem!important;border-radius:0}.savings-display{text-align:center;margin-bottom:1.5rem}.savings-sun{width:80px;height:80px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 0 40px #fbbf2466;transition:transform .3s ease}.sun-emoji{font-size:2.5rem}.savings-amount{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:800;color:var(--primary)}.savings-percent{font-size:.9rem;color:var(--text-secondary)}.slider-container{position:relative;padding-top:8px}.savings-slider{width:100%;height:12px;-webkit-appearance:none;appearance:none;background:transparent;position:relative;z-index:2;cursor:pointer}.slider-track{position:absolute;top:8px;left:0;right:0;height:12px;background:var(--bg-tertiary);border-radius:100px;overflow:hidden}.slider-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:100px;transition:width .1s}.savings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;background:var(--primary);border-radius:50%;border:4px solid white;box-shadow:0 4px 12px #22c55e66;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.calc-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--bg-primary);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 30px var(--primary-glow)}.calc-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px var(--primary-glow)}.calc-btn:disabled{opacity:.6;cursor:not-allowed}.btn-content,.btn-loading{display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-icon{font-size:1.25rem}.spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.2);border-top-color:var(--bg-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.calc-results{margin-top:2rem;opacity:0;transform:translateY(20px);transition:all .5s ease}.calc-results.show{opacity:1;transform:translateY(0)}.results-header{text-align:center;background:var(--bg-secondary);border-radius:20px;padding:2rem;margin-bottom:1.5rem;border:1px solid rgba(34,197,94,.2)}.celebration-icon{font-size:3rem;margin-bottom:.5rem}.results-title{font-size:1.5rem;margin-bottom:.25rem}.results-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.big-savings{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:800;color:var(--primary)}.per-month{font-size:1rem;font-weight:400;color:var(--text-muted)}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.result-stat{background:var(--bg-secondary);border-radius:16px;padding:1.25rem;text-align:center;border-top:3px solid}.result-stat.green{border-color:var(--primary)}.result-stat.blue{border-color:var(--secondary)}.result-stat.amber{border-color:var(--amber)}.result-stat .stat-icon{font-size:1.5rem;margin-bottom:.5rem}.result-stat .stat-value{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.result-stat .stat-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.bill-comparison{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.bill-comparison h4{font-size:.9rem;margin-bottom:1rem;text-align:center}.comparison-bars{display:flex;flex-direction:column;gap:1rem}.bar-item{display:flex;align-items:center;gap:1rem}.bar-label{width:70px;font-size:.8rem;color:var(--text-muted)}.bar-track{flex:1;height:24px;background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.bar-fill{height:100%;border-radius:8px;transition:width .5s ease}.bar-item.before .bar-fill{background:#ef4444}.bar-item.after .bar-fill{background:var(--primary)}.bar-value{width:120px;font-size:.85rem;font-weight:600;text-align:right}.lifetime-banner{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:16px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.lifetime-label{font-size:.9rem;opacity:.9;margin-bottom:.25rem}.lifetime-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:800}.results-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.detail-card{background:var(--bg-secondary);border-radius:16px;padding:1.25rem}.detail-card h4{font-size:.9rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--bg-tertiary);font-size:.85rem}.detail-row span:first-child{color:var(--text-muted)}.detail-row span:last-child{font-weight:600}.detail-row .highlight{color:var(--primary)}.detail-card.eco{background:#22c55e1a}.eco-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:center}.eco-stat .eco-value{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--primary)}.eco-stat .eco-label{font-size:.75rem;color:var(--text-muted)}.results-cta{background:linear-gradient(135deg,var(--secondary),#0284c7);border-radius:20px;padding:2rem;text-align:center}.results-cta h4{font-size:1.25rem;margin-bottom:.5rem}.results-cta p{opacity:.9;margin-bottom:1.25rem;font-size:.9rem}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--secondary);padding:1rem 2rem;border-radius:100px;font-weight:700;text-decoration:none;transition:all .3s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.impact-section{padding:6rem 0;background:var(--bg-secondary)}.impact-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.impact-stat{text-align:center;padding:2rem;background:var(--bg-tertiary);border-radius:20px;border:1px solid rgba(34,197,94,.1)}.impact-stat .stat-number{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:800;color:var(--primary);display:inline}.impact-stat .stat-suffix{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--primary-light)}.impact-stat .stat-desc{margin-top:.5rem;color:var(--text-secondary);font-size:.9rem}.contact-section{padding:6rem 0;background:var(--bg-primary)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info .section-title{text-align:left}.contact-desc{color:var(--text-secondary);margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{display:flex;align-items:center;gap:1rem}.method-icon{width:48px;height:48px;background:#22c55e1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.method-info{display:flex;flex-direction:column}.method-label{font-size:.75rem;color:var(--text-muted)}.method-info a{color:var(--primary);text-decoration:none;font-weight:500}.contact-form-card{background:var(--bg-secondary);border-radius:24px;padding:2rem;border:1px solid rgba(34,197,94,.1)}.contact-form-card h3{font-size:1.25rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.submit-btn{width:100%;padding:1rem;background:var(--primary);color:var(--bg-primary);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.submit-btn:hover:not(:disabled){background:var(--primary-light)}.submit-btn:disabled{opacity:.6}.form-success{text-align:center;padding:2rem}.success-icon{width:60px;height:60px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem}.form-success h3{margin-bottom:.5rem}.form-success p{color:var(--text-secondary)}.footer{padding:3rem 0;background:var(--bg-secondary);border-top:1px solid rgba(34,197,94,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:.5rem}.footer-tagline{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.nav-links{display:none}.hero-stats{gap:1rem}.stat-divider{display:none}.process-steps{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg);margin:.5rem 0}.power-options,.power-options.business-grid{grid-template-columns:repeat(2,1fr)}.customer-type-badge{font-size:.65rem;padding:.25rem .5rem}.type-hint{font-size:.75rem}.results-stats,.results-details{grid-template-columns:1fr}.impact-stats{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}}