:root{--paper:#F6F2E9;--paper-2:#FBF8F1;--surface:#FFFFFF;--ink:#1A1612;--ink-2:#544E45;--muted:#8C8475;--border:#E7E0D1;--line:#DED5C2;--accent:#1E4A3F;--accent-700:#163A31;--gold:#B08D57;--gold-soft:#C9AE84;--pos:#1E7A52;--neg:#B4503E;--star:#B08D57;--radius:12px;--maxw:1120px;--readw:980px;--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--body:"Inter",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.72;font-size:17px;-webkit-font-smoothing:antialiased}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}main.container{max-width:var(--readw);padding-top:3rem;padding-bottom:5rem}main h1,main h2,main p,main .lead,main ul.pros,main ul.cons{max-width:74ch}.site-header{position:sticky;top:0;z-index:50;background:#f6f2e9e6;backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:1.2rem;height:74px}.logo{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-weight:700;font-size:1.4rem;letter-spacing:-.01em;color:var(--ink);text-decoration:none;flex:none}.logomark{flex:none}.search{position:relative;flex:1;max-width:420px}.search input{width:100%;font:inherit;font-size:.95rem;padding:.6rem .9rem;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink)}.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1e4a3f1f}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px #1a161224;overflow:hidden;z-index:60}.search-results a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}.search-results a:last-child{border-bottom:none}.search-results a:hover{background:var(--paper-2)}.search-results em{font-style:normal;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.sfb-no{padding:.8rem .9rem;color:var(--muted);font-size:.9rem}nav{display:flex;gap:1.4rem;align-items:center;flex:none}nav>a{color:var(--ink-2);text-decoration:none;font-size:.92rem;font-weight:500}nav>a:hover{color:var(--accent)}.dropdown{position:relative}.drop-btn{font:inherit;font-size:.92rem;font-weight:500;color:var(--ink-2);background:none;border:none;cursor:pointer;padding:0}.drop-btn:after{content:" ▾";color:var(--gold)}.drop-btn:hover{color:var(--accent)}.drop-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:210px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px #1a161224;padding:.4rem;display:none}.drop-menu.open{display:block}.drop-menu a{display:block;padding:.55rem .7rem;border-radius:8px;text-decoration:none;color:var(--ink);font-size:.92rem}.drop-menu a:hover{background:var(--paper-2);color:var(--accent)}h1{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,5.2vw,4rem);line-height:1.07;letter-spacing:-.02em;margin:.8rem 0 1.2rem}h1 em{font-style:normal;color:var(--accent);background:linear-gradient(transparent 74%,#b08d5766 0)}h2{font-family:var(--display);font-weight:600;font-size:2rem;letter-spacing:-.01em;margin:.6rem 0 1.2rem}h3{font-family:var(--display);font-weight:600;font-size:1.3rem;margin:.2rem 0;letter-spacing:-.005em;color:var(--ink)}p{margin:.7rem 0}a{color:var(--accent)}.lead{font-size:1.22rem;line-height:1.6;color:var(--ink-2)}.muted{color:var(--muted)}.kicker,.eyebrow{font-family:var(--body);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);display:inline-block;margin-top:1.6rem}.rule{height:1px;background:var(--line);border:0;margin:2.4rem 0}.byline{display:flex;align-items:center;gap:.7rem;margin:1.5rem 0 .2rem;font-size:.95rem;color:var(--ink-2)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--paper);font-family:var(--display);font-weight:600;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;flex:none}.badge{font-family:var(--body);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);background:transparent;border:1px solid var(--line);padding:.3rem .7rem;border-radius:999px;display:inline-flex}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.9rem;margin:1.2rem 0;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease}a.card{text-decoration:none;color:inherit}a.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #1a16121a;border-color:var(--gold-soft)}.card-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.1rem;font-weight:600;font-size:.92rem;color:var(--accent)}.card-link .ar{transition:transform .2s ease}a.card:hover .card-link .ar{transform:translate(5px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1.2rem;margin:1.2rem 0}.btn,.cta{font-family:var(--body);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:var(--accent);color:#fff;padding:.85rem 1.6rem;border:none;border-radius:8px;text-decoration:none;cursor:pointer;letter-spacing:.01em;transition:background .2s ease,transform .2s ease}.btn:hover,.cta:hover{background:var(--accent-700);transform:translateY(-1px)}.btn .ar,.cta .ar{transition:transform .2s ease}.btn:hover .ar,.cta:hover .ar{transform:translate(4px)}.verdict{background:#1e4a3f0d;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;padding:1.3rem 1.5rem;margin:1.4rem 0}.verdict .kicker{margin-top:0}.trust{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin:1.8rem 0 .5rem;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.trust .sep{color:var(--gold)}.pros,.cons{list-style:none;padding:0;margin:.6rem 0}.pros li,.cons li{position:relative;padding-left:1.8rem;margin:.5rem 0}.pros li:before{content:"✓";position:absolute;left:0;color:var(--pos);font-weight:700}.cons li:before{content:"—";position:absolute;left:0;color:var(--muted);font-weight:700}table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0;font-size:.97rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:1rem 1.1rem;border-bottom:1px solid var(--border)}thead th{font-family:var(--body);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);background:var(--paper-2)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fcfaf4}tfoot th{background:var(--paper-2)}input[type=number]{font:inherit;padding:.6rem .8rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);width:175px}label{font-weight:500}.rating{color:var(--star);font-weight:600}.site-footer{background:var(--accent);color:#cfe0d8;padding:3.5rem 0 2.5rem;margin-top:4rem;font-size:.92rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.foot-col h4{font-family:var(--display);font-weight:600;color:#fff;font-size:1rem;margin:0 0 .8rem}.foot-col a{display:block;color:#cfe0d8;text-decoration:none;font-size:.9rem;margin:.4rem 0}.foot-col a:hover{color:#fff}.foot-brand{font-family:var(--display);font-weight:600;color:#fff;font-size:1.45rem;margin:0 0 .4rem}.foot-tag{color:#e6efe9;margin:.2rem 0 1rem;max-width:36ch}.disclosure{font-size:.82rem;max-width:760px;color:#a9c2b7;border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem}.hero{padding:2rem 0 1rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero,main .card,main h2{animation:fadeUp .6s ease both}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:820px){.header-inner{flex-wrap:wrap;height:auto;padding-top:.8rem;padding-bottom:.8rem;gap:.8rem}.search{order:3;flex-basis:100%;max-width:none}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){body{font-size:16px}.footer-grid{grid-template-columns:1fr}}
