:root{--ink:#14202b;--muted:#5b6875;--line:#dce3e8;--paper:#fff;--soft:#f3f6f8;--navy:#0e2f49;--blue:#1372a8;--orange:#f28c28;--orange-dark:#c96308;--green:#18745b;--shadow:0 12px 34px rgba(14,47,73,.1);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-head{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:72px;display:flex;align-items:center;gap:26px}.brand{font-size:1.48rem;font-weight:900;letter-spacing:-.05em;text-decoration:none;color:var(--navy)}.brand span{color:var(--orange)}.brand.light{color:white}.nav-links{margin-left:auto;display:flex;align-items:center;gap:18px}.nav-links a{font-size:.9rem;font-weight:700;text-decoration:none;color:#334554}.nav-links a:hover{color:var(--blue)}.menu-button{display:none;margin-left:auto;border:1px solid var(--line);background:white;border-radius:9px;padding:8px 12px;font-weight:800}.hero{padding:82px 0;background:radial-gradient(circle at 90% 20%,rgba(19,114,168,.22),transparent 34%),linear-gradient(135deg,#071d2e,#0e3f60 62%,#175f83);color:white}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:52px;align-items:center}.eyebrow{display:block;margin-bottom:10px;color:var(--blue);font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero .eyebrow{color:#65c8ff}h1,h2,h3{line-height:1.15;margin:0 0 .65em;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,6vw,5.3rem);max-width:850px}h2{font-size:clamp(1.9rem,3.4vw,3.15rem)}h3{font-size:1.25rem}.lead{font-size:1.2rem;color:inherit;max-width:770px}.hero .lead{color:#d9e8f2}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--orange);color:#1f170d;text-decoration:none;font-weight:900;padding:13px 20px;box-shadow:0 8px 22px rgba(242,140,40,.25)}.button:hover{background:#ffa54c}.text-link{font-weight:850;color:var(--blue)}.hero .text-link{color:white}.hero-actions{display:flex;gap:20px;align-items:center;margin:28px 0}.trust-row{display:flex;gap:12px;flex-wrap:wrap}.trust-row span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 11px;color:#d9e8f2;font-size:.84rem}.hero-panel{padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:rgba(255,255,255,.08);box-shadow:var(--shadow)}.hero-panel strong{font-size:1.35rem}.hero-panel p,.hero-panel li{color:#d9e8f2}.section{padding:72px 0}.section.alt{background:var(--soft);border-block:1px solid var(--line)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:white;text-decoration:none;box-shadow:0 4px 18px rgba(14,47,73,.05);transition:.2s ease}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b6cbd8}.category-card p{color:var(--muted)}.category-card strong{color:var(--blue)}.category-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;border-radius:12px;background:#e4f4fc;color:var(--blue);font-weight:900}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 5px 20px rgba(14,47,73,.06)}.card>img,.card-placeholder{width:100%;aspect-ratio:16/10;object-fit:contain;background:#f8fafb;padding:16px}.card-placeholder{display:grid;place-items:center;color:var(--blue);font-size:2rem;font-weight:900}.card-body{padding:22px}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--blue)}.card p{color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{color:var(--blue);font-weight:850}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.editorial p{font-size:1.08rem;color:var(--muted)}.breadcrumbs{display:flex;gap:9px;align-items:center;padding:24px 0;color:var(--muted);font-size:.92rem}.breadcrumbs a{color:var(--blue)}.category-hero{padding:45px 0 54px;background:linear-gradient(135deg,#eef8fd,#f8fafb);border-block:1px solid var(--line)}.category-hero h1{font-size:clamp(2.4rem,5vw,4.3rem)}.index-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:24px}.filter{display:grid;gap:7px;color:var(--muted);font-weight:800}.filter input{width:min(360px,80vw);border:1px solid #b9c7d0;border-radius:10px;padding:12px 14px;font:inherit}.article-index{columns:3;column-gap:32px;padding:0;list-style-position:inside}.article-index li{break-inside:avoid;margin:0 0 8px;color:var(--muted)}.article-index a{color:var(--ink);text-decoration:none}.article-index a:hover{color:var(--blue);text-decoration:underline}.article{width:min(900px,calc(100% - 36px));margin:18px auto 72px}.article>h1{font-size:clamp(2.25rem,5vw,4rem)}.article>p{font-size:1.08rem}.disclosure,.method{margin:22px 0;padding:16px 18px;border-radius:12px;background:#eef7fb;border-left:4px solid var(--blue)}.quick-picks{display:grid;margin:34px 0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.quick-picks a{display:flex;justify-content:space-between;gap:18px;padding:14px 18px;text-decoration:none;border-bottom:1px solid var(--line)}.quick-picks a:last-child{border-bottom:0}.quick-picks a:hover{background:var(--soft)}.product{scroll-margin-top:90px;margin:48px 0;padding:28px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.badge{display:inline-block;margin-bottom:20px;padding:5px 11px;border-radius:999px;background:#e4f4fc;color:var(--blue);font-size:.78rem;font-weight:900;text-transform:uppercase}.product-top{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.product-top img,.product-placeholder{width:100%;aspect-ratio:1;object-fit:contain;background:#fafafa;border:1px solid var(--line);border-radius:14px;padding:12px}.product-placeholder{display:grid;place-items:center;text-align:center;color:var(--muted)}.rating{color:var(--orange-dark);font-weight:900}.button.amazon{margin-top:8px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.pros-cons>div{padding:18px;border-radius:12px;background:var(--soft)}.pros-cons h3{margin-bottom:8px}.pros-cons li{margin-bottom:6px}.article-section{margin:58px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-card,.faq-item{padding:22px;border:1px solid var(--line);border-radius:14px;background:white}.faq-item{margin-bottom:14px}.guide-card p,.faq-item p{color:var(--muted)}.bottom-line{padding:28px;border-radius:var(--radius);background:#0e2f49;color:white}.bottom-line .eyebrow{color:#65c8ff}.article-grid.related{grid-template-columns:repeat(3,1fr)}.article-grid.related .card>img{aspect-ratio:16/9}.article-grid.related .card-body{padding:16px}.article-grid.related .card p{display:none}.legal{width:min(800px,100%);margin:auto}.legal h1{font-size:clamp(2.4rem,5vw,4rem)}.legal h2{margin-top:36px;font-size:1.7rem}.empty{text-align:center;padding:80px 0}.site-foot{padding:54px 0 24px;background:#071d2e;color:#cbd8e0}.foot-grid{display:grid;grid-template-columns:2fr 1fr;gap:50px}.site-foot a{color:white}.copyright{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:.84rem;color:#8ea2af}@media(max-width:900px){.nav-links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;padding:20px;background:white;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-button{display:block}.hero-grid,.editorial{grid-template-columns:1fr}.category-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.article-index{columns:2}.product-top{grid-template-columns:200px 1fr}}@media(max-width:620px){.hero{padding:58px 0}.hero-actions,.index-head{align-items:flex-start;flex-direction:column}.category-grid,.article-grid,.guide-grid,.pros-cons,.foot-grid,.article-grid.related{grid-template-columns:1fr}.article-index{columns:1}.product{padding:20px}.product-top{grid-template-columns:1fr}.product-top img{max-width:280px;margin:auto}h1{font-size:2.65rem}.section{padding:54px 0}}