:root{--color-ink: #0b1220;--color-ink-muted: #3d4a5c;--color-paper: #eef2f6;--color-paper-elevated: #f7f9fb;--color-line: #c8d0db;--color-accent: #0f6e5c;--color-accent-hover: #0a5547;--color-accent-soft: #d8efe9;--color-warning: #8a4b12;--color-danger: #8b1e1e;--color-focus: #1d4ed8;--font-display: "Fraunces", "Source Serif 4", Georgia, serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-soft: 0 1px 0 rgba(11, 18, 32, .06);--max-width: 72rem;--header-h: 4rem;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;color:var(--color-ink);background:radial-gradient(1200px 600px at 10% -10%,#d9ebe6 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#dce4f0 0%,transparent 50%),linear-gradient(180deg,#e8eef4 0%,var(--color-paper) 40%,#e9eef3 100%);background-attachment:fixed}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-underline-offset:.18em}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:1000;background:var(--color-ink);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-4)}.container{width:min(100% - 2rem,var(--max-width));margin-inline:auto}.prose{max-width:42rem}.prose h2,.prose h3{font-family:var(--font-display);line-height:1.2;margin-top:var(--space-7);margin-bottom:var(--space-3);scroll-margin-top:calc(var(--header-h) + 1rem)}.prose p,.prose ul,.prose ol{margin:0 0 var(--space-4)}.prose ul,.prose ol{padding-left:1.25rem}.prose li+li{margin-top:.35rem}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);backdrop-filter:blur(10px);background:#f7f9fbdb;border-bottom:1px solid var(--color-line)}.site-header__inner{height:100%;display:flex;align-items:center;gap:var(--space-4)}.brand{font-family:var(--font-display);font-weight:650;font-size:1.35rem;letter-spacing:-.02em;color:var(--color-ink);text-decoration:none;flex-shrink:0}.brand span{color:var(--color-accent)}.nav{display:none;gap:var(--space-4);margin-left:auto}.nav a{color:var(--color-ink-muted);text-decoration:none;font-weight:600;font-size:.95rem}.nav a:hover{color:var(--color-ink)}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}@media(min-width:900px){.nav{display:flex}.header-actions{margin-left:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radius-md);padding:.65rem 1.1rem;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff}.btn--ghost{background:transparent;border-color:var(--color-line);color:var(--color-ink)}.btn--ghost:hover{border-color:var(--color-ink-muted)}.hero{padding:var(--space-8) 0 var(--space-7);animation:rise .7s var(--ease) both}.hero__brand{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,4.6rem);line-height:.95;letter-spacing:-.03em;margin:0 0 var(--space-4)}.hero__brand span{color:var(--color-accent)}.hero__title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.85rem);font-weight:550;margin:0 0 var(--space-3);max-width:28ch}.hero__sub{margin:0 0 var(--space-5);color:var(--color-ink-muted);max-width:46ch;font-size:1.125rem}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.trust-row{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);color:var(--color-ink-muted);font-size:.92rem;font-weight:600}.trust-row span{display:inline-flex;align-items:center;gap:.4rem}.trust-row span:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--color-accent)}.section{padding:var(--space-7) 0}.section__head{margin-bottom:var(--space-5)}.section__head h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 var(--space-2);letter-spacing:-.02em}.section__head p{margin:0;color:var(--color-ink-muted);max-width:50ch}.grid-cats{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.grid-cats{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.grid-cats{grid-template-columns:repeat(3,1fr)}}.cat-tile{display:block;padding:var(--space-5);background:var(--color-paper-elevated);border:1px solid var(--color-line);border-radius:var(--radius-lg);text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:border-color .18s var(--ease),transform .18s var(--ease);animation:rise .6s var(--ease) both}.cat-tile:hover{border-color:var(--color-accent);transform:translateY(-2px)}.cat-tile__icon{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-weight:700;margin-bottom:var(--space-2)}.cat-tile h3{font-family:var(--font-display);margin:0 0 var(--space-2);font-size:1.25rem}.cat-tile p{margin:0;color:var(--color-ink-muted);font-size:.95rem}.guide-list{display:grid;gap:var(--space-3)}.guide-row{display:grid;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--color-line);text-decoration:none;color:inherit}.guide-row:hover h3{color:var(--color-accent)}.guide-row h3{font-family:var(--font-display);margin:0;font-size:1.2rem;transition:color .16s var(--ease)}.guide-row p{margin:0;color:var(--color-ink-muted)}.meta{font-size:.85rem;color:var(--color-ink-muted)}.disclosure{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:650;color:var(--color-warning);background:#f4e6d4;border-radius:var(--radius-sm);padding:.25rem .55rem}.compare-wrap{overflow:auto;max-height:min(70vh,36rem);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper-elevated);margin:var(--space-5) 0;-webkit-overflow-scrolling:touch}.compare-table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:.95rem}.compare-table th,.compare-table td{padding:.85rem 1rem;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}.compare-table thead th{font-family:var(--font-display);background:#e7eef5;position:sticky;top:0;z-index:3;box-shadow:0 1px 0 var(--color-line)}.compare-table tbody th{position:sticky;left:0;z-index:2;background:var(--color-paper-elevated);box-shadow:1px 0 0 var(--color-line)}.compare-table thead th:first-child{left:0;z-index:4}.compare-table .score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-accent)}.sticky-cta{position:sticky;bottom:0;z-index:40;padding:var(--space-3) 0;background:#f7f9fbf0;border-top:1px solid var(--color-line);backdrop-filter:blur(8px);transform:translateY(110%);transition:transform .28s var(--ease)}.sticky-cta.is-visible{transform:translateY(0)}.sticky-cta__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.site-footer{margin-top:var(--space-8);padding:var(--space-7) 0 var(--space-6);border-top:1px solid var(--color-line);background:#ffffff73}.footer-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media(min-width:720px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.site-footer h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);margin:0 0 var(--space-3)}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li+li{margin-top:.4rem}.site-footer a{color:var(--color-ink);text-decoration:none;font-weight:600}.site-footer a:hover{color:var(--color-accent)}.footer-brand{font-family:var(--font-display);font-size:1.4rem;margin:0 0 var(--space-2)}.footer-note{color:var(--color-ink-muted);font-size:.92rem;max-width:36ch}.lang-switch{display:inline-flex;border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.lang-switch a{padding:.35rem .6rem;text-decoration:none;color:var(--color-ink-muted);font-size:.85rem;font-weight:700}.lang-switch a[aria-current=true]{background:var(--color-ink);color:#fff}.search-panel{position:relative}.search-input{width:min(16rem,42vw);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:.5rem .75rem;font:inherit;background:#fff}.search-results{position:absolute;right:0;top:calc(100% + .4rem);width:min(22rem,90vw);background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0b12201f;max-height:20rem;overflow:auto;display:none}.search-results.is-open{display:block}.search-results a{display:block;padding:.75rem 1rem;text-decoration:none;color:var(--color-ink);border-bottom:1px solid var(--color-line)}.search-results a:hover{background:var(--color-accent-soft)}.search-results .type{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);font-weight:700}.cookie-banner{position:fixed;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);z-index:60;max-width:28rem;margin-inline:auto;background:var(--color-ink);color:#eef2f6;padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:0 16px 40px #0000004d;animation:rise .5s var(--ease) both}.cookie-banner p{margin:0 0 var(--space-3);font-size:.92rem;line-height:1.45}.cookie-banner__actions{display:flex;gap:var(--space-2)}.cookie-banner .btn--primary{background:var(--color-accent)}.cookie-banner .btn--ghost{border-color:#5a677a;color:#eef2f6}.page-hero{padding:var(--space-7) 0 var(--space-5)}.page-hero h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;margin:var(--space-3) 0;max-width:22ch;line-height:1.1}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.88rem;color:var(--color-ink-muted)}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:var(--color-accent)}.pill-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:var(--space-4) 0 0}.pill-list li{background:var(--color-accent-soft);color:var(--color-accent-hover);padding:.3rem .65rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:650}.error-page{min-height:60vh;display:grid;place-content:center;text-align:center;padding:var(--space-7) var(--space-4)}.error-page h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);margin:0 0 var(--space-3)}.product-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{display:flex;flex-direction:column;background:var(--color-paper-elevated);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);animation:rise .6s var(--ease) both}.product-card__media{display:block;aspect-ratio:16 / 10;background:#dce6ef;overflow:hidden}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .32s var(--ease)}.product-card:hover .product-card__media img{transform:scale(1.03)}.product-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex:1}.product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.product-card__score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-accent);font-size:1.05rem}.product-card__guide{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);text-decoration:none;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__guide:hover{color:var(--color-accent)}.product-card__title{font-family:var(--font-display);font-size:1.15rem;margin:0;line-height:1.25}.product-card__title a{color:inherit;text-decoration:none}.product-card__title a:hover{color:var(--color-accent)}.product-card__summary{margin:0;color:var(--color-ink-muted);font-size:.95rem;flex:1}.product-card__best{margin:0;font-size:.88rem;color:var(--color-ink-muted)}.product-card__best span{font-weight:700;color:var(--color-ink)}.product-card__cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2)}.guide-card-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:720px){.guide-card-grid{grid-template-columns:repeat(2,1fr)}}.guide-card{display:grid;gap:var(--space-3);padding:var(--space-5);background:var(--color-paper-elevated);border:1px solid var(--color-line);border-radius:var(--radius-lg);text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:border-color .18s var(--ease),transform .18s var(--ease)}.guide-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.guide-card h3{font-family:var(--font-display);margin:0;font-size:1.2rem}.guide-card p{margin:0;color:var(--color-ink-muted)}.cat-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.cat-filter a{text-decoration:none;color:var(--color-ink-muted);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.88rem;font-weight:650;background:var(--color-paper-elevated)}.cat-filter a[aria-current=true],.cat-filter a:hover{color:var(--color-accent-hover);border-color:var(--color-accent);background:var(--color-accent-soft)}.empty-state{padding:var(--space-6);border:1px dashed var(--color-line);border-radius:var(--radius-lg);text-align:center;color:var(--color-ink-muted);background:#ffffff59}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}