:root{
  --ink:#0B0B0C; --paper:#ffffff;
  --g1:#f6f6f4; --g2:#e9e9e5; --g3:#a3a39c; --g4:#5f5e59;
  --radius:14px; --radius-lg:22px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1060px;margin:0 auto;padding:0 24px}
header.nav{position:sticky;top:0;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--g2);z-index:20}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{font-size:18px;font-weight:600;letter-spacing:-.01em;text-decoration:none}
.brand span{color:var(--g3)}
.links a{margin-left:22px;font-size:14px;color:var(--g4);text-decoration:none}
.links a:hover,.links a.active{color:var(--ink)}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:11px 20px;border-radius:999px;
  font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:opacity .15s}
.btn:hover{opacity:.85}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--g2)}
.btn.light{background:#fff;color:var(--ink)}
.btn.sm{padding:9px 16px;font-size:13px}
section{padding:72px 0}
.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--g3);margin-bottom:16px}
h1{font-size:50px;line-height:1.08;letter-spacing:-.025em;font-weight:600}
h2{font-size:30px;letter-spacing:-.015em;font-weight:600}
h3{font-size:18px;font-weight:600}
.lead{font-size:18px;color:var(--g4);max-width:620px;margin-top:18px}
.muted{color:var(--g4)}
.row{display:flex;gap:12px;flex-wrap:wrap}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--g2);border-radius:var(--radius);padding:24px;background:#fff}
.soft{background:var(--g1)}
.center{text-align:center}
.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt40{margin-top:40px}
.kicker{font-size:13px;color:var(--g3)}
.price{font-size:34px;font-weight:600;letter-spacing:-.02em}
.featured{border:2px solid var(--ink)}
.badge{display:inline-block;font-size:12px;color:var(--g4);border:1px solid var(--g2);
  border-radius:999px;padding:3px 10px;margin-bottom:10px}
.cta-band{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:60px 24px;text-align:center}
.cta-band h2{color:#fff}.cta-band p{color:#b9b9b2;max-width:480px;margin:14px auto 24px}
.svc{padding:26px 0;border-top:1px solid var(--g2)}
.svc:first-child{border-top:none}
.svc .one{color:var(--g4);font-size:15px;margin-top:4px}
.svc p{margin-top:12px;max-width:760px}
.field{display:block;margin-bottom:14px}
.field label{display:block;font-size:13px;color:var(--g4);margin-bottom:6px}
.field input,.field textarea{width:100%;border:1px solid var(--g2);border-radius:10px;
  padding:11px 13px;font:inherit;background:#fff}
footer{border-top:1px solid var(--g2);padding:30px 0;color:var(--g3);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a{text-decoration:none;color:var(--g4);margin-left:16px}
.note{font-size:12px;color:var(--g3);margin-top:10px}
@media(max-width:760px){h1{font-size:34px}.links a{display:none}.g3,.g4,.g2{grid-template-columns:1fr}}
