:root{
  --ink:#101322;--muted:#5d6475;--paper:#fbfbfd;--card:#ffffff;
  --brand:#c83a1d;--brand2:#5b4cf0;--line:#e8e9ef;--soft:#f2f0ff;
  --max:1120px;--shadow:0 14px 45px rgba(27,30,44,.08)
}
*{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.65}
a{color:var(--brand2);text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:#392ad5}
img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(251,251,253,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.1rem;color:var(--ink);text-decoration:none}
.mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,var(--brand),#ff8b5f 48%,var(--brand2));display:grid;place-items:center;color:white;box-shadow:0 8px 20px rgba(91,76,240,.2)}
nav{display:flex;gap:18px;align-items:center}nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.93rem}.menu{display:none;border:0;background:white;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.hero{padding:88px 0 64px;background:radial-gradient(circle at 85% 15%,#ede9ff 0,transparent 30%),radial-gradient(circle at 10% 25%,#fff0e8 0,transparent 28%)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:46px;align-items:center}.eyebrow{display:inline-block;font-weight:850;color:#4a3ddb;background:#eeecff;padding:6px 10px;border-radius:999px;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase}
h1{font-size:clamp(2.45rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:.35em 0 .25em}h2{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.15;letter-spacing:-.025em;margin:1.8em 0 .55em}h3{line-height:1.25;margin:1.5em 0 .45em}
.lede{font-size:1.18rem;color:var(--muted);max-width:760px}.hero-card,.card,.notice,.cta,.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.hero-card{padding:28px;transform:rotate(1deg)}.hero-card .funnel{padding:14px 16px;border-radius:14px;margin:10px 0;background:#f7f7fa;font-weight:750}.hero-card .funnel:nth-child(2){width:88%}.hero-card .funnel:nth-child(3){width:73%}.hero-card .funnel:nth-child(4){width:56%;background:#fff0ea;color:#a42c12}.hero-card .funnel:nth-child(5){width:42%;background:#eeecff;color:#3e31c9}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}.btn{display:inline-block;border-radius:12px;padding:13px 18px;font-weight:850;text-decoration:none;border:1px solid var(--line);background:white;color:var(--ink)}.btn.primary{background:var(--brand);color:white;border-color:var(--brand);box-shadow:0 10px 24px rgba(255,90,54,.23)}.btn.primary:hover{color:white;filter:brightness(.96)}
main{padding-bottom:70px}.article{width:min(820px,calc(100% - 36px));margin:0 auto}.article-head{padding:62px 0 26px}.article h1{font-size:clamp(2.35rem,5vw,4.1rem)}.meta{color:var(--muted);font-size:.9rem}.crumbs{font-size:.86rem;color:var(--muted);margin-bottom:18px}.crumbs a{color:var(--muted)}
.notice{padding:18px 20px;margin:24px 0;background:#fffaf7;box-shadow:none}.notice strong{color:#842a14}.cta{padding:26px;margin:36px 0;background:linear-gradient(135deg,#181b2e,#2e255c);color:white}.cta h2,.cta h3{margin-top:0;color:white}.cta p{color:#dddff0}.cta .btn{background:white;border:0}.cta .btn.primary{background:var(--brand);color:white}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{padding:22px;box-shadow:none}.card h3{margin-top:0}.card p{color:var(--muted)}.card a{font-weight:800}
.section{padding:60px 0}.soft{background:#f6f5ff;border-top:1px solid #eceaff;border-bottom:1px solid #eceaff}.section h2:first-child{margin-top:0}
.table-wrap{overflow:auto;box-shadow:none;margin:24px 0}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f7f7fa;font-size:.9rem}
.checks{padding-left:1.2rem}.checks li{margin:.45rem 0}.verdict{border-left:5px solid var(--brand2);padding:15px 18px;background:#f6f5ff;border-radius:0 12px 12px 0;margin:25px 0}
.sourcebox{font-size:.9rem;background:#f7f7fa;border-radius:14px;padding:16px 18px;margin:30px 0;color:#4f5667}.sourcebox a{word-break:break-word}
.related{padding:55px 0}.related h2{margin-top:0}footer{border-top:1px solid var(--line);padding:40px 0 54px;background:#fff}.foot{display:grid;grid-template-columns:1.2fr 2fr;gap:30px}.footlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.footlinks a{display:block;color:var(--muted);margin:6px 0}.small{font-size:.86rem;color:var(--muted)}
.disclosure{border:1px solid #f1d8ce;background:#fff7f3;color:#6d3122;padding:10px 14px;text-align:center;font-size:.85rem}
.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#f0efff;color:#4a3ddb;font-weight:800;font-size:.75rem}
@media(max-width:860px){nav{display:none}nav.open{display:flex;position:absolute;left:18px;right:18px;top:65px;flex-direction:column;align-items:flex-start;background:white;padding:18px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.menu{display:block}.hero-grid,.foot{grid-template-columns:1fr}.hero-card{transform:none}.grid,.grid.two{grid-template-columns:1fr}.hero{padding-top:58px}.footlinks{grid-template-columns:1fr 1fr}}

/* Production content layout */
.header-actions{display:flex;align-items:center;gap:10px}
.header-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:10px 14px;background:var(--brand);color:#fff;text-decoration:none;font-weight:850;white-space:nowrap;box-shadow:0 8px 20px rgba(255,90,54,.18)}
.header-cta:hover{color:#fff;filter:brightness(.96)}
.content-layout{width:min(var(--max),calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:minmax(0,820px) 270px;gap:34px;align-items:start}
.content-layout .article{width:auto;margin:0}
.sidebar{position:sticky;top:96px;padding:34px 0 60px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 10px 32px rgba(27,30,44,.05)}
.side-card h3{font-size:1rem;margin:0 0 8px}.side-card p{font-size:.9rem;color:var(--muted);margin:.4rem 0 1rem}
.side-links a{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:.9rem;font-weight:750}
.side-links a:last-child{border-bottom:0}
.side-card .btn{width:100%;text-align:center}
.mobile-affiliate{display:none}
.nav-primary{display:flex;align-items:center;gap:18px}
@media(max-width:980px){
  .content-layout{grid-template-columns:1fr}
  .sidebar{position:static;padding:0 0 45px}
}
@media(max-width:860px){
  .header-cta{display:none}
  .mobile-affiliate{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;align-items:center;justify-content:center;background:var(--brand);color:#fff;text-decoration:none;font-weight:900;padding:13px 16px;border-radius:13px;box-shadow:0 12px 35px rgba(27,30,44,.28)}
  body{padding-bottom:68px}
}