:root{--navy:#132344;--ink:#25324a;--muted:#637080;--line:#dce4ec;--bg:#f4f7fa;--white:#fff;--accent:#1c857d;--green:#199e58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:#146a71}a:hover{color:#084c54}.container{max-width:1160px;margin:auto;padding:0 22px}header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{display:flex;gap:28px;align-items:center;justify-content:space-between;min-height:77px}.brand{text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.7px;color:var(--navy);white-space:nowrap}.mainnav{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.mainnav a{text-decoration:none;font-size:14px;font-weight:700;color:var(--navy)}.mainnav a:hover{color:var(--accent)}.hero{padding:54px 0 28px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:40px}.eyebrow{color:var(--accent);font-size:13px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.hero h1{font-size:clamp(34px,4vw,57px);line-height:1.13;color:var(--navy);letter-spacing:-.035em;margin:15px 0 20px}.hero p{color:#4d5a6c;font-size:17px}.hero img{width:100%;height:auto;border-radius:20px;box-shadow:0 22px 50px #152e3b19}.hero-note{border-left:4px solid var(--accent);padding:11px 18px;background:#e6f4f1;border-radius:0 10px 10px 0;font-size:14px;margin-top:22px}.top-section{margin:30px auto 55px;background:#edf3f7;border:1px solid var(--line);border-radius:22px;padding:25px}.top-section h2{color:var(--navy);font-size:clamp(24px,3vw,32px);margin:0 0 8px}.top-section .intro{margin:0 0 23px;color:var(--muted)}.top-cards{display:grid;gap:13px}.top-card{display:grid;grid-template-columns:38px 80px minmax(170px,1fr) minmax(180px,1.3fr) 190px;gap:15px;align-items:center;background:white;border:1px solid #d9e3e9;border-radius:15px;padding:16px;box-shadow:0 3px 12px #12263b0c}.top-card:first-child{border:2px solid #188f83}.top-card .rank{width:32px;height:32px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-weight:800}.logo-tile{width:76px;height:76px;border-radius:13px;display:grid;place-items:center;overflow:hidden;border:1px solid #e3e7ed}.logo-tile img{max-width:83%;max-height:83%;object-fit:contain}.brandname{font-weight:800;color:var(--navy);font-size:17px}.rating{font-size:12px;color:#5e6979}.stars{color:#e0a23a;letter-spacing:1px}.bonus-label{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.06em}.bonus-value{font-size:15px;font-weight:700}.top-card .cta{background:var(--green);color:white;text-decoration:none;border-radius:10px;text-align:center;font-weight:800;padding:15px 10px;display:block}.top-card .cta:hover{background:#08773c}.loading-card{height:104px;border-radius:14px;background:linear-gradient(100deg,#edf1f4 20%,#fff 50%,#edf1f4 80%);background-size:200% 100%;animation:shine 1.4s infinite}@keyframes shine{to{background-position-x:-200%}}.compare-error{padding:18px;border-radius:12px;background:#fff2ef;color:#7d3028}.content-card{background:white;border:1px solid var(--line);border-radius:20px;padding:clamp(20px,4.5vw,56px);margin-bottom:52px}.content-card h2{margin:46px 0 18px;font-size:clamp(26px,3vw,36px);line-height:1.25;color:var(--navy);letter-spacing:-.025em;scroll-margin-top:35px}.content-card h2:first-child{margin-top:0}.content-card h3{color:#163c4b;font-size:23px;line-height:1.35;margin-top:30px}.content-card p{margin:14px 0}.content-card li{margin:8px 0}.content-card blockquote{margin:24px 0;padding:13px 22px;background:#eaf5f3;border-left:4px solid var(--accent);border-radius:0 9px 9px 0}.editorial-figure{margin:20px 0 26px}.editorial-figure img{display:block;width:100%;height:auto;border-radius:15px}.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0 28px;border:1px solid var(--line);border-radius:12px}.table-scroll table{border-collapse:collapse;min-width:640px;width:100%;color:var(--ink)}.table-scroll th,.table-scroll td{padding:12px 15px;border:1px solid #dce4ec;text-align:left;vertical-align:top}.table-scroll th{background:#e2efec;color:#142e36}.table-scroll tr:nth-child(even) td{background:#f8fafb}footer{background:#102238;color:#d4e1e7;padding:30px 0}footer .foot{display:flex;gap:17px 32px;justify-content:space-between;flex-wrap:wrap}footer a{color:#ecf7f7;text-decoration:none;font-size:14px}footer .footer-links{display:flex;gap:11px 21px;flex-wrap:wrap}.service{min-height:65vh;padding:48px 0}.service .content-card{max-width:900px;margin:0 auto 50px}.service h1{font-size:clamp(28px,4vw,43px);color:var(--navy);line-height:1.2}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:9px;padding:9px 13px;color:var(--navy);font-weight:700} @media(max-width:1000px){.top-card{grid-template-columns:32px 70px minmax(135px,1fr) minmax(160px,1.1fr) 150px;gap:10px;padding:12px}.logo-tile{width:68px;height:68px}.header-inner{gap:14px}.mainnav{gap:12px}.mainnav a{font-size:13px}} @media(max-width:760px){.container{padding:0 17px}.header-inner{min-height:67px;flex-wrap:wrap}.brand{font-size:clamp(14px,4vw,19px);overflow-wrap:anywhere;white-space:normal}.menu-toggle{display:block;margin-left:auto}.mainnav{width:100%;display:none;padding-bottom:16px;flex-direction:column;align-items:stretch}.mainnav.open{display:flex}.mainnav a{padding:8px 0}.hero{padding:29px 0 12px}.hero-layout{grid-template-columns:minmax(0,1fr);gap:22px}.hero h1{font-size:clamp(29px,8vw,42px)}.hero p{font-size:15px}.top-section{padding:15px;margin:22px auto 35px}.top-card{grid-template-columns:31px 64px minmax(0,1fr);gap:9px;padding:12px}.logo-tile{width:62px;height:62px}.top-card .bonus{grid-column:1/-1;background:#f4f8f8;border-radius:9px;padding:11px;text-align:center}.top-card .cta{grid-column:1/-1;width:100%;padding:13px}.content-card{padding:20px;border-radius:14px}.content-card h2{margin-top:34px}.content-card h3{font-size:21px}.table-scroll{margin-inline:-5px}}