*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:var(--link)}a:hover{text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:99}
h1,h2,h3{font-family:var(--head);line-height:1.2;color:var(--hd)}
h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:.8em 0 .3em}h2{font-size:clamp(1.3rem,2.4vw,1.75rem);margin:1.8em 0 .5em}h3{font-size:1.15rem;margin:.2em 0}
.lead{font-size:1.1rem;max-width:70ch;color:var(--muted)}
.main{padding-bottom:48px}
.crumb{font-size:.9rem;color:var(--muted);margin:18px 0 0}
.btn{display:inline-block;background:var(--cta);color:var(--cta-fg);font-weight:700;text-decoration:none;padding:12px 22px;border-radius:var(--r);border:0;cursor:pointer;text-align:center;box-shadow:0 2px 0 var(--cta-sh);transition:transform .12s}
.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.chip:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.btn-sm{padding:7px 14px;font-size:.9rem;white-space:nowrap}
.logo{display:block;max-width:100%;object-fit:contain}.logo-fallback{display:grid;place-items:center;flex:none;width:56px!important;height:56px!important;border-radius:12px;background:var(--hd);color:var(--bg);font:700 1.5rem var(--head)}
/* top3 */
.top3-list{list-style:none;margin:22px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.t3{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 18px 18px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.t3-1{border:2px solid var(--cta)}
.t3-rank{position:absolute;top:-12px;left:14px;background:var(--cta);color:var(--cta-fg);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.t3-logo{height:64px;display:grid;place-items:center}.t3-logo .logo{max-height:64px;width:auto;max-width:180px}
.t3-name{margin:0}.t3-bonus{margin:0;font-weight:700;color:var(--accent)}
.t3-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:0}.t3-facts div{background:var(--bg2);border-radius:8px;padding:6px 4px}
.t3-facts dt{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.t3-facts dd{margin:0;font-weight:700;font-size:.92rem}
.t3 .btn{width:100%}.t3-rev{font-size:.9rem}
/* filters & calc */
.filters h2,.calc h2{margin-top:.6em}
.filters,.calc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:6px 18px 16px;margin:20px 0}
.frow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.frow>span{min-width:130px;font-weight:600}
.chip{background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font:inherit;color:var(--fg);cursor:pointer}.chip.is-on{background:var(--hd);color:var(--bg);border-color:var(--hd)}
.crow{display:flex;flex-wrap:wrap;gap:14px}.crow label{display:flex;flex-direction:column;gap:4px;font-weight:600;min-width:200px}
select,input{font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}
.cres{margin:12px 0 0;font-weight:600;color:var(--accent)}
/* table */
.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
table.cmp{border-collapse:collapse;width:100%;min-width:1100px;font-size:.92rem}
.cmp-s{min-width:0}
.cmp th,.cmp td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp thead th{background:var(--hd);color:var(--bg);position:sticky;top:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.cmp tbody tr:nth-child(even){background:var(--bg2)}.cmp td.num{white-space:nowrap;font-weight:700}
.cmp .c-name{position:sticky;left:0;background:inherit;min-width:150px}.cmp .c-name a{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--hd);font-weight:700}
.cmp tbody .c-name{background:var(--card)}.cmp tbody tr:nth-child(even) .c-name{background:var(--bg2)}
.cmp .logo{width:auto;max-height:34px;max-width:70px}.cmp .logo-fallback{width:34px!important;height:34px!important;font-size:1rem;border-radius:8px}
.cmp .verdict{min-width:220px}
tr[hidden]{display:none}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.card-h{display:flex;gap:12px;align-items:center}.card-h .logo{width:auto;max-height:44px;max-width:90px}.card-b{margin:0;color:var(--accent);font-weight:700}
.card p{margin:.6em 0}.card-f{font-size:.88rem;color:var(--muted)}.card-pc{font-size:.9rem}.card-a{display:flex;gap:14px;align-items:center;justify-content:space-between}
.exp{border-left:4px solid var(--cta);padding-left:16px;margin:18px 0}
.txt p{max-width:75ch}.plain{padding-left:1.2em}.plain .con{color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lobby{margin:20px 0}.lobby img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.lobby figcaption{font-size:.86rem;color:var(--muted);margin-top:8px;max-width:80ch}.revhead+.btn+.lobby{max-width:960px}.case p{max-width:85ch}.case{border:0;border-top:2px solid var(--line);border-radius:0;padding:24px 0;margin:24px 0}@media(max-width:700px){.gallery-grid{grid-template-columns:1fr}}
/* faq/cases */
details{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin:8px 0}summary{cursor:pointer;font-weight:700}
.case-meta{font-size:.9rem;color:var(--muted)}.cases .note{color:var(--muted);font-size:.92rem}.case{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin:10px 0}
.case dl{display:grid;grid-template-columns:150px 1fr;gap:4px 14px;margin:0}.case dt{font-weight:700}.case dd{margin:0}
.more ul,.src ul{columns:2;padding-left:1.1em}
.revhead{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:14px 0}.revhead .logo{width:auto;max-height:70px;max-width:160px}
.rev-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;flex:1;min-width:260px;margin:0}
.rev-facts div{background:var(--bg2);border-radius:8px;padding:8px 10px}.rev-facts dd{margin:0;font-weight:700}.rev-facts dt{font-size:.72rem;color:var(--muted);text-transform:uppercase}
.totop{position:fixed;right:16px;bottom:16px;width:46px;height:46px;border-radius:50%;border:0;background:var(--cta);color:var(--cta-fg);font-size:1.3rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3);z-index:20}.totop[hidden]{display:none}
@media(max-width:860px){.top3-list{grid-template-columns:1fr}.more ul,.src ul{columns:1}.case dl{grid-template-columns:1fr}.frow>span{min-width:100%}}
.byline{display:flex;gap:10px;align-items:center;font-size:.9rem;color:var(--muted);margin:.2em 0 .8em}.byline img{border-radius:50%;width:40px;height:40px;object-fit:cover}
.authorbox{display:flex;gap:18px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:30px 0}.authorbox img{border-radius:50%;flex:none;width:96px;height:96px;object-fit:cover}.authorbox h2{margin:0 0 .3em;font-size:1.2rem}.authorbox p{margin:.4em 0;max-width:75ch}
.sortbar{border-top:1px solid var(--line);padding-top:8px}
.cmp td.score{font-size:1.05rem;color:var(--accent)}
.dims{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0}.dims div{background:var(--bg2);border-radius:8px;padding:6px 8px}.dims dt{font-size:.7rem;color:var(--muted);text-transform:uppercase}.dims dd{margin:0;font-weight:700;font-size:.92rem}.dims .bar{display:block;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--cta) var(--v),var(--line) var(--v));margin:3px 0}.dims-t{background:var(--hd)!important}.dims-t dt,.dims-t dd{color:var(--bg)!important}.dims-t small{font-weight:400;opacity:.7}
.cmp-m{min-width:900px}.calc .note{font-size:.88rem;color:var(--muted);max-width:80ch}.paytable .note{max-width:80ch;color:var(--muted)}
@media(max-width:700px){.dims{grid-template-columns:repeat(2,1fr)}.authorbox{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

:root{--bg:#f2f7f4;--bg2:#e6f0ea;--card:#fff;--fg:#14231c;--muted:#52665b;--hd:#0f3a2c;--link:#0b6b4a;--line:#cfe0d6;--cta:#d6336c;--cta-fg:#fff;--cta-sh:#9e1f4d;--accent:#b01f55;--ring:#0f3a2c;--r:10px;--head:"Trebuchet MS","Segoe UI",system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.lv-hd{background:#fff;border-bottom:4px solid var(--hd)}.lv-hd-in{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:14px;padding-bottom:10px}
.lv-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--hd);font:800 1.5rem var(--head)}.lv-brand small{display:block;font:400 .74rem var(--body);color:var(--muted)}
.lv-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--hd);color:#fff}
.lv-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.lv-nav a{text-decoration:none;color:var(--hd);background:var(--bg2);border-radius:999px;padding:6px 14px;font-size:.92rem;font-weight:600}.lv-nav a:hover,.lv-nav a[aria-current]{background:var(--hd);color:#fff}
.lv-burger{display:none;background:var(--hd);color:#fff;border:0;border-radius:8px;padding:8px 16px;font:inherit}
.lv-ft{background:var(--hd);color:#cfe3d9;padding:26px 0;margin-top:40px;font-size:.9rem;text-align:center}.lv-ft a{color:#fff}.lv-ft p{margin:.3em 0}
.t3{border-radius:var(--r)}.t3-1{box-shadow:0 0 0 3px rgba(214,51,108,.18)}
@media(max-width:860px){.lv-burger{display:block}.lv-nav{display:none;width:100%;flex-direction:column}.lv-nav.is-open{display:flex}}