
:root{--ink:#171727;--muted:#625f73;--paper:#fffdf9;--panel:#f5f1ff;--panel2:#fff4ef;--brand:#5b35d5;--brand-dark:#3d219f;--accent:#f06443;--line:#ded9e9;--good:#086a55;--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:var(--paper);line-height:1.72}
a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--brand-dark)}a:focus-visible,button:focus-visible{outline:3px solid #ff9d83;outline-offset:3px;border-radius:5px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px;z-index:99}.skip:focus{left:8px}
.wrap{width:min(var(--max),92vw);margin:auto}.narrow{width:min(800px,92vw);margin:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,253,249,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:850;text-decoration:none;white-space:nowrap}.mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:white;font-weight:900}
.navlinks{display:flex;gap:16px;align-items:center}.navlinks a{text-decoration:none;color:var(--ink);font-weight:700;font-size:.92rem}.navlinks .buy{color:white;background:var(--brand);padding:10px 14px;border-radius:10px;box-shadow:0 6px 18px rgba(91,53,213,.22)}
.hero{padding:76px 0 58px;background:radial-gradient(circle at 78% 18%,#ffe0d6 0,transparent 27%),radial-gradient(circle at 12% 10%,#e6dcff 0,transparent 32%)}
.eyebrow{font-weight:850;color:var(--brand);letter-spacing:.085em;text-transform:uppercase;font-size:.76rem}.hero h1,.article h1{line-height:1.03;letter-spacing:-.045em;margin:.2em 0}.hero h1{font-size:clamp(2.55rem,5.7vw,5.35rem);max-width:980px}.article h1{font-size:clamp(2.25rem,4.7vw,4.1rem)}
.lede{font-size:1.18rem;color:var(--muted);max-width:780px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 18px;border-radius:11px;text-decoration:none;font-weight:850}.btn.primary{background:var(--brand);color:#fff}.btn.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.btn.full{display:block;text-align:center;width:100%}
.disclosure{font-size:.82rem;color:var(--muted);margin-top:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 28px rgba(34,22,70,.045)}.card h3{margin:.1em 0 .45em}.card p{color:var(--muted);margin:.25em 0}
section{padding:56px 0}.section-title{font-size:2rem;letter-spacing:-.03em;margin-top:0}.home-intro{font-size:1.08rem;color:var(--muted);max-width:800px}
.article{padding:48px 0 64px}.article-shell{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:46px;align-items:start}.content h2{font-size:1.62rem;letter-spacing:-.02em;margin-top:2.15em}.content p{font-size:1.035rem}.crumbs{font-size:.86rem;color:var(--muted);margin-bottom:24px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.pill{background:#f1edf7;border-radius:999px;padding:6px 10px}
.sidebar{position:sticky;top:96px;display:grid;gap:16px}.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.side-card.offer{background:linear-gradient(180deg,var(--panel),#fff)}.side-card h2{font-size:1.15rem;margin:0 0 8px;letter-spacing:-.015em}.side-card p,.side-card li{font-size:.9rem;color:var(--muted)}.side-card ul{padding-left:18px;margin-bottom:0}.price-note{font-size:.8rem;color:var(--muted);margin-top:8px}
.callout{background:var(--panel);border:1px solid #d9cff9;border-radius:18px;padding:24px;margin:34px 0}.callout strong{display:block;font-size:1.15rem;margin-bottom:6px}
.sourcebox{font-size:.88rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:18px;margin:30px 0}.sourcebox p{font-size:.88rem;margin:.35em 0}
.related{border-top:1px solid var(--line);margin-top:50px;padding-top:30px}.related ul{padding-left:18px}.hub-head{padding:58px 0 30px}.hub-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hub-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.hub-card h2{font-size:1.15rem;margin:0 0 8px}.hub-card p{color:var(--muted);font-size:.93rem}
footer{border-top:1px solid var(--line);padding:34px 0 50px;color:var(--muted)}footer .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:var(--muted)}.mini{font-size:.84rem;color:var(--muted)}
.mobile-buy{display:none}
@media(max-width:950px){.article-shell{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.navlinks a:not(.buy){display:none}.grid,.hub-list,.sidebar{grid-template-columns:1fr}.hero{padding-top:52px}.site-header{position:sticky}.article{padding-top:34px}.mobile-buy{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:var(--brand);color:#fff;text-align:center;padding:13px;border-radius:12px;text-decoration:none;font-weight:850;box-shadow:0 9px 30px rgba(30,20,80,.3)}body{padding-bottom:66px}}
