:root{--bg:#fff;--surface:#fff;--text:#0a1638;--muted:#5b6784;--line:#d9e2ec;--accent:#51c7c0;--accent-dark:#2aa8a2;--shadow:0 16px 40px rgba(10,22,56,.08);--radius:22px;--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--text);line-height:1.6}a{color:var(--text);text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 32px),var(--container));margin:0 auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:100}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{font-size:1.28rem;font-weight:800;letter-spacing:-.02em}.main-nav ul{display:flex;list-style:none;gap:18px;padding:0;margin:0;flex-wrap:wrap;justify-content:flex-end}.main-nav a{font-weight:600;color:var(--muted)}.main-nav a:hover{color:var(--text)}
.hero{padding:50px 0 34px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:34px;align-items:start}.hero-copy{max-width:760px}.hero-copy h1{margin:0 0 16px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.03em}.hero-copy p{font-size:1.08rem;color:#24304f;margin:0 0 14px}.hero-copy .revision-note{font-weight:700;color:var(--text);margin-top:18px}.hero-card{background:linear-gradient(135deg,rgba(81,199,192,.10),rgba(255,255,255,.95));border:1px solid rgba(81,199,192,.28);border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(10,22,56,.06)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-box{background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:16px}.stat-box strong{display:block;font-size:1.75rem;line-height:1;margin-bottom:8px}.stat-box span{color:#24304f}
.section-shell{padding:0}.top-table-section{margin:0;padding:28px 0 38px;background:transparent}.top-table-head{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.top-table-section h2{margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1}.top-table-sub{color:var(--muted);max-width:68ch}.updated-inline{color:var(--muted);font-size:.95rem;font-weight:600}.table-list{display:grid;gap:14px}.table-card{position:relative;display:grid;grid-template-columns:62px 92px minmax(0,1fr) minmax(260px,1.3fr) 200px;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.table-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(10,22,56,.1)}.table-card.is-top{border-color:#6f8dff;box-shadow:0 18px 44px rgba(50,77,180,.16)}.top-badge{position:absolute;top:-12px;left:18px;background:#2142a0;color:#fff;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.rank-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#2142a0;font-weight:800;border:1px solid #cbd9ff}.logo-tile{width:80px;height:80px;border-radius:20px;display:grid;place-items:center;border:1px solid rgba(10,22,56,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.logo-tile img{width:80%;height:80%;object-fit:contain}.brand-name{font-size:1.15rem;font-weight:800;margin:0 0 8px}.rating-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stars{position:relative;font-size:1rem;letter-spacing:.1em;display:inline-block}.stars:before{content:"★★★★★";color:#d0d7e5}.stars:after{content:"★★★★★";color:#f5b700;position:absolute;inset:0 auto 0 0;overflow:hidden;width:var(--fill,0%)}.score{color:var(--muted);font-weight:700}.bonus-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700;margin-bottom:6px}.bonus-text{font-size:1.05rem;font-weight:800;line-height:1.35}.cta-button{display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:54px;padding:12px 20px;border-radius:14px;background:#12b76a;color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(18,183,106,.22)}.cta-button:hover{background:#0fa760}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:translateX(-100%);animation:shimmer 1.3s infinite}.skeleton-block{background:#e6ebf2;border-radius:12px}@keyframes shimmer{to{transform:translateX(100%)}}.error-box{padding:18px;border-radius:16px;background:#fff3f2;color:#8d2520;border:1px solid #f4c7c4;font-weight:600}
.main-grid{display:block;padding-bottom:36px}.main-grid>.container{display:block}.content-section{margin:0;padding:26px 0;background:transparent;border:0;border-radius:0;box-shadow:none}.section-heading{margin-bottom:14px}.section-heading h2{margin:0;font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1.12}.content-section h3{margin:26px 0 10px;font-size:1.35rem;line-height:1.25}.content-section p{margin:0 0 16px;color:#24304f}.content-section ul,.content-section ol{margin:0 0 16px 1.3rem;padding:0;color:#24304f}.content-section li{margin-bottom:8px}.content-section table{width:100%;border-collapse:collapse;margin:18px 0 24px}.content-section th,.content-section td{padding:14px 16px;text-align:left;border:1px solid var(--line);vertical-align:top}.content-section thead th{background:#eaf7f5;font-weight:800}.content-section blockquote{margin:24px 0;padding:18px 22px;background:#f1fbfb;border-left:4px solid var(--accent-dark);border-radius:14px;font-weight:600}
.infographic{width:100%;margin:18px 0 24px;padding:0}.infographic-media{position:relative;width:100%;aspect-ratio:1376/768;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#f8fafc;box-shadow:0 10px 26px rgba(10,22,56,.05)}.infographic-media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;border:0;box-shadow:none}
.faq-item{border:1px solid var(--line);border-radius:16px;background:#fbfdff;margin-bottom:12px;overflow:hidden}.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:800}.faq-answer{padding:0 22px 18px;color:#24304f}
.footer-wrap{border-top:1px solid var(--line);padding:34px 0 44px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer-brand-text{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.footer-brand p,.footer-links a,.footer-contact li{color:var(--muted)}.footer-links ul,.footer-contact ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.utility-page{background:#fff}.utility-page main{padding:38px 0 50px}.page-card{padding:0}.utility-page h1{margin-top:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.breadcrumbs{color:var(--muted);font-size:.95rem;margin-bottom:18px}.breadcrumbs a{color:var(--muted)}.page-content p,.page-content ul{color:#24304f}
@media(max-width:1100px){.footer-grid{grid-template-columns:1fr}.table-card{grid-template-columns:52px 80px minmax(0,1fr) minmax(0,1fr) 180px}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:none}.hero-card{max-width:720px}}
@media(max-width:860px){.header-inner{align-items:flex-start;padding:14px 0}.main-nav ul{gap:10px 14px}.table-card{grid-template-columns:46px 72px 1fr}.table-card .bonus-col,.table-card .cta-col{grid-column:1/-1}}
@media(max-width:720px){.brand{font-size:1.12rem}.hero{padding-top:30px}.stat-grid{grid-template-columns:1fr 1fr}.content-section,.top-table-section{padding-left:0;padding-right:0}.table-card{padding-top:26px;grid-template-columns:1fr;text-align:left;gap:14px}.table-card .rank-col{position:absolute;top:12px;right:12px}.bonus-col{background:#f7fafc;border:1px solid var(--line);border-radius:16px;padding:14px}.content-section table{display:block;overflow-x:auto;white-space:nowrap}.footer-bottom{flex-direction:column}}
@media(max-width:480px){.stat-grid{grid-template-columns:1fr}}