:root{--text-h1:36px;--text-h2:26px;--text-h3:20px;--text-h4:18px;--text-body:17px;--text-body-mobile:16px;--text-lead:19px;--text-label:14px;--text-meta:13px;--text-caption:12px;--card-title:22px;--card-metric:18px;--card-body:14px;--card-body-mobile:15px;--card-label:13px;--card-meta:12px;--card-chip:12px;--leading-tight:1.3;--leading-snug:1.5;--leading-normal:1.7;--leading-relaxed:1.85;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", Menlo, Consolas,
    "Liberation Mono", monospace;--bg-page:#ffffff;--bg-subtle:#f9fafb;--bg-card:#ffffff;--bg-elevated:#f3f4f6;--bg-hover:#f3f4f6;--text-primary:#111827;--text-body:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-subtle:#eff6ff;--border-subtle:#f3f4f6;--border-default:#e5e7eb;--border-strong:#d1d5db;--status-operational:#10b981;--status-stable:#06b6d4;--status-partial:#f59e0b;--status-unavailable:#ef4444;--status-untested:#9ca3af;--status-vendor:#8b5cf6;--status-measured:#3b82f6;--status-operational-bg:#ecfdf5;--status-partial-bg:#fffbeb;--status-unavailable-bg:#fef2f2;--status-vendor-bg:#f5f3ff;--status-measured-bg:#eff6ff;--status-untested-bg:#f9fafb}@media(max-width:640px){:root{--text-h1:28px;--text-h2:22px;--text-h3:18px;--text-body:16px;--card-title:20px;--card-body:15px}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-body);background-color:var(--bg-page);min-height:100vh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}code,kbd,samp,pre{font-family:var(--font-mono)}.num,.metric-val,.price-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.site-header{position:sticky;top:0;z-index:50;background-color:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-default)}.header-inner{max-width:1200px;margin:0 auto;padding:0 1.25rem;height:64px;display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:center;gap:.5rem;font-size:20px;font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.02em}.site-logo svg{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--text-body);transition:color 150ms ease;padding:.35rem .2rem;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-link.active::after{content:"";position:absolute;bottom:-18px;left:0;right:0;height:2px;background-color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.75rem}.search-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-label);color:var(--text-muted);background-color:var(--bg-subtle);border:1px solid var(--border-default);padding:.4rem .85rem;border-radius:6px;cursor:pointer;transition:all 150ms ease}.search-btn:hover{background-color:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.mobile-menu-toggle{display:none;background:0 0;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}.mobile-nav-drawer{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background-color:var(--bg-page);padding:1.5rem;border-top:1px solid var(--border-default);z-index:49;flex-direction:column;gap:1.25rem;overflow-y:auto}.mobile-nav-drawer.is-open{display:flex}.mobile-nav-link{font-size:18px;font-weight:var(--weight-medium);color:var(--text-primary);padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.site-main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}.section{padding:3.5rem 0}.section--subtle{background-color:var(--bg-subtle)}.section-header{margin-bottom:2rem}.section-title{font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.section-desc{font-size:var(--text-body);color:var(--text-muted);margin-top:.5rem}.site-footer{background-color:var(--bg-subtle);border-top:1px solid var(--border-default);padding-top:3.5rem;padding-bottom:2rem;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}.footer-brand p{font-size:var(--text-label);color:var(--text-muted);line-height:var(--leading-relaxed);margin-top:.75rem;max-width:380px}.footer-col-title{font-size:var(--text-label);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-links a{font-size:var(--text-label);color:var(--text-muted);transition:color 150ms ease}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-default);padding-top:1.5rem;font-size:var(--text-meta);color:var(--text-muted);line-height:1.6}.legal-notice{background-color:#fffbeb;border:1px solid #fef3c7;color:#92400e;padding:.75rem 1rem;border-radius:6px;font-size:var(--text-meta);margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem}@media(max-width:900px){.site-nav{display:none}.mobile-menu-toggle{display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:1.75rem}.section{padding:2.25rem 0}}.badge{display:inline-flex;align-items:center;gap:.35em;padding:.2em .6em;border-radius:6px;font-size:var(--card-chip);font-weight:var(--weight-medium);line-height:1.4;white-space:nowrap}.badge--measured{background:var(--status-measured-bg);color:#1d4ed8;border:1px solid #bfdbfe}.badge--vendor{background:var(--status-vendor-bg);color:#6d28d9;border:1px solid #ddd6fe}.badge--unverified{background:var(--status-untested-bg);color:#6b7280;border:1px solid var(--border-default)}.badge--rank{background:#1e293b;color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-bold);padding:.15em .5em;border-radius:4px}.badge--rank-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 1px 3px rgba(245,158,11,.3)}.badge--subtle{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:14px;font-weight:var(--weight-medium);line-height:1;padding:.65rem 1.25rem;border-radius:8px;cursor:pointer;transition:all 150ms ease;text-decoration:none;border:1px solid transparent}.btn-primary,a.btn-primary{background-color:var(--accent);color:#fff!important;text-decoration:none!important}.btn-primary:hover,a.btn-primary:hover{background-color:var(--accent-hover);color:#fff!important;text-decoration:none!important}.btn-secondary,a.btn-secondary{background-color:#fff;color:var(--text-body)!important;border-color:var(--border-default);text-decoration:none!important}.btn-secondary:hover,a.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)!important;text-decoration:none!important}.btn-sm{padding:.35rem .75rem;font-size:var(--card-chip)}.btn-gold,a.btn-gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important;text-decoration:none!important}.btn-gold:hover,a.btn-gold:hover{background:linear-gradient(135deg,#d97706,#b45309);color:#fff!important;text-decoration:none!important}.commercial-disclosure{background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.85rem 1.15rem;margin:1.5rem 0;display:flex;align-items:flex-start;gap:.75rem}.commercial-disclosure svg{color:#d97706;flex-shrink:0;margin-top:2px}.commercial-disclosure__content{font-size:var(--text-meta);line-height:1.5;color:#92400e}.commercial-disclosure__title{font-weight:var(--weight-bold);margin-bottom:.2rem}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:var(--text-meta);color:var(--text-muted);margin-bottom:1.5rem}.breadcrumbs a{color:var(--text-muted);transition:color 150ms ease}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline}.breadcrumbs .sep{color:var(--text-faint)}.breadcrumbs .current{color:var(--text-body);font-weight:var(--weight-medium)}.callout{border-radius:8px;padding:1rem 1.25rem;margin:1.5rem 0;font-size:var(--card-body);line-height:1.6;border-left:4px solid}.callout-note{background-color:var(--accent-subtle);border-left-color:var(--accent);color:#1e3a8a}.callout-warning{background-color:#fef2f2;border-left-color:#ef4444;color:#991b1b}.callout-tip{background-color:#ecfdf5;border-left-color:#10b981;color:#065f46}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{border:1px solid var(--border-default);border-radius:8px;background-color:var(--bg-card);overflow:hidden;transition:border-color 150ms ease}.faq-item:hover{border-color:var(--border-strong)}.faq-question{width:100%;text-align:left;background:0 0;border:none;padding:1rem 1.25rem;font-size:16px;font-weight:var(--weight-semibold);color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-question svg{transition:transform 200ms ease;color:var(--text-muted)}.faq-item.is-active .faq-question svg{transform:rotate(180deg)}.faq-answer{display:none;padding:0 1.25rem 1.25rem;font-size:var(--card-body);line-height:1.7;color:var(--text-body);border-top:1px solid var(--border-subtle)}.faq-item.is-active .faq-answer{display:block}.copy-btn{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--bg-subtle);border:1px solid var(--border-default);color:var(--text-body);font-size:var(--card-chip);font-family:var(--font-mono);font-weight:var(--weight-medium);padding:.25rem .6rem;border-radius:6px;cursor:pointer;transition:all 150ms ease}.copy-btn:hover{background-color:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.toast{position:fixed;bottom:2rem;right:2rem;background-color:#111827;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:14px;font-weight:var(--weight-medium);box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:100;display:flex;align-items:center;gap:.5rem;transform:translateY(100px);opacity:0;transition:all 250ms ease}.toast.show{transform:translateY(0);opacity:1}.hero-section{padding:4.5rem 0 3.5rem;text-align:center;background:radial-gradient(circle at 50% 0%,#eff6ff 0%,#ffffff 70%);border-bottom:1px solid var(--border-subtle)}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:var(--text-meta);font-weight:var(--weight-semibold);padding:.35rem .85rem;border-radius:9999px;margin-bottom:1.5rem}.hero-title{font-size:var(--text-h1);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:1rem;letter-spacing:-.02em}.hero-subtitle{font-size:var(--text-lead);color:var(--text-muted);max-width:680px;margin:0 auto 2rem;line-height:var(--leading-snug)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.bento-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;text-decoration:none;transition:all 150ms ease;display:flex;flex-direction:column}.bento-card:hover{border-color:var(--border-strong);box-shadow:0 4px 16px rgba(0,0,0,6%);transform:translateY(-2px)}.bento-card__icon{width:44px;height:44px;border-radius:10px;background-color:var(--accent-subtle);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.bento-card__title{font-size:18px;font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:.35rem}.bento-card__desc{font-size:var(--card-body);color:var(--text-muted);line-height:1.5}@media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bento-grid{grid-template-columns:1fr}.hero-section{padding:3rem 0 2rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:3.5rem;padding:2.5rem 0 4rem}.article-layout--full{grid-template-columns:1fr}.article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-default)}.article-header h1{font-size:var(--text-h1);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.02em}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;font-size:var(--text-meta);color:var(--text-muted)}.article-meta span{display:inline-flex;align-items:center;gap:.35rem}.article-content{max-width:760px;font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--text-body)}.article-content p{margin-top:0;margin-bottom:1.4em}.article-content h2{font-size:var(--text-h2);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-top:2.4em;margin-bottom:.8em;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding-bottom:.4em}.article-content h3{font-size:var(--text-h3);font-weight:var(--weight-semibold);margin-top:1.8em;margin-bottom:.6em;color:var(--text-primary)}.article-content h4{font-size:var(--text-h4);font-weight:var(--weight-semibold);margin-top:1.4em;margin-bottom:.5em;color:var(--text-primary)}.article-content a:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color 150ms ease}.article-content a:not(.btn):hover{color:var(--accent-hover)}.article-content ul,.article-content ol{margin:1.2em 0 1.5em 1.5em;padding-left:.5em}.article-content li{margin-bottom:.5em;line-height:var(--leading-normal)}.article-content blockquote{border-left:4px solid var(--accent);background-color:var(--bg-subtle);padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0 8px 8px 0;color:var(--text-body);font-style:normal}.article-content table{width:100%;border-collapse:collapse;font-size:14px;margin:1.75em 0;border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.article-content th{background:var(--bg-subtle);font-weight:var(--weight-semibold);text-align:left;padding:.75em 1em;border-bottom:1px solid var(--border-default);color:var(--text-primary)}.article-content td{padding:.75em 1em;border-bottom:1px solid var(--border-subtle);color:var(--text-body)}.article-content tr:last-child td{border-bottom:none}.article-content tr:hover td{background-color:var(--bg-subtle)}.key-takeaways{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:1.5rem;margin:2rem 0}.key-takeaways__title{font-size:18px;font-weight:var(--weight-bold);color:#0f172a;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.key-takeaways__list{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:.6rem}.key-takeaways__list li{position:relative;padding-left:1.5rem;font-size:var(--card-body);color:var(--text-body);margin-bottom:0}.key-takeaways__list li::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.tradeoffs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:2rem 0}.tradeoff-card{border-radius:8px;padding:1.25rem;border:1px solid}.tradeoff-card--pro{background-color:#f0fdf4;border-color:#bbf7d0}.tradeoff-card--con{background-color:#fef2f2;border-color:#fecaca}.tradeoff-card--risk{background-color:#fffbeb;border-color:#fef08a}.tradeoff-card__title{font-size:16px;font-weight:var(--weight-bold);margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.tradeoff-card--pro .tradeoff-card__title{color:#166534}.tradeoff-card--con .tradeoff-card__title{color:#991b1b}.tradeoff-card--risk .tradeoff-card__title{color:#854d0e}.tradeoff-card ul{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:.5rem}.tradeoff-card li{font-size:var(--card-body);line-height:1.5;margin-bottom:0}.personas-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0}.persona-box{padding:1.25rem;border-radius:8px;border:1px solid var(--border-default);background-color:var(--bg-card)}.persona-box__title{font-size:16px;font-weight:var(--weight-bold);margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.sidebar-toc{position:sticky;top:84px;height:fit-content;max-height:calc(100vh - 100px);overflow-y:auto;padding-left:1rem;border-left:1px solid var(--border-default)}.toc-title{font-size:var(--text-label);font-weight:var(--weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.toc-nav ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0}.toc-nav li a{font-size:var(--text-meta);color:var(--text-muted);line-height:1.4;display:block;transition:color 150ms ease;text-decoration:none}.toc-nav li a:hover{color:var(--accent)}.toc-nav li.active>a{color:var(--accent);font-weight:var(--weight-semibold)}.toc-nav ul ul{padding-left:.85rem;margin-top:.4rem;border-left:1px solid var(--border-subtle)}@media(max-width:992px){.article-layout{grid-template-columns:1fr;gap:2rem}.sidebar-toc{display:none}.tradeoffs-grid{grid-template-columns:1fr}.personas-grid{grid-template-columns:1fr}}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;align-items:stretch}.brand-card{display:grid;grid-template-rows:auto auto 1fr auto auto;height:100%;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:border-color 150ms ease,box-shadow 150ms ease,transform 150ms ease}.brand-card:hover{border-color:var(--border-strong);box-shadow:0 4px 16px rgba(0,0,0,8%);transform:translateY(-2px)}.brand-card--primary{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf24,0 4px 20px rgba(251,191,36,.15)}.brand-card__accent-bar{position:absolute;top:0;left:0;right:0;height:4px}.brand-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.brand-card__title-wrap{display:flex;align-items:center;gap:.5rem}.brand-card__title{font-size:var(--card-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}.brand-card__subtitle{font-size:var(--card-body);color:var(--text-muted);line-height:1.4;margin-top:.25rem;margin-bottom:.85rem}.brand-card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.brand-card__metric-item{display:flex;flex-direction:column}.brand-card__metric-label{font-size:var(--card-label);color:var(--text-muted);margin-bottom:.2rem}.brand-card__metric-value{font-size:var(--card-metric);font-weight:var(--weight-semibold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary)}.brand-card__highlights{flex:1;margin-bottom:1rem}.brand-card__highlights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.brand-card__list-item{font-size:var(--card-body);line-height:1.6;color:var(--text-body);position:relative;padding-left:1.15rem}.brand-card__list-item::before{content:"•";position:absolute;left:.2rem;color:var(--accent);font-weight:700}.brand-card__tags-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;margin-bottom:.85rem;border-top:1px dashed var(--border-subtle)}.brand-card__clients{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.brand-card__promo{display:flex;align-items:center;gap:.4rem}.brand-card__promo-code{font-family:var(--font-mono);font-size:var(--card-chip);font-weight:var(--weight-semibold);background-color:#fef3c7;color:#92400e;padding:.15rem .45rem;border-radius:4px;border:1px dashed #f59e0b}.brand-card__footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.brand-card__cta{font-size:14px;font-weight:var(--weight-medium);color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:color 150ms ease}.brand-card__cta:hover{color:var(--accent-hover);text-decoration:underline}.brand-filter-panel{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;align-items:center}.filter-input,.filter-select{width:100%;padding:.55rem .85rem;font-size:14px;border:1px solid var(--border-default);border-radius:6px;background-color:var(--bg-page);color:var(--text-body);outline:none;transition:border-color 150ms ease}.filter-input:focus,.filter-select:focus{border-color:var(--accent)}.filter-stats{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);font-size:var(--text-meta);color:var(--text-muted)}@media(max-width:900px){.filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.filter-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:1fr}}