:root{
  --bg:#ffffff; --surface:#f8fafc; --line:#e5e7eb;
  --text:#0b0d12; --muted:#475569;
  --brand:#0ea5e9; --brand2:#22d3ee;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,-apple-system}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800;font-size:clamp(18px,2.2vw,22px);letter-spacing:.2px}
.nav{display:flex;gap:16px}
.notice{background:#f8fafc;color:#64748b;font-size:12px;padding:6px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero{padding:56px 0 28px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff 0%, #fafafa 100%)}
.hero h1{font-size:clamp(32px,5.6vw,48px);margin:0 0 8px;line-height:1.1}
.sub{color:var(--muted);max-width:760px}
.section{padding:28px 0}
.recessed{background:#fafafa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0;
  box-shadow:0 1px 2px rgba(0,0,0,.04)}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid var(--line);
  background:#fff;color:var(--text)}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#061118;border-color:transparent}
.small{font-size:13px;color:var(--muted)}
.tiny{font-size:12px;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:#fff;padding:24px 0;margin-top:30px;text-align:center}
.regimag-product{margin:1.2em 0}