/* Shared presentation; approved white cover retained. */
:root{--presentation-space:1;--presentation-type:1;--ink:#201e28;--muted:#686574;--accent:#6047df;--surface:#f4f2f8;--radius:24px;--ease:cubic-bezier(.22,.8,.25,1);--cover:#191722}
body{background:#faf9fc}
h1,h2,h3{letter-spacing:-.045em;text-wrap:balance}
p,li{text-wrap:pretty}
.wrap{width:min(1200px,calc(100% - 80px))}
.section{padding-block:calc(clamp(72px,8vw,116px) * var(--presentation-space))}
.head{margin-bottom:48px}
.head>p{font-size:17px;max-width:520px}
.feature-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.fine{color:var(--muted)}
.nav{width:min(1200px,calc(100% - 48px));height:72px;top:16px;margin-top:16px;padding:0 16px 0 22px;border-radius:18px;background:#ffffffed;box-shadow:0 4px 24px #1710200a,0 0 0 1px #3025400b;backdrop-filter:blur(12px);gap:24px}
.nav-links{gap:24px}
.nav a{min-height:44px;display:inline-flex;align-items:center}
.nav .language-switch a{justify-content:center;min-width:40px;min-height:36px}
.login-link{border-radius:11px}
.nav .logo{letter-spacing:-.06em}
.nav-links a{position:relative}
.nav-links a:after{content:'';position:absolute;height:2px;bottom:4px;left:0;right:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}
.nav-links a:hover:after{transform:scaleX(1)}
.btn{min-height:50px;border-radius:13px;padding:14px 22px;box-shadow:0 3px 0 #25135715;transition:background .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #45347725}
.btn:active{transform:translateY(0) scale(.98)}
.work-section{background:#f0eef5;border-radius:32px;margin-inline:16px}
.day-section>.wrap>.head{display:block;max-width:760px;margin:0 0 28px;text-align:left}
.day-section .head .feature-label{margin:0 0 16px}
.day-section .head h2{font-size:clamp(30px,3.5vw,46px)}
.day-section .head>p:not(.feature-label){margin:18px 0 0;max-width:620px;font-size:16px}
.day-flow .day-stage{padding-block:76px;column-gap:54px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:'role screen' 'title screen' 'summary screen' 'outcome screen';align-items:start}
.day-flow .day-stage>.day-stage-heading{font-size:12px;color:#786a90;gap:12px}
.day-number{background:#e4ddf4;color:var(--accent);box-shadow:none;width:36px;height:36px;font-size:12px}
.day-flow .day-stage>h3{font-size:clamp(27px,2.8vw,37px);line-height:1.15;margin:22px 0 18px;max-width:440px}
.day-flow .day-stage>p{font-size:15px;line-height:1.75;max-width:390px}
.day-flow .day-stage>.day-output{font-size:12px;margin-top:26px;max-width:380px;line-height:1.6}
.day-output>span:first-child{background:#e4ddf4;color:var(--accent);box-shadow:none;flex:none}
.day-flow .day-driver{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'screen role' 'screen title' 'screen summary' 'screen scene' 'screen outcome';column-gap:90px}
.day-flow .day-driver>.day-phone{width:232px;height:510px}
.day-flow .day-driver>.work-scene{max-width:320px;margin-top:24px;box-shadow:none;border-radius:16px}
.day-flow .day-driver .work-scene img{aspect-ratio:2/1;object-position:center}
.day-device.day-laptop{border-radius:14px;padding:7px;background:#27242f;box-shadow:0 24px 38px -25px #27203366,0 0 0 1px #3c374b80,inset 0 1px 1px #ffffff40}
.day-device.day-laptop .day-window-bar{height:24px;padding-inline:7px;font-size:8px;color:#b8b0c5}
.day-laptop:after{height:9px;bottom:-8px;border-radius:1px 1px 55% 55%;background:linear-gradient(#c6c2ce,#eeecf1 38%,#9b95a7)}
.day-flow .day-owner .day-laptop img{object-fit:cover}
.feature-grid{gap:24px}
.feature{border-radius:24px;background:#f0eef5;box-shadow:none}
.feature-copy{padding:32px 34px 22px}
.feature-copy h3{font-size:27px}
.feature-copy p:last-child{font-size:14px;line-height:1.7}
.feature-screen{background:#27242f;padding:7px;border-radius:14px 0 0 0;margin:12px 0 0 34px}
.salary-screen{margin-top:12px}
.fuel-feature{margin-top:12px;border-radius:24px;background:#eae5f5;padding:42px}
.fuel-feature h3{font-size:31px}
.ai-story{gap:72px;border-top:1px solid #ddd8e5}
.ai-copy h2{font-size:clamp(29px,3vw,40px)}
.ai-scan-scene{box-shadow:none;background:#efebf5}
.ai-copy>p{font-size:15px;line-height:1.7}
.ai-copy .ai-note{font-size:12px}
.pricing{background:var(--cover);color:#faf9ff;padding:60px;border-radius:28px;gap:80px}
.pricing h2{font-size:clamp(28px,3vw,40px)}
.pricing p{color:#bdb5cb}
.daily-price{font-size:84px;color:#c3b3ff;margin-top:30px}
.monthly{font-size:20px;color:#f4f0ff}
.price-intro .fine{font-size:11px;max-width:300px}
.included{margin-block:20px 28px}
.included li{font-size:14px;border-bottom:1px solid #ffffff12;padding-block:10px}
.included li:before{color:#b6a3ff}
.calculator{background:#ffffff09;border:1px solid #ffffff19;border-radius:16px}
.calculator>label,.calc-row span{color:#bdb5cb}
.calc-row input{background:#f9f6ff;border:0;color:var(--ink)}
.calc-row output{font-size:30px;color:#d1c3ff;font-variant-numeric:tabular-nums}
.launch{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;border-bottom:1px solid #ddd8e5}
.launch>div{position:sticky;top:135px}
.launch h2{font-size:clamp(29px,3vw,40px)}
.launch ol{list-style:none;counter-reset:launch;padding:0;margin:0}
.launch li{counter-increment:launch;display:flex;gap:22px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid #ddd8e5}
.launch li:last-child{border:0;margin:0;padding:0}
.launch li:before{content:'0' counter(launch);font-size:12px;color:var(--accent);padding-top:3px}
.launch h3{font-size:21px;margin-bottom:10px}
.launch p{font-size:14px;line-height:1.7}
.contact{align-items:start;gap:80px;padding-top:96px}
.contact h2{font-size:clamp(29px,3vw,40px)}
.contact-copy>p{font-size:15px}
.form-shell{background:#efebf5;border-radius:24px;padding:32px;position:sticky;top:120px}
.lead-form-grid input:not([type=checkbox]),.lead-form-grid textarea,.lead-form-grid select{background:#fffdff;border-color:#ddd5e8;border-radius:9px}
.faq summary{min-height:30px;font-size:14px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';font-size:23px;font-weight:400;color:var(--accent);transition:transform .2s var(--ease)}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq p{font-size:13px}
.footer-links{font-size:12px}
footer.wrap{padding-block:38px}
.footer-brand p{font-size:12px}
.copyright{font-size:11px}
.js .reveal{transform:translateY(14px);transition:opacity .4s var(--ease),transform .4s var(--ease);filter:none}
.js .reveal.in{transform:none}
.js .day-stage{opacity:1}
#modules,#work,#questions,#price,#lead-form{scroll-margin-top:112px}
@media(max-width:1100px){.nav{gap:14px}
.nav-links{gap:16px}
.day-flow .day-stage{column-gap:35px}
.day-flow .day-driver{column-gap:50px}
.pricing{padding:40px;gap:45px}
.contact{gap:40px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}
.nav{width:calc(100% - 24px);gap:12px}
.nav-links{gap:10px;font-size:12px}
.nav .logo{font-size:21px}
.day-flow .day-stage>h3{font-size:28px}
.day-flow .day-stage>p{font-size:14px}
.ai-story{gap:30px}
.launch{gap:40px}
.contact{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}
.section{padding-block:64px}
.nav{top:8px;min-height:96px;height:auto;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 8px;border-radius:15px}
.nav .logo{font-size:20px}
.nav-links{grid-row:2;grid-column:1/-1;margin:0;justify-content:space-between;gap:4px;font-size:11px}
.nav-links a{padding:2px 4px;min-height:34px}
.nav .login-link{font-size:11px;padding:8px 12px}
.nav .language-switch a{min-width:30px;min-height:34px}
.work-section{margin-inline:8px;border-radius:22px}
.work-section>.wrap{width:calc(100% - 36px)}
.day-section>.wrap>.head{display:block}
.day-section .head h2{font-size:34px}
.day-section .head>p:not(.feature-label){font-size:14px;margin-top:16px}
.day-flow .day-stage,.day-flow .day-driver{grid-template-columns:minmax(0,1fr);grid-template-areas:'role' 'title' 'summary' 'scene' 'screen' 'outcome';grid-template-rows:auto;column-gap:0;padding-block:44px}
.day-flow .day-stage>h3{font-size:29px;margin:20px 0 15px}
.day-flow .day-stage>p{font-size:14px;max-width:none}
.day-flow .day-stage>.day-device{margin-top:28px}
.day-flow .day-stage>.day-output{font-size:11px;margin-top:24px}
.day-flow .day-driver>.work-scene{display:none}
.day-flow .day-driver>.day-phone{width:216px;height:475px}
.day-flow .day-owner .day-laptop img{aspect-ratio:1.45}
.day-number{width:32px;height:32px}
.day-device.day-laptop{padding:4px;border-radius:9px}
.day-device.day-laptop .day-window-bar{height:18px;font-size:6px}
.feature-copy{padding:26px 24px 20px}
.feature-copy h3{font-size:25px}
.feature-screen{margin-left:24px;height:245px}
.fuel-feature{padding:26px}
.fuel-feature h3{font-size:28px}
.ai-story{gap:30px}
.ai-copy h2{font-size:30px}
.head h2{font-size:31px}
.pricing{padding:30px 24px;border-radius:22px}
.pricing h2{font-size:29px}
.daily-price{font-size:76px}
.price-details{border-color:#ffffff20}
.price-details h3{font-size:21px}
.included li{font-size:13px}
.calculator{padding:20px}
.launch{display:block}
.launch>div{position:static;margin-bottom:34px}
.launch h2{font-size:30px}
.launch li{gap:18px}
.launch h3{font-size:20px}
.launch p{font-size:13px}
.contact{display:block}
.contact h2{font-size:30px}
.form-shell{position:static;padding:24px;margin-top:34px}
.lead-form-grid input:not([type=checkbox]),.lead-form-grid textarea,.lead-form-grid select{font-size:16px}
.faq{margin-top:32px}
.faq summary{font-size:13px}
.footer-links{font-size:11px}
html{scroll-padding-top:124px}}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}
html{scroll-behavior:auto}}
.review-panel{position:fixed;bottom:18px;right:18px;z-index:35;background:white;border:1px solid #dcd7ee;box-shadow:0 12px 48px #21124a24;border-radius:14px;width:310px;max-width:calc(100vw - 28px);padding:14px;font-size:13px}
.review-panel summary{cursor:pointer;font-weight:750;min-height:30px}
.review-panel label{display:block;margin-top:14px}
.review-panel select,.review-panel input{width:100%;min-height:36px}
.review-panel button{border:1px solid #ded9ed;background:#f6f4fb;border-radius:8px;padding:8px;margin:10px 4px 0 0;min-height:40px}
.review-panel p{font-size:11px;margin-top:10px}
.review-panel output{display:block;margin-top:8px;color:var(--accent)}
@media(max-width:700px){.review-panel{bottom:8px;right:8px;width:270px}}
.day-flow .day-dispatch{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);grid-template-rows:auto auto auto auto auto;grid-template-areas:"role screen" "title screen" "summary screen" "scene screen" "outcome screen"}
.day-flow .day-dispatch>.day-laptop{max-width:100%}
@media(max-width:700px){.day-flow .day-dispatch{grid-template-columns:minmax(0,1fr);grid-template-areas:"role" "title" "summary" "scene" "screen" "outcome"}}
.feature-wide .feature-screen{max-width:600px}
/* Original cover composition, copy and truck are deliberate product decisions. */
.hero h1{letter-spacing:-.035em}
.hero h1{font-size:clamp(36px,4.9vw,68px);font-size:clamp(36px,calc(4.9vw * var(--presentation-type)),76px)}
.hero{padding-top:90px}
.hero-copy{max-width:920px}
.hero .lead{max-width:620px;margin:28px auto;font-size:18px}
.hero-replace{margin:0 auto 26px}
.hero .eyebrow{font-size:14px;letter-spacing:0;text-transform:none}
.device-stage{margin-top:65px}
.device-stage::before{background:none}
.desktop-device{transform:none;animation:none}
.hero-phone{transform:none}
html[data-composition=split] .hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;text-align:left;align-items:center;min-height:700px}
html[data-composition=split] .hero-copy{margin:0}
html[data-composition=split] .hero h1{font-size:clamp(36px,calc(4.1vw * var(--presentation-type)),66px)}
html[data-composition=split] .hero .lead{margin-inline:0}
html[data-composition=split] .hero .actions{justify-content:flex-start;flex-wrap:wrap;gap:18px}
html[data-composition=split] .device-stage{width:100%;margin:0;height:490px}
html[data-composition=split] .desktop-device{left:0;right:0;height:360px;top:0}
html[data-composition=split] .hero-phone{left:auto;right:20px;top:210px;width:155px;height:300px}
html[data-composition=split] .device-base{display:none}
html[data-composition=split] .hero .device-caption{grid-column:1/-1}
html[data-composition=showcase] .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;text-align:left}
html[data-composition=showcase] .hero-copy{display:contents}
html[data-composition=showcase] .hero .hero .eyebrow{grid-column:1/-1}
html[data-composition=showcase] .hero h1{grid-row:2/5;font-size:clamp(36px,calc(4vw * var(--presentation-type)),68px)}
html[data-composition=showcase] .hero .lead{margin:0;max-width:40ch}
html[data-composition=showcase] .hero .hero-replace{margin:0}
html[data-composition=showcase] .hero .actions{justify-content:flex-start;flex-wrap:wrap;gap:18px}
html[data-composition=showcase] .device-stage{grid-column:1/-1;width:100%;max-width:none;height:590px}
html[data-composition=showcase] .desktop-device{left:0;right:0;height:555px}
html[data-composition=showcase] .hero-phone{right:20px;left:auto}
html[data-composition=showcase] .hero .device-caption{grid-column:1/-1}
@media(max-width:700px){.hero{padding-top:58px}
.hero .lead{font-size:16px}
.hero h1{font-size:clamp(30px,calc(8.5vw * var(--presentation-type)),48px)}
html[data-composition] .hero{display:block;min-height:0;text-align:center}
html[data-composition] .hero-copy{display:block}
html[data-composition] .hero h1{font-size:clamp(30px,calc(8.5vw * var(--presentation-type)),48px)}
html[data-composition] .hero .lead{margin:24px auto}
html[data-composition] .hero .actions{justify-content:center}
html[data-composition] .device-stage{margin-top:38px;height:350px}
html[data-composition] .desktop-device{left:10%;right:0;top:0;height:300px}
html[data-composition] .hero-phone{left:0;right:auto;top:90px;width:120px;height:235px}}
.hero h1{ text-wrap:balance }
.hero .lead{ text-wrap:pretty }
.hero.wrap{background:transparent;color:var(--ink)}

/* One working scene: the physical task and its phone interface stay together. */
.day-flow .day-driver{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:'copy screen';grid-template-rows:auto;align-items:center;gap:64px;padding-block:64px}
.day-role-copy{grid-area:copy;min-width:0;max-width:430px}
.day-role-copy .day-stage-heading{margin:0;color:#786a90;font-size:12px;gap:12px}
.day-role-copy h3{font-size:clamp(28px,2.8vw,37px);line-height:1.15;margin:22px 0 18px}
.day-role-copy>p{font-size:15px;line-height:1.75}
.day-role-copy .day-output{justify-content:flex-start;margin-top:26px;font-size:12px;line-height:1.6}
.driver-scene{grid-area:screen;position:relative;height:500px;min-width:0;isolation:isolate}
.driver-scene .work-scene{position:absolute;left:120px;right:0;top:62px;margin:0;overflow:hidden;border-radius:22px}
.driver-scene .work-scene img{width:100%;height:350px;object-fit:cover;object-position:70% center}
.driver-scene .day-phone{position:absolute;left:0;top:0;width:226px;height:494px;margin:0;z-index:1;box-shadow:0 20px 40px -22px #29203565}
@media(max-width:1000px) and (min-width:701px){.day-flow .day-driver{gap:32px;grid-template-columns:.85fr 1.15fr}.driver-scene{height:450px}.driver-scene .day-phone{width:200px;height:438px}.driver-scene .work-scene{left:105px;top:70px}.driver-scene .work-scene img{height:300px}}
@media(max-width:700px){.day-flow .day-driver{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'screen';gap:32px;padding-block:44px}.day-role-copy{max-width:none}.day-role-copy h3{font-size:29px}.day-role-copy>p{font-size:14px}.day-role-copy .day-output{margin-top:20px;font-size:11px}.driver-scene{width:min(100%,430px);height:408px;margin:auto}.driver-scene .day-phone{width:184px;height:402px}.driver-scene .work-scene{left:85px;top:55px;border-radius:16px}.driver-scene .work-scene img{height:285px}}