:root{--ink:#22262a;--muted:#5b656d;--amber:#b06f14;--amber-dark:#8f590d;--slate:#24313d;--sand:#f4f1ea;--line:#e2ddd2;--card:#fff;--ok:#33691e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.62;background:#fff;font-size:17px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--amber-dark)}
h1{font-size:2.15rem;line-height:1.18;margin:.2em 0 .45em}
h2{font-size:1.55rem;line-height:1.25;margin:1.4em 0 .5em;color:var(--slate)}
h3{font-size:1.13rem;margin:.6em 0 .35em;color:var(--slate)}
p{margin:.55em 0}
ul{margin:.5em 0 .9em;padding-left:1.25em}
li{margin:.3em 0}
.note{color:var(--muted);font-size:.92rem}
.small{font-size:.88rem}
/* header */
header.site{background:var(--slate);position:sticky;top:0;z-index:50;box-shadow:0 1px 6px rgba(0,0,0,.18)}
.nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logo{color:#fff;text-decoration:none;font-weight:800;font-size:1.22rem;letter-spacing:.2px;margin-right:auto}
.logo span{color:#eec27f}
a.nl{color:#dfe6ea;text-decoration:none;font-size:.95rem}
a.nl:hover{color:#fff;text-decoration:underline}
.callbtn{background:var(--amber);color:#fff!important;text-decoration:none;font-weight:700;padding:8px 14px;border-radius:8px;font-size:.95rem;white-space:nowrap}
.callbtn:hover{background:var(--amber-dark)}
/* hero */
.hero{background:linear-gradient(160deg,#2c3e4f,#1d2833);color:#eef2f4;padding:44px 0 40px}
.hero h1{color:#fff}
.hero p{max-width:46em}
.hero .sub{font-size:1.12rem;color:#cfd9de}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-block;background:var(--amber);color:#fff;text-decoration:none;font-weight:700;padding:13px 22px;border-radius:9px}
.btn:hover{background:var(--amber-dark)}
.btn.ghost{background:transparent;border:2px solid #aebbc2;color:#fff}
.btn.ghost:hover{border-color:#fff}
.btn.dark{background:var(--slate)}
.trustbar{background:var(--sand);border-bottom:1px solid var(--line);padding:10px 0;font-size:.93rem;color:var(--slate)}
.trustbar .wrap{display:flex;gap:22px;flex-wrap:wrap}
/* layout blocks */
section{padding:8px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:14px 0}
.grid.two{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.card h3{margin-top:0}
.card .meta{color:var(--muted);font-size:.9rem}
.band{background:var(--sand);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:22px 0}
.cta-band{background:var(--slate);color:#eef2f4;border-radius:14px;padding:26px 28px;margin:26px 0}
.cta-band h2{color:#fff;margin-top:0}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.97rem}
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
th{background:var(--sand);color:var(--slate)}
details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:10px 0;background:#fff}
summary{font-weight:700;cursor:pointer;color:var(--slate)}
/* form */
form.lead{display:grid;gap:12px;max-width:560px}
form.lead label{font-weight:600;font-size:.95rem;display:grid;gap:5px}
form.lead input,form.lead select,form.lead textarea{font:inherit;padding:11px 12px;border:1px solid #c9cfd4;border-radius:8px;width:100%}
form.lead button{background:var(--amber);color:#fff;border:0;font-weight:700;padding:13px 20px;border-radius:9px;cursor:pointer;font-size:1rem}
form.lead button:hover{background:var(--amber-dark)}
/* footer */
footer.site{background:#1c262f;color:#c3ced4;margin-top:44px;padding:30px 0 38px;font-size:.94rem}
footer.site a{color:#eec27f;text-decoration:none}
footer.site a:hover{text-decoration:underline}
footer.site .cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
footer.site h4{color:#fff;margin:.2em 0 .5em;font-size:1rem}
footer.site ul{list-style:none;padding:0;margin:0}
footer.site li{margin:.35em 0}
/* sticky mobile call bar */
.mobilebar{display:none}
@media(max-width:640px){
  h1{font-size:1.7rem}
  .grid.two{grid-template-columns:1fr}
  .mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;box-shadow:0 -2px 10px rgba(0,0,0,.2)}
  .mobilebar a{flex:1;text-align:center;padding:14px 8px;font-weight:700;text-decoration:none;color:#fff;background:var(--amber)}
  .mobilebar a.alt{background:var(--slate)}
  body{padding-bottom:52px}
}