:root { color-scheme: light dark; --bg:#f7f8fc; --surface:#fff; --text:#1a2030; --muted:#606a80; --accent:#5b54d8; --line:#dfe3ee; }
@media (prefers-color-scheme:dark) { :root { --bg:#10131c; --surface:#171b27; --text:#edf0f8; --muted:#adb5c9; --accent:#aaa5ff; --line:#2b3142; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif; }
.shell { width:min(880px,calc(100% - 40px)); margin:0 auto; }
.masthead { border-bottom:1px solid var(--line); background:var(--surface); }
.masthead .shell { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { color:var(--text); font-weight:800; text-decoration:none; }
.product,.effective { color:var(--muted); }
.intro { padding:72px 0 30px; }
.eyebrow { margin:0 0 8px; color:var(--accent); font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(2.4rem,7vw,4.5rem); line-height:1.05; }
h2 { margin:2.1em 0 .4em; font-size:1.35rem; }
p { margin:.5em 0 1em; }
a { color:var(--accent); }
article { margin-bottom:72px; padding:32px clamp(22px,5vw,52px) 52px; border:1px solid var(--line); border-radius:22px; background:var(--surface); box-shadow:0 18px 60px rgba(23,28,45,.08); }
footer { padding:28px 0 40px; border-top:1px solid var(--line); color:var(--muted); }