:root{--color-bg:#080612;--color-surface:#130e20;--color-surface-2:#1c122d;--color-text:#fff7ea;--color-muted:#c8bad3;--color-primary:#9d4dff;--color-secondary:#d49a3d;--color-accent:#ff3d6e;--color-border:rgba(255,255,255,.14);--color-cta:#8b2be8;--shadow:0 24px 70px rgba(0,0,0,.45);--radius:28px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(142,43,232,.24),transparent 34%),radial-gradient(circle at 90% 8%,rgba(212,154,61,.18),transparent 32%),var(--color-bg);color:var(--color-text);line-height:1.65;overflow-x:hidden}a{color:inherit}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,4vw,54px);background:rgba(8,6,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border)}.brand{font-weight:900;text-decoration:none;letter-spacing:.2px}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));margin-right:8px}.topnav{display:flex;gap:22px;color:var(--color-muted);font-size:14px}.topnav a,.footer a{text-decoration:none}.topnav a:hover,.sticky-panel a:hover{color:#fff}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:800;text-decoration:none;transition:.25s ease}.header-cta{border:1px solid var(--color-border);color:#fff}.btn.primary{background:linear-gradient(135deg,var(--color-cta),#bb63ff);box-shadow:0 14px 36px rgba(139,43,232,.34)}.btn.ghost{border:1px solid var(--color-border);color:var(--color-muted)}.btn:hover,.header-cta:hover{transform:translateY(-2px)}.hero{max-width:1320px;margin:30px auto 0;padding:clamp(28px,5vw,72px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.05fr);gap:clamp(28px,4vw,64px);align-items:center;position:relative}.angled-section:before{content:"";position:absolute;inset:28px 18px;border:1px solid var(--color-border);border-radius:42px;transform:skewY(-1deg);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015));z-index:-1}.eyebrow{color:var(--color-secondary);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:13px}.hero h1{font-size:clamp(40px,6vw,82px);line-height:.96;margin:14px 0 22px;letter-spacing:-.06em}.lead{font-size:clamp(18px,2vw,22px);color:var(--color-muted);max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.trust-strip{display:flex;gap:10px;flex-wrap:wrap}.trust-strip span,.badge{border:1px solid var(--color-border);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 12px;color:#fff;font-size:13px}.image-card{margin:0;border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:var(--shadow);padding:10px}.image-card img{width:100%;height:auto;object-fit:contain;border-radius:calc(var(--radius) - 8px);display:block}.image-card figcaption{padding:10px 8px 2px;color:var(--color-muted);font-size:13px}.quick-facts,.content-shell{max-width:var(--max);margin:46px auto;padding:0 22px}.quick-facts{display:grid;grid-template-columns:.75fr 1.15fr .9fr;gap:18px}.quick-facts article,.card-section,.pros-cons>div,.responsible,.final-cta{border:1px solid var(--color-border);border-radius:var(--radius);background:rgba(19,14,32,.72);padding:clamp(22px,3vw,34px);box-shadow:0 18px 50px rgba(0,0,0,.24)}.score{font-size:58px;font-weight:950;color:var(--color-secondary);line-height:1}.tip-card{position:relative}.tip-card button{position:absolute;right:14px;top:10px;border:0;background:transparent;color:var(--color-muted);font-size:24px;cursor:pointer}.content-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}.sticky-panel{position:sticky;top:92px;border:1px solid var(--color-border);border-radius:24px;padding:20px;background:rgba(13,9,24,.86);display:grid;gap:10px}.panel-title{margin:0 0 8px;color:var(--color-secondary);font-weight:900}.sticky-panel a{color:var(--color-muted);text-decoration:none;padding:8px 10px;border-radius:12px}.sticky-panel a.active{background:rgba(157,77,255,.16);color:#fff}.mini-cta{margin-top:10px;padding:14px;border-radius:18px;background:linear-gradient(135deg,rgba(157,77,255,.2),rgba(212,154,61,.14));font-size:13px}.article-body{display:grid;gap:30px}.article-body h2{font-size:clamp(28px,3.2vw,44px);line-height:1.08;margin:0 0 14px;letter-spacing:-.04em}.article-body h3{margin-bottom:8px}.check-grid,.comparison-cards,.two-col,.pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.check-grid span,.comparison-cards div{padding:16px;border:1px solid var(--color-border);border-radius:18px;background:rgba(255,255,255,.05)}.check-grid span:before{content:"✓";color:var(--color-secondary);font-weight:900;margin-right:8px}.split-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(24px,4vw,54px);align-items:center}.split-block.reverse{grid-template-columns:minmax(0,.95fr) minmax(380px,1fr)}.steps{counter-reset:item;list-style:none;padding:0;display:grid;gap:12px}.steps li{padding:14px 16px;border-left:3px solid var(--color-primary);background:rgba(255,255,255,.05);border-radius:0 16px 16px 0}.glow-card{background:linear-gradient(135deg,rgba(106,45,198,.23),rgba(19,14,32,.78));box-shadow:0 0 0 1px rgba(157,77,255,.12),0 26px 80px rgba(157,77,255,.12)}.comparison-cards{grid-template-columns:repeat(3,1fr)}.table-section table{width:100%;border-collapse:separate;border-spacing:0 10px}.table-section th{text-align:left;color:var(--color-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.table-section td{background:rgba(255,255,255,.055);padding:16px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.table-section td:first-child{border-left:1px solid var(--color-border);border-radius:16px 0 0 16px;font-weight:800}.table-section td:last-child{border-right:1px solid var(--color-border);border-radius:0 16px 16px 0}.badge.muted{color:var(--color-muted)}.two-col,.pros-cons{grid-template-columns:1fr 1fr}.note-toggle{border:1px solid var(--color-border);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;padding:12px 16px;font-weight:800;cursor:pointer}.expand-note{max-height:0;overflow:hidden;transition:max-height .3s ease}.expand-note.open{max-height:220px}.pros-cons ul{padding-left:20px}.final-cta{text-align:center;background:linear-gradient(135deg,rgba(212,154,61,.18),rgba(139,43,232,.2))}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{border:1px solid var(--color-border);border-radius:20px;background:rgba(255,255,255,.045);overflow:hidden}.faq-item button{width:100%;text-align:left;border:0;background:transparent;color:#fff;font-size:16px;font-weight:850;padding:18px 48px 18px 18px;cursor:pointer;position:relative}.faq-item button:after{content:"+";position:absolute;right:20px}.faq-item.open button:after{content:"–"}.faq-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-panel p{margin:0;padding:0 18px 18px;color:var(--color-muted)}.responsible{border-color:rgba(255,61,110,.35);background:rgba(255,61,110,.08)}.footer{max-width:var(--max);margin:40px auto;padding:26px 22px 50px;display:flex;justify-content:space-between;color:var(--color-muted);border-top:1px solid var(--color-border)}:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}@media (max-width:980px){.topnav{display:none}.hero,.content-shell,.quick-facts,.split-block,.split-block.reverse{grid-template-columns:1fr}.hero{padding:28px 20px}.hero-media,.feature-media{max-width:100%}.sticky-panel{position:static;top:auto}.quick-facts{margin-top:26px}.faq-list,.comparison-cards,.two-col,.pros-cons,.check-grid{grid-template-columns:1fr}.content-shell{margin-top:26px}}@media (max-width:640px){.site-header{padding:12px 16px}.header-cta{display:none}.hero h1{font-size:40px}.hero-actions{flex-direction:column}.btn{width:100%}.table-section table,.table-section thead,.table-section tbody,.table-section tr,.table-section th,.table-section td{display:block}.table-section thead{display:none}.table-section tr{margin-bottom:12px;border:1px solid var(--color-border);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04)}.table-section td{border:0;border-radius:0!important}.footer{display:block}.quick-facts,.content-shell{padding:0 16px}.card-section,.pros-cons>div,.responsible,.final-cta{padding:22px}}
