/* Stark Automotive — starkautomotive.biz */
:root{
  --bg:#0d1117; --bg2:#131a24; --card:#182030; --line:#2a3448;
  --text:#eef2f7; --muted:#9aa7bd; --accent:#f5b301; --accent2:#ffd34d;
  --green:#35c26e; --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:var(--accent2)}
.wrap{max-width:60rem;margin:0 auto;padding:0 1.1rem}
header.site{position:sticky;top:0;z-index:50;background:rgba(13,17,23,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:.9rem;padding:.65rem 1.1rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);font-weight:800;letter-spacing:.06em}
.brand img{height:2.1rem;width:auto}
nav.main{margin-left:auto;display:flex;gap:1rem;align-items:center}
nav.main a{color:var(--muted);text-decoration:none;font-size:.95rem}
nav.main a:hover{color:var(--text)}
.btn{display:inline-block;background:var(--accent);color:#141414;font-weight:700;text-decoration:none;padding:.7rem 1.3rem;border-radius:999px;border:0;cursor:pointer}
.btn:hover{background:var(--accent2)}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.hero{padding:3.2rem 0 2.4rem;background:radial-gradient(60rem 24rem at 50% -6rem,#1d2a44 0%,var(--bg) 60%)}
.hero h1{font-size:2.3rem;line-height:1.15;margin:.4rem 0 .8rem}
.hero p.lead{color:var(--muted);font-size:1.12rem;max-width:36rem}
.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.6rem}
.chip{border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.6rem 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}
.card h3{margin:.2rem 0 .5rem;font-size:1.05rem}
.card p{color:var(--muted);margin:.3rem 0;font-size:.95rem}
section.block{padding:2.2rem 0}
section.block h2{font-size:1.6rem;margin:0 0 .6rem}
.banner{background:linear-gradient(135deg,#1a2438,#0f1626);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;margin:1.6rem 0}
.banner h2{margin-top:0}
.strip{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:.8rem 0}
.kv dt{color:var(--muted)} .kv dd{margin:0}
.sms{background:#0f2a1a;border:1px solid #1f5c38;border-radius:12px;padding:.7rem .9rem;margin:.6rem 0;font-size:.95rem;max-width:26rem}
footer.site{border-top:1px solid var(--line);margin-top:2.5rem;padding:1.6rem 0 2.4rem;color:var(--muted);font-size:.88rem}
footer.site .wrap{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center}
footer.site nav{display:flex;gap:1rem;flex-wrap:wrap}
footer.site nav a{color:var(--muted);text-decoration:none}
.note{background:#241d08;border:1px solid #6b5416;border-radius:10px;padding:.7rem 1rem;color:var(--accent2);font-size:.92rem}
@media(max-width:40rem){
  nav.main a:not(.btn){display:none}
  .hero h1{font-size:1.8rem}
}