.intro{padding:clamp(24px,3.6vw,56px) var(--pad) clamp(56px,7vw,104px)}
.kicker{font-size:14px;color:var(--g);margin-bottom:18px}
.intro h1{font-weight:500;font-size:clamp(34px,5.2vw,80px);line-height:1.02;letter-spacing:-.035em;max-width:19ch}
.intro-row{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,64px);margin-top:clamp(24px,3vw,44px);align-items:end}
.sub{font-size:clamp(17px,1.5vw,21px);line-height:1.4;color:#333;max-width:44ch}
.big-btn{font-size:18px;padding:18px 28px}
.pricing{margin-top:14px;font-size:15px;color:#444}
.after{margin-top:8px;font-size:14px;color:var(--g)}.after b{color:var(--k);font-weight:600}
.who{margin-top:14px;font-size:15px;color:var(--g);max-width:44ch}
.pricing b{color:var(--k);font-weight:600}
.h{font-weight:500;font-size:15px;color:var(--g);padding:0 0 18px;border-bottom:1px solid var(--k);margin-bottom:clamp(24px,3vw,40px)}
.work,.price,.how,.preview,.faq{padding:clamp(64px,8vw,120px) var(--pad) 0}
.work{padding-top:0}

/* auto shop concept */
.concept-tag{font-size:14px;color:var(--g);margin:-8px 0 10px}
.mock-wrap{display:grid;grid-template-columns:1fr;gap:16px}
.mock{background:#14171a;color:#f2efe9;font-family:"Barlow Condensed","Arial Narrow",sans-serif;border-radius:2px;padding:clamp(14px,2vw,28px);box-shadow:0 0 0 1px #000;container-type:inline-size}
.m-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(13px,1.5cqw,17px);letter-spacing:.04em;text-transform:uppercase;padding-bottom:14px;border-bottom:1px solid #2c3136}
.m-logo{font-weight:700;font-size:1.35em;letter-spacing:.02em}.m-logo i{font-style:normal;color:#ff6a1a}
.m-nav{display:flex;gap:1.6em;color:#9aa1a8}
.m-call{background:#ff6a1a;color:#14171a;font-weight:700;padding:.55em 1em;white-space:nowrap}
.m-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(16px,3cqw,40px);padding:clamp(22px,4cqw,52px) 0 clamp(18px,3cqw,34px);align-items:end}
.m-eye{font-size:clamp(12px,1.4cqw,16px);letter-spacing:.14em;text-transform:uppercase;color:#ff6a1a;font-weight:600}
.m-h{font-weight:700;font-size:clamp(40px,9.4cqw,110px);line-height:.9;text-transform:uppercase;letter-spacing:-.005em;margin:.18em 0 .25em}
.m-h em{font-style:normal;color:#ff6a1a}
.m-p{font-family:"Schibsted Grotesk",sans-serif;font-size:clamp(14px,1.7cqw,19px);color:#c9c5bd;max-width:34ch;line-height:1.4}
.m-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.2em;font-weight:700;font-size:clamp(14px,1.7cqw,19px);text-transform:uppercase;letter-spacing:.05em}
.m-b1{background:#ff6a1a;color:#14171a;padding:.7em 1.3em}.m-b2{border:1.5px solid #5b6269;padding:.7em 1.3em}
.m-rate{border-left:3px solid #ff6a1a;padding-left:clamp(12px,2cqw,24px);display:grid;gap:6px}
.m-rate b{font-size:clamp(56px,10cqw,128px);line-height:.85;font-weight:700}
.m-rate span{font-size:clamp(13px,1.6cqw,18px);text-transform:uppercase;letter-spacing:.08em;color:#9aa1a8}
.m-rate q{font-family:"Schibsted Grotesk",sans-serif;quotes:none;font-size:clamp(13px,1.5cqw,16px);color:#d8d4cc;line-height:1.4;margin-top:6px}
.m-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(16px,3cqw,40px);border-top:1px solid #2c3136;padding-top:clamp(14px,2cqw,22px)}
.m-price{list-style:none;font-size:clamp(16px,2cqw,24px);text-transform:uppercase;letter-spacing:.03em}
.m-price li{display:flex;justify-content:space-between;padding:.35em 0;border-bottom:1px dotted #3a4047}
.m-price i{font-style:normal;color:#ff6a1a;font-weight:700}
.m-hours{font-family:"Schibsted Grotesk",sans-serif;font-size:clamp(13px,1.6cqw,17px);line-height:1.5;color:#c9c5bd}
.m-hours b{display:block;color:#7bd88f;font-weight:600;margin-bottom:4px}
figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:baseline;padding-bottom:6px}
figcaption b{font-weight:600;font-size:20px;letter-spacing:-.01em}
figcaption span{color:var(--g);font-size:14px}
figcaption p{color:#444;max-width:60ch}

.sub-h{font-weight:500;font-size:15px;color:var(--g);margin:clamp(48px,6vw,88px) 0 16px}
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,20px)}
.minis a{text-decoration:none;display:block}
.minis img{aspect-ratio:16/10;object-fit:cover;object-position:top left;box-shadow:0 0 0 1px var(--l)}
.minis span{display:block;padding-top:10px;font-size:14px;color:var(--g)}
.minis b{display:block;color:var(--k);font-weight:500;font-size:16px}
.swipe{display:none;float:right;font-weight:400}
.vc{display:block;font-style:normal;color:var(--k);font-size:14px;margin-top:4px;text-decoration:underline;text-underline-offset:3px}
.minis:focus-visible{outline-offset:6px}
.minis a:hover b{text-decoration:underline;text-underline-offset:3px}
.disclaim{padding-top:18px;max-width:60ch;color:var(--g);font-size:14px}

.how-lead{font-size:clamp(20px,2vw,28px);letter-spacing:-.015em;font-weight:500;max-width:30ch;margin-bottom:clamp(28px,3.5vw,52px)}
.how ol{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,32px)}
.how li{counter-increment:s;border-top:1px solid var(--k);padding-top:12px;color:#444;font-size:15.5px;line-height:1.45}
.how li::before{content:counter(s,decimal-leading-zero);display:block;font-size:13px;color:var(--g);margin-bottom:10px}
.how b{display:block;font-weight:600;color:var(--k);font-size:18px;letter-spacing:-.01em;margin-bottom:6px}

.statement{font-weight:500;font-size:clamp(26px,3.3vw,48px);line-height:1.12;letter-spacing:-.022em;max-width:28ch}
.terms{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,32px);margin-top:clamp(36px,4.5vw,64px)}
.terms div{border-top:1px solid var(--l);padding-top:14px}
.terms dt,.faq dt{font-weight:600;margin-bottom:6px}
.terms dd,.faq dd{color:#444;max-width:46ch}
.terms dd{font-size:15px}
.terms a,.faq a,.pv a{text-underline-offset:3px}

.pv{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:start}
.pv-h{font-weight:500;font-size:clamp(26px,3vw,42px);line-height:1.1;letter-spacing:-.02em;margin-bottom:16px;max-width:16ch}
.pv-copy p{color:#444;max-width:40ch;margin-bottom:12px}
.pv-copy .alt{margin-top:24px;font-size:15px}
.form{display:grid;gap:16px}
.form label{display:grid;gap:6px;font-weight:600;font-size:15px}
.form small{font-weight:400;color:var(--g);font-size:13px}
.form input,.form textarea{font-family:inherit;font-size:17px;font-weight:400;line-height:1.3;color:var(--k);background:#fff;border:1px solid #bdbdbd;border-radius:2px;padding:12px 13px;width:100%}
.form input:focus,.form textarea:focus{outline:2px solid var(--k);outline-offset:1px;border-color:var(--k)}
.form textarea{resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .btn{justify-self:start;padding:16px 28px}
.form .btn:disabled{opacity:.6;cursor:default}
.status{min-height:1.4em;font-size:15px;font-weight:500}
.status.ok{color:#1c6b34}.status.err{color:#a3261b}
.fine{font-size:13px;color:var(--g)}

.faq dl div{display:grid;grid-template-columns:1fr 2fr;gap:24px;border-top:1px solid var(--l);padding:18px 0}
.faq dl div:last-child{border-bottom:1px solid var(--l)}
.faq dt{font-size:18px;margin:0}
.contact{padding:clamp(80px,10vw,150px) var(--pad) clamp(64px,8vw,110px)}
.contact p:first-child{font-weight:500;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.015em;margin-bottom:12px}
.mail{font-weight:500;font-size:clamp(12px,5vw,96px);line-height:1;letter-spacing:-.04em;text-decoration:none;white-space:nowrap;display:inline-block;max-width:100%}
.mail:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:10px}
.sig{margin-top:22px;color:var(--g)}

@media(max-width:1000px){
 .how ol,.terms{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
 .intro-row,.mock-wrap,.pv{grid-template-columns:1fr}
 .swipe{display:inline}
 .minis{grid-template-columns:repeat(3,85%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-right:calc(var(--pad)*-1);padding-right:var(--pad)}
 .minis a{scroll-snap-align:start}
 .minis img{aspect-ratio:3/4;object-position:top center}
 .faq dl div{grid-template-columns:1fr;gap:6px}
 figcaption{grid-template-columns:1fr;row-gap:4px}
 .mock{padding:12px}
 .m-hero{padding:18px 0 14px}
 .m-nav{display:none}
 .m-hero,.m-grid{grid-template-columns:1fr}
 .m-rate{padding-top:4px}
 figcaption p{max-width:none}
}
@media(max-width:560px){
 .how ol,.terms{grid-template-columns:1fr}
 .big-btn,.form .btn{width:100%;text-align:center}
 .m-call{font-size:12px}
 .m-h{font-size:clamp(44px,15cqw,80px)}
}

.ai{padding:clamp(64px,8vw,120px) var(--pad) 0}
.ai-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,32px);margin-top:clamp(28px,3.5vw,52px)}
.ai-cols p{border-top:1px solid var(--l);padding-top:14px;color:#444;font-size:15.5px;max-width:46ch}
.ai-cols b{display:block;color:var(--k);font-weight:600;font-size:18px;margin-bottom:6px}
@media(max-width:820px){.ai-cols{grid-template-columns:1fr}}