:root{--cream: #fff8f0;--peach: #ffd2a1;--apricot: #ffe7cf;--ink: #23262f;--line: #2b2238;--coral: #ff7a63;--coral-soft: #ff9f8a;--mint: #7fd19b;--yellow: #ffd66b;--blue: #8ec5ff;--muted: #555b66;--body: #3f444e;--brown: #6b4a2b;--rust: #a8402a;--border: #ecd9c4;--display: Fredoka, Nunito, system-ui, sans-serif;--gut: clamp(16px, 5.56vw, 80px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-weight:600;overflow-x:hidden}img,svg{max-width:100%}a{color:var(--ink)}a:hover{color:#000}h1,h2,h3{margin:0;font-family:var(--display);font-weight:600}p{margin:0}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:10px}[id]{scroll-margin-top:76px}.wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:var(--gut)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:16px;top:-60px;z-index:50;padding:10px 16px;border-radius:12px;background:var(--ink);color:#fff;font-weight:800;text-decoration:none}.skip:focus{top:12px;color:#fff}.dot{flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.1em;color:var(--rust)}.section-head{display:flex;flex-direction:column;gap:12px}.section-head h2{max-width:760px;font-size:clamp(34px,3.62vw,52px);line-height:1.115;text-wrap:balance}.section-head.center{align-items:center;text-align:center;gap:14px}.body{max-width:460px;font-size:clamp(17px,1.32vw,19px);line-height:1.58;color:var(--body);text-wrap:pretty}.split-head{display:grid;grid-template-columns:1fr minmax(0,460px);gap:80px;align-items:end}.btn-dark{height:60px;padding:0 26px;border:0;border-radius:30px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;gap:10px;font:600 19px var(--display);cursor:pointer;box-shadow:0 4px #23262f40;text-decoration:none}.btn-dark:hover{color:#fff;background:#000}.phone{--pw: 300px;display:block;flex:none;width:var(--pw);padding:calc(var(--pw) * .029);border-radius:calc(var(--pw) * .15);background:var(--ink);box-shadow:0 40px 80px #2b223847}.phone-screen{display:grid;border-radius:calc(var(--pw) * .1208);overflow:hidden;background:var(--cream)}.phone-screen img{grid-area:1 / 1;display:block;width:100%;height:auto;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.3,1)}.phone-screen img.on{opacity:1;transform:none}.nav{position:sticky;top:0;z-index:10;height:76px;background:#fff8f0db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-in{height:100%;display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:26px;font-weight:600;text-decoration:none}.nav nav{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800}.nav-link{height:40px;padding:0 16px;border-radius:20px;display:flex;align-items:center;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background:var(--apricot);color:var(--ink)}.nav-link.on{background:var(--ink);color:var(--cream)}.nav-link.on:hover{background:#000;color:var(--cream)}.pprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--coral);transform-origin:left;animation:pprog linear both;animation-timeline:scroll(root block)}.hero{position:relative;min-height:824px;margin-top:-76px;padding:104px 0 120px;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,610px) 580px;justify-content:space-between;gap:40px}.hero-text{margin-top:64px;display:flex;flex-direction:column;gap:24px}.pill-eyebrow{align-self:flex-start;min-height:36px;padding:4px 16px 4px 8px;border-radius:18px;background:#fff;border:2px solid var(--border);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800}.pill-eyebrow .dot{width:24px;height:24px}.hero h1{font-size:clamp(44px,5.28vw,76px);line-height:1.053;letter-spacing:-1px}.lede{max-width:540px;font-size:clamp(17px,1.39vw,20px);line-height:1.5;color:var(--muted)}.check-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.check-chips li{height:44px;padding:0 16px 0 6px;border-radius:22px;background:#fff;border:2px solid var(--border);display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.check-chips b{font-weight:800}.check-chips .dot{width:30px;height:30px}.author{display:flex;align-items:center;gap:14px;padding-top:10px}.avatar{width:52px;height:52px;flex:none;border-radius:26px;border:3px solid var(--line);background:var(--mint);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:22px;font-weight:600}.author-text{display:flex;flex-direction:column;gap:2px}.author-text b{font-size:16px;font-weight:800}.author-text span{max-width:440px;font-size:14px;line-height:20px;font-weight:700;color:var(--muted)}.hero-art{min-width:0}.hero-art-in{position:relative;width:580px;height:680px}.hero-art-in>*{position:absolute}.hero-bars{left:0;right:0;bottom:70px;height:120px;display:flex;align-items:flex-end;gap:6px;padding:0 10px}.hero-bars span{flex:1;border-radius:6px 6px 2px 2px;background:#f3dcc2}.hero-bars .cheap{background:var(--mint);border:2.5px solid var(--line)}.hero-bars .peak{background:var(--coral-soft);border:2.5px solid var(--line)}.hero-phone{left:150px;top:0}.ph-hero{--pw: 273px}.hero-charger{left:-24px;top:400px}.hero-battie{left:430px;top:396px}.float-chip{height:48px;padding:0 16px 0 8px;border-radius:24px;background:#fff;border:2px solid var(--border);box-shadow:0 10px 24px #2b22381f;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;white-space:nowrap}.float-chip .dot{width:32px;height:32px}.float-chip.dark{padding:0 18px;background:var(--ink);border:0;color:#fff;box-shadow:0 10px 24px #2b223833}.float-chip.saved{padding:0 16px;background:#e3f6ea;border-color:var(--mint);color:#1f6b40}.f-plugged{left:408px;top:70px}.f-cheap{left:10px;top:170px}.f-saved{left:440px;top:300px}.scroll-cue{position:absolute;left:max(var(--gut),calc((100% - 1440px) / 2 + var(--gut)));bottom:54px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:var(--muted);text-decoration:none}.scroll-cue .hop{width:36px;height:36px;border-radius:18px;border:2px solid #c9b49d;display:flex;align-items:center;justify-content:center}.night{position:relative;padding:60px 0 40px;background:var(--peach);border-radius:64px 64px 0 0}.night .section-head{margin-bottom:20px}.night-grid{display:grid;grid-template-columns:1fr 420px;gap:80px}.steps{margin:0;padding:0;list-style:none}.steps li{min-height:500px;display:flex;align-items:center}.step{display:flex;gap:28px;opacity:.35;transform:translate(-10px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.3,1)}.steps li.on .step{opacity:1;transform:none}.step-rail{display:flex;flex-direction:column;align-items:center;gap:8px}.step-n{width:64px;height:64px;border-radius:32px;border:3px solid var(--line);background:var(--cream);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:26px;font-weight:600;transition:background .4s ease}.steps li.on .step-n,.steps li.done .step-n{background:var(--chip)}.rail{width:4px;height:150px;border-radius:2px;background:#23262f26}.steps li.done .rail{background:var(--ink)}.step-body{display:flex;flex-direction:column;gap:14px;padding-top:4px;max-width:560px}.time{align-self:flex-start;height:32px;padding:0 14px;border-radius:16px;background:var(--ink);color:#fff;display:flex;align-items:center;font-size:14px;font-weight:800}.step-body h3{font-size:clamp(30px,2.78vw,40px);line-height:1.15}.step-body p{font-size:clamp(17px,1.32vw,19px);line-height:1.58;color:var(--body)}.why{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--brown)}.why .dot{width:28px;height:28px;background:var(--cream)}.ph-step{display:none}.night-side{position:relative}.night-sticky{position:sticky;top:110px;height:677px}.night-blob{position:absolute;left:-40px;top:60px;width:400px;height:560px;border-radius:200px;background:var(--cream)}.ph-night{--pw: 323px;position:absolute;left:48px;top:0}.setup{padding:120px 0 110px;background:var(--peach)}.setup .split-head{margin-bottom:56px}.mqw{overflow:hidden;padding:6px 0 10px}.mq{display:flex;width:max-content;animation:pmq 60s linear infinite}.mqw:hover .mq,.mqw:focus-within .mq{animation-play-state:paused}.mq-set{display:flex;gap:28px;padding-left:28px}.mqi{margin:0;flex:none;display:flex;flex-direction:column;gap:12px;align-items:center}.mqi img{display:block;width:196px;height:424px;border-radius:28px;background:var(--cream);box-shadow:0 0 0 2px var(--line),0 18px 36px -14px #2b223859}.mqi figcaption{font-size:14px;font-weight:800;color:var(--muted)}.beyond{position:relative;margin-top:-40px;padding:130px 0 120px;background:var(--ink);color:var(--cream);border-radius:64px;overflow:hidden}.beyond .stars{position:absolute;left:0;top:0;width:100%;height:200px;max-width:none}.beyond .section-head{margin-bottom:40px}.beyond .eyebrow{color:var(--yellow)}.beyond .body{max-width:640px;color:#d9d2e8}.beyond-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.beyond-grid figure{margin:0;flex:0 1 576px;display:flex;flex-direction:column;align-items:center;gap:12px}.beyond-grid img{display:block;width:auto;max-width:100%;height:auto;max-height:min(640px,80vh);border-radius:14%/6.7%}.beyond-grid figcaption{font-size:15px;font-weight:800;color:#d9d2e8;text-align:center}.cars{padding:130px 0 120px}.cars-grid{display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:80px;align-items:center}.cars .section-head{gap:16px}.cars .body{max-width:480px}.cars-art{display:flex;gap:32px;align-items:center;min-width:0}.ph-car{--pw: 228px}.card{margin:0;border-radius:36px;background:#fff;border:2px solid var(--border);box-shadow:0 24px 48px -24px #2b223840}.weekend{flex:1;min-width:0;padding:26px;display:flex;flex-direction:column;gap:16px}.weekend-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.weekend-head b{font-family:var(--display);font-size:22px;font-weight:600}.badge{height:28px;padding:0 12px;border-radius:14px;background:var(--apricot);display:flex;align-items:center;font-size:12px;font-weight:800;color:#8a4a12}.weekend-chart{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:end}.weekend-bars{height:70px;display:flex;align-items:flex-end;gap:3px}.weekend-bars span{flex:1;border-radius:4px 4px 2px 2px;background:#f3dcc2}.weekend-bars .cheap{background:var(--mint)}.lane-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;align-self:center}.key{width:12px;height:12px;border-radius:4px;border:2px solid var(--line)}.lane{position:relative;height:30px;border-radius:10px;background:#fff3e6}.lane span{position:absolute;top:0;bottom:0;border-radius:10px;border:2px solid var(--line)}.nights{display:grid;grid-template-columns:repeat(3,1fr);font-size:13px;font-weight:800;color:var(--muted);text-align:center}.proto{padding:40px 0 130px}.proto-card{border-radius:48px;background:var(--apricot);padding:64px 56px 56px;display:flex;flex-direction:column;gap:40px;overflow:hidden}.proto .split-head{grid-template-columns:1fr minmax(0,440px);gap:60px}.diagram{display:grid;grid-template-columns:230px 1fr 216px 1fr 236px;align-items:start;min-height:330px}.node{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.node-art{height:210px;display:flex;align-items:flex-end;justify-content:center}.node .kicker{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--rust)}.node b{font-family:var(--display);font-size:24px;font-weight:600}.node-text{font-size:14px;line-height:20px;font-weight:700;color:var(--muted)}.api{position:relative;width:150px;height:150px;margin-bottom:30px;display:flex;align-items:center;justify-content:center}.api .breathe{position:absolute;inset:0;border-radius:75px;background:var(--cream)}.api-core{position:relative;width:110px;height:110px;border-radius:55px;border:3px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center}.link{position:relative;height:210px;margin:0 -10px}.link .cmd,.link .status{position:absolute;left:0;right:0;height:6px;background-size:18px 6px;background-repeat:repeat-x}.link .cmd{top:147px;background-image:radial-gradient(circle at 3px 3px,#c9894f 2.6px,transparent 3.2px)}.link .status{top:193px;background-image:radial-gradient(circle at 3px 3px,var(--mint) 2.2px,transparent 2.8px);animation-direction:reverse}.spark{position:absolute;left:0;width:22px;height:22px;margin-left:-11px;animation:lspark 3.2s cubic-bezier(.45,0,.55,1) infinite}.spark.bolt{top:139px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M13 1 L3 13 h6 l-2 8 l11 -13 h-6 l3 -7 z' fill='%23ffd66b' stroke='%232b2238' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.spark.ping{top:189px;width:14px;height:14px;margin-left:-7px;border-radius:7px;background:var(--mint);border:2px solid var(--line);animation-duration:3.6s;animation-direction:reverse;animation-delay:.8s}.talk{position:relative;padding:110px 0 120px;background:var(--peach);border-radius:64px 64px 0 0;overflow:hidden}.talk-grid{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}.talk-text{display:flex;flex-direction:column;gap:22px}.talk h2{font-size:clamp(40px,4.44vw,64px);line-height:1.0625}.talk .body{max-width:600px}.talk .author{padding-top:0}.talk .author-text b{font-size:17px}.talk .author-text .brown{color:var(--brown)}.contact{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.email{height:60px;padding:0 22px;border-radius:30px;background:var(--cream);border:2px solid var(--line);display:flex;align-items:center;font-size:17px;font-weight:800;text-decoration:none}.talk-art{position:relative;height:380px;width:420px;max-width:100%}.talk-art .wfall{position:absolute;top:-40px}.talk-art vt-charger,.talk-art vt-battie,.talk-art vt-car{position:absolute;bottom:0}.t-charger{left:10px}.t-battie{left:150px}.t-car{left:290px}.foot{padding:26px 0;background:var(--peach);border-top:2px solid #f0bf8c;font-size:14px;font-weight:700;color:var(--brown)}.foot-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px}@media(max-width:1240px){.hero-grid{grid-template-columns:1fr;justify-items:center}.hero-text{margin-top:48px;justify-self:stretch}.hero{min-height:0}.scroll-cue{display:none}.night-grid{grid-template-columns:1fr 360px;gap:48px}.night-blob{width:340px;left:-20px}.ph-night{--pw: 280px;left:30px}.night-sticky{height:590px}.cars-grid{grid-template-columns:1fr;gap:48px}.diagram{grid-template-columns:200px 1fr 200px 1fr 200px}}@media(max-width:960px){.nav nav .nav-link{display:none}.split-head,.proto .split-head{grid-template-columns:1fr;gap:20px}.night-grid{grid-template-columns:1fr}.night-side{display:none}.steps li{min-height:0;padding:32px 0}.step{opacity:1;transform:none;gap:18px}.step-n{width:52px;height:52px;font-size:22px;background:var(--chip)}.rail{flex:1;height:auto;min-height:60px}.ph-step{display:block;--pw: min(260px, 70vw);margin-top:10px}.diagram{grid-template-columns:1fr;gap:32px;justify-items:center}.link{display:none}.proto-card{padding:40px 24px;border-radius:36px}.talk-grid{grid-template-columns:1fr}.talk-art{justify-self:center}.night,.talk{border-radius:40px 40px 0 0}.beyond{border-radius:40px;padding:96px 0 80px}.setup,.cars{padding:80px 0}}@media(max-width:640px){.hero{padding-top:92px;padding-bottom:64px}.hero-text{margin-top:24px}.hero-art-in{zoom:.58}.hero-art{margin-top:12px}.check-chips li{font-size:15px}.cars-art{flex-direction:column;align-items:stretch}.cars-art .rv2:first-child{align-self:center}.ph-car{--pw: 220px}.weekend{padding:20px}.weekend-chart{grid-template-columns:70px 1fr}.mqi img{width:150px;height:325px;border-radius:22px}.talk-art{zoom:.8}.beyond-grid{gap:28px}.contact .email,.contact .btn-dark{width:100%;justify-content:center}.logo{font-size:22px}}@media(min-width:641px)and (max-width:960px){.hero-art-in{zoom:.85}}@keyframes bwave{0%{transform:translate(0)}to{transform:translate(-80px)}}@keyframes bbob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bhand{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes btw{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes vnumA{0%{transform:translateY(40%);opacity:.15;filter:blur(2px)}to{transform:none;opacity:1;filter:none}}@keyframes hop{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@keyframes wrise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes wfloat{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-12px) rotate(var(--r, 0deg))}}@keyframes wbars{0%{transform:scaleY(.05)}14%{transform:scaleY(1)}86%{transform:scaleY(1)}to{transform:scaleY(.05)}}@keyframes wgrid{0%{stroke-dashoffset:100;opacity:0}10%{opacity:1}80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes wfall{0%{transform:translateY(-60px) rotate(0)}to{transform:translateY(680px) rotate(540deg)}}@keyframes ldash{to{background-position:18px 0}}@keyframes lspark{0%{left:0;opacity:0;transform:scale(.6)}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{left:100%;opacity:0}}@keyframes pprog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes prise{0%{opacity:0;transform:translateY(56px) scale(.97)}to{opacity:1;transform:none}}@keyframes pgrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pmq{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pbreathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:.15}}.bwave{animation:bwave 3s linear infinite}.bbob{animation:bbob 3.2s ease-in-out infinite}.bhand{transform-box:fill-box;transform-origin:50% 100%;animation:bhand .9s ease-in-out infinite}.btw{transform-box:fill-box;transform-origin:center;animation:btw 2s ease-in-out infinite}.vnumA{display:inline-block;animation:vnumA .35s cubic-bezier(.3,.8,.3,1)}.hop{animation:hop 1.2s ease-in-out infinite}.wrise{animation:wrise .9s cubic-bezier(.2,.8,.3,1) both}.wfloat{animation:wfloat 4.5s ease-in-out infinite}.wbars{transform-origin:bottom;animation:wbars 7s cubic-bezier(.3,.8,.3,1) infinite}.wgrid{animation:wgrid 9s linear infinite}.wdash{animation:ldash 1.2s linear infinite}.wfall{animation:wfall linear infinite}.breathe{animation:pbreathe 2.6s ease-in-out infinite}.rv{animation:prise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.rv2{animation:prise linear both;animation-timeline:view();animation-range:entry 15% entry 85%}.grow{transform-origin:left;animation:pgrow linear both;animation-timeline:view();animation-range:entry 40% cover 50%}@supports not (animation-timeline: view()){.rv,.rv2,.grow,.pprog{animation:none}.pprog{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.pprog{display:none}.mqw{overflow-x:auto}}
