:root{--ink:#171a2b;--muted:#626879;--line:#e5e7ef;--bg:#f7f7fb;--accent:#6c45e8;--accent2:#8b69f2;--card:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.72}a{color:#5634ce;text-underline-offset:3px}.wrap{max-width:var(--max);margin:auto;padding:0 22px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:850;white-space:nowrap}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:12px}.navlinks{display:flex;align-items:center;gap:18px;margin-left:auto}.navlinks a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700}.header-cta{margin-left:2px}.menu{display:none;border:0;background:none;font-size:25px;padding:8px;cursor:pointer}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:11px 17px;border-radius:10px;font-weight:800;border:1px solid var(--accent)}.btn:hover{filter:brightness(.96)}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}
.hero-block{padding:86px 0 26px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-weight:850;font-size:.75rem;color:var(--accent)}h1{font-size:clamp(2.35rem,5vw,4.35rem);line-height:1.04;letter-spacing:-.052em;margin:.22em 0 .35em;text-transform:capitalize}h2{font-size:1.65rem;line-height:1.2;letter-spacing:-.025em;margin-top:2.05em;text-transform:capitalize}h3{text-transform:capitalize}.lead{font-size:1.2rem;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px;max-width:var(--max);margin:auto;padding:58px 22px}.content{min-width:0}.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:22px}.breadcrumbs a{color:var(--muted)}.sidebar{align-self:start}.sidebox{border:1px solid var(--line);border-radius:16px;padding:21px;background:var(--bg);margin-bottom:18px}.sidebox h2{font-size:1.1rem;margin:0 0 10px}.sidebox a:not(.btn){display:block;margin:8px 0}.sidebox .btn{width:100%;text-align:center;margin-top:8px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.card{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink);background:var(--card);box-shadow:0 8px 28px rgba(23,26,43,.04)}.card span{font-size:.94rem;color:var(--muted)}
.affiliate-box{border:1px solid #d9d0fb;background:#f7f4ff;border-radius:16px;padding:22px;margin:36px 0}.affiliate-box p{margin:.35em 0 1em}.notice{font-size:.9rem;color:var(--muted);border-left:3px solid var(--accent);padding-left:12px;margin:32px 0}.related{border-top:1px solid var(--line);margin-top:42px;padding-top:18px}.related a{margin-right:16px}
footer{background:var(--bg);border-top:1px solid var(--line);padding:44px 0;margin-top:60px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot a{display:block;margin:5px 0;color:var(--muted)}.small{font-size:.86rem;color:var(--muted)}
.sitemap-grid{columns:3;column-gap:36px}.sitemap-grid section{break-inside:avoid;margin-bottom:24px}.sitemap-grid h2{font-size:1.15rem;margin:.2em 0}.sitemap-grid a{display:block;margin:6px 0}
@media(max-width:820px){.nav{gap:10px}.brand span:last-child{font-size:14px}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block;margin-left:0}.header-cta{margin-left:auto;padding:9px 12px;font-size:13px}.layout{grid-template-columns:1fr;gap:18px;padding-top:40px}.sidebar{position:static}.cards{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.sitemap-grid{columns:1}.hero-block{padding-top:54px}h1{letter-spacing:-.04em}}
@media(max-width:390px){.brand span:last-child{display:none}.header-cta{font-size:12px;padding:8px 10px}}