:root{--navy-900:#060914;--navy-800:#0a0e1a;--navy-700:#0f1525;--navy-600:#151d33;--navy-500:#1e2a45;--navy-400:#2b3a5c;--green-500:#0c6;--green-400:#0f8;--green-300:#3fa;--green-glow:#00ff8826;--green-glow-strong:#00ff8859;--amber-500:#ffb830;--amber-400:#ffc94d;--amber-glow:#ffb83026;--electric-blue:#4daaff;--electric-purple:#9b59ff;--white:#fff;--gray-100:#f0f4ff;--gray-200:#c8d4f0;--gray-300:#89b;--gray-400:#568;--gray-500:#346;--bg-base:var(--navy-900);--bg-surface:var(--navy-800);--bg-card:var(--navy-700);--bg-card-hover:var(--navy-600);--text-primary:var(--white);--text-secondary:var(--gray-200);--text-muted:var(--gray-300);--accent:var(--green-400);--accent-warm:var(--amber-500);--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-card:0 4px 24px #0006;--shadow-glow-green:0 0 40px #0f83, 0 0 80px #00ff8814;--shadow-glow-amber:0 0 40px #ffb83033;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.2s;--dur-med:.4s;--dur-slow:.7s;--glass-bg:#0a0e1ab3;--glass-border:#ffffff0f;--glass-backdrop:blur(20px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}canvas{display:block}ul{list-style:none}.container{max-width:1200px;padding:0 var(--space-8);margin:0 auto}.accent{color:var(--accent)}.accent-warm{color:var(--accent-warm)}.section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);background:var(--green-glow);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);border:1px solid #0f83;font-size:.7rem;display:inline-block}.section-title{font-family:var(--font-display);margin-bottom:var(--space-6);color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.section-sub{color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-12);font-size:1.1rem;line-height:1.7}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-display);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;border:none;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--dur-fast);background:#ffffff14;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn--primary{background:linear-gradient(135deg, var(--green-500) 0%, var(--green-400) 100%);color:var(--navy-900);box-shadow:0 4px 24px #00ff884d,inset 0 1px #fff3}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00ff8873}.btn--primary:active{transform:translateY(0)}.btn--ghost{color:var(--text-secondary);border:1px solid var(--glass-border);background:0 0}.btn--ghost:hover{color:var(--text-primary);border-color:#ffffff26;transform:translateY(-1px)}.btn--nav{background:linear-gradient(135deg, var(--green-500), var(--green-400));color:var(--navy-900);padding:var(--space-2) var(--space-4);font-size:.85rem;box-shadow:0 2px 12px #00ff8840}.btn--sm{padding:var(--space-2) var(--space-4);font-size:.85rem}.btn--lg{padding:var(--space-4) var(--space-8);font-size:1.05rem}.btn__icon{opacity:.8;font-size:.8em}.nav{z-index:1000;padding:var(--space-4) 0;transition:background var(--dur-med) var(--ease-out), backdrop-filter var(--dur-med) var(--ease-out), -webkit-backdrop-filter var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out), padding var(--dur-med) var(--ease-out);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border-color:var(--glass-border);padding:var(--space-3) 0}.nav__inner{max-width:1200px;padding:0 var(--space-8);align-items:center;gap:var(--space-8);margin:0 auto;display:flex}.nav__logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);color:var(--text-primary);font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.nav__logo-icon{color:var(--accent);font-size:1.4rem;animation:8s linear infinite hexSpin}@keyframes hexSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav__links{align-items:center;gap:var(--space-6);flex:1;justify-content:center;display:flex}.nav__link{color:var(--text-muted);transition:color var(--dur-fast);font-size:.9rem;position:relative}.nav__link:after{content:"";background:var(--accent);height:1px;transition:transform var(--dur-fast) var(--ease-out);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav__link:hover{color:var(--text-primary)}.nav__link:hover:after{transform:scaleX(1)}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}#hero-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero__overlay{z-index:1;background:linear-gradient(#06091426 0%,#0609140d 35%,#0609148c 65%,#060914eb 85%,#060914 100%);position:absolute;inset:0}.hero__content{z-index:2;width:100%;max-width:1200px;padding:var(--space-16) var(--space-8);max-width:560px;margin:0 auto;margin-left:max(var(--space-8), calc((100vw - 1200px) / 2 + var(--space-8)));flex-direction:column;align-items:flex-start;display:flex;position:relative}.hero__badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.05em;color:var(--amber-400);margin-bottom:var(--space-4);opacity:0;animation:fadeUp .8s var(--ease-out) .2s forwards;background:#ffb8301a;border:1px solid #ffb83040;display:inline-flex;transform:translateY(20px)}.hero__badge-dot{background:var(--amber-400);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero__headline{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-4);opacity:0;animation:fadeUp .9s var(--ease-out) .4s forwards;font-size:clamp(2.6rem,6vw,5.2rem);font-weight:700;line-height:1;transform:translateY(30px)}.hero__headline-accent{background:linear-gradient(135deg, var(--green-400) 0%, var(--green-300) 50%, var(--electric-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__sub{color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-6);opacity:0;animation:fadeUp .9s var(--ease-out) .6s forwards;font-size:1rem;line-height:1.65;transform:translateY(20px)}.hero__actions{gap:var(--space-3);opacity:0;animation:fadeUp .9s var(--ease-out) .8s forwards;flex-wrap:wrap;margin-bottom:0;display:flex;transform:translateY(20px)}.hero__stats{display:none}.hero__scroll-hint{bottom:var(--space-8);z-index:2;align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-muted);opacity:0;animation:fadeUp 1s var(--ease-out) 1.4s forwards;flex-direction:column;font-size:.65rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollLine}@keyframes scrollLine{0%{transform-origin:top;opacity:1;transform:scaleY(0)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.problem{padding:var(--space-32) 0;position:relative}.problem__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.problem__card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--dur-med) var(--ease-out);opacity:0;position:relative;overflow:hidden;transform:translateY(30px)}.problem__card.visible{opacity:1;transform:translateY(0)}.problem__card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:2px;position:absolute;top:0;left:0;right:0}.problem__card--bad:hover{background:#ff50500a;border-color:#ff505033;transform:translateY(-4px);box-shadow:0 8px 32px #ff50501a}.problem__card--solution{box-shadow:var(--shadow-glow-green);background:linear-gradient(135deg,#00ff880f 0%,#00cc6608 100%);border-color:#0f83}.problem__card--solution:hover{border-color:#00ff8859;transform:translateY(-4px);box-shadow:0 12px 48px #0f83}.problem__card-icon{margin-bottom:var(--space-4);font-size:2.5rem;line-height:1}.problem__card h3{font-family:var(--font-display);margin-bottom:var(--space-3);color:var(--text-primary);font-size:1.15rem;font-weight:600}.problem__card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.problem__card-cta{margin-top:var(--space-4);color:var(--accent);font-size:.85rem;font-weight:600;font-family:var(--font-display)}.how-it-works{padding:var(--space-32) 0;background:linear-gradient(#0000,#0f152580,#0000)}.steps{flex-direction:column;gap:0;display:flex;position:relative}.step{gap:var(--space-6);padding:var(--space-8) 0;opacity:0;transition:all var(--dur-slow) var(--ease-out);grid-template-columns:60px 80px 1fr;align-items:flex-start;display:grid;transform:translate(-30px)}.step.visible{opacity:1;transform:translate(0)}.step__number{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;padding-top:var(--space-3);font-size:.7rem}.step__icon-wrap{background:var(--navy-700);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:64px;height:64px;transition:all var(--dur-med) var(--ease-out);justify-content:center;align-items:center;font-size:1.8rem;display:flex;position:relative}.step__icon-wrap:before{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--green-400), transparent);opacity:0;transition:opacity var(--dur-med);z-index:-1;position:absolute;inset:-1px}.step.visible .step__icon-wrap:before{opacity:.3}.step__content h3{font-family:var(--font-display);margin-bottom:var(--space-3);color:var(--text-primary);padding-top:var(--space-2);font-size:1.25rem;font-weight:600}.step__content p{color:var(--text-muted);max-width:480px;font-size:.95rem;line-height:1.7}.step__detail{margin-top:var(--space-3)}.step__detail--dual{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.step__detail-or{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}.step__detail code{font-family:var(--font-mono);color:var(--accent);background:var(--green-glow);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid #00ff8826;font-size:.8rem}.step__tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--glass-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#ffffff0a;font-size:.72rem}.step__tag--green{color:var(--green-400);background:var(--green-glow);border-color:#0f83}.step__tag--amber{color:var(--amber-400);background:var(--amber-glow);border-color:#ffb83033}.step__connector{background:linear-gradient(90deg,#00ff884d,#0000);height:1px;margin-left:100px;position:relative}.step__connector:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:-3px;left:0}.demo-section{padding:var(--space-32) 0;position:relative}.demo-section .section-sub{max-width:650px}.demo-stage{justify-content:center;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.demo-device{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.demo-device__label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}.demo-device--phone .phone-screen{background:var(--navy-800);border:2px solid #ffffff1a;border-radius:28px;flex-direction:column;width:220px;height:400px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0a}.phone-screen:before{content:"";z-index:10;background:#ffffff26;border-radius:0 0 4px 4px;width:80px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen__header{padding:var(--space-4);background:linear-gradient(#0c6 0%,#0a5 100%);flex-shrink:0}.phone-status-bar{color:#ffffffb3;margin-bottom:var(--space-2);font-size:.6rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.opay-logo-mini{align-items:center;gap:var(--space-1);font-family:var(--font-display);color:#fff;font-size:1rem;font-weight:700;display:flex}.opay-logo-mini__icon{background:#fff3;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}.phone-screen__body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.phone-transaction{background:var(--navy-700);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--glass-border)}.phone-transaction__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-size:.65rem;font-family:var(--font-mono)}.phone-transaction__amount{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.8rem;font-weight:700}.phone-transaction__to,.phone-transaction__ref{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.phone-pay-btn{width:100%;color:var(--navy-900);border-radius:var(--radius-full);padding:var(--space-3) var(--space-4);font-family:var(--font-display);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);transition:all var(--dur-fast) var(--ease-out);background:linear-gradient(135deg,#0c6,#0f8);border:none;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 16px #00ff884d}.phone-pay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f86}.phone-pay-btn:active{transform:scale(.97)}.phone-pay-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.phone-status-msg{text-align:center;font-family:var(--font-mono);color:var(--accent);min-height:20px;transition:opacity var(--dur-med);font-size:.7rem}.demo-connection{align-items:center;gap:var(--space-2);flex-direction:column;width:80px;display:flex}.demo-connection__line{background:var(--navy-600);border-radius:2px;width:100%;height:2px;position:relative;overflow:hidden}.demo-connection__pulse{background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:-100%}.demo-connection__pulse.active{animation:.6s ease-out forwards connPulse}@keyframes connPulse{0%{left:-100%}to{left:100%}}.demo-connection__label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;text-align:center;font-size:.6rem}.demo-device--drone .drone-screen{background:var(--navy-900);border-radius:var(--radius-lg);border:1px solid #00ff881a;width:280px;height:320px;position:relative;overflow:hidden;box-shadow:0 0 40px #00ff880d}#drone-canvas{width:100%;height:100%;position:absolute;inset:0}.drone-overlay{padding:var(--space-4);background:linear-gradient(#0000 40%,#060914e6 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.drone-status{margin-bottom:var(--space-3)}.drone-status__row{padding:var(--space-1) 0;font-family:var(--font-mono);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;font-size:.65rem;display:flex}.drone-status__key{color:var(--text-muted);letter-spacing:.1em}.drone-status__val{color:var(--text-secondary);transition:color var(--dur-fast);font-weight:700}.drone-status__val.active{color:var(--accent)}.drone-status__val.warn{color:var(--amber-400)}.drone-rpm-bars{gap:var(--space-2);display:flex}.rpm-bar{gap:var(--space-1);flex-direction:column;flex:1;align-items:center;display:flex}.rpm-bar span{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;font-size:.55rem}.rpm-bar__fill{background:var(--navy-700);border-radius:3px;width:100%;height:40px;position:relative;overflow:hidden}.rpm-bar__fill:after{content:"";background:linear-gradient(to top, var(--accent), #00ff884d);height:0%;transition:height 1.5s var(--ease-out);border-radius:3px;position:absolute;bottom:0;left:0;right:0}.rpm-bar__fill.spinning:after{height:85%}.demo-device--pump .pump-screen{background:var(--navy-900);border-radius:var(--radius-lg);border:1px solid #4daaff26;width:180px;height:320px;position:relative;overflow:hidden;box-shadow:0 0 40px #4daaff0d}#spray-canvas{width:100%;height:100%;position:absolute;inset:0}.pump-overlay{padding:var(--space-4);background:linear-gradient(#0000 50%,#060914e6 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.pump-status{text-align:center;width:100%}.pump-icon{margin-bottom:var(--space-2);transition:transform var(--dur-fast);font-size:1.5rem}.pump-icon.active{animation:.5s ease-in-out infinite alternate pumpPulse}@keyframes pumpPulse{to{transform:scale(1.15)}}.pump-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-2);font-size:.6rem}.pump-pressure{justify-content:center;align-items:baseline;gap:var(--space-1);display:flex}.pump-pressure__key{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;font-size:.55rem}.pump-pressure__val{font-family:var(--font-display);color:var(--electric-blue);transition:all var(--dur-fast);font-size:1.4rem;font-weight:700}.demo-controls{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.demo-hint{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;font-size:.72rem}.network{padding:var(--space-32) 0;background:linear-gradient(#0000,#0a0e1acc,#0000)}.network__grid{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (width<=768px){.network__grid{grid-template-columns:1fr}}.network__map{aspect-ratio:1;background:var(--navy-800);border-radius:var(--radius-xl);border:1px solid var(--glass-border);position:relative;overflow:hidden}.network__map-bg{background:radial-gradient(at 30% 40%,#00ff880a 0%,#0000 60%),radial-gradient(at 70% 60%,#4daaff08 0%,#0000 50%);position:absolute;inset:0}.network__nodes{position:absolute;inset:0}.network-node{cursor:pointer;width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-spring);border-radius:50%;position:absolute}.network-node:before{content:"";opacity:.15;background:currentColor;border-radius:50%;animation:3s ease-in-out infinite nodePulse;position:absolute;inset:-4px}.network-node:after{content:"";opacity:0;border:1px solid;border-radius:50%;animation:3s ease-in-out infinite nodeRing;position:absolute;inset:-8px}.network-node:hover{transform:scale(1.5)}.network-node--aero{background:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent)}.network-node--opay{background:var(--amber-400);color:var(--amber-400);box-shadow:0 0 8px var(--amber-400)}@keyframes nodePulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.5)}}@keyframes nodeRing{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.network__benefits{gap:var(--space-6);flex-direction:column;display:flex}.network__benefit{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);transition:all var(--dur-med) var(--ease-out);opacity:0;border:1px solid #0000;align-items:flex-start;display:flex;transform:translate(20px)}.network__benefit.visible{opacity:1;transform:translate(0)}.network__benefit:hover{background:var(--navy-700);border-color:var(--glass-border)}.network__benefit-icon{flex-shrink:0;font-size:1.8rem;line-height:1}.network__benefit h4{font-family:var(--font-display);margin-bottom:var(--space-1);color:var(--text-primary);font-size:1rem;font-weight:600}.network__benefit p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.impact{padding:var(--space-32) 0}.impact__cards{gap:var(--space-4);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.impact__card{background:var(--navy-800);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all var(--dur-med) var(--ease-out);opacity:0;position:relative;overflow:hidden;transform:translateY(20px)}.impact__card.visible{opacity:1;transform:translateY(0)}.impact__card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.impact__card:hover{border-color:#00ff8826;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.impact__card--highlight{box-shadow:var(--shadow-glow-green);background:linear-gradient(135deg,#00ff8812 0%,#00cc6608 100%);border-color:#0f83}.impact__card-number{font-family:var(--font-display);color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1;display:inline-block}.impact__card--highlight .impact__card-number{color:var(--accent)}.impact__card-unit{font-family:var(--font-display);color:var(--text-muted);vertical-align:super;margin-left:2px;font-size:1rem;font-weight:600;display:inline-block}.impact__card--highlight .impact__card-unit{color:var(--accent)}.impact__card-label{font-family:var(--font-display);margin:var(--space-3) 0 var(--space-2);color:var(--text-secondary);font-size:.95rem;font-weight:600}.impact__card-sub{color:var(--text-muted);font-size:.8rem;line-height:1.5}.impact__quote{border-left:3px solid var(--accent);padding:var(--space-6) var(--space-8);border-radius:0 var(--radius-md) var(--radius-md) 0;background:linear-gradient(90deg,#00ff880a,#0000)}.impact__quote blockquote{font-family:var(--font-display);color:var(--text-secondary);font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.6}.cta-section{padding:var(--space-32) 0;text-align:center;position:relative;overflow:hidden}#cta-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.cta-section__content{z-index:1;max-width:700px;padding:0 var(--space-8);margin:0 auto;position:relative}.cta-section__title{font-family:var(--font-display);margin-bottom:var(--space-6);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.cta-section__sub{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:1.05rem;line-height:1.7}.cta-section__actions{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.cta-section__built-with{justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-muted);flex-wrap:wrap;font-size:.8rem;display:flex}.cta-section__partner{color:var(--text-secondary);font-weight:500}.footer{border-top:1px solid var(--glass-border);padding:var(--space-12) 0;background:var(--navy-900)}.footer__inner{max-width:1200px;padding:0 var(--space-8);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;margin:0 auto;display:flex}.footer__logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:1.1rem;font-weight:700;display:flex}.footer__tagline{color:var(--text-muted);font-size:.9rem;font-style:italic}.footer__copy{color:var(--gray-400);font-size:.75rem;font-family:var(--font-mono)}[data-reveal]{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transform:translateY(24px)}[data-reveal].visible{opacity:1;transform:translateY(0)}@media (width<=900px){.nav__links{display:none}.demo-stage{flex-direction:column}.demo-connection{flex-direction:row;width:100%}.demo-connection__line{flex:1;height:2px}.step{gap:var(--space-3);grid-template-columns:40px 60px 1fr}.hero__stats{gap:var(--space-4)}}@media (width<=600px){.container{padding:0 var(--space-4)}.nav{padding:var(--space-3) 0}.nav.scrolled{padding:var(--space-2) 0}.nav__inner{gap:var(--space-3);padding:0 var(--space-4)}.nav__logo{font-size:1rem}.btn--nav{padding:var(--space-2) var(--space-3);font-size:.78rem}.hero{min-height:82svh;padding:64px 0 var(--space-8);align-items:flex-start}.hero__content{max-width:none;padding:var(--space-6) var(--space-4) 0;margin-left:0}.hero__badge{margin-bottom:var(--space-3)}.hero__headline{margin-bottom:var(--space-4);font-size:clamp(2.35rem,13vw,3.35rem)}.hero__sub{margin-bottom:var(--space-4);line-height:1.55}.hero__scroll-hint{bottom:var(--space-4)}.hero__scroll-line{height:24px}.step{grid-template-columns:1fr}.step__number{display:none}.impact__cards{grid-template-columns:repeat(2,1fr)}.problem,.how-it-works,.demo-section,.network,.impact,.cta-section{padding:var(--space-8) 0}.section-label{margin-bottom:var(--space-3)}.section-title,.cta-section__title{margin-bottom:var(--space-4)}.section-sub,.cta-section__sub{margin-bottom:var(--space-6);line-height:1.6}.problem__grid,.impact__cards{gap:var(--space-3)}.problem__card,.impact__card{padding:var(--space-6)}.step{padding:var(--space-6) 0}.step__connector{display:none}.demo-stage{gap:var(--space-4);margin-bottom:var(--space-4)}.network__grid{gap:var(--space-8)}.network__benefits{gap:var(--space-3)}.network__benefit{padding:var(--space-3)}.impact__cards{margin-bottom:var(--space-8)}.impact__quote{padding:var(--space-4)}.impact__quote blockquote{font-size:1.05rem}.cta-section__content{padding:0 var(--space-4)}.cta-section__actions{margin-bottom:var(--space-6)}.footer{padding:var(--space-8) 0}.footer__inner{padding:0 var(--space-4)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy-900)}::-webkit-scrollbar-thumb{background:var(--navy-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--green-glow-strong);color:var(--text-primary)}