@font-face{font-family:"Fraunces Local";src:url("../fonts/fraunces-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces Local";src:url("../fonts/fraunces-800-italic.woff2") format("woff2");font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:"Jakarta Local";src:url("../fonts/jakarta-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Jakarta Local";src:url("../fonts/jakarta-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
body{font-family:"Jakarta Local","Trebuchet MS",Arial,sans-serif}
.wrap{width:min(1360px,calc(100% - 64px))}
.brand{font-family:"Fraunces Local",Georgia,serif;font-style:italic;font-size:39px;letter-spacing:-2px}
.site-header{height:104px}
.nav{gap:48px}
.hero{min-height:760px;padding:34px 0 36px}
.hero-grid{grid-template-columns:minmax(430px,.78fr) minmax(610px,1.22fr);gap:30px;align-items:center}
.hero-copy{position:relative;z-index:4;padding:16px 0 0 8px}
.hero-copy::after{content:"";position:absolute;right:16px;top:196px;width:48px;height:48px;background:linear-gradient(78deg,transparent 44%,var(--coral) 45% 53%,transparent 54%) 0 0/18px 38px no-repeat,linear-gradient(118deg,transparent 44%,var(--coral) 45% 53%,transparent 54%) 24px 9px/20px 38px no-repeat;transform:rotate(-8deg)}
.eyebrow{padding:9px 22px;margin-bottom:20px;font-size:16px}
.hero h1{font-family:"Fraunces Local",Georgia,serif;font-style:normal;font-weight:800;font-size:clamp(58px,5vw,72px);line-height:1.05;letter-spacing:-2.8px;margin-bottom:22px}
.hero p{font-size:17px;line-height:1.65;max-width:540px;margin-bottom:24px}
.button{min-height:60px;padding:14px 32px}
.rating{margin-top:26px}
.hero-art{min-height:580px;margin-right:-72px;isolation:isolate}
.blob{z-index:0;inset:1% -3% 2% 0;background:linear-gradient(145deg,#63afea 0%,#3c90db 100%);border-radius:48% 52% 37% 63%/48% 35% 65% 52%;transform:rotate(-5deg);box-shadow:-16px -8px 0 rgba(255,255,255,.78)}
.hero-art::after{content:"";position:absolute;z-index:1;left:4%;right:-5%;bottom:2%;height:29%;background:linear-gradient(155deg,#bfc0bd,#898b8c);border-radius:49% 51% 22% 78%/42% 33% 67% 58%;transform:rotate(-3deg);opacity:.78}
.sun{z-index:1;width:92px;height:92px;right:14%;top:9%;box-shadow:0 0 0 17px rgba(247,201,74,.14),42px -18px 0 -40px var(--yellow),59px 8px 0 -40px var(--yellow),50px 34px 0 -40px var(--yellow),-16px -37px 0 -40px var(--yellow)}
.hero-car{z-index:3;width:112%;max-width:820px;transform:translate(1%,34px);filter:drop-shadow(0 22px 18px rgba(16,34,62,.28))}
.feature-row{gap:32px;margin-top:-40px}
.feature{min-height:104px;padding:22px 26px;border-radius:22px;font-size:20px}
.section h2,.price,.legal h2{font-family:"Fraunces Local",Georgia,serif}
@media(max-width:1100px){.hero-grid{grid-template-columns:.9fr 1.1fr}.hero h1{font-size:58px}.hero-art{margin-right:-24px;min-height:500px}.hero-copy::after{display:none}}
@media(max-width:900px){.wrap{width:min(100% - 38px,720px)}.site-header{height:auto}.hero{min-height:auto;padding-bottom:54px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:left;padding-left:0}.hero h1{font-size:clamp(48px,10vw,68px)}.hero-art{min-height:480px;margin:8px 0 0}.hero-car{width:105%;transform:translateY(18px)}.feature-row{margin-top:-12px}.nav{gap:20px}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:46px;letter-spacing:-1.5px}.hero-art{min-height:340px}.hero-car{width:112%}.hero p{font-size:16px}.feature{min-height:88px}.brand{font-size:30px}}