:root{--bg:#070c16;--bg-deep:#04070f;--surface:#101a2c;--surface-elevated:#16233a;--surface-strong:#94a3b81a;--bg-raise:var(--surface-elevated);--border:#94a3b82e;--border-hover:#22d3ee73;--border-strong:var(--border-hover);--text:#e9eff8;--text-muted:#a6b3c5;--muted:var(--text-muted);--accent:#22d3ee;--accent-strong:#38bdf8;--accent-soft:#22d3ee1f;--ok:#34d399;--warn:#fbbf24;--radius:14px;--radius-md:12px;--radius-sm:9px;--maxw:1200px;--section-gap:clamp(2.75rem, 5vw, 4.25rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1100px 520px at 85% -10%, #22d3ee1a, transparent 60%), radial-gradient(900px 480px at -15% 8%, #38bdf814, transparent 55%), linear-gradient(#94a3b80d 1px, transparent 1px), linear-gradient(90deg, #94a3b80d 1px, transparent 1px), var(--bg-deep);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background-size:auto,auto,44px 44px,44px 44px,auto;margin:0;font-size:16px;line-height:1.6}img,svg{max-width:100%;display:block}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;line-height:1.2}h1{margin:0 0 var(--space-4);font-size:clamp(1.8rem,4vw,2.8rem)}h2{margin:0 0 var(--space-3);font-size:clamp(1.35rem,2.6vw,1.85rem)}h3{margin:0 0 var(--space-2);font-size:1.08rem}p{margin:0 0 var(--space-4)}small{font-size:.875em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}:target{scroll-margin-top:96px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{margin:0 0 var(--space-2);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:inline-block}.container{width:min(100% - 2.4rem, var(--maxw));margin-inline:auto}main{padding-block:var(--space-6) var(--space-7)}section{margin:var(--section-gap) 0}.section-head{max-width:76ch;margin-bottom:var(--space-5)}.section-head h2{margin-bottom:var(--space-2)}.section-head p.lead{margin:0}.lead{color:var(--text-muted);max-width:68ch;font-size:1.05rem}.note-inline{color:var(--text-muted);font-size:.88rem}.link-arrow{color:var(--accent-strong);align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.link-arrow:after{content:"→";transition:transform .15s}.link-arrow:hover{text-decoration:none}.link-arrow:hover:after{transform:translate(2px)}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#070c16db;position:sticky;top:0}.site-header .container{align-items:center;gap:1rem;min-height:64px;display:flex}.brand{color:var(--text);align-items:center;gap:.6rem;margin-right:auto;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand-mark{border:2px solid var(--accent);width:15px;height:15px;box-shadow:inset 0 0 0 2px var(--bg-deep), 0 0 12px #22d3ee80;background:radial-gradient(circle at 35% 30%,#67e8f9e6,#22d3ee26);border-radius:50%;position:relative}.brand-mark:after{content:"";border:1px solid #070c1680;border-radius:50%;position:absolute;inset:2px}.brand-name{letter-spacing:.01em}.site-nav ul{align-items:center;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{border-radius:var(--radius-sm);color:var(--text-muted);padding:.55rem .8rem;font-size:.95rem;font-weight:500;transition:color .15s,background .15s;display:block}.site-nav a:hover{color:var(--text);background:var(--surface);text-decoration:none}.site-nav a.is-active{color:var(--accent);background:var(--accent-soft);font-weight:600}.menu-toggle{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:.5rem .6rem;line-height:0;display:none}.menu-toggle:hover{border-color:var(--border-hover)}@media (width<=820px){.menu-toggle{display:inline-flex}.site-nav{border-bottom:1px solid var(--border);background:#070c16f7;padding:.6rem 1.2rem 1rem;display:none;position:absolute;top:64px;left:0;right:0}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column;align-items:stretch;gap:.15rem}.site-nav a{padding:.7rem .8rem;font-size:1rem}}.hero{margin-bottom:var(--section-gap);grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);display:grid}.hero-copy{min-width:0}.hero h1{max-width:18ch;margin-bottom:var(--space-4)}.hero h1 .accent{color:var(--accent)}.hero-intro{max-width:58ch;color:var(--text-muted);margin-bottom:var(--space-5);font-size:1.02rem}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.rec-widget{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, #22d3ee12, #22d3ee05), var(--surface-elevated);padding:1.15rem 1.3rem;box-shadow:0 20px 44px #0000004d}.rec-widget-title{margin:0 0 var(--space-4);align-items:center;gap:.5rem;font-size:1.02rem;font-weight:700;display:flex}.rec-widget-title svg{color:var(--accent)}.rec-widget-list{margin:0;padding:0;list-style:none}.rec-widget-list li{border-top:1px solid var(--border);grid-template-columns:96px 1fr;gap:.3rem .8rem;padding:.5rem 0;font-size:.9rem;display:grid}.rec-widget-list dt{color:var(--text-muted)}.rec-widget-list dd{margin:0;font-weight:600}.rec-widget-cta{margin-top:var(--space-4);justify-content:center;width:100%}.rec-widget-note{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:.8rem}@media (width<=900px){.hero{grid-template-columns:1fr}}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.95rem;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{border-color:var(--border-hover);text-decoration:none}.btn-primary{border-color:var(--border-hover);color:var(--accent-strong);background:linear-gradient(#22d3ee29,#22d3ee17)}.btn-primary:hover{background:#22d3ee38;transform:translateY(-1px);box-shadow:0 8px 20px #22d3ee1f}.btn-secondary{background:var(--surface-elevated);border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--border-hover);background:#1b2a45;transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface);color:var(--text)}.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.search{max-width:640px;position:relative}.search-field{align-items:center;display:flex;position:relative}.search-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;left:.95rem}.search-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font-size:1rem;font-family:var(--font);padding:.8rem 3.9rem .8rem 2.6rem}.search-input::placeholder{color:var(--text-muted);opacity:.85}.search-input:hover,.search-input:focus{border-color:var(--border-hover);background:var(--surface-elevated);box-shadow:0 0 0 3px var(--accent-soft)}.search-kbd{border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-muted);font-family:var(--mono);white-space:nowrap;pointer-events:none;border-radius:5px;padding:.15rem .45rem;font-size:.72rem;position:absolute;right:.7rem}.search-list{z-index:30;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:320px;margin:0;padding:.3rem;list-style:none;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 40px #00000080}.search.is-open .search-list{display:block}.search-list li{margin:0}.search-list a{border-radius:var(--radius-sm);color:var(--text);justify-content:space-between;gap:.8rem;padding:.55rem .8rem;display:flex}.search-list a:hover,.search-list a.is-active{background:var(--accent-soft);text-decoration:none}.search-list .hit-cat{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.search-empty{color:var(--text-muted);padding:.8rem;font-size:.9rem;display:none}.search-empty.is-visible{display:block}@media (width<=560px){.search-kbd{display:none}.search-input{padding-right:1rem}}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.categories-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1020px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.categories-grid{grid-template-columns:1fr}}.guides-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width<=940px){.guides-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.guides-grid{grid-template-columns:1fr}}.card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.15rem 1.3rem;box-shadow:inset 0 1px #ffffff08}a.card,.card.is-link{color:var(--text);transition:border-color .16s,transform .16s,box-shadow .16s}a.card:hover,.card.is-link:hover{border-color:var(--border-hover);text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 28px #00000047}.card h3{margin-bottom:var(--space-2)}.card p{color:var(--text-muted);margin:0;font-size:.92rem}.category-card{flex-direction:column;gap:.4rem;height:100%;display:flex;position:relative}.category-card h3{margin:var(--space-3) 0 0;font-size:1.1rem}.category-card p{font-size:.9rem;line-height:1.5}.category-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border:1px solid #22d3ee33;place-items:center;display:grid}.category-arrow{color:var(--text-muted);font-size:1.1rem;transition:color .15s,transform .15s;position:absolute;top:1.15rem;right:1.3rem}.category-card:hover .category-arrow{color:var(--accent);transform:translate(2px)}.category-meta{padding-top:var(--space-3);color:var(--accent);margin-top:auto;font-size:.8rem;font-weight:600}.guide-card{flex-direction:column;gap:.45rem;min-width:0;height:100%;display:flex}.guide-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.7rem;font-weight:700}.guide-card h3{margin:0;font-size:1.08rem;line-height:1.35}.guide-card .guide-desc{color:var(--text-muted);font-size:.92rem;line-height:1.55}.guide-link{padding-top:var(--space-3);color:var(--accent-strong);align-items:center;gap:.35rem;margin-top:auto;font-size:.92rem;font-weight:600;display:inline-flex}.guide-link span{transition:transform .15s}.guide-card:hover .guide-link span{transform:translate(2px)}.trust-band{justify-content:space-between;align-items:center;gap:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, #22d3ee0b, transparent), var(--surface);padding:var(--space-5) var(--space-6);flex-wrap:wrap;display:flex}.trust-band h2{margin-bottom:var(--space-2)}.trust-items{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.trust-items li+li:before{content:"·";color:var(--accent);margin-right:.8rem}.cta-band{justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.cta-band h2{margin:0 0 var(--space-2)}.cta-band p{max-width:52ch;margin:0}.note-band{border:1px solid var(--border);border-left:3px solid var(--accent)}.note-band h2{margin-top:0;font-size:1.15rem}.note-band p{max-width:62ch}.note-band p:last-child{margin-bottom:0}.product-card{flex-direction:column;gap:.4rem;height:100%;display:flex}.product-card .card-title{margin:0;font-size:1rem}.product-card .card-brand{color:var(--text-muted);margin:0;font-size:.85rem}.product-card .features{flex-wrap:wrap;gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.product-card .features li{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.15rem .5rem;font-size:.78rem}.price-line{color:var(--accent);margin-top:auto;font-weight:700}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-legacy{color:var(--warn);background:#fbbf241f;border:1px solid #fbbf244d}.badge-verified{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.badge-archived{color:var(--text-muted);background:#94a3b81a;border:1px solid #94a3b84d}.successor-note{color:var(--text);margin:.2rem 0 0;font-size:.85rem}.verified-date{color:var(--text-muted);margin-top:auto;font-size:.78rem;display:block}.rec-why{color:var(--accent);margin:.5rem 0 .2rem;font-size:.9rem;font-weight:700}.section{margin-top:var(--space-6)}.tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.archive-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.archive-item{flex-direction:column;gap:.3rem;display:flex}.archive-item h3{margin:0}.archive-item .archive-brand,.archive-item .archive-reason{color:var(--text-muted);margin:0;font-size:.88rem}.guide-article{font-size:.98rem;line-height:1.65}.guide-article h2{margin:1.6rem 0 .5rem;font-size:1.25rem}.guide-article h2:first-child{margin-top:0}.guide-article p{color:var(--text);margin:0 0 .9rem;font-size:.98rem}.guide-article ul,.guide-article ol{margin:0 0 .9rem;padding-left:1.3rem}.guide-article li{margin-bottom:.35rem}.guide-article blockquote{border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:#22d3ee0f;margin:1rem 0;padding:.6rem 1rem}.guide-article blockquote p{margin:0}.guide-article code{background:#94a3b81f;border-radius:4px;padding:.1rem .35rem;font-size:.88em}.guide-footer{border-top:1px solid var(--border);margin-top:1.6rem;padding-top:1rem}.guide-footer p{color:var(--text-muted);margin:0;font-size:.85rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table.compare{border-collapse:collapse;width:100%;min-width:900px;font-size:.93rem}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.7rem .9rem}.compare thead th{border-bottom:1px solid var(--border-hover);background:var(--surface-elevated)}.compare tbody tr:last-child td{border-bottom:0}.compare tbody tr:hover td{background:var(--surface-strong)}.compare th button{all:unset;cursor:pointer;color:var(--text);white-space:nowrap;box-sizing:border-box;align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.compare th[aria-sort] button:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:6px solid var(--text-muted);width:0;height:0;display:inline-block;transform:translateY(-2px)}.compare th[aria-sort=ascending] button:after{border-bottom-color:var(--accent);border-top:0;transform:none}.compare th[aria-sort=descending] button:after{border-top:6px solid var(--accent);border-bottom:0}.compare .feature-list{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.compare .feature-list li{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.1rem .45rem;font-size:.78rem}.mobile-cards{display:none}@media (width<=760px){.table-wrap{display:none}.mobile-cards{display:block}}.recommender{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);max-width:720px;padding:1.4rem}.rec-progress{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;font-weight:600}.rec-progress-bar{background:var(--surface-strong);border-radius:999px;height:4px;margin-top:.4rem;overflow:hidden}.rec-progress-bar span{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;width:0;height:100%;transition:width .2s;display:block}.rec-question h3{margin:0 0 .9rem;font-size:1.15rem}.rec-options{flex-direction:column;gap:.5rem;display:flex}.rec-options button{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.8rem 1rem;font-size:.98rem;display:flex}.rec-options button small{color:var(--text-muted)}.rec-options button:hover,.rec-options button:focus-visible{border-color:var(--border-hover);background:var(--accent-soft)}.rec-results h3{margin:0 0 .4rem}.rec-result{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:.8rem;padding:1rem 1.1rem}.rec-result h4{margin:0 0 .2rem;font-size:1.05rem}.rec-result .rec-meta{color:var(--text-muted);margin-bottom:.5rem;font-size:.86rem}.rec-result .reasons{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.rec-result .reasons li{color:var(--text-muted);gap:.45rem;font-size:.85rem;display:flex}.rec-result .reasons li b{color:var(--accent);font-weight:700}.rec-disclaimer{color:var(--text-muted);border-top:1px solid var(--border);margin-top:1rem;padding-top:.8rem;font-size:.82rem}.empty-state{border:1px dashed var(--border-hover);border-radius:var(--radius);background:var(--surface);max-width:680px;padding:1.4rem}.empty-state h2{margin-top:0}.crumbs{color:var(--text-muted);font-size:.85rem}.crumbs a{color:var(--text-muted)}.crumbs a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);background:var(--bg-deep);margin-top:var(--space-7)}.site-footer .container{padding-block:var(--space-6) var(--space-5);gap:var(--space-5);display:grid}.foot-grid{gap:var(--space-6);grid-template-columns:1.4fr 1fr 1fr 1fr;display:grid}@media (width<=900px){.foot-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.foot-grid{grid-template-columns:1fr}}.foot-brand .foot-title{margin:0 0 var(--space-2);color:var(--text);font-size:1.05rem;font-weight:700}.foot-slogan{color:var(--text-muted);max-width:34ch;margin:0;font-size:.9rem}.foot-grid nav h2,.foot-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-3);font-size:.8rem;font-weight:600}.foot-grid ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.foot-grid a{color:var(--text-muted);font-size:.92rem}.foot-grid a:hover{color:var(--text);text-decoration:none}.foot-archives-note{color:var(--text-muted);margin:0;font-size:.84rem}.foot-archives-note a{color:var(--accent-strong)}.copy{color:var(--text-muted);border-top:1px solid var(--border);padding-top:var(--space-4);margin:0;font-size:.82rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}