@charset "UTF-8";:root{--navy: #071a45;--navy-2: #0c2766;--blue: #2563ff;--blue-d: #1740c9;--blue-l: #e8efff;--sky: #5cc8ff;--ice: #f4f7ff;--ink: #0b1633;--text: #2b3856;--muted: #5d6a88;--line: #dde5f5;--white: #fff;--good: #0f9f6e;--good-l: #e3f7ef;--mid: #c27803;--mid-l: #fff4dc;--bad: #d92d3a;--bad-l: #fde8ea;--r: 20px;--r-sm: 12px;--shadow: 0 1px 2px rgba(11, 22, 51, .06), 0 14px 34px -18px rgba(23, 64, 201, .35);--shadow-lg: 0 2px 4px rgba(11, 22, 51, .06), 0 30px 60px -28px rgba(23, 64, 201, .5);--f-d: 'Bricolage Grotesque', 'Instrument Sans', system-ui, sans-serif;--f-t: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;--f-m: 'IBM Plex Mono', ui-monospace, Consolas, monospace}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 90px}body{margin: 0;background: var(--white);color: var(--text);font: 400 17px/1.65 var(--f-t);overflow-x: hidden}img, svg{max-width: 100%}a{color: var(--blue);text-underline-offset: 3px;text-decoration-thickness: 1px}a:hover{color: var(--blue-d)}h1, h2, h3, h4{font-family: var(--f-d);color: var(--ink);line-height: 1.12;letter-spacing: -.025em;margin: 0 0 .5em}h1{font-size: clamp(2.2rem, 5vw, 3.7rem);font-weight: 800}h2{font-size: clamp(1.7rem, 3.2vw, 2.45rem);font-weight: 700}h3{font-size: 1.25rem;font-weight: 700;letter-spacing: -.015em}p{margin: 0 0 1em}[hidden]{display: none !important}:focus-visible{outline: 3px solid var(--sky);outline-offset: 2px;border-radius: 6px}.i{width: 1.15em;height: 1.15em;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;flex: none;vertical-align: -.2em}.wrap{width: 100%;max-width: 1180px;margin: 0 auto;padding: 0 24px}.skip{position: absolute;left: -999px;top: 8px;background: var(--ink);color: #fff;padding: 8px 14px;border-radius: 8px;z-index: 100}.skip:focus{left: 8px}.mono{font-family: var(--f-m)}.grad{background: linear-gradient(100deg, #7fd3ff, #8aa8ff 60%, #c3b5ff);-webkit-background-clip: text;background-clip: text;color: transparent}.grad-d{background: linear-gradient(100deg, var(--blue), #0aa5e8);-webkit-background-clip: text;background-clip: text;color: transparent} .btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 0 22px;border-radius: 999px;border: 1px solid transparent;font: 600 1rem/1 var(--f-t);text-decoration: none;cursor: pointer;transition: transform .15s, box-shadow .15s, background .15s;white-space: nowrap}.btn:hover{transform: translateY(-1px)}.btn-primary{background: linear-gradient(135deg, #3b7bff, var(--blue-d));color: #fff;box-shadow: 0 10px 24px -10px rgba(37, 99, 255, .8), inset 0 1px 0 rgba(255, 255, 255, .25)}.btn-primary:hover{color: #fff;box-shadow: 0 14px 28px -10px rgba(37, 99, 255, .9), inset 0 1px 0 rgba(255, 255, 255, .25)}.btn-ghost{background: rgba(255, 255, 255, .08);color: #fff;border-color: rgba(255, 255, 255, .28)}.btn-ghost:hover{background: rgba(255, 255, 255, .16);color: #fff}.btn-soft{background: var(--blue-l);color: var(--blue-d)}.btn-soft:hover{background: #dbe6ff;color: var(--blue-d)}.btn-line{background: #fff;color: var(--ink);border-color: var(--line)}.btn-line:hover{border-color: var(--blue);color: var(--blue-d)}.btn-sm{min-height: 40px;padding: 0 16px;font-size: .92rem}.btn-block{width: 100%}.chip{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;border-radius: 999px;background: var(--blue-l);color: var(--blue-d);font: 600 .78rem/1.2 var(--f-m);letter-spacing: .02em}.chip-good{background: var(--good-l);color: var(--good)}.chip-mid{background: var(--mid-l);color: var(--mid)}.chip-bad{background: var(--bad-l);color: var(--bad)}.eyebrow{display: inline-flex;align-items: center;gap: 8px;font: 600 .8rem/1 var(--f-m);letter-spacing: .12em;text-transform: uppercase;color: var(--blue);margin-bottom: 16px}.eyebrow::before{content: "";width: 22px;height: 2px;border-radius: 2px;background: currentColor} .topbar{background: var(--navy);color: #b9c7ea;font-size: .8rem}.topbar .wrap{display: flex;justify-content: space-between;gap: 16px;padding-top: 7px;padding-bottom: 7px}.topbar b{color: #fff;background: var(--bad);border-radius: 4px;padding: 1px 5px;margin-right: 4px;font-size: .74rem}.site-header{position: sticky;top: 0;z-index: 50;background: rgba(255, 255, 255, .86);-webkit-backdrop-filter: saturate(1.6) blur(14px);backdrop-filter: saturate(1.6) blur(14px);border-bottom: 1px solid rgba(221, 229, 245, .8)}.header-in{display: flex;align-items: center;gap: 24px;min-height: 72px}.logo{display: inline-flex;align-items: center;gap: 11px;text-decoration: none;color: var(--ink);font: 800 1.35rem/1 var(--f-d);letter-spacing: -.03em}.logo svg{width: 40px;height: 40px;flex: none}.logo small{display: block;font: 500 .7rem/1 var(--f-m);letter-spacing: .06em;text-transform: uppercase;color: var(--muted);margin-top: 5px}.logo:hover{color: var(--ink)}.logo-light, .logo-light:hover{color: #fff}.logo-light small{color: #8fa3d6}.main-nav{margin-left: auto}.main-nav ul{list-style: none;display: flex;gap: 4px;margin: 0;padding: 0}.main-nav a{display: block;padding: 9px 14px;border-radius: 999px;color: var(--text);text-decoration: none;font-weight: 500;font-size: .96rem}.main-nav a:hover{background: var(--ice);color: var(--blue-d)}.main-nav a[aria-current]{background: var(--blue-l);color: var(--blue-d);font-weight: 600}.header-cta{display: flex;align-items: center;gap: 8px}.burger{display: none;width: 44px;height: 44px;border-radius: 12px;border: 1px solid var(--line);background: #fff;color: var(--ink);cursor: pointer;align-items: center;justify-content: center}.burger .i{width: 22px;height: 22px} .hero{position: relative;overflow: hidden;background: radial-gradient(900px 480px at 85% 10%, rgba(56, 132, 255, .45), transparent 60%), radial-gradient(700px 420px at 0% 100%, rgba(92, 200, 255, .22), transparent 60%), linear-gradient(180deg, var(--navy), #0a2058);color: #c8d4f2;padding: 72px 0 88px}.hero::before{content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);background-size: 48px 48px;-webkit-mask-image: radial-gradient(ellipse at 70% 30%, #000, transparent 70%);mask-image: radial-gradient(ellipse at 70% 30%, #000, transparent 70%);pointer-events: none}.hero .wrap{position: relative}.hero-in{display: grid;grid-template-columns: 1.1fr .9fr;gap: 56px;align-items: center}.hero h1{color: #fff}.hero .eyebrow{color: var(--sky)}.hero .lead{font-size: 1.16rem;color: #c8d4f2;max-width: 600px}.hero-cta{display: flex;flex-wrap: wrap;gap: 12px;margin: 28px 0 26px}.hero-ticks{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 10px 22px;font-size: .94rem}.hero-ticks li{display: flex;align-items: center;gap: 8px}.hero-ticks .i{color: var(--sky)}.card-stage{position: relative;min-height: 380px;display: grid;place-items: center}.bonus-card{position: relative;width: min(100%, 400px);aspect-ratio: 1.586;border-radius: 26px;padding: 26px 28px;color: #fff;background: radial-gradient(120% 140% at 100% 0%, rgba(140, 200, 255, .55), transparent 55%), linear-gradient(140deg, #2f6dff 0%, #1638b8 55%, #0c2470 100%);box-shadow: 0 40px 80px -30px rgba(0, 10, 50, .9), inset 0 1px 0 rgba(255, 255, 255, .35);transform: rotate(-6deg);display: flex;flex-direction: column;overflow: hidden}.bonus-card::after{content: "";position: absolute;inset: 0;background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .18) 48%, transparent 60%)}.bc-top{display: flex;justify-content: space-between;align-items: center;font: 600 .78rem/1 var(--f-m);letter-spacing: .16em;text-transform: uppercase;opacity: .9}.bc-chip{width: 44px;height: 34px;border-radius: 8px;background: linear-gradient(135deg, #ffe9a8, #d6a93c);box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);margin-top: 22px}.bc-val{margin-top: auto;font: 800 2.6rem/1 var(--f-d);letter-spacing: -.03em}.bc-val small{display: block;font: 600 .8rem/1.4 var(--f-m);letter-spacing: .12em;text-transform: uppercase;opacity: .8;margin-top: 6px}.bc-row{display: flex;justify-content: space-between;margin-top: 16px;font: 500 .82rem/1 var(--f-m);opacity: .85}.float-pill{position: absolute;display: flex;align-items: center;gap: 10px;padding: 12px 16px;border-radius: 16px;background: rgba(255, 255, 255, .1);border: 1px solid rgba(255, 255, 255, .2);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);color: #fff;font-size: .9rem;box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .6)}.float-pill b{display: block;font: 700 1.1rem/1.1 var(--f-d)}.float-pill span{color: #b9c7ea;font-size: .78rem}.float-pill .dot{width: 34px;height: 34px;border-radius: 10px;display: grid;place-items: center;background: rgba(92, 200, 255, .2);color: var(--sky)}.fp-1{top: 18px;left: 0}.fp-2{bottom: 14px;right: 0} .page-hero{position: relative;overflow: hidden;background: radial-gradient(700px 360px at 90% 0%, rgba(56, 132, 255, .4), transparent 65%), linear-gradient(180deg, var(--navy), #0b2260);color: #c8d4f2;padding: 54px 0 60px}.page-hero::before{content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px);background-size: 22px 22px;-webkit-mask-image: linear-gradient(90deg, transparent 30%, #000);mask-image: linear-gradient(90deg, transparent 30%, #000);pointer-events: none}.page-hero .wrap{position: relative}.page-hero h1{color: #fff;font-size: clamp(2rem, 4.4vw, 3.1rem);max-width: 820px}.page-hero .lead{font-size: 1.12rem;max-width: 720px;margin: 0}.page-hero .eyebrow{color: var(--sky)}.crumbs{display: flex;flex-wrap: wrap;gap: 6px;list-style: none;padding: 0;margin: 0 0 22px;font-size: .86rem;color: #8fa3d6}.crumbs a{color: #c8d4f2;text-decoration: none}.crumbs a:hover{color: #fff}.crumbs li + li::before{content: "/";margin-right: 6px;opacity: .6}.meta-line{display: flex;flex-wrap: wrap;gap: 8px 18px;margin-top: 22px;font: 500 .82rem/1.3 var(--f-m);color: #8fa3d6} .sec{padding: 84px 0}.sec-alt{background: var(--ice)}.sec-tight{padding: 56px 0}.sec-head{max-width: 760px;margin-bottom: 40px}.sec-head.center{margin-left: auto;margin-right: auto;text-align: center}.sec-head.center .eyebrow{justify-content: center}.sec-head p{color: var(--muted);font-size: 1.08rem;margin: 0}.grid-2{display: grid;grid-template-columns: repeat(2, 1fr);gap: 22px}.grid-3{display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px}.grid-4{display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px}.card{background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 26px;box-shadow: var(--shadow)}.card h3{margin-bottom: .4em}.card p:last-child{margin-bottom: 0}.card .ic{width: 46px;height: 46px;border-radius: 14px;display: grid;place-items: center;background: var(--blue-l);color: var(--blue);margin-bottom: 16px}.card .ic .i{width: 22px;height: 22px}a.card{display: block;text-decoration: none;color: var(--text);transition: transform .15s, box-shadow .15s, border-color .15s}a.card:hover{transform: translateY(-3px);box-shadow: var(--shadow-lg);border-color: #bcd0ff;color: var(--text)}.card .more{display: inline-flex;align-items: center;gap: 6px;color: var(--blue);font-weight: 600;margin-top: 10px} .facts{margin-top: -44px;position: relative;z-index: 2}.facts-in{display: grid;grid-template-columns: repeat(4, 1fr);background: #fff;border: 1px solid var(--line);border-radius: 24px;box-shadow: var(--shadow-lg);overflow: hidden}.fact{padding: 24px 24px 22px;border-left: 1px solid var(--line)}.fact:first-child{border-left: 0}.fact b{display: block;font: 800 2rem/1 var(--f-d);letter-spacing: -.03em;color: var(--ink);margin-bottom: 8px}.fact b em{font-style: normal;color: var(--blue)}.fact span{font-size: .9rem;color: var(--muted);line-height: 1.45;display: block} .filters{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 24px}.filters button{border: 1px solid var(--line);background: #fff;color: var(--text);border-radius: 999px;padding: 9px 16px;font: 600 .92rem/1 var(--f-t);cursor: pointer;display: inline-flex;gap: 8px;align-items: center}.filters button span{font: 600 .74rem/1 var(--f-m);background: var(--ice);color: var(--muted);border-radius: 999px;padding: 3px 7px}.filters button:hover{border-color: var(--blue)}.filters button[aria-pressed="true"]{background: var(--ink);border-color: var(--ink);color: #fff}.filters button[aria-pressed="true"] span{background: rgba(255, 255, 255, .15);color: #fff}.offers{display: grid;gap: 16px}.offer{display: grid;grid-template-columns: 64px 1.3fr 1.2fr auto;gap: 22px;align-items: center;background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 20px 22px;box-shadow: var(--shadow);transition: border-color .15s, box-shadow .15s}.offer:hover{border-color: #bcd0ff;box-shadow: var(--shadow-lg)}.offer-logo{width: 64px;height: 64px;border-radius: 16px;display: grid;place-items: center;color: #fff;font: 800 1.15rem/1 var(--f-d);letter-spacing: -.02em;background: linear-gradient(140deg, var(--c1, #3b7bff), var(--c2, #1740c9))}.offer h3{margin: 0 0 4px;font-size: 1.18rem}.offer-head .rank{font: 600 .74rem/1 var(--f-m);color: var(--muted);letter-spacing: .08em}.offer-head p{margin: 6px 0 0;font-size: .93rem;color: var(--muted);line-height: 1.5}.offer-head .tags{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 8px}.offer-meta{display: grid;grid-template-columns: 1fr 1fr;gap: 10px 16px;margin: 0}.offer-meta div{min-width: 0}.offer-meta dt{font: 500 .72rem/1.2 var(--f-m);text-transform: uppercase;letter-spacing: .08em;color: var(--muted)}.offer-meta dd{margin: 3px 0 0;font-weight: 600;color: var(--ink);font-size: .95rem;line-height: 1.3}.offer-cta{display: grid;gap: 6px;justify-items: center;text-align: center}.offer-cta small{font-size: .74rem;color: var(--muted)}.offer-tc{grid-column: 1 / -1;margin: -4px 0 0;padding-top: 12px;border-top: 1px dashed var(--line);font-size: .78rem;color: var(--muted);line-height: 1.5}.offers-note{margin-top: 20px;font-size: .88rem;color: var(--muted)} .steps{counter-reset: s;display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;list-style: none;padding: 0;margin: 0}.steps li{counter-increment: s;position: relative;background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 58px 22px 22px;box-shadow: var(--shadow)}.steps li::before{content: counter(s, decimal-leading-zero);position: absolute;top: 20px;left: 22px;font: 600 .86rem/1 var(--f-m);color: var(--blue);background: var(--blue-l);padding: 6px 9px;border-radius: 8px}.steps h3{font-size: 1.08rem}.steps p{font-size: .94rem;margin: 0;color: var(--muted)} .tbl-wrap{overflow-x: auto;border: 1px solid var(--line);border-radius: var(--r);background: #fff;box-shadow: var(--shadow)}.tbl{width: 100%;border-collapse: collapse;min-width: 640px;font-size: .95rem}.tbl th, .tbl td{padding: 14px 18px;text-align: left;border-bottom: 1px solid var(--line);vertical-align: top}.tbl thead th{background: var(--ice);font: 600 .76rem/1.3 var(--f-m);text-transform: uppercase;letter-spacing: .08em;color: var(--muted)}.tbl tbody tr:last-child td, .tbl tbody tr:last-child th{border-bottom: 0}.tbl tbody th{color: var(--ink);font-weight: 600}.tbl .y{color: var(--good);font-weight: 600}.tbl .n{color: var(--bad);font-weight: 600} .layout-2{display: grid;grid-template-columns: minmax(0, 1fr) 300px;gap: 56px;align-items: start}.prose{max-width: 760px}.prose h2{margin-top: 1.8em;font-size: clamp(1.5rem, 2.6vw, 2rem)}.prose h2:first-child{margin-top: 0}.prose h3{margin-top: 1.5em}.prose ul, .prose ol{padding-left: 1.3em;margin: 0 0 1.2em}.prose li{margin-bottom: .45em}.prose li::marker{color: var(--blue);font-weight: 600}.prose .tbl-wrap{margin: 1.4em 0 1.6em}.prose strong{color: var(--ink)}.toc{position: sticky;top: 96px;background: var(--ice);border: 1px solid var(--line);border-radius: var(--r);padding: 22px}.toc h4{font: 600 .76rem/1 var(--f-m);text-transform: uppercase;letter-spacing: .1em;color: var(--muted);margin-bottom: 14px}.toc ol{margin: 0;padding: 0;list-style: none;counter-reset: t}.toc li{counter-increment: t;margin-bottom: 4px}.toc a{display: flex;gap: 10px;padding: 6px 8px;border-radius: 8px;color: var(--text);text-decoration: none;font-size: .93rem;line-height: 1.35}.toc a::before{content: counter(t);font: 600 .78rem/1.5 var(--f-m);color: var(--blue)}.toc a:hover{background: #fff;color: var(--blue-d)}.toc .toc-cta{margin-top: 18px;padding-top: 18px;border-top: 1px solid var(--line);font-size: .9rem}.callout{display: flex;gap: 14px;padding: 18px 20px;border-radius: var(--r-sm);background: var(--blue-l);border: 1px solid #c9d8ff;color: var(--ink);margin: 1.4em 0;font-size: .97rem}.callout .i{color: var(--blue);width: 22px;height: 22px;margin-top: 2px}.callout p{margin: 0}.callout p + p{margin-top: .6em}.callout-warn{background: var(--mid-l);border-color: #f4d899}.callout-warn .i{color: var(--mid)}.callout-bad{background: var(--bad-l);border-color: #f6c2c7}.callout-bad .i{color: var(--bad)}.callout-good{background: var(--good-l);border-color: #b4e8d4}.callout-good .i{color: var(--good)}.example{border: 1px solid var(--line);border-radius: var(--r);overflow: hidden;margin: 1.4em 0 1.6em;box-shadow: var(--shadow)}.example-head{background: var(--navy);color: #fff;padding: 12px 20px;font: 600 .8rem/1.3 var(--f-m);letter-spacing: .08em;text-transform: uppercase}.example-body{padding: 18px 20px;background: #fff}.example-body p:last-child{margin: 0}.calc-line{display: flex;justify-content: space-between;gap: 16px;padding: 8px 0;border-bottom: 1px dashed var(--line);font-size: .96rem}.calc-line b{font-family: var(--f-m);color: var(--ink);white-space: nowrap}.calc-line.total{border-bottom: 0;font-weight: 600;color: var(--ink)}.calc-line.total b{color: var(--blue)} .pc{display: grid;grid-template-columns: 1fr 1fr;gap: 18px;margin: 1.4em 0}.pc > div{border-radius: var(--r);padding: 20px 22px;border: 1px solid var(--line);background: #fff}.pc h4{display: flex;align-items: center;gap: 8px;font-size: 1.02rem;margin-bottom: 10px}.pc ul{list-style: none;padding: 0;margin: 0}.pc li{position: relative;padding-left: 22px;margin-bottom: 8px;font-size: .95rem}.pc li::before{position: absolute;left: 0;top: 0;font-weight: 700}.pc .pros h4{color: var(--good)}.pc .pros li::before{content: "+";color: var(--good)}.pc .cons h4{color: var(--bad)}.pc .cons li::before{content: "\2013";color: var(--bad)} .tool{background: #fff;border: 1px solid var(--line);border-radius: 26px;box-shadow: var(--shadow-lg);overflow: hidden}.tool-grid{display: grid;grid-template-columns: 1fr 1.05fr}.tool-form{padding: 30px}.tool-form h3{font-size: 1.1rem;margin-bottom: 18px}.tool-out{padding: 30px;background: radial-gradient(500px 300px at 100% 0%, rgba(56, 132, 255, .35), transparent 65%), var(--navy);color: #c8d4f2}.tool-out h3{color: #fff;font-size: 1.1rem;margin-bottom: 18px}.fields{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.field{display: grid;gap: 6px;min-width: 0}.field.full{grid-column: 1 / -1}.field label, .field .lbl{font-weight: 600;font-size: .9rem;color: var(--ink)}.field small{font-size: .8rem;color: var(--muted);line-height: 1.4}.inp{position: relative}.inp input, .field select, .field textarea, .field input{width: 100%;min-height: 48px;padding: 10px 14px;border: 1px solid #cfd9ee;border-radius: 12px;background: #fbfcff;color: var(--ink);font: 500 1rem/1.3 var(--f-t);transition: border-color .15s, box-shadow .15s}.inp input{font-family: var(--f-m)}.inp .pre, .inp .suf{position: absolute;top: 50%;transform: translateY(-50%);font: 500 .95rem/1 var(--f-m);color: var(--muted);pointer-events: none}.inp .pre{left: 14px}.inp .suf{right: 14px}.inp.has-pre input{padding-left: 30px}.inp.has-suf input{padding-right: 36px}.field input:focus, .field select:focus, .field textarea:focus{outline: none;border-color: var(--blue);box-shadow: 0 0 0 4px rgba(37, 99, 255, .15);background: #fff}.field textarea{min-height: 130px;resize: vertical}.field [aria-invalid="true"]{border-color: var(--bad)}.seg{display: inline-flex;padding: 4px;background: var(--ice);border: 1px solid var(--line);border-radius: 999px;gap: 4px}.seg label{cursor: pointer}.seg input{position: absolute;opacity: 0;pointer-events: none}.seg span{display: block;padding: 9px 16px;border-radius: 999px;font-weight: 600;font-size: .92rem;color: var(--muted)}.seg input:checked + span{background: #fff;color: var(--blue-d);box-shadow: 0 2px 8px -2px rgba(23, 64, 201, .3)}.seg input:focus-visible + span{outline: 3px solid var(--sky)}.out-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.stat{background: rgba(255, 255, 255, .06);border: 1px solid rgba(255, 255, 255, .12);border-radius: 16px;padding: 14px 16px}.stat span{display: block;font: 500 .72rem/1.3 var(--f-m);letter-spacing: .08em;text-transform: uppercase;color: #8fa3d6}.stat b{display: block;font: 700 1.55rem/1.15 var(--f-d);color: #fff;margin-top: 6px;letter-spacing: -.02em}.stat.hl{background: linear-gradient(140deg, rgba(59, 123, 255, .5), rgba(23, 64, 201, .4));border-color: rgba(140, 180, 255, .45)}.hist{margin-top: 18px;background: rgba(255, 255, 255, .04);border: 1px solid rgba(255, 255, 255, .1);border-radius: 16px;padding: 14px 16px 10px}.hist-title{display: flex;justify-content: space-between;font: 500 .72rem/1.3 var(--f-m);letter-spacing: .08em;text-transform: uppercase;color: #8fa3d6;margin-bottom: 10px}.hist svg{display: block;width: 100%;height: auto}.hist text{font: 500 11px var(--f-m);fill: #9fb2e0}.hist .val{fill: #fff;font-weight: 600}.tool-out .verdict{margin: 18px 0 0;padding: 14px 16px;border-radius: 14px;font-size: .95rem;line-height: 1.5;background: rgba(255, 255, 255, .08);color: #e6ecfb;border-left: 4px solid #8fa3d6}.tool-out .verdict.good{border-left-color: #34d399;background: rgba(52, 211, 153, .12)}.tool-out .verdict.mid{border-left-color: #fbbf24;background: rgba(251, 191, 36, .12)}.tool-out .verdict.bad{border-left-color: #f87171;background: rgba(248, 113, 113, .14)}.tool-out .fine{margin: 14px 0 0;font-size: .8rem;color: #8fa3d6;line-height: 1.5}.tool-teaser{display: grid;grid-template-columns: 1.1fr .9fr;gap: 40px;align-items: center;background: linear-gradient(135deg, var(--navy), #0f2d7a);border-radius: 28px;padding: 44px;color: #c8d4f2;position: relative;overflow: hidden}.tool-teaser::after{content: "";position: absolute;width: 380px;height: 380px;right: -120px;top: -160px;border-radius: 50%;background: radial-gradient(circle, rgba(92, 200, 255, .35), transparent 70%)}.tool-teaser h2{color: #fff}.tool-teaser .btns{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 22px;position: relative;z-index: 1}.mini-out{position: relative;z-index: 1;display: grid;gap: 10px}.mini-out .stat b{font-size: 1.3rem} .grade-box{display: flex;align-items: center;gap: 20px}.grade{width: 96px;height: 96px;flex: none;border-radius: 26px;display: grid;place-items: center;font: 800 3.4rem/1 var(--f-d);color: #fff;background: linear-gradient(140deg, #3b7bff, #1740c9);box-shadow: 0 14px 30px -12px rgba(37, 99, 255, .9)}.grade[data-g="A"], .grade[data-g="B"]{background: linear-gradient(140deg, #34d399, #0f9f6e);box-shadow: 0 14px 30px -12px rgba(15, 159, 110, .9)}.grade[data-g="C"]{background: linear-gradient(140deg, #fbbf24, #c27803);box-shadow: 0 14px 30px -12px rgba(194, 120, 3, .9)}.grade[data-g="D"], .grade[data-g="E"], .grade[data-g="F"]{background: linear-gradient(140deg, #f87171, #d92d3a);box-shadow: 0 14px 30px -12px rgba(217, 45, 58, .9)}.grade-box b{display: block;color: #fff;font: 700 1.3rem/1.2 var(--f-d)}.grade-box span{font-size: .92rem}.score-bar{height: 10px;border-radius: 99px;background: rgba(255, 255, 255, .12);margin: 20px 0 6px;overflow: hidden}.score-bar i{display: block;height: 100%;width: 0;border-radius: 99px;background: linear-gradient(90deg, #5cc8ff, #3b7bff);transition: width .3s}.notes{list-style: none;padding: 0;margin: 16px 0 0;display: grid;gap: 8px}.notes li{display: flex;gap: 10px;font-size: .92rem;line-height: 1.45;padding: 10px 12px;border-radius: 12px;background: rgba(255, 255, 255, .05)}.notes li .i{margin-top: 2px}.notes .ok .i{color: #34d399}.notes .warn .i{color: #fbbf24}.notes .bad .i{color: #f87171} .rules{list-style: none;padding: 0;margin: 1.4em 0;display: grid;gap: 14px}.rules li{display: grid;grid-template-columns: 120px 1fr;gap: 18px;padding: 18px 20px;background: #fff;border: 1px solid var(--line);border-radius: var(--r);box-shadow: var(--shadow)}.rules .when{font: 600 .8rem/1.35 var(--f-m);color: var(--blue-d);background: var(--blue-l);border-radius: 10px;padding: 8px 10px;align-self: start;text-align: center}.rules h3{font-size: 1.05rem;margin: 0 0 4px}.rules p{margin: 0;font-size: .95rem} .faq{display: grid;gap: 12px;max-width: 860px}.faq details{background: #fff;border: 1px solid var(--line);border-radius: 16px;box-shadow: var(--shadow)}.faq summary{list-style: none;cursor: pointer;padding: 18px 56px 18px 22px;font: 700 1.05rem/1.35 var(--f-d);color: var(--ink);position: relative;letter-spacing: -.01em}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";position: absolute;right: 18px;top: 50%;transform: translateY(-50%);width: 28px;height: 28px;border-radius: 50%;background: var(--blue-l);color: var(--blue);display: grid;place-items: center;font: 600 1.1rem/1 var(--f-m)}.faq details[open] summary::after{content: "\2212";background: var(--blue);color: #fff}.faq .a{padding: 0 22px 18px}.faq .a p:last-child{margin: 0} .form{display: grid;gap: 16px}.check{display: flex;gap: 10px;align-items: flex-start;font-size: .9rem;color: var(--muted)}.check input{width: 20px;height: 20px;margin-top: 2px;accent-color: var(--blue);flex: none}.hp{position: absolute;left: -5000px;width: 1px;height: 1px;opacity: 0}.form-note{margin: 0;font-size: .92rem}.form-note.ok{color: var(--good)}.form-note.err{color: var(--bad)}.contact-list{list-style: none;padding: 0;margin: 0;display: grid;gap: 14px}.contact-list li{display: flex;gap: 14px;align-items: flex-start}.contact-list .ic{width: 42px;height: 42px;border-radius: 12px;background: var(--blue-l);color: var(--blue);display: grid;place-items: center;flex: none}.contact-list b{display: block;color: var(--ink)} .helpline{display: flex;align-items: center;justify-content: space-between;gap: 20px;flex-wrap: wrap;background: linear-gradient(135deg, var(--navy), #10307f);color: #c8d4f2;border-radius: 24px;padding: 28px 30px;margin: 1.4em 0}.helpline b{display: block;color: #fff;font: 800 clamp(1.6rem, 4vw, 2.3rem)/1.1 var(--f-d);letter-spacing: -.02em}.helpline a.btn{flex: none} .help-band{background: var(--blue-l);border-top: 1px solid #c9d8ff}.help-in{display: flex;align-items: center;gap: 18px;padding-top: 22px;padding-bottom: 22px}.help-in p{margin: 0;font-size: .97rem;color: var(--ink)}.help-in .tel{font-family: var(--f-m);font-weight: 600;white-space: nowrap}.help-ic{width: 48px;height: 48px;border-radius: 14px;background: var(--blue);color: #fff;display: grid;place-items: center;flex: none}.help-ic .i{width: 22px;height: 22px}.site-footer{background: var(--navy);color: #9fb0d8;padding: 64px 0 34px;font-size: .94rem;position: relative}.site-footer::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 3px;background: linear-gradient(90deg, #5cc8ff, #2563ff, #8a7dff)}.f-top{display: grid;grid-template-columns: 1.5fr 1fr 1fr 1fr;gap: 40px;padding-bottom: 36px;border-bottom: 1px solid rgba(255, 255, 255, .1)}.f-brand p{margin-top: 16px;max-width: 380px}.site-footer h4{color: #fff;font: 600 .78rem/1 var(--f-m);text-transform: uppercase;letter-spacing: .12em;margin-bottom: 16px}.site-footer ul{list-style: none;padding: 0;margin: 0;display: grid;gap: 9px}.site-footer a{color: #c8d4f2;text-decoration: none}.site-footer a:hover{color: #fff;text-decoration: underline}.f-bottom{padding-top: 26px;font-size: .84rem;line-height: 1.6}.f-badges{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 16px}.f-badges span{border: 1px solid rgba(255, 255, 255, .2);border-radius: 8px;padding: 5px 10px;font: 600 .74rem/1 var(--f-m);color: #c8d4f2;letter-spacing: .04em}.f-badges .badge-18{background: var(--bad);border-color: var(--bad);color: #fff}.f-bottom .copy{margin: 0;font-family: var(--f-m);font-size: .78rem;color: #6f82b4}.to-top{position: fixed;right: 18px;bottom: 18px;width: 46px;height: 46px;border-radius: 14px;background: var(--blue);color: #fff;display: grid;place-items: center;box-shadow: 0 12px 24px -10px rgba(37, 99, 255, .9);opacity: 0;pointer-events: none;transform: translateY(10px);transition: opacity .2s, transform .2s;z-index: 40}.to-top.show{opacity: 1;pointer-events: auto;transform: none}.to-top:hover{color: #fff} .nf{text-align: center;padding: 110px 0}.nf .big{font: 800 clamp(5rem, 16vw, 9rem)/1 var(--f-d);letter-spacing: -.05em;margin-bottom: 10px}.nf .btns{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;margin-top: 26px} @media (max-width: 1080px){.main-nav a{padding: 9px 10px;font-size: .92rem}.offer{grid-template-columns: 56px 1fr auto}.offer-logo{width: 56px;height: 56px}.offer-meta{grid-column: 2 / -1;grid-row: 2}.steps{grid-template-columns: repeat(2, 1fr)}.layout-2{grid-template-columns: 1fr}.toc{position: static}}@media (max-width: 960px){.burger{display: inline-flex}.header-cta .btn span{display: none}.header-cta .btn{padding: 0 12px}.main-nav{position: absolute;left: 0;right: 0;top: 100%;background: #fff;border-bottom: 1px solid var(--line);box-shadow: 0 20px 30px -20px rgba(11, 22, 51, .3);display: none;margin: 0}.main-nav.open{display: block}.main-nav ul{flex-direction: column;padding: 12px 20px 18px}.main-nav a{padding: 12px 14px;font-size: 1rem}.header-cta{margin-left: auto}.hero-in, .tool-grid, .tool-teaser{grid-template-columns: 1fr}.card-stage{min-height: 320px}.grid-3, .grid-4{grid-template-columns: repeat(2, 1fr)}.facts-in{grid-template-columns: repeat(2, 1fr)}.fact:nth-child(3){border-left: 0}.fact:nth-child(n+3){border-top: 1px solid var(--line)}.f-top{grid-template-columns: 1fr 1fr}.f-brand{grid-column: 1 / -1}.tool-teaser{padding: 32px}}@media (max-width: 640px){body{font-size: 16px}.wrap{padding: 0 16px}.topbar .tb-r{display: none}.header-in{min-height: 64px;gap: 12px}.logo{font-size: 1.2rem}.logo svg{width: 36px;height: 36px}.hero{padding: 48px 0 76px}.hero .lead{font-size: 1.05rem}.hero-cta .btn{flex: 1 1 100%}.card-stage{min-height: 290px}.bonus-card{padding: 20px 22px;border-radius: 22px}.bc-val{font-size: 2rem}.float-pill{padding: 9px 12px;font-size: .82rem}.float-pill b{font-size: .98rem}.fp-1{display: none}.fp-2{bottom: 0}.sec{padding: 60px 0}.grid-2, .grid-3, .grid-4, .steps, .pc, .fields, .out-grid{grid-template-columns: 1fr}.out-grid{grid-template-columns: 1fr 1fr}.fact{padding: 18px 16px}.fact b{font-size: 1.6rem}.offer{grid-template-columns: 52px 1fr;gap: 14px 14px;padding: 18px}.offer-logo{width: 52px;height: 52px;border-radius: 14px;font-size: 1rem}.offer-meta{grid-column: 1 / -1;grid-row: auto}.offer-cta{grid-column: 1 / -1}.offer-cta .btn{width: 100%}.tool-form, .tool-out{padding: 22px 18px}.stat b{font-size: 1.25rem}.tool-teaser{padding: 26px 20px;border-radius: 22px}.rules li{grid-template-columns: 1fr;gap: 10px}.rules .when{justify-self: start}.tbl{min-width: 0;font-size: .86rem}.tbl th, .tbl td{padding: 10px 10px}.f-top{grid-template-columns: 1fr;gap: 28px}.help-in{align-items: flex-start}.grade{width: 76px;height: 76px;font-size: 2.6rem;border-radius: 20px}.helpline{padding: 22px 20px}.helpline a.btn{width: 100%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*, *::before, *::after{transition: none !important}}