:root{
  --ink:#121528;--muted:#5d6478;--paper:#fbfbfe;--card:#ffffff;
  --violet:#6d4aff;--violet2:#8b6cff;--aqua:#19c7b5;--line:#e8e8f2;
  --max:1120px;--radius:22px;--shadow:0 18px 50px rgba(45,38,95,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:#4f38cc;text-decoration-thickness:1px;text-underline-offset:3px}.wrap{width:min(var(--max),92vw);margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(251,251,254,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800}.mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--violet),var(--aqua));display:grid;place-items:center;color:#fff;font-size:18px}
nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;font-weight:650;font-size:.94rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;padding:.78rem 1.05rem;font-weight:800;text-decoration:none;border:1px solid transparent}
.btn.primary{background:linear-gradient(135deg,var(--violet),#7d5cff);color:#fff;box-shadow:0 8px 24px rgba(109,74,255,.25)}.btn.ghost{border-color:#d8d5ec;color:var(--ink);background:#fff}
.hero{padding:74px 0 46px;background:radial-gradient(circle at 80% 0%,rgba(25,199,181,.13),transparent 32%),radial-gradient(circle at 25% 15%,rgba(109,74,255,.14),transparent 35%)}
.eyebrow{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:#5b46c7}.hero h1{font-size:clamp(2.25rem,5vw,4.9rem);line-height:1.02;letter-spacing:-.055em;max-width:900px;margin:.35rem 0 1rem}
.hero p{font-size:1.15rem;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.trust{font-size:.88rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card h3{margin-top:0}.card p{color:var(--muted)}
section{padding:54px 0}.section-title{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}.lede{color:var(--muted);max-width:790px}
.content{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:34px;align-items:start}.article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4vw,48px);box-shadow:var(--shadow)}.article h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.04em}.article h2{margin-top:2.2rem;line-height:1.2;letter-spacing:-.02em}.article h3{margin-top:1.6rem}.article p,.article li{color:#33384d}.article table{border-collapse:collapse;width:100%;margin:1.2rem 0;display:block;overflow:auto}.article th,.article td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.article th{background:#f7f6ff}.toc{position:sticky;top:92px}.toc ul{padding-left:18px}.toc a{text-decoration:none}
.callout{border:1px solid #d9d4ff;background:#f6f3ff;border-radius:18px;padding:18px 20px}.warning{border-color:#ffe0a3;background:#fffaf0}.good{border-color:#c9efe9;background:#f1fffc}
.money{background:linear-gradient(135deg,#18172f,#26234b);color:#fff}.money .lede{color:#c8c8dd}.money .card{box-shadow:none}.money a:not(.btn){color:#cfc4ff}
.breadcrumbs{font-size:.87rem;color:var(--muted);margin:24px 0}.breadcrumbs a{color:var(--muted)}
footer{border-top:1px solid var(--line);padding:42px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.badge{display:inline-block;border-radius:999px;padding:.28rem .55rem;font-size:.75rem;font-weight:800;background:#eeebff;color:#553ec2}.updated{font-size:.85rem;color:var(--muted)}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0;list-style:none}.feature-list li{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
@media(max-width:850px){.grid{grid-template-columns:1fr}.content{grid-template-columns:1fr}.toc{position:static}.footer-grid{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}nav a:not(.btn){display:none}}

/* Production conversion modal */
.offer-modal[hidden]{display:none!important}
.offer-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.offer-backdrop{position:absolute;inset:0;background:rgba(11,12,28,.62);backdrop-filter:blur(4px)}
.offer-panel{position:relative;z-index:1;width:min(560px,94vw);background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 30px 90px rgba(15,13,45,.28)}
.offer-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:22px;cursor:pointer}
.offer-panel h2{font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.1;margin:.2rem 2rem .7rem 0;letter-spacing:-.035em}
.offer-panel p{color:var(--muted)}
.offer-benefits{padding-left:1.15rem;color:#33384d}
.offer-disclosure{font-size:.8rem!important;margin-bottom:0}
.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.decision-box{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fafaff}
.procon{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.commercial-strip{border:1px solid #d9d4ff;background:linear-gradient(135deg,#f6f3ff,#f1fffc);border-radius:20px;padding:20px;margin:22px 0}
.related{margin-top:36px;border-top:1px solid var(--line);padding-top:24px}
.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related-links a{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;text-decoration:none;font-weight:700}
@media(max-width:700px){
  .offer-modal{align-items:end;padding:0}
  .offer-panel{width:100%;max-height:82vh;overflow:auto;border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}
  .decision-grid,.procon,.related-links{grid-template-columns:1fr}
  .offer-panel .btn{width:100%}
}