
:root{--bg:#f7f8fb;--ink:#071225;--muted:#5b6472;--line:rgba(7,18,37,.14);--surface:#fff;--accent:#00d8ff;--max:1120px;--shadow:0 24px 80px rgba(7,18,37,.10);--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{font-weight:900;text-decoration:none;font-size:23px;letter-spacing:-.04em}
.nav{display:flex;gap:18px;font-size:14px}
.nav a{text-decoration:none;color:var(--muted);font-weight:750}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;background:var(--ink);color:#fff;text-decoration:none;font-weight:850;border:1px solid var(--ink)}
.cta.secondary{background:transparent;color:var(--ink)}
.hero{padding:72px 0 42px}
.kicker{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#136a7a}
h1{font-size:clamp(38px,5.5vw,70px);line-height:.96;letter-spacing:-.06em;margin:14px 0 18px}
h2{font-size:clamp(25px,3.2vw,40px);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px}
.lead{font-size:20px;color:var(--muted);max-width:760px}
.article-layout{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start}
.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:28px}
.section{padding:26px 0}
.notice{background:#eefcff;border:1px solid rgba(0,216,255,.35);padding:18px;color:var(--muted)}
.site-footer{margin-top:56px;background:#fff;border-top:1px solid var(--line);padding:36px 0;color:var(--muted)}
.powered{text-align:center;margin-top:22px;font-size:14px}
.powered a{font-weight:900;color:var(--ink)}
@media(max-width:860px){.nav{display:none}.header-inner{align-items:flex-start;padding:18px 0}.article-layout{grid-template-columns:1fr}h1{font-size:42px}}
