
:root{--ink:#0e1730;--muted:#637087;--paper:#f7f8fb;--line:#e3e7ef;--accent:#6650f5;--accent2:#00a7a5;--white:#fff;--shadow:0 12px 35px rgba(17,27,55,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.68}a{color:inherit}header.sitehead{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:auto;padding:15px 22px;display:flex;align-items:center;gap:24px}.logo{text-decoration:none;font-weight:900;font-size:21px;letter-spacing:-.7px;white-space:nowrap}.logo i{font-style:normal;color:var(--accent)}nav{display:flex;gap:20px;margin-left:auto;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:700;color:#3f4a60}.nav-cta{background:var(--ink);color:white!important;padding:10px 15px;border-radius:9px}
.page{max-width:1200px;margin:auto;padding:50px 22px 90px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:54px;align-items:start}.content{min-width:0}.sidebar{position:sticky;top:92px;display:grid;gap:16px}.side-card{border:1px solid var(--line);border-radius:15px;padding:22px;background:#fff;box-shadow:var(--shadow)}.side-card h3{margin:4px 0 12px}.side-card>a:not(.button){display:block;text-decoration:none;padding:9px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:14px}.side-card>a:last-child{border-bottom:0}.side-cta{background:var(--ink);color:white}.side-cta p{color:#cbd2df}.side-cta .eyebrow{color:#a99cff}
.hero{padding:55px 0 62px;max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:var(--accent)}h1{font-size:clamp(43px,7vw,72px);line-height:1.02;letter-spacing:-3px;margin:14px 0 23px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:32px;line-height:1.18;letter-spacing:-1.1px;margin:48px 0 15px}h3{font-size:20px;line-height:1.3}.hero p,.lede{font-size:20px;color:#4f5b70;max-width:760px}.actions{display:flex;gap:22px;align-items:center;margin-top:30px}.button{display:inline-block;text-decoration:none;background:var(--accent);color:#fff;padding:13px 18px;border-radius:10px;font-weight:850}.textlink{font-weight:800}.button-light{background:#fff;color:var(--ink);white-space:nowrap}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:24px}.breadcrumb a{text-decoration:none}.articlehead{max-width:780px;margin-bottom:34px}.articlehead h1{font-size:52px}.articlehead p{font-size:20px;color:var(--muted)}
.disclosure{padding:17px 19px;background:#f1efff;border:1px solid #dcd5ff;border-radius:12px;margin:20px 0 38px;color:#403a66}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.cards article{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--paper)}.cards article>span{color:var(--accent);font-weight:900}.cards h3 a{text-decoration:none}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;margin:66px 0}.stack{display:grid;gap:12px}.stack a,.related a{border:1px solid var(--line);border-radius:12px;padding:17px;text-decoration:none;background:#fff}.stack span,.related span{display:block;color:var(--muted);font-size:14px}.cta-panel{margin:58px 0 20px;background:var(--ink);color:#fff;border-radius:18px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-panel h2{margin:5px 0;font-size:29px}.cta-panel p{margin:0;color:#cbd2df}.cta-panel .eyebrow{color:#a99cff}
ul,ol{padding-left:24px}.callout,.formula{padding:20px;border-left:4px solid var(--accent);background:var(--paper);border-radius:0 12px 12px 0;margin:24px 0}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:38px 0}.related a{font-weight:750}.compare{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:24px 0}.compare>div{display:grid;grid-template-columns:.55fr 1.45fr;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}.compare>div:last-child{border-bottom:0}.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--paper);padding:20px;border-radius:13px}.flow b{background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:9px}details{border-top:1px solid var(--line);padding:13px 0}summary{font-weight:800;cursor:pointer}
footer{background:var(--paper);border-top:1px solid var(--line);padding:36px 22px}.foot{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;color:var(--muted);font-size:13px}.foot b{color:var(--ink)}.foot a{display:block;color:var(--muted);margin:5px 0;text-decoration:none}
.mobile-buy{display:none}
@media(max-width:900px){nav a:not(.nav-cta){display:none}.article-layout{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.articlehead h1{font-size:45px}}
@media(max-width:620px){.page{padding:34px 18px 86px}.nav{padding:13px 16px}.nav-cta{padding:9px 11px;font-size:13px}.sidebar{grid-template-columns:1fr}.side-cta{display:none}h1,.articlehead h1{font-size:40px;letter-spacing:-2px}.hero{padding:26px 0 45px}.actions{align-items:flex-start;flex-direction:column}.related{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column}.compare>div{grid-template-columns:1fr;gap:4px}.foot{grid-template-columns:1fr}.mobile-buy{display:block;position:fixed;left:14px;right:14px;bottom:12px;z-index:30;text-align:center;background:var(--accent);color:white;text-decoration:none;font-weight:900;padding:13px 16px;border-radius:12px;box-shadow:0 12px 30px rgba(20,20,50,.25)}}
