.eco-root{--bg:#0a0b07;--bg-2:#100f09;--ink:#f7f1df;--muted:#a9a18c;--panel:#1618109e;--panel-2:#ffffff0b;--honey:#ffd45a;--amber:#ff9f1c;--teal:#55e4ca;--blue:#6aa6ff;--violet:#a78bfa;--rose:#f17676;--accent:#ffd45a;--accent-2:#ff9f1c;--accent-3:#55e4ca;--line:#ffd45a26;--glow:1;--maxw:1200px;--radius:16px}.eco-root[data-direction=gold]{--bg:#0a0b07;--bg-2:#100f09;--ink:#f7f1df;--muted:#a9a18c;--accent:#ffd45a;--accent-2:#ff9f1c;--accent-3:#55e4ca;--line:#ffd45a26}.eco-root[data-direction=teal]{--bg:#050f0e;--bg-2:#07140f;--ink:#e9faf4;--muted:#87a89e;--accent:#55e4ca;--accent-2:#36c7ae;--accent-3:#ffd45a;--line:#55e4ca29}.eco-root[data-direction=electric]{--bg:#070a12;--bg-2:#0a0e1b;--ink:#eef2ff;--muted:#969fc0;--accent:#6aa6ff;--accent-2:#4b8bf5;--accent-3:#ffd45a;--line:#6aa6ff2b}.eco-root,.eco-root *{box-sizing:border-box}.eco-root{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color:var(--ink);background:var(--bg);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5;overflow-x:hidden}.eco-root .bg-atmos{z-index:-3;pointer-events:none;background:radial-gradient(60rem 40rem at 6% -4%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 60%), radial-gradient(52rem 36rem at 96% 2%, color-mix(in oklab, var(--accent-2) 18%, transparent), transparent 58%), radial-gradient(70rem 60rem at 50% 120%, color-mix(in oklab, var(--accent-3) 12%, transparent), transparent 60%), linear-gradient(160deg, var(--bg) 0%, var(--bg-2) 55%, var(--bg) 100%);position:fixed;inset:0}.eco-root .bg-hex{z-index:-2;pointer-events:none;opacity:.5;filter:blur(3px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%23ffffff' fill-opacity='0.5'/%3E%3C/svg%3E");background-size:58px 101px;position:fixed;inset:-10px;-webkit-mask-image:radial-gradient(150% 125% at 50% -12%,#000 0%,#0000008c 48%,#0000 82%);mask-image:radial-gradient(150% 125% at 50% -12%,#000 0%,#0000008c 48%,#0000 82%)}.eco-root .bg-grain{z-index:-1;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.eco-root[data-grain=off] .bg-grain{display:none}.eco-root a{color:inherit;text-decoration:none}.eco-root img{max-width:100%;height:auto;display:block}.eco-root .wrap{width:min(var(--maxw), calc(100vw - 40px));margin-inline:auto}.eco-root h1,.eco-root h2,.eco-root h3,.eco-root h4{color:var(--ink);font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;margin:0;font-weight:800}.eco-root .ital{font-family:var(--font-serif), Georgia, serif;letter-spacing:0;font-style:italic;font-weight:400}.eco-root .accent-grad{background:linear-gradient(100deg, var(--accent), var(--accent-2) 55%, var(--accent));color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite pan}.eco-root .teal-grad{background:linear-gradient(100deg, var(--teal), #2bb7a0 55%, var(--teal));color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite pan}.eco-root .hero-grad{animation:none}@keyframes pan{to{background-position:220% 0}}.eco-root .eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:9px;font-size:.74rem;font-weight:500;display:inline-flex}.eco-root .eyebrow.teal{color:var(--teal)}.eco-root .eyebrow.violet{color:var(--violet)}.eco-root .eyebrow .dot{width:7px;height:7px;box-shadow:0 0 calc(10px * var(--glow)) currentColor;background:currentColor;border-radius:50%;animation:2.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.eco-root .lede{color:color-mix(in oklab, var(--ink) 80%, transparent);font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.62}.eco-root .btn{min-height:50px;font-family:var(--font-body), sans-serif;border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:.98rem;font-weight:600;transition:transform .18s,box-shadow .25s,background .2s;display:inline-flex}.eco-root .btn svg{width:18px;height:18px}.eco-root .btn-primary{color:#1a1305;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 14px 40px color-mix(in oklab, var(--accent-2) 32%, transparent), inset 0 1px 0 #ffffff59;border-color:#0000}.eco-root[data-direction=electric] .btn-primary,.eco-root[data-direction=teal] .btn-primary{color:#04130f}.eco-root .btn-primary:hover{box-shadow:0 20px 54px color-mix(in oklab, var(--accent-2) 42%, transparent), inset 0 1px 0 #fff6;transform:translateY(-2px)}.eco-root .btn-ghost{color:var(--ink);background:var(--panel-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eco-root .btn-ghost:hover{background:color-mix(in oklab, var(--accent) 12%, var(--panel-2));border-color:color-mix(in oklab, var(--accent) 35%, var(--line));transform:translateY(-2px)}.eco-root .nav{z-index:60;border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100vw - 28px);padding:9px 9px 9px 16px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0006}.eco-root .nav.is-scrolled{box-shadow:0 18px 50px #0000008c}.eco-root .brand{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;align-items:center;gap:11px;font-size:1.08rem;font-weight:800;display:flex}.eco-root .brand img{border-radius:8px;width:34px;height:34px}.eco-root .nav-links{align-items:center;gap:2px;display:flex}.eco-root .nav-links a{color:var(--muted);border-radius:9px;padding:9px 13px;font-size:.92rem;font-weight:500;transition:color .15s,background .15s}.eco-root .nav-links a:hover{color:var(--ink);background:color-mix(in oklab, var(--accent) 12%, transparent)}.eco-root .nav-cta{align-items:center;gap:8px;display:flex}.eco-root .nav .btn{min-height:42px;padding:10px 16px;font-size:.9rem}.eco-root .hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(120px,16vh,180px) 0 clamp(54px,8vh,96px);display:grid;position:relative}.eco-root .hero-copy{z-index:3;max-width:660px;position:relative}.eco-root .hero h1{margin:20px 0 0;font-size:clamp(2.7rem,6vw,5.4rem);line-height:.96}.eco-root .hero .lede{max-width:560px;margin:26px 0 0}.eco-root .hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.eco-root .hero-meta{flex-wrap:wrap;gap:22px;margin-top:30px;display:flex}.eco-root .hero-meta .stat{flex-direction:column;gap:2px;display:flex}.eco-root .hero-meta .stat b{font-family:var(--font-display), sans-serif;color:var(--ink);font-size:1.32rem}.eco-root .hero-meta .stat span{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.66rem}.eco-root .flow-panel{z-index:2;border:1px solid var(--line);border-radius:var(--radius);aspect-ratio:1;background:linear-gradient(#ffffff0d,#0000002e);min-height:440px;position:relative;overflow:hidden;box-shadow:0 40px 110px #0000008c}.eco-root .cp-bar{border-bottom:1px solid color-mix(in oklab, var(--ink) 8%, transparent);align-items:center;gap:8px;padding:13px 15px;display:flex}.eco-root .cp-bar i{border-radius:50%;flex:none;width:10px;height:10px;display:block}.eco-root .cp-bar i:first-child{background:var(--rose)}.eco-root .cp-bar i:nth-child(2){background:var(--accent)}.eco-root .cp-bar i:nth-child(3){background:var(--accent-3)}.eco-root .cp-bar .lbl{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-left:6px;font-size:.72rem}.eco-root .cp-bar .live{font-family:var(--font-mono), monospace;color:var(--accent-3);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:.68rem;display:flex}.eco-root .cp-bar .live:before{content:"";background:var(--accent-3);width:6px;height:6px;box-shadow:0 0 8px var(--accent-3);border-radius:50%;animation:1.8s infinite blink}.eco-root .flow-canvas{width:100%;height:calc(100% - 47px);display:block}.eco-root .section{padding:clamp(70px,10vh,130px) 0;position:relative}.eco-root .section-head{max-width:770px;margin-bottom:48px}.eco-root .section-head.center{text-align:center;margin-inline:auto}.eco-root .section-head.center .eyebrow{justify-content:center}.eco-root .section-head h2{margin-top:16px;font-size:clamp(2rem,4.4vw,3.7rem);line-height:1}.eco-root .section-head p{color:var(--muted);max-width:660px;margin:18px 0 0;font-size:1.06rem;line-height:1.66}.eco-root .section-head.center p{margin-inline:auto}.eco-root .layers{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:24px;display:grid}.eco-root .layer-card{border-radius:var(--radius);border:1px solid color-mix(in oklab, var(--lc,var(--accent)) 26%, var(--line));background:linear-gradient(180deg, color-mix(in oklab, var(--lc) 9%, #ffffff08), #00000029);padding:30px 28px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.eco-root .layer-card:hover{border-color:color-mix(in oklab, var(--lc) 45%, var(--line));transform:translateY(-5px);box-shadow:0 28px 64px #0006}.eco-root .layer-card:before{content:"";pointer-events:none;background:radial-gradient(22rem 14rem at 50% -8%, color-mix(in oklab, var(--lc) 22%, transparent), transparent 70%);position:absolute;inset:0}.eco-root .layer-head{align-items:center;gap:16px;display:flex;position:relative}.eco-root .layer-badge{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg, color-mix(in oklab, var(--lc) 50%, var(--bg)), color-mix(in oklab, var(--lc) 16%, var(--bg)));flex:none;place-items:center;width:56px;height:62px;display:grid;position:relative}.eco-root .layer-badge svg{color:#15110a;width:26px;height:26px}.eco-root .layer-card[data-l=hive] .layer-badge svg{color:#04130f}.eco-root .layer-head h3{letter-spacing:-.02em;font-size:1.9rem}.eco-root .layer-head .role{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--lc) 80%, white);margin-top:4px;font-size:.68rem;display:block}.eco-root .layer-card p{color:var(--muted);margin:20px 0 0;font-size:1rem;line-height:1.62;position:relative}.eco-root .layer-points{gap:11px;margin:22px 0 0;padding:0;list-style:none;display:grid;position:relative}.eco-root .layer-points li{color:var(--ink);align-items:flex-start;gap:11px;font-size:.96rem;display:flex}.eco-root .layer-points li svg{width:17px;height:17px;color:var(--lc);flex:none;margin-top:3px}.eco-root .layer-bridge{align-self:center;place-items:center;width:96px;display:grid}.eco-root .layer-bridge .bridge-pill{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:8px;font-size:.6rem}.eco-root .layer-bridge svg{width:96px;height:40px;overflow:visible}.eco-root .feature-grid{grid-template-columns:repeat(var(--cols,3), 1fr);gap:16px;display:grid}.eco-root .feature-grid.stagger>:nth-child(3n+2){transform:translateY(26px)}.eco-root .feat{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#ffffff0e,#ffffff04);padding:26px 24px;transition:transform .25s,border-color .25s,box-shadow .3s;position:relative;overflow:hidden}.eco-root .feat:before{content:"";opacity:0;background:radial-gradient(20rem 14rem at 50% -10%, color-mix(in oklab, var(--ft,var(--accent)) 22%, transparent), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.eco-root .feat:hover{border-color:color-mix(in oklab, var(--ft,var(--accent)) 40%, var(--line));transform:translateY(-6px);box-shadow:0 26px 60px #00000059}.eco-root .feat:hover:before{opacity:1}.eco-root .feat-badge{place-items:center;width:50px;height:56px;margin-bottom:18px;display:grid;position:relative}.eco-root .feat-badge:before,.eco-root .feat-badge:after{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute;inset:0}.eco-root .feat-badge:before{background:color-mix(in oklab, var(--ft,var(--accent)) 58%, transparent)}.eco-root .feat-badge:after{background:linear-gradient(160deg, color-mix(in oklab, var(--ft,var(--accent)) 32%, var(--bg)), color-mix(in oklab, var(--ft,var(--accent)) 12%, var(--bg)));inset:2px}.eco-root .feat-badge svg{z-index:1;width:23px;height:23px;color:var(--ft,var(--accent));position:relative}.eco-root .feat h3{letter-spacing:-.01em;font-size:1.22rem}.eco-root .feat .summary{color:var(--muted);margin:9px 0 0;font-size:.96rem;line-height:1.58}.eco-root .feat .num{font-family:var(--font-mono), monospace;color:color-mix(in oklab, var(--ft,var(--accent)) 70%, transparent);font-size:.72rem;position:absolute;top:20px;right:22px}.eco-root .feat .tag{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;border:1px solid color-mix(in oklab, var(--ft,var(--accent)) 34%, var(--line));color:color-mix(in oklab, var(--ft,var(--accent)) 85%, white);background:color-mix(in oklab, var(--ft,var(--accent)) 8%, transparent);border-radius:999px;align-items:center;gap:7px;margin-top:14px;padding:4px 9px;font-size:.62rem;display:inline-flex}.eco-root .feat .tag .pip{background:currentColor;border-radius:50%;width:6px;height:6px}.eco-root .feat .tag.live .pip{box-shadow:0 0 0 3px color-mix(in oklab, currentColor 22%, transparent);animation:1.8s infinite blink}.eco-root .feat-items{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.eco-root .feat-items li{color:color-mix(in oklab, var(--ink) 82%, transparent);align-items:center;gap:9px;font-size:.9rem;display:flex}.eco-root .feat-items li:before{content:"";background:var(--ft,var(--accent));border-radius:1px;flex:none;width:5px;height:5px;transform:rotate(45deg)}.eco-root .feat.mini{padding:22px}.eco-root .feat.mini .feat-badge{width:42px;height:47px;margin-bottom:14px}.eco-root .feat.mini .feat-badge svg{width:19px;height:19px}.eco-root .feat.mini h3{font-size:1.04rem;line-height:1.3}.eco-root .alloc{gap:28px;display:grid}.eco-root .alloc-stack{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;width:100%;height:46px;display:flex;overflow:hidden}.eco-root .alloc-seg{width:0;transition:width 1.1s cubic-bezier(.2,.7,.3,1);transition-delay:var(--sd,0s)}.eco-root .alloc-seg+.alloc-seg{box-shadow:inset 1px 0 #00000059}.eco-root .alloc.in .alloc-seg{width:var(--w)}.eco-root .alloc-rows{grid-template-columns:1fr 1fr;gap:12px;display:grid}.eco-root .alloc-row{border:1px solid var(--line);background:var(--panel-2);border-radius:13px;grid-template-columns:16px 1fr auto;align-items:center;gap:14px;padding:16px 18px;transition:border-color .25s,transform .25s;display:grid}.eco-root .alloc-row:hover{border-color:color-mix(in oklab, var(--ar,var(--accent)) 42%, var(--line));transform:translate(4px)}.eco-root .alloc-row .swatch{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--ar,var(--accent));width:14px;height:16px}.eco-root .alloc-row .meta b{font-family:var(--font-display), sans-serif;font-size:1.04rem;font-weight:700;display:block}.eco-root .alloc-row .meta span{color:var(--muted);font-size:.86rem}.eco-root .alloc-row .pct{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;color:var(--ar,var(--ink));font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800}.eco-root .split{grid-template-columns:.95fr 1.05fr;align-items:center;gap:40px;display:grid}.eco-root .check-stack{gap:14px;display:grid}.eco-root .check{border:1px solid color-mix(in oklab, var(--accent-3) 14%, var(--line));background:linear-gradient(#ffffff12,#ffffff06);border-radius:14px;grid-template-columns:30px 1fr;align-items:start;gap:14px;padding:18px 20px;transition:border-color .25s,transform .25s,box-shadow .25s;display:grid}.eco-root .check:hover{border-color:color-mix(in oklab, var(--accent-3) 50%, var(--line));transform:translate(4px);box-shadow:0 18px 44px #00000052}.eco-root .check .hexmark{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg, color-mix(in oklab, var(--accent-3) 60%, var(--bg)), color-mix(in oklab, var(--accent-3) 26%, var(--bg)));place-items:center;width:30px;height:34px;display:grid}.eco-root .check .hexmark svg{color:#05130f;width:16px;height:16px}.eco-root .check b{font-family:var(--font-display), sans-serif;color:var(--ink);margin-bottom:4px;font-size:1.04rem;font-weight:700;display:block}.eco-root .check span{color:color-mix(in oklab, var(--ink) 82%, transparent);font-size:.96rem;line-height:1.55}.eco-root .flow-figure{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(circle at 50% 30%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 64%), var(--panel);padding:30px 28px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0006}.eco-root .flow-figure .glow{border-radius:var(--radius);pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 22%, transparent), 0 0 60px color-mix(in oklab, var(--accent) 14%, transparent);position:absolute;inset:-1px}.eco-root .flow-rail{gap:24px;display:grid}.eco-root .flow-rail .rail-label{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--ink) 62%, transparent);margin-bottom:12px;font-size:.64rem;display:block}.eco-root .flow-steps{flex-direction:column;align-items:stretch;gap:7px;display:flex}.eco-root .fstep{border:1px solid color-mix(in oklab, var(--fn,var(--accent)) 24%, var(--line));background:linear-gradient(180deg, color-mix(in oklab, var(--fn,var(--accent)) 10%, #ffffff0a), #00000029);border-radius:12px;align-items:center;gap:11px;width:100%;padding:13px 15px;display:flex}.eco-root .fstep .fdot{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--fn,var(--accent));width:12px;height:13px;box-shadow:0 0 calc(11px * var(--glow)) color-mix(in oklab, var(--fn,var(--accent)) 55%, transparent);flex:none}.eco-root .fstep .ftxt{font-family:var(--font-display), sans-serif;color:var(--ink);white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.2}.eco-root .fsep{height:13px;color:color-mix(in oklab, var(--ink) 48%, transparent);place-items:center;display:grid}.eco-root .fsep svg{width:17px;height:17px}.eco-root .flow-uses{flex-wrap:wrap;gap:8px;display:flex}.eco-root .use-chip{font-family:var(--font-mono), monospace;letter-spacing:.02em;color:color-mix(in oklab, var(--ink) 88%, transparent);border:1px solid color-mix(in oklab, var(--violet) 18%, var(--line));background:color-mix(in oklab, var(--violet) 8%, #ffffff08);border-radius:10px;padding:8px 13px;font-size:.74rem;transition:border-color .2s,color .2s,transform .2s,background .2s}.eco-root .use-chip:hover{color:var(--ink);border-color:color-mix(in oklab, var(--violet) 55%, var(--line));background:color-mix(in oklab, var(--violet) 16%, transparent);transform:translateY(-2px)}.eco-root .flowline{stroke-dasharray:4 7;animation:dashflow calc(2.4s / var(--mo,1)) linear infinite}@keyframes dashflow{to{stroke-dashoffset:-44px}}.eco-root .burn{grid-template-columns:1.05fr .95fr;align-items:start;gap:40px;display:grid}.eco-root .ladder{counter-reset:rung;gap:10px;display:grid}.eco-root .rung{border:1px solid var(--line);background:var(--panel-2);border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:16px;padding:16px 18px;transition:transform .25s,border-color .25s,background .25s;display:grid;position:relative}.eco-root .rung:hover{border-color:color-mix(in oklab, var(--rg,var(--accent)) 45%, var(--line));transform:translate(5px)}.eco-root .rung .rn{width:38px;height:42px;font-family:var(--font-mono), monospace;color:var(--rg,var(--accent));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:color-mix(in oklab, var(--rg,var(--accent)) 18%, transparent);place-items:center;font-size:.9rem;font-weight:600;display:grid}.eco-root .rung b{font-family:var(--font-display), sans-serif;font-size:1.12rem;font-weight:700}.eco-root .rung .state{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:.6rem}.eco-root .rung[data-state=now] .state{color:var(--accent-3);border-color:color-mix(in oklab, var(--accent-3) 40%, var(--line))}.eco-root .rung[data-state=later]{opacity:.78}.eco-root .rung[data-state=later] .state{color:var(--rose);border-color:color-mix(in oklab, var(--rose) 40%, var(--line))}.eco-root .burn-aside{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);padding:26px 26px 28px}.eco-root .burn-aside h4{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.72rem}.eco-root .cond{gap:12px;margin:0;padding:0;list-style:none;display:grid}.eco-root .cond li{color:var(--ink);align-items:flex-start;gap:12px;font-size:.98rem;line-height:1.5;display:flex}.eco-root .cond li svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:3px}.eco-root .burn-note{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:20px;font-size:.92rem;line-height:1.6}.eco-root .burn-note .ital{color:var(--ink);font-size:1.08rem}.eco-root .wheel-wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;display:grid}.eco-root .wheel{aspect-ratio:1;border-radius:var(--radius);width:100%;max-width:620px;margin-inline:auto;position:relative}.eco-root .wheel svg{width:100%;height:100%;display:block;overflow:visible}.eco-root .eco-wheel-node{transition:transform .35s cubic-bezier(.2,.7,.3,1)}.eco-root .eco-wheel-node .wheel-node-bg{transition:stroke .3s,fill .3s,stroke-width .3s,filter .3s}.eco-root .wheel-ring{fill:none;stroke:color-mix(in oklab, var(--accent) 22%, transparent);stroke-width:1.5px;stroke-dasharray:5 8}.eco-root .wheel-flowring{transform-origin:50%;animation:wheelspin calc(40s / var(--mo,1)) linear infinite}@keyframes wheelspin{to{transform:rotate(360deg)}}.eco-root[data-motion=off] .wheel-flowring{animation:none}@media (prefers-reduced-motion:reduce){.eco-root .wheel-flowring{animation:none}}.eco-root .wheel-arc{fill:none;stroke-width:3.5px;stroke-linecap:round}.eco-root .wheel-packet{filter:drop-shadow(0 0 6px var(--accent))}.eco-root .wheel-node-bg{fill:color-mix(in oklab, var(--bg) 72%, transparent);stroke-width:1.6px;cursor:pointer;transition:stroke .3s,fill .3s}.eco-root .wheel-node-label{font-family:var(--font-mono), monospace;letter-spacing:.04em;fill:var(--ink);text-transform:uppercase;pointer-events:none;paint-order:stroke;stroke:var(--bg);stroke-width:3.5px;stroke-linejoin:round;font-size:11px}.eco-root .wheel-num{font-family:var(--font-mono), monospace;fill:var(--muted);pointer-events:none;font-size:10px}.eco-root .wheel-core-label{font-family:var(--font-display), sans-serif;fill:var(--ink);text-anchor:middle;font-weight:800}.eco-root .wheel-core-sub{font-family:var(--font-mono), monospace;letter-spacing:.16em;fill:var(--muted);text-anchor:middle;text-transform:uppercase;font-size:9px}.eco-root .wheel-detail{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);min-height:220px;padding:28px 26px}.eco-root .wheel-detail .step-of{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--wd,var(--accent));font-size:.66rem}.eco-root .wheel-detail h3{letter-spacing:-.02em;margin-top:12px;font-size:1.7rem}.eco-root .wheel-detail p{color:var(--muted);margin:14px 0 0;font-size:1rem;line-height:1.6}.eco-root .wheel-detail .dots{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.eco-root .wheel-detail .dots span{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:color-mix(in oklab, var(--ink) 22%, transparent);cursor:pointer;width:9px;height:10px;transition:background .2s,transform .2s}.eco-root .wheel-detail .dots span:hover{transform:scale(1.25)}.eco-root .wheel-detail .dots span.on{background:var(--wd,var(--accent))}.eco-root .wheel-hint{font-family:var(--font-mono), monospace;letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;margin-top:20px;font-size:.66rem;display:flex}.eco-root .final{text-align:center;border:1px solid color-mix(in oklab, var(--accent) 26%, var(--line));background:linear-gradient(150deg, color-mix(in oklab, var(--accent) 12%, transparent), color-mix(in oklab, var(--accent-3) 9%, transparent)), #ffffff06;border-radius:24px;padding:clamp(54px,9vw,100px) clamp(24px,6vw,80px);position:relative;overflow:hidden}.eco-root .final>*{z-index:1;position:relative}.eco-root .final .mark{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 34%, transparent), transparent);border:1px solid color-mix(in oklab, var(--accent) 40%, transparent);place-items:center;width:54px;height:60px;margin:0 auto 24px;display:grid}.eco-root .final .mark svg{width:26px;height:26px;color:var(--accent)}.eco-root .final h2{max-width:24ch;margin-inline:auto;font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.12}.eco-root .final p{color:var(--muted);max-width:64ch;margin:22px auto 0;font-size:1.06rem;line-height:1.7}.eco-root .final .hero-actions{justify-content:center;margin-top:34px}.eco-root .footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding:38px 0 56px;display:flex}.eco-root .footer .brand{font-size:1rem}.eco-root .footer-links{font-family:var(--font-mono), monospace;align-items:center;gap:18px;font-size:.82rem;display:flex}.eco-root .footer-links a:hover{color:var(--accent)}.eco-root .reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);transform:translateY(26px)}.eco-root .reveal.in{opacity:1;transform:none}.eco-root .reveal[data-d="1"]{transition-delay:80ms}.eco-root .reveal[data-d="2"]{transition-delay:.16s}.eco-root .reveal[data-d="3"]{transition-delay:.24s}@media (prefers-reduced-motion:reduce){.eco-root .reveal{opacity:1;transition:none;transform:none}.eco-root .accent-grad,.eco-root .teal-grad,.eco-root .eyebrow .dot,.eco-root .flowline,.eco-root .wheel-packet{animation:none}}.eco-root[data-motion=off] .accent-grad,.eco-root[data-motion=off] .teal-grad,.eco-root[data-motion=off] .eyebrow .dot,.eco-root[data-motion=off] .flowline{animation:none}.eco-root #bee-cursor{pointer-events:none;z-index:2147482000;will-change:transform;contain:layout paint style;opacity:0;filter:drop-shadow(0 4px 10px #00000073);width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .35s;position:fixed;top:0;left:0}.eco-root #bee-cursor.show{opacity:1}.eco-root #bee-cursor .bee-inner{width:100%;height:100%;transition:scale .2s}.eco-root #bee-cursor.hot .bee-inner{scale:1.35}@media (hover:hover) and (pointer:fine){.eco-root.bee-on,.eco-root.bee-on *{cursor:none!important}}@media (prefers-reduced-motion:reduce){.eco-root #bee-cursor{display:none}}.eco-root .tweaks{z-index:70;border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);width:230px;font-family:var(--font-body), sans-serif;opacity:0;border-radius:14px;padding:14px 15px 15px;transition:transform .4s cubic-bezier(.2,.7,.3,1);position:fixed;bottom:16px;right:16px;transform:translateY(calc(100% + 24px));box-shadow:0 18px 50px #00000080}.eco-root .tweaks.open{opacity:1;transform:none}.eco-root .tweaks h5{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:.64rem}.eco-root .twk-row{gap:7px;margin-bottom:14px;display:grid}.eco-root .twk-row>label{color:var(--muted);font-size:.72rem;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase}.eco-root .seg{border:1px solid var(--line);background:#0000004d;border-radius:9px;gap:4px;padding:3px;display:flex}.eco-root .seg button{color:var(--muted);cursor:pointer;font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;border-radius:6px;flex:1;padding:6px 4px;font-size:.66rem;transition:all .18s}.eco-root .seg button[aria-pressed=true]{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#1a1305}.eco-root .tweaks-toggle{z-index:71;cursor:pointer;border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:46px;height:46px;color:var(--accent);border-radius:12px;place-items:center;transition:transform .25s,background .2s;display:grid;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 34px #00000073}.eco-root .tweaks-toggle:hover{transform:translateY(-2px)}.eco-root .tweaks-toggle svg{width:20px;height:20px}@media (max-width:980px){.eco-root{font-size:16px}.eco-root .hero{grid-template-columns:1fr;gap:36px;padding-top:116px}.eco-root .flow-panel{aspect-ratio:16/12;min-height:360px}.eco-root .feature-grid{grid-template-columns:1fr 1fr}.eco-root .feature-grid.stagger>:nth-child(3n+2){transform:none}.eco-root .layers{grid-template-columns:1fr}.eco-root .layer-bridge{width:100%;height:60px;transform:rotate(90deg)}.eco-root .split,.eco-root .burn,.eco-root .wheel-wrap{grid-template-columns:1fr;gap:30px}.eco-root .nav-links{display:none}}@media (max-width:600px){.eco-root .bg-hex{inset:0}.eco-root .feature-grid{grid-template-columns:1fr}.eco-root .nav-cta .btn span{display:none}.eco-root .flow-panel{aspect-ratio:auto;width:100%;height:min(380px,100vw - 36px);min-height:0}.eco-root .alloc-row{grid-template-columns:14px 1fr auto}.eco-root .alloc-rows{grid-template-columns:1fr}.eco-root .wheel{max-width:100%}}
