:root{--bg:#f3f3f0;--surface:#fff;--ink:#16151a;--muted:#64616a;--line:#e2e0db;--orange-ink:#fff;--free:var(--st-free);--soon:var(--st-soon);--busy:var(--st-busy);--off:var(--st-off);--night:#16151a;--night-ink:#f3f3f0;--night-muted:#a7a3ad;--night-line:#2e2c33;--map:#e9e8e3;--road:#fff;--frame:#16151a;--r:22px;--gut:clamp(16px,4vw,48px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111014;--surface:#1b1a1f;--ink:#f1f0ec;--muted:#a7a3ad;--line:#2c2a31;--night:#0b0a0d;--night-line:#2a2830;--map:#232227;--road:#34323a;--frame:#3a3840;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#111014;--surface:#1b1a1f;--ink:#f1f0ec;--muted:#a7a3ad;--line:#2c2a31;--night:#0b0a0d;--night-line:#2a2830;--map:#232227;--road:#34323a;--frame:#3a3840;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--f-b);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--f-d);text-wrap:balance;margin:0}p{margin:0}:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:8px}.nav{top:env(safe-area-inset-top,0px);z-index:20;padding:12px var(--gut);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #0000;align-items:center;gap:24px;transition:border-color .2s;display:flex;position:sticky}.nav.scrolled{border-bottom-color:var(--line)}.brand img{width:auto;height:40px}.nav nav{gap:26px;margin:0 auto;font-size:14.5px;font-weight:600;display:flex}.nav nav a{color:var(--muted);text-decoration:none}.nav nav a:hover{color:var(--ink)}.nav-cta{align-items:center;gap:16px;margin-left:auto;display:flex}.link-quiet{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.link-quiet:hover{color:var(--ink)}@media (max-width:900px){.nav nav{display:none}}@media (max-width:520px){.link-quiet{display:none}}.btn{font:700 14.5px var(--f-b);cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-lg{padding:15px 26px;font-size:16px}.btn-block{width:100%}.btn-ink{background:var(--ink);color:var(--bg)}.btn-orange{background:var(--orange);color:var(--orange-ink);box-shadow:0 10px 26px -12px color-mix(in srgb,var(--orange) 80%,transparent)}.btn-orange:hover{box-shadow:0 14px 30px -10px color-mix(in srgb,var(--orange) 90%,transparent)}.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--surface)}.btn-ghost:hover{border-color:var(--ink)}.btn-ghost-inv{border-color:var(--night-line);color:var(--night-ink)}.btn-ghost-inv:hover{border-color:var(--night-ink)}.eyebrow{font:500 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}main{display:block}.hero{max-width:1240px;padding:clamp(28px,6vw,80px) var(--gut) clamp(40px,6vw,90px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,5vw,72px);margin:0 auto;display:grid}.hero h1{letter-spacing:-.045em;font-size:clamp(44px,6.6vw,92px);font-weight:800;line-height:.94}.hl{color:var(--orange)}.lead{color:var(--muted);max-width:34ch;margin-top:26px;font-size:clamp(17px,1.6vw,20px)}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-cta.center{justify-content:center}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:560px;margin:44px 0 0;padding:22px 0 0;list-style:none;display:grid}.facts li{gap:2px;display:grid}.facts b{font:700 clamp(20px,2.3vw,28px) var(--f-d);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.facts span{color:var(--muted);font-size:13px}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-visual{order:2}}@media (max-width:520px){.facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}}.hero-visual{place-items:center;min-height:560px;display:grid;position:relative}.phone{aspect-ratio:9/19;background:var(--surface);border:10px solid var(--frame);width:min(300px,78vw);max-width:100%;box-shadow:0 50px 80px -40px #16151a8c,0 0 0 1px var(--line);border-radius:44px;position:relative;overflow:hidden;transform:rotate(-4deg)}.phone-map{background:var(--map);position:absolute;top:0;bottom:0;left:0;right:0}.road{background:var(--road);border-radius:8px;position:absolute}.r1{height:14px;top:42%;left:-10%;right:-10%;transform:rotate(-14deg)}.r2{width:12px;top:-10%;bottom:20%;left:52%;transform:rotate(18deg)}.r3{height:8px;top:16%;left:-10%;right:-10%;transform:rotate(9deg)}.pin{border:3px solid #fff;border-radius:50% 50% 50% 0;width:26px;height:26px;position:absolute;transform:rotate(-45deg);box-shadow:0 4px 10px #00000040}.pin em{white-space:nowrap;font:700 10px var(--f-b);color:#fff;background:inherit;border-radius:999px;padding:2px 7px;font-style:normal;display:none;position:absolute;bottom:30px;left:50%;transform:rotate(45deg)translate(-10%,-60%)}.st-free{background:var(--free)}.st-soon{background:var(--soon)}.st-busy{background:var(--busy)}.st-off{background:var(--off)}.st-free{animation:2.8s ease-in-out infinite bob}@keyframes bob{50%{translate:0 -5px}}.me{background:#2b7de9;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 10px #2b7de92e}.phone-sheet{background:var(--surface);border-radius:24px 24px 0 0;gap:4px;padding:10px 16px 18px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -18px #0006}.phone-sheet .grab{background:var(--line);border-radius:4px;width:36px;height:4px;margin:0 auto 6px}.ps-row{font-family:var(--f-d);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.ps-sub{color:var(--muted);font-size:11.5px}.chip{font:700 10px var(--f-b);background:var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-style:normal}.chip.ok{background:color-mix(in srgb,var(--free) 16%,transparent);color:var(--free)}.ps-open{background:var(--orange);color:#fff;height:46px;font:700 15px var(--f-d);border-radius:14px;place-items:center;margin-top:10px;display:grid;position:relative;overflow:hidden}.ps-open span{grid-area:1/1}.open-done{opacity:0}.ps-open{animation:6s ease-in-out 1.2s infinite openloop}.ps-open .open-label{animation:6s ease-in-out 1.2s infinite lbl}.ps-open .open-done{animation:6s ease-in-out 1.2s infinite done}@keyframes openloop{0%,30%{background:var(--orange)}38%,80%{background:var(--free)}90%,to{background:var(--orange)}}@keyframes lbl{0%,30%{opacity:1}36%,84%{opacity:0}92%,to{opacity:1}}@keyframes done{0%,32%{opacity:0}40%,80%{opacity:1}88%,to{opacity:0}}.float{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;max-width:240px;padding:10px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;box-shadow:0 20px 40px -24px #00000059}.f1{top:20%;left:0}.f2{top:44%;right:0}.dot{background:var(--free);border-radius:50%;flex:none;width:8px;height:8px}@media (max-width:520px){.float{margin-top:10px;position:static}.hero-visual{gap:6px;min-height:0}.phone{transform:none}}.block{max-width:1240px;padding:clamp(56px,9vw,120px) var(--gut) 0;margin:0 auto}.block-head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}.block h2{letter-spacing:-.035em;font-size:clamp(32px,4.6vw,56px);font-weight:700;line-height:1.04}.sub{color:var(--muted);margin-top:14px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:2px solid var(--ink);align-content:start;gap:8px;padding-top:18px;display:grid}.steps .n{font:500 13px var(--f-m);color:var(--orange)}.steps h3{letter-spacing:-.02em;font-size:22px}.steps p{color:var(--muted);font-size:15px}@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.steps{grid-template-columns:1fr}}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);align-content:start;gap:10px;min-width:0;padding:26px;transition:transform .25s,box-shadow .25s;display:grid}.tile:hover{transform:translateY(-3px);box-shadow:0 24px 50px -32px #00000059}.tile h3{letter-spacing:-.02em;font-size:21px}.tile p{color:var(--muted);max-width:44ch;font-size:15px}.t-keys{grid-area:span 2/span 4}.t-light{background:var(--ink);color:var(--bg);border-color:var(--ink);grid-column:span 2}.t-light p{color:color-mix(in srgb,var(--bg) 70%,transparent)}.t-safe,.t-doc,.t-solar,.t-flex{grid-column:span 2}.timer{font:700 54px/1 var(--f-d);letter-spacing:-.04em;color:#ffc94a;font-variant-numeric:tabular-nums;margin-top:6px}.keys-demo{gap:8px;margin-top:10px;display:grid}.kd{background:var(--bg);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:grid}.kd span{color:var(--muted);font-size:13px}.kd.off{opacity:.55}@media (max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.t-keys{grid-area:auto/span 2}.t-light,.t-safe,.t-doc,.t-solar,.t-flex{grid-column:span 1}}@media (max-width:520px){.bento{grid-template-columns:1fr}.t-keys,.t-light,.t-safe,.t-doc,.t-solar,.t-flex{grid-column:auto}}.pricing{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.plan{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r);cursor:pointer;color:var(--ink);font:inherit;gap:4px;padding:22px;transition:border-color .2s,box-shadow .2s;display:grid;position:relative}.plan span{color:var(--muted);font-weight:600}.plan b{font:700 clamp(30px,3.6vw,40px) var(--f-d);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.plan em{font-style:normal;font:500 11px var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}.plan[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}.calc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:12px;padding:22px;display:grid;position:sticky;top:96px}.tog{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:12px 0;display:flex}.tog input{width:20px;height:20px;accent-color:var(--orange);flex:none}.tog span{display:grid}.tog small{color:var(--muted);font-size:13px}.total{justify-content:space-between;align-items:baseline;padding:8px 0;display:flex}.total b{font:700 34px var(--f-d);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.fine{color:var(--muted);font-size:13px}@media (max-width:900px){.pricing{grid-template-columns:1fr}.calc{position:static}}.who{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,40px);display:grid}.who>div{align-content:start;gap:8px;display:grid}.who h3{letter-spacing:-.02em;font-size:24px}.who p{color:var(--muted)}@media (max-width:760px){.who{grid-template-columns:1fr}}.b2b{border-radius:calc(var(--r) + 8px);background:var(--night);max-width:1240px;color:var(--night-ink);width:calc(100% - 2 * var(--gut));grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,64px);margin:clamp(56px,9vw,120px) auto 0;padding:clamp(28px,5vw,64px);display:grid}.b2b h2{letter-spacing:-.035em;font-size:clamp(32px,4.6vw,56px);line-height:1.04}.b2b-copy>p{color:var(--night-muted);max-width:46ch;margin-top:16px}.checks{gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.checks li{align-items:flex-start;gap:12px;display:flex}.checks li:before{content:"";background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;border-radius:50%;flex:none;width:20px;height:20px;margin-top:3px}.lead-form{background:var(--surface);color:var(--ink);border-radius:var(--r);align-content:start;gap:12px;padding:24px;display:grid}.lead-form h3{font-size:24px}.lead-form label{color:var(--muted);gap:5px;font-size:13px;font-weight:700;display:grid}.lead-form input{font:500 16px var(--f-b);color:var(--ink);border:1.5px solid var(--line);background:var(--bg);border-radius:12px;width:100%;min-width:0;padding:12px}.lead-form input:focus{border-color:var(--orange);outline:none}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-msg{min-height:1.4em;font-size:14px;font-weight:600}.form-msg.ok{color:var(--free)}.form-msg.bad{color:var(--busy)}@media (max-width:900px){.b2b{grid-template-columns:1fr}}@media (max-width:420px){.two{grid-template-columns:1fr}}.faq{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;display:grid}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font:600 17px var(--f-d);justify-content:space-between;gap:16px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--orange);font-weight:700;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--muted);max-width:60ch;margin-top:10px}@media (max-width:760px){.faq{grid-template-columns:1fr}}.final{max-width:1240px;padding:clamp(40px,7vw,90px) var(--gut);text-align:center;background:var(--night);color:var(--night-ink);border-radius:calc(var(--r) + 8px);width:calc(100% - 2 * var(--gut));margin:clamp(56px,9vw,120px) auto 0}.final h2{letter-spacing:-.035em;max-width:18ch;margin:0 auto;font-size:clamp(30px,5vw,60px);line-height:1.05}.foot{max-width:1240px;padding:56px var(--gut) 110px;margin:0 auto}.foot-grid{grid-template-columns:2fr 1fr 1fr;gap:28px;display:grid}.foot-grid>div{align-content:start;gap:8px;display:grid}.foot h4{font:500 12px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}.foot a{font-weight:600;text-decoration:none}.foot a:hover{color:var(--orange)}.copy{margin-top:30px}@media (max-width:760px){.foot-grid{grid-template-columns:1fr}}.mobile-cta{z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);display:none;position:fixed;bottom:0;left:0;right:0}@media (max-width:760px){.mobile-cta{display:block}}.reveal{transition:transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(14px)}.reveal.in{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.reveal{transform:none}}.eco{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(14px,3vw,40px);display:grid;position:relative}.eco-col{z-index:1;gap:10px;display:grid;position:relative}.eco-tag{font:500 12px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.eco-node{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:2px;padding:14px 16px;display:grid}.eco-node b{font-family:var(--f-d);font-size:16px}.eco-node small{color:var(--muted);font-size:13px}.eco-hub{place-items:center;display:grid;position:relative}.eco-hub:before{content:"";background:repeating-linear-gradient(90deg,var(--orange) 0 8px,transparent 8px 14px);z-index:0;height:2px;position:absolute;top:50%;left:-44px;right:-44px}.hub{z-index:1;aspect-ratio:1;background:var(--ink);width:210px;color:var(--bg);text-align:center;box-shadow:0 0 0 10px color-mix(in srgb,var(--orange) 14%,transparent),0 0 0 22px color-mix(in srgb,var(--orange) 6%,transparent);border-radius:50%;place-content:center;justify-items:center;gap:4px;display:grid;position:relative}.hub img{width:48px;height:48px}.hub b{font-family:var(--f-d);font-size:18px}.hub small{opacity:.7;max-width:16ch;font-size:12px}.eco-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,40px);margin-top:clamp(28px,4vw,48px);display:grid}.eco-points>div{border-top:2px solid var(--ink);align-content:start;gap:6px;padding-top:16px;display:grid}.eco-points h3{font-size:20px}.eco-points p{color:var(--muted)}@media (max-width:900px){.eco{grid-template-columns:1fr}.eco-hub:before{background:repeating-linear-gradient(180deg,var(--orange) 0 8px,transparent 8px 14px);width:2px;height:auto;top:-30px;bottom:-30px;left:50%;right:auto}.hub{width:170px}.eco-points{grid-template-columns:1fr}}.dl{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 8px);grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(24px,4vw,56px);display:grid}.dl h2{letter-spacing:-.035em;font-size:clamp(30px,4vw,48px);line-height:1.05}.dl .fine{margin-top:12px}.dl-steps{color:var(--muted);gap:6px;margin:18px 0 0;padding-left:20px;font-size:15px;display:grid}.dl-qr{justify-items:center;gap:8px;display:grid}#qr{aspect-ratio:1;background:#fff;border-radius:18px;width:200px;max-width:100%;padding:10px}#qr svg{width:100%;height:100%;display:block}@media (max-width:760px){.dl{grid-template-columns:1fr}.dl-qr{display:none}}.xd{max-width:1240px;width:calc(100% - 2 * var(--gut));border-radius:calc(var(--r) + 8px);background:linear-gradient(100deg,var(--night) 0%,var(--night) 52%,color-mix(in oklab,var(--orange) 22%,var(--night)) 100%);color:var(--night-ink);gap:clamp(28px,4vw,48px);margin:clamp(56px,9vw,120px) auto 0;padding:clamp(28px,5vw,64px);display:grid;overflow:hidden}.xd h2{letter-spacing:-.035em;max-width:22ch;font-size:clamp(30px,4.2vw,52px);line-height:1.05}.xd-copy>p:last-child{color:var(--night-muted);max-width:58ch;margin-top:16px}.xd-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.xd-line li{border-top:2px solid color-mix(in oklab,var(--night-ink) 35%,transparent);align-content:start;gap:6px;padding-top:16px;display:grid}.xd-line li.xd-d{border-top-color:var(--orange)}.xd-line time{font:500 13px var(--f-m);color:var(--night-muted)}.xd-line li.xd-d time{color:var(--orange)}.xd-line time:before{content:"☾ "}.xd-line li.xd-d time:before{content:"☀ "}.xd-line h3{letter-spacing:-.02em;font-size:20px}.xd-line p{color:var(--night-muted);font-size:15px}.xd-pros{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.xd-pros li{background:color-mix(in oklab,var(--night-ink) 7%,transparent);border-radius:var(--r);gap:4px;padding:16px 18px;display:grid}.xd-pros span{color:var(--night-muted);font-size:14px}.who:has(>div:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.xd-line,.xd-pros{grid-template-columns:1fr}.who:has(>div:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.who:has(>div:nth-child(4)){grid-template-columns:1fr}}