@font-face{font-family:RoadJost;src:url('../assets/fonts/rework30/jost-variable.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:RoadOnest;src:url('../assets/fonts/rework30/onest-variable.ttf');font-weight:100 900;font-display:swap}
html[data-font="road30"] :is(.hero h1,.choices h2,.setup h2,.journey .section-heading h2,.car-editorial-copy h2,.support-heading h2,.terms h2,.owner-heading h2,.faq h2,.contact h2){font-family:RoadJost,sans-serif;font-weight:600;letter-spacing:-.035em}
html[data-font] :is(body,p,button,input,select,textarea,small,address,.eyebrow,.path-name,.brand-copy,.step-order,.topic-body){font-family:RoadOnest,sans-serif}
html[data-font="road30"] .hero h1{font-family:RoadJost,sans-serif;font-size:clamp(62px,6.4vw,110px);line-height:.96;letter-spacing:-.035em}
.stage .back-word{z-index:0}.stage .visual{z-index:1}
.hero h1>span{display:block;overflow:hidden}
.hero .eyebrow{font-size:10px;font-weight:500;letter-spacing:.14em}
.hero-bottom p{font-weight:400;line-height:1.6}
.hero-car-link,.header-cta{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:22px!important;min-height:54px!important;border:1px solid #f0eee5!important;border-radius:7px!important;background:#f0eee5!important;color:#181b18!important;box-shadow:none!important;font:500 15px/1 RoadOnest,sans-serif!important;text-decoration:none;transform:none!important;transition:background .2s,color .2s,border-color .2s}
.hero-car-link{margin-top:20px;min-width:214px;padding:0 0 0 22px!important}
.hero-car-link>span:first-child{white-space:nowrap}
.hero-car-link .action-arrow{display:grid;place-items:center;width:54px;height:52px;border-left:1px solid #181b1826;background:transparent;color:#181b18;font:400 23px/1 RoadOnest;transform:none;transition:background .2s,color .2s}
.hero-car-link:hover{background:#ffde59!important;border-color:#ffde59!important}
.hero-car-link:hover .action-arrow{background:#161b17;color:#ffde59}
.hero-car-link:focus-visible{outline:3px solid white;outline-offset:4px}
.header-cta{min-height:46px!important;padding:0 18px!important;gap:16px!important;background:transparent!important;color:#f1efe5!important;border-color:#f1efe54d!important;white-space:nowrap;font-size:13px!important;font-weight:450!important}
.header-cta svg{width:17px;height:17px;margin-left:4px}
.header-cta:hover{background:#f0eee5!important;color:#171b17!important}
.stage .visual{pointer-events:none;background:transparent}
.stage .back-word{font-family:RoadJost,sans-serif;font-weight:600;letter-spacing:-.035em;bottom:18%;opacity:.065}
html.intro-pending .hero h1,html.intro-pending .hero-bottom{visibility:hidden}
@media(max-width:760px){html[data-font="road30"] .hero h1{font-size:clamp(43px,11.7vw,68px)}.stage .back-word{bottom:31%}.hero-car-link{margin-top:10px}.header-cta{display:none}}
@media(max-width:360px){.hero-car-link{gap:14px!important;padding-left:18px!important}.hero-car-link .action-arrow{width:48px;flex:0 0 48px}}
@media(prefers-reduced-motion:reduce){.hero-car-link,.header-cta,.hero-car-link .action-arrow{transition:none}}
body[data-static="true"] :is(.hero-car-link,.header-cta,.action-arrow){transition:none}