:root{
  --bg:#f7f5f2;
  --surface:#ffffff;
  --text:#26272b;
  --muted:#706d69;
  --line:#e4ddd5;
  --accent:#f28a2e;
  --accent-strong:#e87518;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}
a{color:inherit}
.wrap{width:min(1100px,calc(100% - 40px));margin:auto}
.topbar{padding:22px 0}
.brand{font-weight:800;font-size:1.3rem;letter-spacing:.2px}
.hero{
  min-height:70vh;
  display:grid;
  align-items:center;
  padding:72px 0 96px;
}
.eyebrow{color:var(--accent-strong);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
h1{font-size:clamp(2.8rem,8vw,6rem);line-height:.96;margin:.25em 0 .35em;letter-spacing:-.055em}
.lead{font-size:clamp(1.05rem,2.2vw,1.35rem);max-width:720px;color:var(--muted)}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.button{
  display:inline-block;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:800;
  background:var(--accent);color:#fff;
}
.button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}
.section{padding:70px 0;border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}
.card h3{margin-top:0}
.card p{color:var(--muted);margin-bottom:0}
footer{padding:28px 0 42px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{min-height:auto;padding:52px 0 72px}}
@media(prefers-color-scheme:dark){
  :root{--bg:#121417;--surface:#1c2026;--text:#f4f5f6;--muted:#adb4bd;--line:#373e47;--accent:#ff9b45;--accent-strong:#ff8428}
}