.cmp-page{--cmp-radius:14px;--cmp-radius-sm:8px;color:var(--ink-900);background:var(--bg)}.cmp-hero{position:relative;background:var(--ink-950);color:white;overflow:hidden}.cmp-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 20%,oklch(.35 .12 290/.5),transparent);pointer-events:none}.cmp-hero__inner{max-width:var(--container);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-10);position:relative}.cmp-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-body-s);color:var(--ink-400);margin-bottom:var(--space-8)}.cmp-breadcrumbs a{color:var(--ink-300);text-decoration:none}.cmp-breadcrumbs a:hover{color:white}.cmp-eyebrow{display:inline-block;font-size:var(--t-overline);font-weight:700;letter-spacing:var(--tracking-over);text-transform:uppercase;color:var(--violet-300);margin-bottom:var(--space-3)}.cmp-hero h1{color:white;margin:0 0 var(--space-4)}.cmp-hero__lede{font-size:var(--t-body-l);line-height:var(--lh-relaxed);color:var(--ink-300);margin:0;max-width:60ch}.cmp-container{max-width:var(--container);margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-16)}.cmp-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:var(--space-10);gap:var(--space-10);align-items:start}.cmp-article{min-width:0}.cmp-sidebar{position:-webkit-sticky;position:sticky;top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.cmp-section{margin-bottom:var(--space-10)}.cmp-section h2{font-size:var(--t-h2);font-weight:600;margin:0 0 var(--space-5);color:var(--ink-900)}.cmp-section h3{font-size:var(--t-h3);font-weight:600;margin:0 0 var(--space-3);color:var(--ink-800)}.cmp-section p{font-size:var(--t-body);line-height:var(--lh-relaxed);color:var(--ink-700);margin:0 0 var(--space-3)}.cmp-verdict{padding:var(--space-6);background:var(--violet-50);border-radius:var(--cmp-radius);border-left:4px solid var(--violet-600)}.cmp-verdict p{margin:0;color:var(--ink-800)}.cmp-table{width:100%;border-collapse:collapse;border-radius:var(--cmp-radius-sm);overflow:hidden;border:1px solid var(--ink-200)}.cmp-table td,.cmp-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--t-body-s);border-bottom:1px solid var(--ink-200)}.cmp-table thead th{background:var(--ink-950);color:white;font-weight:600}.cmp-table tbody th{background:var(--ink-50);color:var(--ink-600);font-weight:600;white-space:nowrap}.cmp-table td{color:var(--ink-800)}.cmp-table tr:last-child td,.cmp-table tr:last-child th{border-bottom:none}.cmp-yes{color:var(--success-600);font-weight:700}.cmp-no,.cmp-yes{text-align:center}.cmp-no{color:var(--ink-400)}.cmp-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}.cmp-split__col{padding:var(--space-5);background:var(--surface);border-radius:var(--cmp-radius);border:1px solid var(--ink-200)}.cmp-pros-cons{display:flex;flex-direction:column;gap:var(--space-4)}.cmp-pros-cons h4{font-size:var(--t-body-s);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-over);color:var(--ink-500);margin:0 0 var(--space-2)}.cmp-pros-cons ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.cmp-pros-cons li{font-size:var(--t-body-s);color:var(--ink-700);line-height:var(--lh-relaxed)}.cmp-pick{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}.cmp-pick__card{padding:var(--space-5);background:var(--surface);border-radius:var(--cmp-radius);border:1px solid var(--ink-200)}.cmp-pick__card h3{color:var(--violet-700);margin-bottom:var(--space-3)}.cmp-pick__card ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.cmp-pick__card li{font-size:var(--t-body-s);color:var(--ink-700);line-height:var(--lh-relaxed)}.cmp-faq__item{border-bottom:1px solid var(--ink-200);padding:var(--space-4) 0}.cmp-faq__item:first-child{border-top:1px solid var(--ink-200)}.cmp-faq__item summary{font-size:var(--t-body);font-weight:600;color:var(--ink-900);cursor:pointer;list-style:none;position:relative;padding-right:var(--space-6)}.cmp-faq__item summary::-webkit-details-marker{display:none}.cmp-faq__item summary:after{content:"+";position:absolute;right:0;top:0;font-size:var(--t-body-l);font-weight:400;color:var(--ink-400);transition:transform .15s ease}.cmp-faq__item[open] summary:after{transform:rotate(45deg)}.cmp-faq__item p{margin:var(--space-3) 0 0;font-size:var(--t-body-s);color:var(--ink-600);line-height:var(--lh-relaxed)}.cmp-sidebar__card{padding:var(--space-5);background:var(--surface);border-radius:var(--cmp-radius);border:1px solid var(--ink-200)}.cmp-sidebar__card h3{font-size:var(--t-body);font-weight:600;margin:0 0 var(--space-4);color:var(--ink-900)}.cmp-sidebar__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.cmp-sidebar__links a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--cmp-radius-sm);font-size:var(--t-body-s);font-weight:500;color:var(--violet-700);text-decoration:none}.cmp-sidebar__links a:hover{background:var(--violet-50)}.cmp-sidebar__cta{background:linear-gradient(135deg,var(--violet-600),var(--violet-800));border:none;color:white}.cmp-sidebar__cta h3{color:white}.cmp-sidebar__cta p{font-size:var(--t-body-s);color:var(--violet-100);line-height:var(--lh-relaxed);margin:0 0 var(--space-4)}.cmp-sidebar__cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border-radius:var(--cmp-radius-sm);background:white;color:var(--violet-700);font-weight:700;font-size:var(--t-body-s);text-decoration:none;transition:transform .15s ease}.cmp-sidebar__cta-btn:hover{transform:translateY(-1px)}@media (max-width:900px){.cmp-layout{grid-template-columns:1fr}.cmp-sidebar{position:static}.cmp-pick,.cmp-split{grid-template-columns:1fr}}@media (max-width:600px){.cmp-hero__inner{padding:var(--space-8) var(--space-5) var(--space-6)}.cmp-container{padding:var(--space-6) var(--space-5) var(--space-10)}.cmp-table{font-size:var(--t-caption)}.cmp-table td,.cmp-table th{padding:var(--space-2) var(--space-3)}}