:root{--ink:#070b16;--panel:#0d1324;--panel2:#111a30;--line:#24304d;--muted:#aab5ca;--text:#f7f9fc;--brand:#6ee7c8;--brand2:#7aa2ff;--paper:#f7f9fc;--papertext:#111827;--radius:22px;--shadow:0 22px 70px rgba(0,0,0,.24)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.skip{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip:focus{clip:auto!important;width:auto!important;height:auto!important;margin:0!important;left:16px;top:16px;z-index:1000;background:#fff;color:#000;padding:10px 14px!important;border-radius:8px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,11,22,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{min-height:74px;display:flex;align-items:center;gap:28px}.logo{font-size:22px;font-weight:900;letter-spacing:-.05em;text-decoration:none}.logo span{color:var(--brand)}.desktop-nav{display:flex;gap:8px;align-items:center;margin-left:auto}.desktop-nav a{padding:9px 12px;text-decoration:none;color:#d8e0ef;font-size:14px;border-radius:10px}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{background:#17213a;color:#fff}.nav-action{background:var(--brand)!important;color:#06241d!important;font-weight:800}.menu-button{display:none;margin-left:auto;border:1px solid var(--line);background:#111a2d;color:#fff;border-radius:12px;padding:10px 12px;font:inherit;font-weight:750}.mobile-nav{display:none;border-top:1px solid var(--line);padding:10px 18px 18px}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 8px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06)}
.hero{padding:86px 0 58px;overflow:hidden;background:radial-gradient(circle at 78% 12%,rgba(122,162,255,.18),transparent 31%),radial-gradient(circle at 20% 0,rgba(110,231,200,.14),transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:850;color:var(--brand);margin:0 0 14px}.hero h1,.category-hero h1{font-size:clamp(44px,7vw,78px);line-height:.96;letter-spacing:-.065em;margin:0 0 24px;max-width:850px}.hero .lead{font-size:clamp(18px,2vw,23px);color:#c6d0e2;max-width:720px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:850;border:1px solid transparent;cursor:pointer;font:inherit}.btn.primary{background:var(--brand);color:#06241d}.btn.secondary{border-color:var(--line);background:#10182b;color:#fff}.btn:hover{transform:translateY(-1px)}.micro{font-size:13px;color:var(--muted)}
.hero-panel{background:linear-gradient(145deg,#121b31,#0a1020);border:1px solid #273555;border-radius:28px;padding:26px;box-shadow:var(--shadow)}.hero-panel .signal{display:inline-flex;gap:8px;align-items:center;color:var(--brand);font-weight:800;font-size:13px}.signal:before{content:"";width:9px;height:9px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 6px rgba(110,231,200,.12)}.hero-panel h2{font-size:28px;letter-spacing:-.04em;line-height:1.05;margin:20px 0 8px}.quick-list{display:grid;gap:10px;margin-top:22px}.quick-list a{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--line);text-decoration:none;color:#dce6f5}.quick-list a span:last-child{color:var(--brand)}
.proof{border-block:1px solid var(--line);background:#090e1b}.proof-row{display:grid;grid-template-columns:repeat(4,1fr)}.proof-item{padding:22px 20px;border-right:1px solid var(--line)}.proof-item:last-child{border:0}.proof-item b{display:block;font-size:22px}.proof-item span{font-size:13px;color:var(--muted)}
.section{padding:76px 0}.section.alt{background:#0a1020}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-title{font-size:clamp(32px,5vw,52px);letter-spacing:-.05em;line-height:1.02;margin:0}.section-copy{max-width:560px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:285px;border:1px solid var(--line);background:linear-gradient(145deg,#111a30,#0b1222);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;transition:.2s transform,.2s border}.card:hover{transform:translateY(-3px);border-color:#48618f}.card.featured{grid-column:span 2;background:radial-gradient(circle at 85% 15%,rgba(110,231,200,.18),transparent 38%),#111a30}.card .tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:var(--brand)}.card h3{font-size:26px;letter-spacing:-.035em;line-height:1.1;margin:10px 0}.card p{color:#bac5d8}.card a{margin-top:auto;text-decoration:none;font-weight:850;color:var(--brand)}.card .meta{font-size:12px;color:#8f9bb1;margin-bottom:8px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{border:1px solid var(--line);background:#0e1628;border-radius:20px;padding:22px;text-decoration:none;min-height:200px;display:flex;flex-direction:column}.category-card .icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#172442;color:var(--brand);font-weight:900}.category-card h3{font-size:22px;margin:28px 0 6px}.category-card p{font-size:14px;color:var(--muted);margin:0}.category-card b{margin-top:auto;color:var(--brand);padding-top:16px}.search-box{display:flex;gap:10px;max-width:720px}.search-box input,.form-control{width:100%;background:#fff;color:#111827;border:0;border-radius:14px;padding:15px 16px;font:inherit;outline:3px solid transparent}.search-box input:focus,.form-control:focus{outline-color:rgba(110,231,200,.45)}.search-box button{white-space:nowrap}
.tool-panel{border:1px solid var(--line);background:linear-gradient(120deg,#10192c,#0d1425);border-radius:28px;padding:30px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-option{border:1px solid var(--line);background:#0b1222;color:#fff;border-radius:16px;padding:18px;text-align:left;cursor:pointer;font:inherit}.tool-option:hover,.tool-option.selected{border-color:var(--brand);background:#102a2b}.tool-option b{display:block;font-size:17px}.tool-option span{display:block;color:var(--muted);font-size:13px}.tool-result{margin-top:20px;border-left:4px solid var(--brand);background:#091019;padding:18px 20px;border-radius:0 16px 16px 0}.tool-result:empty{display:none}
.category-hero{padding:70px 0 42px;background:radial-gradient(circle at 75% 0,rgba(122,162,255,.16),transparent 35%)}.category-hero h1{font-size:clamp(42px,6vw,70px)}.category-hero p{max-width:720px;color:#c4cede;font-size:19px}.category-layout{display:grid;grid-template-columns:260px 1fr;gap:28px}.sidebox{position:sticky;top:96px;align-self:start;border:1px solid var(--line);border-radius:18px;background:#0d1425;padding:18px}.sidebox a{display:block;padding:9px 0;color:#c2ccdc;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}.sidebox a:last-child{border:0}
.article-page{background:var(--paper);color:var(--papertext);padding:58px 18px 90px}.article{max-width:820px;margin:auto}.breadcrumbs{font-size:13px;color:#5f6b7c;margin-bottom:28px}.breadcrumbs a{color:#354865}.article .eyebrow{color:#087f6b}.article h1{font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-.055em;margin:0 0 20px}.article .intro{font-size:21px;color:#425067}.updated{font-size:13px;color:#68758a;border-bottom:1px solid #dce2eb;padding-bottom:20px}.disclosure,.affiliate-note,.notice{background:#edf7f4;border:1px solid #c6e9df;border-radius:14px;padding:15px 17px;color:#173c35}.article h2{font-size:29px;letter-spacing:-.03em;line-height:1.15;margin:42px 0 12px}.article h3{font-size:21px;margin-top:28px}.article p,.article li{font-size:17px}.article a{color:#096a5b;font-weight:700}.article ul,.article ol{padding-left:24px}.guide-visual{margin:30px 0}.guide-visual img{border-radius:18px;background:#0e1729}.guide-visual figcaption{font-size:13px;color:#657187}.comparison,.article table{width:100%;border-collapse:collapse;font-size:15px}.table-wrap{overflow-x:auto;margin:24px 0;border:1px solid #d9e0e9;border-radius:14px}.comparison th,.comparison td,.article table th,.article table td{padding:13px 14px;border-bottom:1px solid #e3e8ef;text-align:left;vertical-align:top}.comparison th,.article table th{background:#e9f1f4}.pick{border-top:1px solid #dce2eb;padding:28px 0}.pick-grid{display:grid;grid-template-columns:70px 1fr;gap:20px}.product-mark{width:64px;height:64px;border-radius:16px;background:#0d172a;color:#79e5c9;display:grid;place-items:center;font-weight:900}.label{font-size:11px;font-weight:900;color:#087f6b;letter-spacing:.12em}.pros{display:grid;grid-template-columns:1fr 1fr;gap:7px 22px}.source-note{font-size:14px!important;color:#5e6a7d;background:#f1f4f7;padding:14px;border-radius:12px}.related{border-top:1px solid #d7dfe9;margin-top:38px;padding-top:22px}.verdict{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.verdict>div{border:1px solid #dbe2ea;border-radius:14px;padding:18px}.verdict b{display:block;color:#087f6b}.checklist{background:#111c32;color:#f7f9fc;border-radius:20px;padding:24px;margin:28px 0}.checklist h2{margin-top:0}.checklist li{color:#d9e2f0}
.page{padding:70px 0 100px}.page h1{font-size:clamp(40px,6vw,68px);letter-spacing:-.055em;line-height:1.02}.page h2{margin-top:42px}.page p{max-width:760px;color:#c2ccdc}.page .notice{max-width:760px;color:#173c35}.author-card{display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center;border:1px solid var(--line);background:#10192c;border-radius:22px;padding:24px;max-width:800px}.avatar{width:90px;height:90px;border-radius:24px;background:linear-gradient(145deg,var(--brand),var(--brand2));color:#061016;display:grid;place-items:center;font-size:34px;font-weight:950}.search-results{display:grid;gap:12px;margin-top:24px}.search-result{display:block;border:1px solid var(--line);background:#0f1729;border-radius:16px;padding:18px;text-decoration:none}.search-result b{font-size:20px}.search-result p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.comparison-hero{background:#0a1120;border:1px solid #23324e;border-radius:24px;padding:20px;margin:30px 0}.comparison-hero img{display:block;width:100%;border-radius:16px}.method-box{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.method-box>div{border:1px solid #d9e1ea;border-radius:14px;padding:16px;background:#fff}.method-box b{display:block;color:#087f6b;margin-bottom:4px}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.product-card{border:1px solid #d7dfe9;border-radius:18px;padding:20px;background:#fff;display:flex;flex-direction:column}.product-card.recommended{border:2px solid #0a8f78;box-shadow:0 12px 35px rgba(10,143,120,.12)}.product-badge{display:inline-block;align-self:flex-start;background:#e3f5f0;color:#086957;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.product-art{height:125px;border-radius:14px;margin:14px 0;display:grid;place-items:center;background:linear-gradient(145deg,#111d34,#17294b);color:#79e8ca;font-size:38px;font-weight:950;letter-spacing:-.06em}.product-card h2{font-size:23px;margin:5px 0 4px}.product-card p,.product-card li{font-size:15px}.product-card ul{padding-left:19px}.product-card .source-note{margin-top:auto}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.pros-cons>div{border-radius:12px;padding:14px;background:#f2f6f8}.pros-cons b{display:block;margin-bottom:5px}.affiliate-placeholder{margin-top:auto;border:1px dashed #9ca9b8;background:#f5f7f9;color:#5c6878;border-radius:12px;padding:12px;text-align:center;font-size:13px;font-weight:750}.compare-tool{margin:30px 0;background:#111c32;color:#fff;border-radius:22px;padding:24px}.compare-tool h2{margin-top:0}.compare-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.compare-toggle{border:1px solid #40506c;background:#17233d;color:#fff;padding:10px 13px;border-radius:12px;font:inherit;cursor:pointer}.compare-toggle[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#06241d;font-weight:850}.compare-table{overflow-x:auto;border-radius:14px}.compare-table table{min-width:650px;background:#fff;color:#111827}.compare-table [data-product][hidden]{display:none!important}.comparison-note{font-size:13px;color:#647188}.source-list{font-size:14px}.source-list li{margin-bottom:8px}
.product-art-image{background-image:var(--card-image);background-size:300% 100%;background-position:var(--card-position) center;background-repeat:no-repeat;color:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.compare-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cta{padding:68px 0;background:linear-gradient(90deg,#14223d,#0b2b2a);text-align:center}.cta h2{font-size:clamp(30px,5vw,52px);letter-spacing:-.05em;margin:0 0 22px}.site-footer{border-top:1px solid var(--line);background:#060a13;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer-grid p{color:#8996aa;font-size:14px}.footer-links b{display:block;margin-bottom:10px}.footer-links a{display:block;text-decoration:none;color:#aab5c7;font-size:14px;padding:4px 0}.copy{border-top:1px solid #182139;margin-top:34px;padding-top:18px;color:#7f8a9d;font-size:12px}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:block}.hero-grid,.category-layout{grid-template-columns:1fr}.hero{padding-top:58px}.proof-row{grid-template-columns:1fr 1fr}.proof-item:nth-child(2){border-right:0}.cards{grid-template-columns:1fr 1fr}.card.featured{grid-column:span 2}.category-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr}.sidebox{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(100% - 26px,1180px)}.hero h1{font-size:44px}.section{padding:54px 0}.section-head{display:block}.section-copy{margin-top:14px}.proof-row,.cards,.category-grid,.footer-grid,.product-cards,.method-box{grid-template-columns:1fr}.proof-item{border-right:0;border-bottom:1px solid var(--line)}.card.featured{grid-column:auto}.search-box{display:grid}.pick-grid,.author-card{grid-template-columns:1fr}.pros,.verdict,.pros-cons{grid-template-columns:1fr}.article-page{padding-inline:14px}.article h1{font-size:38px}.article p,.article li{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.product-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0;padding:16px;background:#fff;border:1px solid #d7dfe9;border-radius:20px}
.product-showcase figure,.product-visual{margin:0;min-width:0}
.product-showcase img,.product-photo{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#f2f5f8;border-radius:14px;padding:12px}
.product-showcase figcaption,.product-visual figcaption{margin-top:7px;color:#647188;font-size:12px;line-height:1.4}
.product-showcase figcaption a,.product-visual figcaption a{font-weight:750}
.product-visual{margin:14px 0}
.product-photo{height:180px;aspect-ratio:auto}
@media(max-width:620px){.product-showcase{grid-template-columns:1fr}.product-showcase img{max-height:280px}}

.price-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.price-cta-label{color:#b9c8dd;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.price-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:13px 22px;border-radius:14px;background:#7aa2ff;color:#071225;text-decoration:none;font-size:16px;font-weight:850;box-shadow:0 10px 28px rgba(122,162,255,.22);transition:transform .15s ease,background .15s ease}.price-cta-button:hover{background:#a1bcff;transform:translateY(-2px)}.price-cta-button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:600px){.price-cta{align-items:flex-start;flex-direction:column;gap:8px}.price-cta-button{width:100%;text-align:center}}

.product-cta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 22px}.product-cta .ad-marker{font-size:13px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#b9c8dd}.product-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:11px;background:#7aa2ff;color:#071225;text-decoration:none;font-size:15px;font-weight:800}.product-cta a:hover{background:#a1bcff}.product-cta a:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:600px){.product-cta{align-items:flex-start;flex-direction:column}.product-cta a{width:100%;text-align:center}}
