body.route-light{color-scheme:light;--accent-text:#06f;background:#fff}:root{--bg:#0a0a0a;--bg-2:#111;--bg-card:#111;--accent:#06f;--accent-text:#4d9fff;--accent-dim:#0066ff26;--accent-glow:#06f6;--neon:#06f;--white:#fff;--off-white:#e8e8e8;--text:#e8e8e8;--text-dim:#b8c6d9;--border:#ffffff14;--border-accent:#06f6;--purple:#7b2fff;--green:#00ff9c;--gold:#c9a84c;--champagne:#e8d5a3;--ivory:#f5f0e8;--border-gold:#c9a84c40;--font-display:"Barlow Condensed", "Space Grotesk", system-ui, sans-serif;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;cursor:crosshair;overflow-x:hidden}.navbar{z-index:100;backdrop-filter:blur(8px);background:#0a0a0af2;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1.1rem 2rem;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:1.4rem;font-weight:900}.logo-bracket{color:var(--accent-text)}.logo-name{color:var(--white);margin:0 .15em}.nav-links{align-items:center;gap:1.6rem;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);transition:color .2s var(--ease), border-color .2s var(--ease);border-bottom:1px solid #0000;padding:.3rem 0;font-size:.75rem;text-decoration:none}.nav-link:hover,.nav-link--active{color:var(--white);border-bottom-color:var(--accent-text)}.nav-status{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.status-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero{background:var(--bg);flex-direction:column;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.webgl-bg{z-index:0;pointer-events:none;opacity:.52;filter:brightness(.82)contrast(.85)saturate(.88);position:absolute;inset:0;width:100%!important;height:100%!important}.hero-grid{pointer-events:none;z-index:1;background-image:linear-gradient(#0066ff08 1px,#0000 1px),linear-gradient(90deg,#0066ff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.scan-line{background:linear-gradient(90deg, transparent, var(--neon), transparent);opacity:.3;z-index:2;pointer-events:none;height:2px;animation:6s linear infinite scan;position:absolute;top:0;left:0;right:0}.hero-inner{z-index:3;position:relative}@keyframes scan{0%{opacity:0;top:0}10%{opacity:.4}90%{opacity:.4}to{opacity:0;top:100%}}.hero-inner{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;padding:4rem 2rem 2rem;display:grid}.hero-text{border:1px solid #ffffff0f;border-left:2px solid var(--accent);-webkit-backdrop-filter:blur(10px)saturate(1.1);background:linear-gradient(#0a0e169e 0%,#0a0e167a 100%);border-radius:8px;padding:1.8rem 1.6rem 1.6rem 1.4rem;position:relative;box-shadow:0 8px 32px #00000073,inset 0 0 0 1px #ffffff08}.hero-text:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#0066ff24,#0000 55%);border-radius:8px;position:absolute;inset:-1px}.hero-text .hero-title{text-shadow:0 2px 18px #000000d9,0 0 28px #0066ff2e}.hero-text .hero-desc{color:#d8e2f0;text-shadow:0 1px 10px #000000b3;font-weight:400}.hero-text .hero-eyebrow{text-shadow:0 1px 8px #0009}.hero-eyebrow{font-family:var(--font-mono);color:var(--accent-text);letter-spacing:.2em;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.7rem;display:flex}.eyebrow-line{background:var(--neon);width:40px;height:1px;display:block}@keyframes glitch-1{0%,85%,to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}86%{clip-path:inset(18% 0 58%);opacity:.95;transform:translate(-6px,1px)}87%{clip-path:inset(58% 0 18%);opacity:.95;transform:translate(6px,-1px)}88.5%{clip-path:inset(38% 0);opacity:.9;transform:translate(-3px)}90%{clip-path:inset(78% 0 4%);opacity:.85;transform:translate(3px,1px)}92%{clip-path:inset(10% 0 80%);opacity:.7;transform:translate(-2px,-1px)}94%{clip-path:inset(0 0 100%);opacity:0}}@keyframes glitch-2{0%,85%,to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}86%{clip-path:inset(12% 0 68%);opacity:.95;transform:translate(6px,-1px)}87%{clip-path:inset(48% 0 28%);opacity:.95;transform:translate(-6px,1px)}88.5%{clip-path:inset(68% 0 13%);opacity:.9;transform:translate(3px,-1px)}90%{clip-path:inset(5% 0 75%);opacity:.85;transform:translate(-3px)}92%{clip-path:inset(42% 0);opacity:.7;transform:translate(2px,1px)}94%{clip-path:inset(0 0 100%);opacity:0}}@keyframes title-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;animation:title-entrance .7s var(--ease) both;flex-direction:column;margin-bottom:2rem;font-size:clamp(5rem,12vw,10rem);font-weight:900;line-height:.85;display:flex}.title-line-1{color:var(--accent-text);letter-spacing:.45em;font-size:.35em;font-weight:400;font-family:var(--font-mono);margin-bottom:.3em;animation-delay:50ms}.title-line-2{color:var(--white);-webkit-text-fill-color:var(--white);text-shadow:0 2px 24px #000000e6;display:inline-block;position:relative}.title-line-2:before,.title-line-2:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.title-line-2:before{color:#00e5ff;text-shadow:-1px 0 #00e5ff,0 0 8px #00e5ffe6;animation:2.4s steps(12,end) infinite glitch-1}.title-line-2:after{color:#ff3b5c;text-shadow:1px 0 #ff3b5c,0 0 8px #ff3b5ce6;animation:2.4s steps(12,end) infinite reverse glitch-2}.title-line-2:hover:before,.title-line-2:hover:after{animation-duration:.45s}.title-dot{color:var(--accent-text);-webkit-text-fill-color:var(--accent-text)}.hero-desc{color:var(--text-dim);border-left:2px solid var(--accent);max-width:440px;margin-bottom:2.5rem;padding-left:1rem;font-size:1rem;font-weight:400;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.btn-primary,.btn-secondary{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;transition:all .15s var(--ease);cursor:crosshair;border-radius:0;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--white);border:1px solid var(--accent)}.btn-primary:hover{color:var(--accent-text);box-shadow:4px 4px 0 var(--accent);background:0 0;transform:translate(-2px,-2px)}.btn-secondary{color:var(--white);background:0 0;border:1px solid #ffffff4d}.btn-secondary:hover{border-color:var(--white);transform:translate(-2px,-2px);box-shadow:4px 4px #fff3}.btn-primary{background:var(--neon);color:var(--white);border:1px solid var(--neon);box-shadow:0 0 20px var(--neon-glow)}.btn-primary:hover{color:var(--accent-text);box-shadow:0 0 30px var(--neon-glow), inset 0 0 20px var(--neon-dim);background:0 0}.btn-secondary{color:var(--text-dim);backdrop-filter:blur(6px);background:#0a0e168c;border:1px solid #ffffff14}.btn-secondary:hover{border-color:var(--accent-text);color:var(--accent-text)}.btn-icon{font-size:.6rem}.terminal-box{border:1px solid var(--border);background:#00d4ff08;border-radius:8px;max-width:420px;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border);background:#00d4ff0d;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.t-dot{border-radius:50%;width:10px;height:10px}.t-dot.red{background:var(--red)}.t-dot.yellow{background:#ffbe2e}.t-dot.green{background:var(--green)}.t-title{font-family:var(--font-mono);color:var(--text-dim);margin-left:.5rem;font-size:.7rem}.terminal-body{flex-direction:column;gap:.3rem;padding:1rem 1.2rem;display:flex}.t-line{font-family:var(--font-mono);font-size:.8rem;line-height:1.5}.t-prompt{color:var(--accent-text)}.t-cmd{color:var(--text)}.t-output{color:var(--text-dim);padding-left:1rem}.t-green{color:var(--green)}.t-cursor{color:var(--accent-text);animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-visual{flex-shrink:0;justify-content:center;align-items:center;width:480px;height:480px;display:flex;position:relative}.three-canvas{background:0 0;border-radius:50%;width:100%!important;height:100%!important}.title-line-1{color:var(--champagne);letter-spacing:.08em;font-size:.7em;font-weight:300}.title-line-2{color:#0000;-webkit-text-stroke:1.5px var(--gold);text-stroke:1.5px var(--gold);text-shadow:0 0 40px #c9a84c4d}.title-dot{color:var(--gold);-webkit-text-stroke:0;text-shadow:0 0 20px var(--gold), 0 0 40px #c9a84c80}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.data-point{font-family:var(--font-mono);border:1px solid var(--border-gold);color:var(--champagne);letter-spacing:.12em;white-space:nowrap;backdrop-filter:blur(4px);background:#c9a84c0f;border-radius:2px;padding:.3rem .75rem;font-size:.6rem;animation:4s ease-in-out infinite float;position:absolute}.dp-1{animation-delay:0s;top:12%;left:2%}.dp-2{animation-delay:.8s;top:8%;right:2%}.dp-3{animation-delay:1.6s;bottom:18%;left:0%}.dp-4{animation-delay:2.4s;bottom:12%;right:2%}.stats-bar{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex}.stat-item{flex-direction:column;gap:.2rem;display:flex}.stat-val{color:var(--white);letter-spacing:-.02em;text-shadow:0 1px 10px #0009;font-size:1.85rem;font-weight:900}.stat-val:after{content:""}.stat-lbl{font-family:var(--font-mono);color:#9aa8c0;letter-spacing:.16em;font-size:.7rem;font-weight:600}.stat-divider{color:#ffffff2e;font-size:1.6rem;font-weight:300}.stats-bar{-webkit-backdrop-filter:blur(6px);background:linear-gradient(#0a0e168c,#0a0e1659);border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff08}.platforms{background:var(--bg-2);padding:6rem 2rem;position:relative}.platforms-inner{max-width:1400px;margin:0 auto}.section-header{margin-bottom:4rem}.section-tag{font-family:var(--font-mono);color:var(--accent-text);letter-spacing:.22em;text-shadow:0 0 14px #0066ff59;margin-bottom:1rem;font-size:.78rem;font-weight:600}.section-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 16px #0009;margin-bottom:1rem;font-size:clamp(2.6rem,5vw,3.6rem);font-weight:900}.section-desc{color:#c2d0e6;max-width:560px;font-size:1.02rem;font-weight:400;line-height:1.7}.cards-grid{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.tilt-glare{pointer-events:none;z-index:3;opacity:0;border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.cursor-particle{pointer-events:none;z-index:9999;opacity:0;will-change:transform, opacity, left, top;border-radius:50%;transition:none;position:fixed}@keyframes border-spin{0%{--border-angle:0deg}to{--border-angle:360deg}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card{background:var(--bg-card);color:inherit;transform-style:preserve-3d;cursor:crosshair;will-change:transform, opacity;opacity:0;border:1px solid #ffffff1f;border-radius:0;flex-direction:column;padding:2.2rem 7.2rem;text-decoration:none;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .3s;display:flex;position:relative;overflow:visible;transform:translateY(38px)scale(.96)}.card:before{content:"";background:var(--accent);transform-origin:bottom;width:3px;transition:transform .3s var(--ease);z-index:2;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.card:hover:before{transform:scaleY(1)}.card:after{content:"";background:conic-gradient(from var(--border-angle), transparent 0%, transparent 35%, var(--accent) 48%, #fff4 50%, var(--accent) 52%, transparent 65%, transparent 100%);opacity:0;z-index:-1;border-radius:0;transition:opacity .2s;position:absolute;inset:-1px}.card:hover:after{opacity:1;animation:2s linear infinite border-spin}.card>.card-inner-bg{background:var(--bg-card);z-index:-1;position:absolute;inset:1px}@keyframes neon-pulse-cyan{0%,to{opacity:.85;filter:drop-shadow(0 0 6px #00e5ff)drop-shadow(0 0 12px #00e5ff)}50%{opacity:1;filter:drop-shadow(0 0 12px #00e5ff)drop-shadow(0 0 24px #00e5ff)drop-shadow(0 0 40px #00e5ff)}}@keyframes neon-pulse-purple{0%,to{opacity:.85;filter:drop-shadow(0 0 6px #a855f7)drop-shadow(0 0 12px #a855f7)}50%{opacity:1;filter:drop-shadow(0 0 12px #a855f7)drop-shadow(0 0 24px #a855f7)drop-shadow(0 0 40px #a855f7)}}@keyframes neon-pulse-green{0%,to{opacity:.85;filter:drop-shadow(0 0 6px #22c55e)drop-shadow(0 0 12px #22c55e)}50%{opacity:1;filter:drop-shadow(0 0 12px #22c55e)drop-shadow(0 0 24px #22c55e)drop-shadow(0 0 40px #22c55e)}}@keyframes neon-pulse-amber{0%,to{opacity:.85;filter:drop-shadow(0 0 6px #f59e0b)drop-shadow(0 0 12px #f59e0b)}50%{opacity:1;filter:drop-shadow(0 0 12px #f59e0b)drop-shadow(0 0 24px #f59e0b)drop-shadow(0 0 40px #f59e0b)}}.card-border-left,.card-border-right{pointer-events:none;z-index:3;visibility:visible;clip-path:inset(0 0% 0 0);opacity:.95;width:80px;position:absolute;top:0;bottom:0;-webkit-mask-image:url(/dayak-mask.png);mask-image:url(/dayak-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.card-border-left{left:0}.card-border-right{right:0;transform:scaleX(-1)}.card:hover .card-border-left,.card:hover .card-border-right{opacity:1}.card[data-index="0"] .card-border-left,.card[data-index="0"] .card-border-right{background:#00e5ff;animation:2.5s ease-in-out infinite neon-pulse-cyan}.card[data-index="1"] .card-border-left,.card[data-index="1"] .card-border-right{background:#a855f7;animation:2.5s ease-in-out infinite neon-pulse-purple}.card[data-index="2"] .card-border-left,.card[data-index="2"] .card-border-right{background:#22c55e;animation:2.5s ease-in-out infinite neon-pulse-green}.card[data-index="3"] .card-border-left,.card[data-index="3"] .card-border-right{background:#f59e0b;animation:2.5s ease-in-out infinite neon-pulse-amber}.card[data-index="4"] .card-border-left,.card[data-index="4"] .card-border-right{background:#ff2d2d;animation:2.5s ease-in-out infinite neon-pulse-amber}.card:hover .card-border-left,.card:hover .card-border-right{animation-duration:1s}.card.visible{opacity:1;transform:translateY(0)scale(1)}.card:first-child{transition-delay:0s,0s,0s,0s}.card:nth-child(2){transition-delay:.12s,.12s,0s,0s}.card:nth-child(3){transition-delay:.24s,.24s,0s,0s}.card:nth-child(4){transition-delay:.36s,.36s,0s,0s}.card:nth-child(5){transition-delay:.48s,.48s,0s,0s}.card:nth-child(6){transition-delay:.6s,.6s,0s,0s}.card:hover{border-color:#00d4ff80;transform:translateY(-6px);box-shadow:0 20px 40px #0006,0 0 30px #00d4ff14}.card-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-tag{font-family:var(--font-mono);color:var(--accent-text);letter-spacing:.18em;border:1px solid #00d4ff40;border-radius:2px;padding:.25rem .6rem;font-size:.65rem}.card-number{font-family:var(--font-mono);color:var(--text-dim);font-size:.75rem}.card-icon-wrap{width:44px;height:44px;color:var(--accent-text);opacity:.8;margin-bottom:1.2rem;transition:opacity .3s,transform .3s}.card:hover .card-icon-wrap{opacity:1;transform:scale(1.1)}.card-icon-wrap svg{width:100%;height:100%}.card-name{color:var(--text);letter-spacing:-.01em;margin-bottom:.6rem;font-size:1.4rem;font-weight:600}.card-desc{color:var(--text-dim);flex:1;margin-bottom:1.5rem;font-size:.875rem;font-weight:300;line-height:1.6}.card-footer{margin-top:auto}.card-link{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.15em;font-size:.7rem;transition:color .3s}.card:hover .card-link{color:var(--accent-text)}.card-glow{background:linear-gradient(135deg, var(--neon), var(--purple));opacity:0;z-index:-1;filter:blur(16px);border-radius:10px;transition:opacity .4s;position:absolute;inset:-2px}.card:hover .card-glow{opacity:.15}.card-flap{z-index:3;pointer-events:none;height:0;position:absolute;top:0;left:0;right:0;overflow:visible}.card-flap:before{content:"";background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;backface-visibility:hidden;border-bottom:none;height:60px;transition:transform .5s cubic-bezier(.4,0,.2,1),background .3s,border-color .3s;position:absolute;top:0;left:0;right:0;transform:rotateX(0)}.card:before{content:"";background:linear-gradient(135deg, transparent calc(50% - .5px), var(--border) calc(50% - .5px), var(--border) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(225deg, transparent calc(50% - .5px), var(--border) calc(50% - .5px), var(--border) calc(50% + .5px), transparent calc(50% + .5px));opacity:.3;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.card-inner{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:100%;height:100%;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;transform:translateY(0)}.card:hover .card-flap:before{background:color-mix(in srgb, var(--bg-card) 80%, var(--neon) 20%);border-color:var(--accent-text);transform:rotateX(-160deg)}.card:hover .card-inner{transform:translateY(-8px)}.card:hover:before{opacity:.15}.footer{border-top:1px solid var(--border);background:var(--bg);padding:2rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.footer-brand{font-family:var(--font-mono)}.footer-brand p{color:var(--text-dim);letter-spacing:.05em;margin-top:.3rem;font-size:.75rem}.footer-links{gap:2rem;display:flex}.footer-links a{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.1em;font-size:.75rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-text)}@media (width<=1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.nav-links{gap:.9rem}.nav-link{letter-spacing:.1em;font-size:.68rem}.hero-inner{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem}.hero-visual{width:320px;height:320px;margin:0 auto;display:flex}.hero-title{font-size:clamp(3rem,14vw,5rem)}.cards-grid{grid-template-columns:1fr}.card{padding:1.5rem 4.2rem}.card-border-left,.card-border-right{opacity:.8;width:42px}.stats-bar{gap:1rem;padding:1rem 1.5rem}.stat-divider{display:none}.stats-bar{grid-template-columns:repeat(2,1fr);display:grid}.footer-inner{flex-direction:column;align-items:flex-start}.card{transition-duration:.52s,.52s,.2s,.3s;transform:translateY(24px)scale(.99)}.eco-card{transition-duration:.45s,.45s,.3s;transform:translateY(18px)scale(.99)}.faq-item{transition-duration:.4s,.4s,.3s;transform:translateY(14px)}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:#ff3b5c;clip-path:polygon(0 0,100% 0,100% 40%,0 40%);animation:2.8s steps(10,end) infinite glitch-before}.glitch:after{color:#00d4ff;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);animation:2.8s steps(10,end) infinite glitch-after}@keyframes glitch-before{0%,70%,to{opacity:0;transform:none}71%{opacity:.95;transform:translate(-5px)}72%{opacity:.95;transform:translate(5px)}73%{opacity:0;transform:none}76%{opacity:.85;transform:translate(-3px,1px)}77%{opacity:0}84%{opacity:.9;transform:translate(4px,-1px)}85%{opacity:0}}@keyframes glitch-after{0%,70%,to{opacity:0;transform:none}71%{opacity:.95;transform:translate(5px)}72%{opacity:.95;transform:translate(-5px)}73%{opacity:0;transform:none}76%{opacity:.85;transform:translate(3px,-1px)}77%{opacity:0}84%{opacity:.9;transform:translate(-4px,1px)}85%{opacity:0}}.title-line-2.glitch:before{opacity:1;color:#00e5ff!important;text-shadow:-1px 0 #00e5ff,0 0 8px #00e5ffe6!important;animation:2.4s steps(12,end) infinite glitch-1!important}.title-line-2.glitch:after{opacity:1;color:#ff3b5c!important;text-shadow:1px 0 #ff3b5c,0 0 8px #ff3b5ce6!important;animation:2.4s steps(12,end) infinite reverse glitch-2!important}.orb-radar{border:1px solid var(--neon);pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.orb-radar:first-child{animation:3s ease-out infinite radar}.orb-radar:nth-child(2){animation:3s ease-out 1s infinite radar}.orb-radar:nth-child(3){animation:3s ease-out 2s infinite radar}@keyframes radar{0%{opacity:.6;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.card:after{content:"";background:linear-gradient(90deg, var(--neon), var(--purple), #00ff9c, var(--neon));opacity:0;z-index:-1;-webkit-mask-composite:xor;background-size:300%;border-radius:9px;padding:1px;transition:opacity .3s;animation:2s linear infinite paused border-trace;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.card:hover:after{opacity:1;animation-play-state:running}@keyframes border-trace{0%{background-position:0%}to{background-position:300%}}.about{background:var(--bg);border-top:1px solid var(--border);padding:6rem 2rem;position:relative}.about .section-header,.about-body,.about-stat{opacity:0;will-change:opacity, transform;transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}.about .section-header.visible,.about-body.visible,.about-stat.visible{opacity:1;transform:translateY(0)}.about-stat:first-child{transition-delay:60ms,60ms}.about-stat:nth-child(2){transition-delay:.14s,.14s}.about-stat:nth-child(3){transition-delay:.22s,.22s}.about-body{transition-delay:.1s,.1s}.about .section-header{transition-delay:0s,0s}@media (width<=768px){.about .section-header,.about-body,.about-stat{transition-duration:.48s,.48s;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){.about .section-header,.about-body,.about-stat{opacity:1!important;transform:none!important}}.about-inner{max-width:1200px;margin:0 auto}.about-grid{grid-template-columns:1.6fr 1fr;align-items:center;gap:3rem;margin-top:3rem;display:grid}.about-body p{color:var(--text);max-width:65ch;margin-bottom:1.2rem;font-size:1.05rem;line-height:1.8}.about-body strong{color:var(--accent-text)}.about-body em{color:var(--text-dim)}.about-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.about-stat{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:1rem;padding:1.5rem}.about-stat-val{font-family:var(--font-display);color:var(--accent-text);font-size:2.4rem;font-weight:900;display:block}.about-stat-lbl{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.ecosystem{background:var(--bg-2);border-top:1px solid var(--border);padding:6rem 2rem;position:relative}.ecosystem-inner{max-width:1200px;margin:0 auto}.eco-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;display:grid}.eco-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--neon);transition:border-color .3s var(--ease), transform .3s var(--ease);opacity:0;transition:opacity .62s cubic-bezier(.22,1,.36,1), transform .62s cubic-bezier(.22,1,.36,1), border-color .3s var(--ease);border-radius:1rem;padding:2rem;transform:translateY(28px)scale(.97)}.eco-card.visible{opacity:1;transform:translateY(0)scale(1)}.eco-card:hover{border-color:var(--accent-text);transform:translateY(-4px)}.eco-card h3{font-family:var(--font-display);color:var(--white);letter-spacing:.02em;margin-bottom:.8rem;font-size:1.4rem;font-weight:700}.eco-card p{color:var(--text-dim);font-size:.95rem;line-height:1.7}.faq{background:var(--bg);border-top:1px solid var(--border);padding:6rem 2rem;position:relative}.faq-inner{max-width:820px;margin:0 auto}.faq-list{flex-direction:column;gap:.8rem;margin-top:2.5rem;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border);opacity:0;border-radius:.8rem;padding:1.2rem 1.5rem;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),border-color .3s;transform:translateY(22px)}.faq-item.visible{opacity:1;transform:translateY(0)}.faq-item:hover{border-color:var(--accent-text)}.faq-item summary{cursor:pointer;color:var(--white);justify-content:space-between;align-items:center;gap:1rem;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent-text);font-size:1.4rem;font-weight:400;transition:transform .3s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--text-dim);margin-top:.9rem;font-size:.95rem;line-height:1.7}.noise-overlay{pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}.stat-val{transition:all .1s}.stat-val.counting{color:var(--green)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.card,.eco-card,.faq-item{opacity:1!important;transform:none!important}}@media (hover:none) and (pointer:coarse){.card:before{opacity:0!important;animation:none!important}.card-flap{display:none}.cards-grid{perspective:none}.card{transform-style:flat}.card-border-left,.card-border-right{opacity:.6;transition:none;visibility:visible!important;clip-path:inset(0 0% 0 0)!important;animation:none!important}.card[data-index="0"] .card-border-left,.card[data-index="0"] .card-border-right,.card[data-index="1"] .card-border-left,.card[data-index="1"] .card-border-right,.card[data-index="2"] .card-border-left,.card[data-index="2"] .card-border-right,.card[data-index="3"] .card-border-left,.card[data-index="3"] .card-border-right{animation:none!important}.title-line-2{background-position:0%!important;animation:none!important}.card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px #0000004d!important}.cursor-particle{display:none!important}.hero-visual{width:280px;height:280px}.noise-overlay{display:none}}.stats-bar{z-index:5!important;background:#0a0a0a!important;border-top:1px solid #1e2a44!important;border-bottom:1px solid #1e2a44!important;position:relative!important}.stat-val{color:#fff!important;opacity:1!important;text-shadow:0 2px 12px #000000e6!important;font-size:2rem!important;font-weight:900!important}.stat-lbl{color:#b8c6e0!important;opacity:1!important;font-size:.72rem!important;font-weight:700!important}.stat-divider{color:#2a3a5c!important;opacity:1!important}.section-tag{color:#3b82f6!important;opacity:1!important}.section-title{color:#fff!important;opacity:1!important}.section-desc{color:#d0dcf0!important;opacity:1!important}.platforms,.about,.ecosystem,.faq{background:#0a0a0a!important}.card,.eco-card,.faq-item,.about .section-header,.about-body,.about-stat{opacity:1!important;transform:none!important}.card-name,.card-desc{color:#e8e8e8!important;opacity:1!important}@media (width<=1024px) and (hover:none){.card:before{opacity:0!important;animation:none!important}}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-stats{grid-template-columns:repeat(3,1fr);gap:.8rem}.about-stat-val{font-size:1.8rem}.eco-cards{grid-template-columns:1fr;gap:1rem}.about,.ecosystem,.faq{padding:4rem 1.5rem}}@media (width<=480px){.about-stats{grid-template-columns:1fr}.about-stat{padding:1.2rem}.faq-item summary{font-size:.95rem}}