@font-face{font-family:Onest;src:url('/fonts/onest-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--page-bg:#090b0d;--surface:#131619;--text:#f4f3ef;--muted:#b0b6bd;--line:#30353b;--orange:#f6821f;--cyan:#0ed8e7;--coral:#ff7896;--violet:#b99aff;--ease:cubic-bezier(.16,1,.3,1);font-family:Onest,Arial,sans-serif;font-size:18px;background:var(--page-bg);color:var(--text);scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0}::selection{background:var(--orange);color:#111}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button,a,summary,input{outline-offset:5px}:focus-visible{outline:3px solid var(--cyan)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:600;text-wrap:balance;letter-spacing:-.035em}p{line-height:1.6}h2{font-size:clamp(32px,3.4vw,46px);line-height:1.14}a{text-decoration:none}.wrap{width:min(1144px,calc(100% - 64px));margin-inline:auto}.orange{color:var(--orange)}.cyan{color:var(--cyan)}.coral{color:var(--coral)}.violet{color:var(--violet)}[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:-100px;z-index:10;background:var(--cyan);color:#101416;padding:12px 20px;border-radius:8px}.skip-link:focus{top:16px}.preview-bar{padding:11px 24px;text-align:center;background:#191b1e;color:#d2d6db;font-size:16px;line-height:1.5;display:flex;flex-wrap:wrap;justify-content:center;gap:0 8px;border-bottom:1px solid var(--line)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px}.wordmark{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-.03em;font-weight:650;white-space:nowrap}.wordmark>.orange{margin-left:-9px}.wordmark img{display:block}.page-header nav{display:flex;align-items:center;gap:28px;font-size:16px}.page-header nav>a:first-child{color:#d0d5db}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 22px;border-radius:10px;font-size:17px;font-weight:600;line-height:1.4;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s}.button.primary{background:var(--orange);color:#17100a}.button.primary:hover{background:#ff9b42}.button.secondary,.button.quiet{border-color:#525a63;background:transparent}.button.secondary:hover,.button.quiet:hover{background:#23282d}.button.quiet{min-height:46px;padding:10px 16px;gap:14px;font-size:16px}.button svg{width:22px;height:22px}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding-block:48px 58px}.hero h1{font-size:clamp(44px,5.3vw,66px);line-height:1.08}.hero-copy>p{font-size:19px;color:var(--muted);margin-block:24px}.hero-copy .button{margin-top:3px}.journey{min-width:0;align-self:center}.journey-art{position:relative;height:264px;isolation:isolate}.journey-path{position:absolute;inset:0;width:100%;height:100%;stroke:#41434d;stroke-dasharray:4 7;stroke-width:1.5}.device{position:absolute;opacity:1}.device-name{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:16px;white-space:nowrap;font-size:16px;color:#d0d5db}.device-local{width:152px;left:0;bottom:55px}.laptop-screen{height:112px;border:2px solid #53747b;border-radius:10px 10px 3px 3px;background:#111b20;padding-top:5px;text-align:center}.laptop-screen .dock-mascot{--size:78px}.laptop-base{height:9px;border-radius:2px 2px 10px 10px;background:#53747b;margin-inline:-9px;position:relative}.laptop-base:after{content:'';position:absolute;width:32px;height:3px;background:#1f343a;left:calc(50% - 16px);top:0;border-radius:0 0 6px 6px}.code-line{display:block;width:56px;height:3px;background:#0ed8e74a;border-radius:2px;margin:-4px 0 0 12px}.code-line.short{width:33px;margin-top:5px}.device-cloud{left:37%;bottom:103px;width:156px;height:134px}.cloud-roof{position:absolute;inset:-29px -22px 0;color:#72404c}.cloud-roof svg{width:100%;height:100%;stroke-width:2;fill:#171217}.cloud-lead{position:absolute;left:0;bottom:-4px;--size:97px;z-index:2}.cloud-helper{position:absolute;right:-10px;bottom:14px;--size:75px;--tilt:8deg;z-index:1}.device-cloud .device-name{padding-top:17px;color:var(--coral)}.device-phone{width:75px;right:0;bottom:48px}.phone-shell{height:137px;border:2px solid #786393;border-radius:17px;background:#17131f;display:grid;place-items:center;position:relative}.phone-shell .dock-mascot{--size:61px}.phone-camera{position:absolute;top:9px;left:calc(50% - 10px);width:20px;height:4px;background:#786393;border-radius:3px}.phone-check{position:absolute;bottom:5px;right:6px;color:var(--violet);width:20px}.phone-check svg{width:18px;height:18px;stroke-width:2.5}.journey[data-scene="local"] .device-local,.journey[data-scene="cloud"] .device-cloud,.journey[data-scene="phone"] .device-phone{opacity:1}.journey[data-scene="local"] .device-local .character-body{transform:rotate(-5deg)}.journey[data-scene="cloud"] .cloud-lead{animation:cloud-hello 1s var(--ease)}.journey[data-scene="cloud"] .cloud-lead .character-mouth-open{transform-box:fill-box;transform-origin:center top;animation:character-chat .8s ease-in-out 3}.journey[data-scene="phone"] .phone-check{animation:checked-in .5s var(--ease)}.work-token{position:absolute;top:107px;left:22%;display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:var(--orange);color:#17100a;z-index:4;opacity:0;transition:left 1s var(--ease),top 1s var(--ease),opacity .3s}.work-token svg{width:23px;height:23px;stroke-width:2}.journey[data-scene="cloud"] .work-token{left:52%;top:32px;opacity:1}.journey[data-scene="phone"] .work-token{left:84%;top:116px;opacity:1}.journey figcaption{display:flex;align-items:center;justify-content:center;gap:18px;min-height:52px;margin-top:9px;font-size:17px;color:#e4e5e6}.story-controls{display:flex;gap:0;flex-shrink:0}.story-controls button{width:30px;height:44px;border:0;background:transparent;position:relative;border-radius:7px}.story-controls button:after{content:'';width:8px;height:8px;background:#646872;position:absolute;left:11px;top:18px;border-radius:50%;transition:background .18s,transform .18s}.story-controls button[aria-pressed="true"]:after{background:var(--orange);transform:scale(1.25)}@keyframes cloud-hello{0%{transform:translateY(0)}35%{transform:translateY(-10px) rotate(-4deg)}100%{transform:translateY(0)}}@keyframes checked-in{from{transform:scale(.5);opacity:.2}to{transform:scale(1);opacity:1}}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;scroll-margin-top:24px}.plan{padding:30px 32px 32px;background:var(--surface);border-radius:16px;border:1px solid #3a4047;position:relative;min-width:0}.plan-cloud{background:#181512;border-color:#7d4c28}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:62px;margin-bottom:12px}.plan h2{font-size:28px;letter-spacing:-.025em}.plan-friend{--size:60px;transform:rotate(-6deg)}.plan-crew{display:flex;padding-right:4px;--size:58px;align-items:center}.plan-crew>span+span{margin-left:-9px;transform:rotate(8deg);margin-top:8px}.price{font-size:56px;line-height:1.1;letter-spacing:-.035em;font-weight:600;font-variant-numeric:tabular-nums}.price>span{display:block;font-size:17px;line-height:1.6;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}.plan-description{color:#d5d8dc;margin-top:23px;font-size:18px;line-height:1.55}.features{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:12px;font-size:17px;line-height:1.45}.features li{position:relative;padding-left:27px}.features li:before{content:'';position:absolute;width:11px;height:6px;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(-45deg);left:1px;top:7px}.plan-cloud .features li:before{border-color:var(--orange)}.plan .button{width:100%}
.estimator{display:grid;grid-template-columns:.85fr 1.25fr;gap:64px;align-items:center;padding-block:80px;border-bottom:1px solid var(--line)}.section-intro>p{color:var(--muted);margin-top:22px;font-size:18px}.cost-calculator{padding:30px;background:#15171a;border-radius:16px;display:grid;grid-template-columns:1fr .9fr;gap:26px;align-items:center;min-width:0}.calculator-inputs{display:grid;gap:27px}.range-field{min-width:0}.range-field label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:500;font-size:16px;line-height:1.5}.range-field output{color:var(--coral);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.range-ends{display:flex;justify-content:space-between;gap:16px;font-size:16px;color:var(--muted);margin-top:8px}input[type="range"]{--fill:0%;width:100%;display:block;appearance:none;height:7px;margin:23px 0 19px;border-radius:5px;background:linear-gradient(to right,var(--coral) var(--fill),#4d535b var(--fill));cursor:pointer;accent-color:var(--coral)}input[type="range"]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:var(--coral);border:4px solid #fff2}input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--coral);border:2px solid #fff2}.estimate-result{display:flex;align-items:center;flex-direction:column;text-align:center;font-size:16px;line-height:1.5;min-width:0}.estimate-result>p{font-size:16px;color:#d6d9dd}.estimate-result>output{font-size:48px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:1px 0 4px;font-variant-numeric:tabular-nums}.estimate-result>span{font-size:16px;color:#d1d6da}.calculator-crew{display:flex;justify-content:center;max-width:100%;margin-bottom:11px;min-height:65px;align-items:flex-end;--size:65px}.calculator-crew>span+span{margin-left:-15px;--size:51px;transform:rotate(5deg)}.calculator-crew>span:nth-child(even){transform:rotate(-7deg)}
.sleep-section{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;padding-block:68px;border-bottom:1px solid var(--line)}.sleep-scene{position:relative;min-height:257px;isolation:isolate}.sleep-character{position:absolute;top:60px}.sleep-character.front{left:35%;--size:159px;--tilt:-6deg}.sleep-character.back{--size:112px;left:17%;top:78px;--tilt:8deg}.sleep-ground{position:absolute;bottom:24px;left:12%;right:8%;height:1px;background:#42414b;z-index:-1}.moon{position:absolute;right:17%;top:9px;width:42px;height:42px;fill:var(--violet);stroke:none;opacity:0;transform:rotate(-25deg);transition:opacity .4s,transform .5s}.sleep-mark{position:absolute;font-size:29px;font-weight:500;color:var(--violet);right:25%;top:44px;opacity:0;transform:rotate(14deg)}.sleep-mark.two{right:18%;top:19px;font-size:21px}.sleep-scene[data-awake="false"] .moon{opacity:1;transform:rotate(0)}.sleep-scene[data-awake="false"] .sleep-mark{animation:snooze 3s ease-out infinite}.sleep-scene[data-awake="false"] .sleep-mark.two{animation-delay:1.1s}.sleep-copy>p{margin-top:20px;color:var(--muted);font-size:18px;max-width:45ch}.usage-control{display:flex;gap:12px;align-items:center;margin-top:25px;flex-wrap:wrap;font-size:17px}.usage-control strong{font-weight:500;color:var(--orange);margin-left:auto;font-variant-numeric:tabular-nums}.switch{width:52px;height:32px;border:1px solid var(--orange);border-radius:30px;background:var(--orange);padding:3px;flex-shrink:0}.switch>span{display:block;width:24px;height:24px;background:#17110b;border-radius:50%;transform:translateX(18px);transition:transform .22s var(--ease),background .22s}.switch[aria-checked="false"]{background:#383541;border-color:#787081}.switch[aria-checked="false"]>span{transform:translateX(0);background:#f0edf6}.sleep-copy .simulation-note{font-size:16px;margin-top:13px;color:#b7b2c2}@keyframes snooze{0%{opacity:0;transform:translate(0,5px) rotate(14deg)}30%,65%{opacity:1}100%{opacity:0;transform:translate(8px,-18px) rotate(14deg)}}
.budget-section{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding-block:65px;align-items:center;border-bottom:1px solid var(--line)}.budget-copy>p{color:var(--muted);margin-top:18px;font-size:18px}.budget-choices{display:flex;gap:12px;margin-top:24px}.budget-choices button{border:1px solid #646b75;border-radius:8px;padding:10px 23px;color:var(--text);background:transparent;min-height:48px;font-variant-numeric:tabular-nums;transition:background .18s,border-color .18s}.budget-choices button[aria-pressed="true"]{color:#17110b;background:var(--orange);border-color:var(--orange);font-weight:600}.budget-choices button:hover{border-color:var(--orange)}.budget-copy .budget-caption{font-size:17px;color:#e0d3c9;margin-top:16px}.budget-art{min-height:220px;display:flex;justify-content:center;align-items:center;gap:25px}.budget-art>.dock-mascot{--size:155px;--tilt:-6deg}.budget-stop{padding:18px 24px;color:#f8d9bd;border:1px solid #80502b;border-radius:14px;display:flex;flex-direction:column;gap:4px;transform:rotate(6deg);font-size:17px;min-width:133px;background:#1d1711}.budget-stop strong{font-size:38px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--orange)}.budget-stop svg{margin-top:8px;color:var(--orange);width:28px;height:28px}
.answers{display:grid;grid-template-columns:.85fr 1.5fr;gap:64px;padding-block:64px}.answer-list{margin-top:-14px}details{border-bottom:1px solid var(--line);padding-block:19px}summary{display:flex;justify-content:space-between;gap:24px;align-items:center;cursor:pointer;list-style:none;font-size:18px;font-weight:450;min-height:36px;line-height:1.5}summary::-webkit-details-marker{display:none}summary svg{width:20px;height:20px;transition:transform .2s}details[open] summary svg{transform:rotate(45deg)}details>p{font-size:17px;color:var(--muted);margin-top:15px;max-width:68ch}.closing{display:flex;align-items:center;gap:58px;border-radius:16px;background:#15181b;margin-top:4px;padding:40px}.closing h2{font-size:32px;line-height:1.2;max-width:27ch}.closing .button{margin-top:25px}.closing-crew{display:grid;grid-template-columns:1fr 1fr;gap:3px;--size:86px;transform:rotate(-6deg);flex-shrink:0}.closing-crew>span:nth-child(2){transform:rotate(8deg)}.closing-crew>span:nth-child(3){transform:rotate(-5deg)}.page-footer{display:flex;align-items:center;gap:24px;padding-block:35px 40px;font-size:16px;line-height:1.5;color:var(--muted)}.page-footer .wordmark{font-size:19px;color:var(--text)}.page-footer>a:last-child{margin-left:auto}.page-footer>a:hover{color:var(--orange)}
@media(min-width:1500px){.hero{padding-block:62px 68px}.hero h1{font-size:70px}.hero-copy>p{font-size:20px}.journey-art{height:280px}.plans .plan{padding:32px}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:52px}.device-local{width:128px}.device-cloud{left:35%;width:134px}.cloud-lead{--size:85px}.cloud-helper{--size:65px;right:-8px}.device-phone{width:67px}.phone-shell{height:126px}.phone-shell .dock-mascot{--size:54px}.journey figcaption{flex-direction:column;gap:1px;margin-top:7px;line-height:1.5}.story-controls button{height:32px}.story-controls button:after{top:12px}.estimator{grid-template-columns:1fr;gap:30px;padding-block:56px}.section-intro h2 br{display:none}.section-intro>p br{display:none}.cost-calculator{grid-template-columns:1.3fr .8fr;padding:30px 36px;gap:48px}.calculator-inputs{gap:24px}.calculator-crew{--size:75px}.estimate-result>output{font-size:54px}.sleep-section,.budget-section{gap:35px}.sleep-character.front{left:33%;--size:145px}.sleep-character.back{left:12%;--size:105px}.budget-art{gap:14px}.budget-art>.dock-mascot{--size:133px}.answers{grid-template-columns:.8fr 1.3fr;gap:40px}.closing{gap:36px}.closing h2{font-size:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.preview-bar{padding:9px 18px;font-size:16px;display:block}.preview-bar>span{margin-inline:4px}.page-header{padding-block:20px;gap:12px;flex-wrap:wrap}.wordmark{font-size:21px}.wordmark img{width:34px;height:34px}.page-header nav{gap:12px;font-size:16px}.page-header nav>a:first-child{display:none}.button{font-size:16px;min-height:50px}.button.quiet{padding:8px 12px;min-height:44px;font-size:16px;gap:8px}.button.quiet svg{width:19px}.hero{grid-template-columns:1fr;gap:16px;padding-block:24px 30px}.hero h1{font-size:clamp(40px,8.6vw,58px);max-width:15ch}.hero-copy>p{font-size:18px;line-height:1.55;margin-block:20px;max-width:40ch}.hero-copy .button{margin-top:1px}.journey{width:100%;max-width:540px;justify-self:center}.journey-art{height:242px;max-width:475px;margin-inline:auto}.device-local{width:138px;bottom:41px}.device-cloud{bottom:83px;width:144px}.device-phone{width:70px;bottom:33px}.cloud-lead{--size:94px}.cloud-helper{--size:74px}.journey figcaption{flex-direction:row;gap:12px;font-size:16px;margin-top:15px;justify-content:center}.story-controls button{height:44px;width:26px}.story-controls button:after{left:9px;top:18px}.plans{gap:18px;grid-template-columns:1fr}.plan{padding:23px 24px 26px}.plan-heading{min-height:55px;margin-bottom:9px}.plan h2{font-size:27px}.plan-friend{--size:54px}.plan-crew{--size:52px}.price{font-size:49px}.price>span{font-size:17px}.plan-description{font-size:18px;line-height:1.55;margin-top:20px}.features{margin-block:20px 24px;font-size:17px;gap:11px}.estimator{padding-block:40px;gap:24px}.section-intro h2{font-size:35px;max-width:18ch}.section-intro>p{margin-top:16px;font-size:18px}.cost-calculator{grid-template-columns:1fr;padding:25px 24px;gap:27px}.calculator-inputs{gap:27px}.range-field label,.range-ends{font-size:16px}.estimate-result{padding-top:20px;border-top:1px solid var(--line);position:relative;min-height:168px;align-items:flex-start;text-align:left;padding-left:0}.calculator-crew{position:absolute;right:0;top:30px;--size:72px;max-width:44%;margin:0}.calculator-crew>span+span{--size:47px;margin-left:-18px}.estimate-result>output{font-size:51px}.sleep-section{grid-template-columns:1fr;padding-block:24px 36px;gap:6px}.sleep-scene{min-height:215px;max-width:380px;width:100%;margin-inline:auto}.sleep-character.front{left:39%;top:42px;--size:139px}.sleep-character.back{left:18%;top:57px;--size:102px}.sleep-ground{bottom:25px}.moon{right:12%;top:0}.sleep-mark{right:21%;top:23px}.sleep-mark.two{right:14%;top:0}.sleep-copy h2{font-size:34px}.sleep-copy>p{font-size:18px;margin-top:18px}.usage-control{font-size:16px;gap:10px;margin-top:23px}.usage-control strong{font-size:16px}.sleep-copy .simulation-note{margin-top:13px}.budget-section{grid-template-columns:1fr;padding-block:36px;gap:17px}.budget-copy h2{font-size:34px}.budget-copy>p{font-size:18px;margin-top:17px}.budget-choices{margin-top:21px}.budget-choices button{flex:1;padding:10px 18px}.budget-art{min-height:188px;gap:28px;justify-content:center}.budget-art>.dock-mascot{--size:133px}.budget-stop{padding:14px 20px;font-size:17px}.budget-stop strong{font-size:34px}.budget-stop svg{width:25px;height:25px;margin-top:4px}.answers{grid-template-columns:1fr;padding-block:36px;gap:25px}.answers h2{font-size:34px}.answer-list{margin-top:-12px}summary{font-size:17px;gap:16px}details{padding-block:16px}details>p{font-size:17px}.closing{display:block;padding:26px;margin-top:4px}.closing-crew{--size:52px;width:max-content;display:flex;gap:5px;transform:none;margin-bottom:24px}.closing-crew>span:nth-child(2){transform:rotate(8deg) translateY(-5px)}.closing h2{font-size:27px;line-height:1.25}.closing .button{margin-top:22px;width:100%}.page-footer{flex-wrap:wrap;gap:15px 20px;padding-block:28px;font-size:16px}.page-footer>.wordmark{font-size:19px}.page-footer>span{order:3;flex-basis:100%}.page-footer>a:last-child{margin-left:auto}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:19px;gap:7px}.wordmark>.orange{margin-left:-7px}.wordmark img{width:30px;height:30px}.button.quiet{font-size:16px;padding:8px 10px}.button.quiet svg{display:none}.hero h1{font-size:34px}.hero-copy>p{font-size:17px}.journey-art{height:190px}.device-local{width:102px;bottom:38px}.laptop-screen{height:98px}.laptop-screen .dock-mascot{--size:67px}.device-cloud{width:104px;left:37%;bottom:73px;height:110px}.cloud-roof{inset:-12px -16px 0}.cloud-lead{--size:76px;left:-6px}.cloud-helper{--size:56px;right:-9px}.device-phone{width:55px;bottom:32px}.phone-shell{height:109px;border-radius:13px}.phone-shell .dock-mascot{--size:46px}.device-name{font-size:16px;padding-top:13px}.journey figcaption{gap:5px;justify-content:space-between;font-size:16px}.story-controls button{width:22px}.story-controls button:after{left:7px}.plan{padding-inline:22px}.plan h2{font-size:25px}.plan-friend{--size:49px}.plan-crew{--size:47px}.features{font-size:16px}.price>span{font-size:16px}.plan-description{font-size:17px}.cost-calculator{padding-inline:20px}.range-field label{gap:8px}.range-ends{gap:12px}.calculator-crew{--size:60px;top:37px}.calculator-crew>span+span{--size:38px}.estimate-result>span{font-size:16px}.sleep-copy h2{font-size:31px}.usage-control{gap:8px}.usage-control strong{font-size:16px}.switch{width:48px}.switch>span{transform:translateX(14px)}.budget-copy h2{font-size:31px}.budget-art{gap:17px}.budget-art>.dock-mascot{--size:120px}.closing{padding:22px}.closing h2{font-size:25px}.closing-crew{--size:48px;gap:4px}.closing .button{padding-inline:16px;gap:16px}}
@media(min-width:761px) and (max-height:700px){.hero{padding-block:28px 40px}.hero h1{font-size:54px}.hero-copy>p{margin-block:18px;font-size:18px}.journey-art{height:235px}.plan{padding-block:24px}.estimator,.sleep-section,.budget-section{padding-block:42px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.work-token{transition:none}}

@media(min-width:600px) and (max-width:760px) and (max-height:500px){.hero{grid-template-columns:1fr 1fr;gap:24px;padding-block:16px 28px}.hero h1{font-size:36px}.hero-copy>p{font-size:17px;margin-block:16px}.journey-art{height:220px}.journey figcaption{flex-direction:column;gap:0}.device-local{width:102px}.laptop-screen{height:98px}.laptop-screen .dock-mascot{--size:66px}.device-cloud{width:104px;left:36%;height:112px;bottom:79px}.cloud-lead{--size:75px;left:-6px}.cloud-helper{--size:55px;right:-8px}.cloud-roof{inset:-12px -16px 0}.device-phone{width:56px}.phone-shell{height:107px}.phone-shell .dock-mascot{--size:44px}.journey figcaption{font-size:16px;text-align:center;margin-top:10px}.story-controls button{height:32px}.story-controls button:after{top:12px}}

.device-phone .device-name{left:auto;right:0;transform:none}
.story-controls button{width:44px;height:44px}
.story-controls button:after{left:18px;top:18px}
.journey[data-scene="phone"] .work-token{top:55px}
@media(max-width:760px){
 .hero{padding-bottom:24px;gap:8px}
 .journey-art{width:min(100%,320px);height:178px}
 .device-local{width:108px;bottom:36px}
 .laptop-screen{height:87px}
 .laptop-screen .dock-mascot{--size:58px}
 .device-cloud{width:105px;height:101px;left:35%;bottom:64px}
 .cloud-roof{inset:-13px -14px 0}
 .cloud-lead{--size:75px;left:-3px}
 .cloud-helper{--size:57px;right:-9px;bottom:12px}
 .device-phone{width:52px;bottom:32px}
 .phone-shell{height:99px;border-radius:13px}
 .phone-shell .dock-mascot{--size:44px}
 .device-name,.device-cloud .device-name{padding-top:12px}
 .journey figcaption{margin-top:12px;gap:8px;min-height:48px}
 .story-controls button{width:44px;height:44px}
 .story-controls button:after{left:18px;top:18px}
 .work-token{width:27px;height:27px}
 .work-token svg{width:20px;height:20px}
 .journey[data-scene="cloud"] .work-token{top:-4px;left:52%}
 .journey[data-scene="phone"] .work-token{top:8px;left:81%}
 .plan{padding:20px 24px 24px}
 .plan-heading{min-height:50px}
 .plan-friend{--size:48px}
 .plan-crew{--size:48px}
 .price{font-size:46px}
 .plan-description{margin-top:18px}
 .features{margin-block:18px 22px;gap:9px}
 .estimator{padding-block:32px;gap:22px}
 .cost-calculator{padding:21px 24px;gap:20px}
 .calculator-inputs{gap:20px}
 input[type="range"]{margin-block:16px 14px}
 .range-ends{margin-top:5px}
 .estimate-result{min-height:131px;padding-top:16px}
 .estimate-result>output{font-size:47px}
 .calculator-crew{top:25px;--size:62px}
 .calculator-crew>span+span{--size:42px;margin-left:-19px}
 .sleep-section{padding-top:17px;gap:0}
 .sleep-scene{min-height:164px;max-width:320px}
 .sleep-character.front{--size:113px;left:39%;top:24px}
 .sleep-character.back{--size:84px;left:18%;top:38px}
 .sleep-ground{bottom:17px;left:15%;right:11%}
 .moon{width:33px;height:33px;right:13%;top:0}
 .sleep-mark{font-size:25px;right:22%;top:17px}
 .sleep-mark.two{font-size:19px;right:14%;top:0}
 .budget-section{gap:12px;padding-block:32px}
 .budget-art{min-height:151px;gap:22px}
 .budget-art>.dock-mascot{--size:106px}
 .budget-stop{font-size:16px;padding:11px 17px;min-width:119px}
 .budget-stop strong{font-size:30px}
 .budget-stop svg{width:23px;height:23px}
 .closing-crew{--size:45px;gap:6px;margin-bottom:21px}
}
@media(max-width:380px){
 .journey-art{height:167px}
 .device-local{width:92px;bottom:34px}
 .laptop-screen{height:80px}
 .laptop-screen .dock-mascot{--size:53px}
 .device-cloud{left:36%;width:94px;height:93px;bottom:60px}
 .cloud-lead{--size:67px;left:-4px}
 .cloud-helper{--size:49px;right:-7px}
 .device-phone{width:46px;bottom:31px}
 .phone-shell{height:92px;border-radius:11px}
 .phone-shell .dock-mascot{--size:38px}
 .phone-camera{top:7px;width:16px;left:calc(50% - 8px)}
 .device-name{font-size:16px}
 .journey figcaption{gap:4px;text-align:left}
 .plan{padding-inline:21px}
 .plan h2{font-size:24px}
 .plan-friend,.plan-crew{--size:44px}
 .cost-calculator{padding-inline:20px}
 .calculator-crew{--size:54px;max-width:38%;top:29px}
 .calculator-crew>span+span{--size:34px;margin-left:-19px}
 .estimate-result>output{font-size:44px}
}
@media(min-width:600px) and (max-width:760px) and (max-height:500px){.journey-art{height:178px}.journey figcaption{gap:0}}

.byo-providers{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:-7px 0 24px;font-size:17px;color:#e0e3e7}
.byo-providers>span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.byo-logo{display:inline-block;width:26px;height:26px;flex-shrink:0;background:currentColor;mask:var(--provider-logo) center/contain no-repeat;-webkit-mask:var(--provider-logo) center/contain no-repeat}
.codex-logo{--provider-logo:url('/providers/codex.svg')}
.claude-logo{--provider-logo:url('/providers/claude-code.svg');color:#e59a79}
@media(max-width:760px){.hero-copy>p{margin-block:18px;font-size:18px}.byo-providers{font-size:16px;gap:21px;margin:-3px 0 21px}.byo-logo{width:24px;height:24px}}

@media(max-width:760px){.calculator-crew>span:nth-child(n+3){display:none}}

.plan{display:flex;flex-direction:column}
.plan>.button{margin-top:auto}
@media(min-width:761px) and (max-width:1050px){.plan{padding-inline:24px}.plan-heading{gap:12px}.plan h2{font-size:26px}.plan-friend{--size:52px}.plan-crew{--size:50px}.plan .button{font-size:16px}}
@media(min-width:600px) and (max-width:760px) and (max-height:500px){
 .estimator{padding-block:16px;gap:16px}
 .section-intro h2{font-size:30px;max-width:none}
 .section-intro>p{font-size:16px;line-height:1.5;margin-top:10px}
 .cost-calculator{grid-template-columns:1.3fr .9fr;gap:24px;padding:16px 22px}
 .calculator-inputs{gap:16px}
 .estimate-result{border:0;min-height:0;padding:0;align-items:center;text-align:center}
 .calculator-crew{position:static;--size:48px;max-width:100%;margin-bottom:5px;min-height:45px}
 .calculator-crew>span+span{--size:32px;margin-left:-13px}
 .estimate-result>output{font-size:44px}
 .sleep-section{grid-template-columns:.8fr 1.2fr;gap:24px;padding-block:24px}
 .sleep-copy h2,.budget-copy h2{font-size:30px}
 .sleep-copy>p,.budget-copy>p{font-size:16px;line-height:1.5}
 .sleep-copy>p{margin-top:16px}
 .budget-section{grid-template-columns:1.1fr 1fr;gap:20px;padding-block:24px}
}