:root{--bg:#040807;--bg2:#0a1311;--ink:#f3f1ea;--ink2:#a3b1ab;--ink3:#65736d;--line:#f3f1ea1a;--teal:#0f6b62;--teal2:#25a594;--amber:#f2b84b;--cream:#f6f0e3;--grad:linear-gradient(115deg, #f6f0e3 8%, #86dcc8 52%, #f2b84b 100%);--ease:cubic-bezier(.2, .7, .2, 1);--sans:"MiSans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Noto Sans SC", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scrollbar-width:none}html::-webkit-scrollbar{display:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}h1,h2,h3,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}em{font-style:normal}:focus-visible{outline:2px solid var(--teal2);outline-offset:3px}.eyebrow{font:600 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink3);align-items:center;gap:10px;margin-bottom:22px;display:flex}.btn{height:56px;transition:transform .35s var(--ease), background .2s, box-shadow .2s;will-change:transform;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 32px;font-size:17px;font-weight:700;display:inline-flex}.btn-solid{background:var(--cream);color:#08130f}.btn-solid:hover{background:#fff}.btn-ghost{color:var(--ink);background:0 0;box-shadow:inset 0 0 0 1.5px #f3f1ea66}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--cream)}html.gated,html.gated body{overflow:hidden}.gate{z-index:100;text-align:center;background:radial-gradient(60rem 32rem at 20% 8%,#25a59452,#0000 70%),radial-gradient(50rem 28rem at 88% 6%,#f2b84b29,#0000 70%),#040807;place-items:center;padding:clamp(20px,4vw,56px);display:grid;position:fixed;inset:0}.gate-in{justify-items:center;gap:20px;max-width:34rem;display:grid}.gate-bolt{width:56px;height:56px;color:var(--amber);filter:drop-shadow(0 0 22px #f2b84b8c)}.gate-bolt svg{width:100%;height:100%}.gate-eyebrow{font:600 13px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ink2)}.gate-title{letter-spacing:-.03em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em;font-size:clamp(34px,6vw,58px);font-weight:800;line-height:1.12}.gate-copy{color:var(--ink2);text-wrap:pretty;font-size:16px;line-height:1.8}.gate-actions{flex-wrap:wrap;justify-content:center;gap:12px 14px;margin-top:8px;display:flex}.gate-load{font:500 12px/1 var(--mono);letter-spacing:.08em;color:var(--ink3);align-items:center;gap:10px;display:flex}.gate-load i{background:var(--line);border-radius:2px;width:74px;height:2px;display:block;position:relative;overflow:hidden}.gate-load i:after{content:"";background:var(--teal2);transform:scaleX(var(--p,0));transform-origin:0;position:absolute;inset:0}.progress{z-index:60;height:2px;position:fixed;top:0;left:0;right:0}.progress i{background:var(--grad);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.nav{z-index:50;-webkit-backdrop-filter:saturate(1.6)blur(18px);border-bottom:1px solid var(--line);background:#0408078c;align-items:center;gap:28px;height:52px;padding:0 max(20px,3vw);display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:800;display:inline-flex}.brand svg{width:16px;height:16px;color:var(--amber)}.nav-links{color:var(--ink2);gap:26px;margin-left:auto;font-size:13px;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:#fff}.sound-toggle{border:1px solid var(--line);height:28px;color:var(--ink);background:0 0;border-radius:99px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:inline-flex}.sound-toggle[aria-pressed=false]{color:var(--ink3)}.bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.bars i{background:currentColor;border-radius:1px;width:2px;height:35%}.sound-toggle[aria-pressed=true] .bars i{animation:.9s ease-in-out infinite bar}.bars i:nth-child(2){animation-delay:.15s}.bars i:nth-child(3){animation-delay:.3s}@keyframes bar{0%,to{height:30%}50%{height:100%}}.nav-cta{background:var(--cream);color:#08130f;border-radius:99px;place-items:center;height:28px;padding:0 14px;font-size:12px;font-weight:700;display:grid}.device-slot{--scale:.8;width:calc(450px * var(--scale));height:calc(920px * var(--scale))}.shared-device{z-index:30;transform-origin:0 0;will-change:transform;visibility:hidden;pointer-events:none;position:fixed;top:0;left:0}.device{--scale:.8;width:450px;height:920px;transform:scale(var(--scale));transform-origin:0 0;position:relative}.device-body{position:absolute;inset:0}.device-screen{background:#f6f0e3;border-radius:62.667px;width:402px;height:874px;position:absolute;top:23px;left:24px;overflow:hidden}.app-frame{pointer-events:none;background:#f6f0e3;border:0;width:402px;height:874px;display:block}.device-bezel{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.hero{background:var(--bg);height:100svh;min-height:680px;position:relative;overflow:clip}.hero-glow{background:radial-gradient(closest-side,#25a5946b,#0f6b6229 55%,#0000);border-radius:50%;width:min(1100px,140vw);height:min(1100px,140vw);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-text{z-index:2;text-align:center;will-change:transform, opacity;padding:0 20px;position:absolute;top:10svh;left:0;right:0}.hero-text .eyebrow{letter-spacing:.3em;color:var(--ink2);justify-content:center;margin-bottom:18px}.hero-word{letter-spacing:-.045em;font-size:clamp(38px,6.6vw,100px);font-weight:800;line-height:1.04}.hero-word .line{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;display:block}.hero-sub{max-width:34rem;color:var(--ink2);margin:16px auto 0;font-size:clamp(15px,1.5vw,19px);font-weight:500;line-height:1.6}.hero .device-slot{transform-origin:50% 0;z-index:1;position:absolute;bottom:-36svh;left:50%;translate:-50%}.callouts{z-index:3;pointer-events:none;position:absolute;inset:0}.co{width:230px;position:absolute}.co b{letter-spacing:-.01em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;display:block}.co span{color:var(--ink2);margin-top:6px;font-size:14px;font-weight:500;line-height:1.5;display:block}.co-l{top:56%;left:max(24px,7vw)}.co-r{text-align:right;top:52%;right:max(24px,7vw)}.co-l2{top:76%;left:max(24px,13vw)}.co-r2{text-align:right;top:74%;right:max(24px,13vw)}.scroll-hint{z-index:3;font:500 11px/1 var(--mono);letter-spacing:.18em;color:var(--ink3);justify-items:center;gap:8px;display:grid;position:absolute;bottom:22px;left:50%;translate:-50%}.scroll-hint span{background:linear-gradient(var(--ink2), transparent);transform-origin:50% 0;width:1px;height:28px;animation:1.8s ease-in-out infinite hint}@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.problem{background:#000;position:relative}.problem-pin{place-items:center;height:100svh;padding:0 max(24px,6vw);display:grid;position:relative;overflow:hidden}.lamp-b{background:radial-gradient(closest-side,#25a5946b,#0f6b6224 52%,#0000)!important}.lamp{opacity:.9;background:radial-gradient(closest-side,#f2b84b57,#f2b84b1a 52%,#0000);border-radius:50%;width:min(1100px,150vw);height:min(1100px,150vw);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.beat{text-align:center;place-content:center;justify-items:center;padding:0 max(24px,6vw);display:grid;position:absolute;inset:0}.beat .eyebrow{justify-content:center}.beat h2{letter-spacing:-.045em;font-size:clamp(34px,6.6vw,104px);font-weight:800;line-height:1.06}.beat h2 em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em}.beat-note{color:var(--ink2);margin-top:26px;font-size:clamp(15px,1.6vw,20px)}.meter{font-variant-numeric:tabular-nums;color:var(--amber);align-items:baseline;gap:12px;margin-top:34px;display:flex}.meter b{font:800 clamp(64px, 11vw, 150px)/1 var(--sans);letter-spacing:-.04em;text-shadow:0 0 60px #f2b84b73}.meter span{color:var(--ink2);font-size:clamp(20px,2.4vw,32px);font-weight:700}.taps{counter-reset:s;text-align:left;gap:10px;margin-top:34px;display:grid}.taps li{counter-increment:s;color:var(--ink);border:1px solid var(--line);background:#f3f1ea0a;border-radius:16px;align-items:center;gap:14px;min-width:min(420px,80vw);padding:12px 20px;font-size:clamp(16px,1.9vw,24px);font-weight:600;display:flex}.taps li:before{content:counter(s);width:28px;height:28px;color:var(--amber);font:700 13px/1 var(--mono);background:#f2b84b29;border-radius:50%;place-items:center;display:grid}.feat{background:var(--bg);position:relative}.feat-pin{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,5vw,96px);height:100svh;min-height:640px;padding:52px max(28px,7vw) 0;display:grid;position:relative;overflow:hidden}.halo{pointer-events:none;border-radius:50%;position:absolute}.halo-a{background:radial-gradient(closest-side,#25a59433,#0000);width:56vw;height:56vw;top:10%;left:-12%}.halo-b{background:radial-gradient(closest-side,#f2b84b1f,#0000);width:52vw;height:52vw;top:14%;right:-6%}.feat-text{z-index:2;max-width:540px;height:380px;position:relative}.step{position:absolute;inset:0 0 auto}.step-no{font:700 13px/1 var(--mono);letter-spacing:.2em;color:var(--amber);margin-bottom:22px}.step h3{letter-spacing:-.04em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em;font-size:clamp(34px,4.6vw,64px);font-weight:800;line-height:1.08}.step>p:not(.step-no){color:var(--ink2);text-wrap:pretty;margin-top:20px;font-size:clamp(15px,1.35vw,18px);line-height:1.75}.tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.tags li{border:1px solid var(--line);color:var(--ink);background:#f3f1ea0a;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:600}.feat .device-slot{z-index:1;--scale:.9;justify-self:end;margin-top:8px;position:relative}.step-ui{z-index:3;font:600 12px/1 var(--mono);letter-spacing:.12em;color:var(--ink3);align-items:center;gap:16px;display:flex;position:absolute;bottom:28px;left:max(28px,7vw)}.step-bar{background:var(--line);border-radius:2px;width:140px;height:2px;overflow:hidden}.step-bar i{background:var(--grad);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.start{background:linear-gradient(var(--bg), var(--bg2) 40%, var(--bg));padding:clamp(96px,14vw,200px) max(24px,6vw);position:relative}.start-in,.why-in{max-width:1240px;margin:0 auto}.start-title,.why-title{letter-spacing:-.045em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-size:clamp(36px,6vw,88px);font-weight:800;line-height:1.08}.rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(40px,6vw,80px);display:grid}.card{border:1px solid var(--line);background:linear-gradient(160deg,#f3f1ea12,#f3f1ea05);border-radius:28px;flex-direction:column;gap:10px;min-height:340px;padding:30px 28px 28px;display:flex;position:relative;overflow:hidden}.card .num{font:800 84px/1 var(--sans);letter-spacing:-.05em;background:linear-gradient(180deg, var(--cream), #f6f0e31a);color:#0000;-webkit-background-clip:text;background-clip:text}.card h3{letter-spacing:-.02em;font-size:26px;font-weight:800}.card p{color:var(--ink2);font-size:15px;line-height:1.7}.mini{color:var(--ink2);flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:auto;padding-top:18px;font-size:14px;display:flex}.mini b{color:var(--cream);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.mini-kwh b{color:var(--amber);font-size:54px}.mini-alert{align-items:center}.mini-alert i{background:var(--amber);border-radius:50%;width:10px;height:10px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 0 5px #f2b84b33}.mini-alert b{color:var(--amber);font-size:22px}@keyframes pulse{50%{box-shadow:0 0 0 10px #f2b84b00}}.why{background:var(--bg);padding:clamp(80px,12vw,180px) max(24px,6vw);position:relative}.bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(40px,6vw,80px);display:grid}.bcard{border:1px solid var(--line);min-height:280px;transition:border-color .3s, transform .5s var(--ease);background:linear-gradient(160deg,#f3f1ea0f,#f3f1ea04);border-radius:28px;flex-direction:column;gap:12px;padding:30px 28px;display:flex;position:relative;overflow:hidden}.bcard:hover{border-color:#f6f0e357}.b-wide{grid-column:span 2}.bcard:last-child{grid-column:1/-1;min-height:200px}.b-kicker{font:600 12px/1 var(--mono);letter-spacing:.18em;color:var(--amber);text-transform:uppercase}.bcard h3{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,36px);font-weight:800;line-height:1.2}.bcard p:not(.b-kicker){color:var(--ink2);max-width:34rem;font-size:15px;line-height:1.7}.strike{color:var(--ink3);-webkit-text-decoration:line-through #f3f1ea59;text-decoration:line-through #f3f1ea59;text-decoration-thickness:3px}.arrow{color:var(--ink3);margin:0 .4em}.big{color:var(--amber);font-variant-numeric:tabular-nums;font-size:1.5em}.spark{height:96px;margin-top:auto}.spark svg{width:100%;height:100%;overflow:visible}.spark-line{fill:none;stroke:var(--amber);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.spark-area{fill:#f2b84b1f;stroke:none}.cta{background:var(--bg);padding:clamp(80px,12vw,160px) 0 0;position:relative;overflow:clip}.marquee{white-space:nowrap;opacity:.1;overflow:hidden}.marquee-in{letter-spacing:-.05em;font-size:clamp(80px,16vw,240px);font-weight:800;line-height:1;display:inline-block}.cta-in{text-align:center;padding:clamp(40px,8vw,100px) max(24px,6vw) clamp(60px,9vw,120px);position:relative}.cta-title{letter-spacing:-.045em;text-wrap:balance;max-width:14em;margin:0 auto;font-size:clamp(34px,6.4vw,96px);font-weight:800;line-height:1.1}.cta-title .ch{color:var(--cream);display:inline-block}.cta-in>p{color:var(--ink2);margin-top:22px;font-size:17px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.foot{border-top:1px solid var(--line);color:var(--ink3);text-align:center;gap:6px;padding:28px max(24px,6vw) 40px;font-size:12px;line-height:1.7;display:grid}@media (width<=960px){.nav-links{display:none}.nav{gap:12px}.sound-toggle{margin-left:auto}.hero-text{top:10svh}.callouts{display:none}.hero .device-slot{bottom:-30svh}.feat-pin{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;gap:12px;padding-top:76px}.feat-text{max-width:none;height:250px}.step h3{font-size:clamp(28px,7vw,40px)}.step>p:not(.step-no){margin-top:12px;font-size:14px;line-height:1.6}.tags{display:none}.feat .device-slot{justify-self:center;margin:0}.step-ui{display:none}.rail,.bento{grid-template-columns:1fr}.b-wide,.bcard:last-child{grid-column:auto}.card{min-height:0}}@media (prefers-reduced-motion:reduce){.scroll-hint span,.bars i,.mini-alert i{animation:none!important}}.reduce .problem-pin{height:auto;padding:90px max(24px,6vw);display:block}.reduce .beat{padding:56px 0;position:relative}.reduce .lamp{display:none}.reduce .feat-pin{height:auto;overflow:visible}.reduce .feat-text{height:auto}.reduce .step{margin-bottom:56px;position:relative}.reduce .step-ui{display:none}