body:has(#app[data-screen="welcome"]),body:has(#app[data-screen="auth"]){background:#f7fbff;color:#23425d}
.cl-modalities{padding:35px 0 50px}.cl-modality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.cl-modality-grid article{background:#f5faff;padding:28px;border-radius:20px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.cl-vehicle-art{font-size:52px;line-height:1.4}.cl-modality-grid h3{font-size:22px;color:#244762;margin:12px 0}.cl-modality-grid p{font-size:13px;color:#728ba1;line-height:1.8;margin:0 0 22px;flex:1}.cl-modality-grid button{border:0;border-radius:10px;background:#287ec5;color:white;padding:13px 17px;font:600 12px system-ui;cursor:pointer}.cl-vehicle a{color:#397db6;text-decoration:none}@media(max-width:700px){.cl-modality-grid{grid-template-columns:1fr;gap:14px}.cl-modality-grid article{padding:24px}.cl-modalities{padding:25px 0}.cl-vehicle-art{font-size:44px}}
#app[data-screen="welcome"]{max-width:1180px;background:#fff;box-shadow:none}#app[data-screen="welcome"] .app-top{height:86px;padding:20px 48px;border-bottom:1px solid #edf3f9;background:#fff}#app[data-screen="welcome"] .brand small{color:#81a2bf}#app[data-screen="welcome"] .icon-button{border-color:#e3edf7;color:#467caa;background:#f4f9ff}#welcome{padding:0 48px}.cl-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;padding:65px 0 45px}.cl-kicker{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#658caf;display:inline-flex;align-items:center;gap:8px}.cl-kicker i{width:7px;height:7px;border-radius:50%;background:#61bba6;box-shadow:0 0 0 4px #edf9f5}#welcome h1{font-size:53px;letter-spacing:-2.4px;line-height:1.1;font-weight:780;margin:22px 0;color:#244762}#welcome h1 em{font-style:normal;color:#438bd2}.cl-copy>p{font-size:16px;line-height:1.8;color:#7c91a5;max-width:430px}.cl-cta{display:flex;gap:10px;margin-top:27px}.cl-cta .primary,.cl-cta .secondary{font-size:12px;margin:0;border-radius:12px;min-height:49px;white-space:nowrap;width:auto;padding:15px 18px}#welcome .primary{background:#347fc4;box-shadow:0 5px 14px #347fc422}#welcome .secondary{border:1px solid #dfebf6;background:white;color:#5a7a96}.cl-vehicle{display:flex;gap:17px;font-size:11px;color:#8a9eb0;margin-top:24px}.cl-art{position:relative;min-height:390px;display:grid;place-items:center}.cl-orbit{position:absolute;width:340px;height:340px;border-radius:50%;background:#edf6ff;outline:1px solid #e9f2fb;outline-offset:18px}.cl-illustration{width:100%;max-width:510px;position:relative;z-index:1}.cl-float{position:absolute;z-index:2;background:#ffffffed;border:1px solid #e4eef7;border-radius:14px;padding:12px 15px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 30px #3e719018}.cl-float>span{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#edf5ff;color:#558cc1;font-size:22px}.cl-float strong{display:block;font-size:12px;color:#3f6480}.cl-float small{display:block;color:#8ba0b1;font-size:9px}.cl-route{top:10px;right:0}.cl-route small{font-size:8px;letter-spacing:1px;margin-bottom:3px}.cl-choice{left:0;bottom:24px}.cl-choice>span{background:#e8f8f2;color:#52a68f}.cl-art-label{position:absolute;bottom:-8px;font-size:10px;letter-spacing:.2px;color:#99afc2}.cl-dot{position:absolute;width:12px;height:12px;background:#f6c69e;border-radius:50%;top:42px;left:50px}.cl-dot.two{width:8px;height:8px;background:#a5cbed;left:auto;top:auto;bottom:32px;right:30px}.cl-benefits{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e6eff8;border-radius:18px;padding:23px;background:#f8fbff;gap:24px;margin:15px 0 65px}.cl-benefits>div{display:flex;align-items:center;gap:12px}.cl-benefits>div>span{display:grid;place-items:center;border-radius:12px;background:#eaf4ff;color:#6396c4;padding:10px}.cl-benefits>div:nth-child(2)>span{background:#fff3e6;color:#dba76d}.cl-benefits>div:nth-child(3)>span{background:#eaf7f2;color:#6aa999}.cl-benefits p{font-size:11px;color:#91a1b0;margin:0;line-height:1.7}.cl-benefits strong{display:block;font-size:12px;color:#4a6881}#welcome h2{font-size:29px;letter-spacing:-.8px;color:#345974;line-height:1.25;margin:12px 0}.cl-steps{text-align:center}.cl-steps>p{color:#92a3b2;font-size:13px}.cl-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 55px;text-align:left}.cl-step-grid article{border:1px solid #e7eff7;border-radius:17px;padding:25px}.cl-step-grid article>span{display:grid;place-items:center;background:#edf6ff;color:#6d9cc9;font-size:12px;font-weight:700;width:36px;height:36px;border-radius:12px}.cl-step-grid h3{font-size:15px;margin:20px 0 8px;color:#44657e}.cl-step-grid p{font-size:12px;line-height:1.8;color:#91a1af}.cl-bottom{background:#edf6ff;border:1px solid #e0edf9;border-radius:22px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cl-bottom .primary{width:auto;min-width:215px;font-size:13px;border-radius:12px;margin:0}.cl-bottom p{font-size:13px;color:#819cb3;margin-bottom:0}.cl-faq{max-width:760px;margin:60px auto}.cl-faq h2{text-align:center;margin-bottom:25px!important}.cl-faq details{border-bottom:1px solid #e8eff6;padding:17px 0}.cl-faq summary{cursor:pointer;font-size:13px;color:#5b7890}.cl-faq p{font-size:12px;color:#8b9dac;line-height:1.8}.cl-footer{border-top:1px solid #eaf0f7;padding:25px 0;text-align:center}.cl-footer strong{font-size:20px;letter-spacing:-.8px;color:#375773}.cl-footer strong span{color:#5599d7}.cl-footer p{font-size:11px;color:#96aabd}#app[data-screen="auth"]{background:white;border:1px solid #e3edf7;margin:25px auto;border-radius:20px;overflow:hidden;box-shadow:0 10px 45px #4577980a;min-height:0}#app[data-screen="auth"] .app-top{background:#f8fbff;border-color:#e5eff9}#app[data-screen="auth"] .eyebrow{color:#7199ba}#app[data-screen="auth"] input,#app[data-screen="auth"] select{border-color:#dfeaf5;border-radius:11px}#app[data-screen="auth"] .primary{background:#347fc4;border-radius:12px}#app[data-screen="auth"] .brand small{color:#7e9ab1}button:focus-visible,summary:focus-visible{outline:3px solid #90bdea;outline-offset:3px}
@media(max-width:850px){#welcome{padding:0 26px}#app[data-screen="welcome"] .app-top{padding:18px 26px}.cl-hero{padding-top:38px;gap:0}#welcome h1{font-size:39px}.cl-cta{flex-direction:column}.cl-art{min-height:320px}.cl-orbit{width:245px;height:245px}.cl-float{padding:9px}.cl-route{top:10px}.cl-choice{bottom:15px}.cl-benefits{gap:15px;padding:18px}.cl-benefits>div{flex-direction:column;align-items:start}.cl-step-grid{gap:10px}.cl-step-grid article{padding:18px}.cl-bottom{padding:25px}}
@media(max-width:600px){#app[data-screen="welcome"] .app-top{height:72px;padding:16px 22px}#welcome{padding:0 22px}.cl-hero{grid-template-columns:1fr;padding:35px 0 18px}.cl-copy{text-align:center}.cl-kicker{font-size:8px;letter-spacing:1.4px}#welcome h1{font-size:39px;letter-spacing:-1.7px;margin:17px 0}.cl-copy>p{font-size:13px;max-width:310px;margin:0 auto;line-height:1.8}.cl-cta{margin:22px auto 0;max-width:340px;gap:8px}.cl-cta .primary,.cl-cta .secondary{min-height:46px;padding:12px}.cl-vehicle{justify-content:center;margin-top:18px;font-size:10px}.cl-art{margin-top:25px;min-height:280px}.cl-illustration{max-width:350px}.cl-orbit{width:230px;height:230px}.cl-route{top:3px;right:0}.cl-float strong{font-size:10px}.cl-float small{font-size:8px}.cl-float>span{width:28px;height:28px;font-size:17px}.cl-choice{bottom:25px;left:0}.cl-art-label{bottom:1px;font-size:9px}.cl-benefits{grid-template-columns:1fr;margin:18px 0 40px;gap:17px}.cl-benefits>div{flex-direction:row;align-items:center}.cl-benefits p{font-size:11px}#welcome h2{font-size:25px}.cl-step-grid{grid-template-columns:1fr;gap:12px;margin:22px 0 35px}.cl-step-grid article{padding:20px;display:grid;grid-template-columns:36px 1fr;gap:0 14px}.cl-step-grid article>span{grid-row:1/3}.cl-step-grid h3{margin:2px 0 5px;font-size:14px}.cl-step-grid p{margin:0;font-size:12px}.cl-bottom{flex-direction:column;text-align:center;padding:25px 18px;gap:20px}.cl-bottom .primary{width:100%}.cl-faq{margin:38px 0}.cl-faq summary{font-size:12px;line-height:1.5}#app[data-screen="auth"]{margin:0;border:0;border-radius:0;min-height:100dvh}.cl-footer p{font-size:10px}}

/* Open landing layout: full-width sections and photographic hero. */
body:has(#app[data-screen="welcome"]){background:#fff}
#app[data-screen="welcome"]{max-width:none;width:100%;border:0;box-shadow:none}
#app[data-screen="welcome"] .app-top{padding-left:clamp(24px,6vw,110px);padding-right:clamp(24px,6vw,110px);border:0}
#welcome{padding:0 clamp(24px,6vw,110px)}
.cl-hero{grid-template-columns:.9fr 1.1fr;gap:36px;padding:48px 0 55px}
.cl-copy{max-width:570px}.cl-copy>p{max-width:470px}
#welcome h1{font-size:clamp(40px,4.1vw,68px);letter-spacing:-2.4px}
.cl-art{min-height:0;margin-right:calc(-1 * clamp(24px,6vw,110px));display:block}
.cl-real-image{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
.cl-photo-caption{display:block;color:#8398aa;font-size:10px;text-align:right;padding:8px 20px 0}
.cl-benefits{background:transparent;border:0;border-radius:0;padding:24px 0 34px;margin:0 0 48px;border-bottom:1px solid #edf3f8;gap:35px}
.cl-benefits>div>span{background:transparent!important;padding:5px}
.cl-benefits strong{font-size:14px}.cl-benefits p{font-size:12px}
.cl-steps{padding:20px 0}.cl-step-grid{gap:42px;margin:38px 0 45px}
.cl-step-grid article{border:0;border-radius:0;padding:8px 0}
.cl-step-grid article>span{background:transparent;font-size:26px;color:#99bddd;width:auto;display:block}
.cl-step-grid h3{font-size:18px;margin-top:16px}.cl-step-grid p{font-size:14px;max-width:330px}
.cl-bottom{border:0;border-radius:0;margin:0 calc(-1 * clamp(24px,6vw,110px));padding:45px clamp(24px,6vw,110px);background:#f1f8ff}
.cl-faq{max-width:900px;margin:65px auto}.cl-faq details{padding:22px 0}.cl-faq summary{font-size:14px}.cl-faq p{font-size:13px}.cl-footer{border:0;padding:25px 0 35px}
@media(max-width:850px){.cl-hero{gap:20px;grid-template-columns:1fr 1fr}.cl-copy>p{font-size:14px}.cl-benefits{gap:22px}.cl-benefits strong{font-size:12px}.cl-step-grid{gap:24px}.cl-step-grid h3{font-size:16px}}
@media(max-width:600px){#app[data-screen="welcome"] .app-top{padding:16px 22px}#welcome{padding:0 22px}.cl-hero{grid-template-columns:1fr;gap:26px;padding:28px 0 15px}#welcome h1{font-size:40px;letter-spacing:-1.8px}.cl-copy>p{font-size:13px}.cl-art{margin:0 -22px;min-height:0}.cl-photo-caption{font-size:9px;padding:7px 16px 0}.cl-benefits{padding:20px 0;margin-bottom:28px;gap:22px}.cl-benefits>div{gap:14px}.cl-benefits strong{font-size:13px}.cl-benefits p{font-size:11px}.cl-step-grid{gap:25px;margin:28px 0 30px}.cl-step-grid article{padding:0;grid-template-columns:35px 1fr;gap:0 12px}.cl-step-grid article>span{font-size:22px}.cl-step-grid h3{font-size:15px;margin-top:0}.cl-step-grid p{font-size:12px}.cl-bottom{margin:0 -22px;padding:32px 22px}.cl-faq{margin:40px 0}.cl-faq summary{font-size:13px}.cl-faq details{padding:18px 0}}

/* Photographic vehicle cards: preserve the entire vehicle at every width. */
.cl-modality-grid article{overflow:hidden;padding:0 24px 24px;background:#f5faff;gap:0}
.cl-modality-grid .cl-vehicle-photo{display:block;width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0 -24px 12px;background:#eaf1f8;border:0;border-radius:0}
.cl-modality-grid h3{margin:8px 0 12px}.cl-image-note{font-size:10px!important;color:#8b9eae!important;margin:12px 0 0;text-align:right}
@media(max-width:700px){.cl-modality-grid article{padding:0 22px 24px}.cl-modality-grid .cl-vehicle-photo{width:calc(100% + 44px);margin:0 -22px 12px}.cl-modality-grid h3{font-size:22px}}