:root{--bg:#efefef;--ink:#1c1219;--muted:#5d5360;--soft:#fde6f3;--line:#e1e2ea;--mag:#e01194;--btn:#d0114d;--navy:#14152a;--serif:'Fraunces',Georgia,serif;--sans:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--mag);outline-offset:3px;border-radius:8px}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}
header{position:sticky;top:0;z-index:10;background:var(--bg)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px}
.brand{display:flex;align-items:center;gap:10px;font:900 30px/1 var(--sans);letter-spacing:-.03em;color:#e0118f;text-decoration:none}
.brand img{width:40px;height:40px;display:block}
nav{display:flex;align-items:center;gap:26px;font-weight:500}
nav a{text-decoration:none;color:var(--ink)}
nav a:hover{color:var(--mag)}
nav a.pill{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border-radius:999px;background:var(--btn);color:#fff;font-weight:700;font-size:18px}
nav a.pill:hover{color:#fff;filter:brightness(1.08)}
main{flex:1}
main.doc{width:calc(100% - 32px);max-width:900px;margin:8px auto 0;padding:56px 56px 48px;background:#fff;border-radius:32px}
h1{margin:0 0 6px;font:900 clamp(34px,5.2vw,56px)/1.05 var(--serif);letter-spacing:-.03em;text-wrap:balance}
h1::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--mag);margin-top:18px}
h1+p{margin:18px 0 0;color:var(--muted);font-size:15px}
h2{margin:38px 0 8px;font:800 22px/1.25 var(--sans);letter-spacing:-.01em}
p{margin:0 0 14px;color:#3a3040}
.doc a{color:var(--btn);font-weight:600;text-underline-offset:3px}
.card{margin:26px 0;padding:26px 28px;background:var(--soft);border-radius:24px}
.card p{margin:0 0 8px;color:var(--ink)}
.card p:last-child{margin-bottom:0}
.card strong{font:900 26px/1.1 var(--serif);letter-spacing:-.02em}
footer{margin-top:72px;background:var(--navy);color:#c9cade;padding:36px 0 44px;font-size:15px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px}
.fl{display:flex;flex-wrap:wrap;gap:12px 26px}
footer a{color:#e4e5f1;text-decoration:none;font-weight:500}
footer a:hover{color:#fff;text-decoration:underline}
.fcopy{color:#9d95bd;font-size:14px}
@media (max-width:640px){.wrap{padding:0 20px}header .wrap{height:70px}.brand{font-size:24px}.brand img{width:34px;height:34px}nav{gap:14px}nav a.pill{height:44px;padding:0 20px;font-size:16px}main.doc{padding:34px 22px 30px;border-radius:26px}footer{margin-top:56px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}