:root{--bg: #ffffff;--surface: #ffffff;--header-bg: rgb(255 255 255 / .9);--deep: #10284f;--on-primary: #ffffff;--hero-bg: radial-gradient(60% 80% at 85% 20%,#eaf4fd 0%,rgb(234 244 253 / 0) 70%),linear-gradient(180deg,#f8fbfe,#fff);--cta-bg: linear-gradient(180deg,#eaf4fd,#f7fbfe);color-scheme: light;--soft: #f3f7fb;--sky-50: #eaf4fd;--sky-100: #d6eafb;--sky: #3d9be9;--sky-ink: #1769b8;--ink: #0f1d33;--ink-2: #3c4a60;--muted: #6a778b;--line: #e1e8f0;--navy: #10284f;--navy-hover: #0a1d3c;--ok: #138a5a;--err: #c2412d;--mark: linear-gradient(transparent 58%,#cfe6fb 58%,#cfe6fb 92%,transparent 92%);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 104px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-pill: 999px;--shadow: 0 1px 2px rgb(15 29 51 / .05),0 10px 30px rgb(16 40 79 / .07);--font: "Geist",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono: "Geist Mono",ui-monospace,"SF Mono",Consolas,monospace;--container: 1180px}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}body{margin: 0;background: var(--bg);color: var(--ink);font: 400 17px/1.6 var(--font);-webkit-font-smoothing: antialiased}img,svg{max-width: 100%;height: auto;display: block}a{color: var(--sky-ink);text-underline-offset: 3px}a:hover{color: var(--navy)}:focus-visible{outline: 3px solid var(--sky);outline-offset: 2px;border-radius: 6px}.container{width: 100%;max-width: var(--container);margin-inline: auto;padding-inline: 20px}.skip{position: absolute;left: -999px;top: 0}.skip:focus{left: var(--s-4);top: var(--s-4);background: var(--bg);padding: var(--s-2) var(--s-4);z-index: 100}h1,h2,h3{font-weight: 600;margin: 0;text-wrap: balance;color: var(--ink);overflow-wrap: break-word}h1{font-size: clamp(36px,4.8vw,62px);line-height: 1.06;letter-spacing: -0.035em}h2{font-size: clamp(28px,3.2vw,42px);line-height: 1.12;letter-spacing: -0.03em}h3{font-size: 19px;line-height: 1.35;letter-spacing: -0.015em}p{margin: 0;text-wrap: pretty}.accent{background: var(--mark);padding-inline: 2px;-webkit-box-decoration-break: clone;box-decoration-break: clone}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--s-2);min-height: 50px;padding: 0 var(--s-6);border-radius: var(--r-sm);font: 600 16px/1 var(--font);text-decoration: none;border: 1px solid transparent;cursor: pointer;transition: background-color .15s,border-color .15s,color .15s}.btn--primary{background: var(--navy);color: var(--on-primary)}.btn--primary:hover{background: var(--navy-hover);color: var(--on-primary)}.btn--ghost{background: var(--surface);color: var(--ink);border-color: var(--line)}.btn--ghost:hover{border-color: var(--sky);color: var(--sky-ink)}.btn--light{background: var(--surface);color: var(--navy)}.btn--light:hover{background: var(--sky-50);color: var(--navy)}.btn--sm{min-height: 44px;padding: 0 var(--s-5);font-size: 15px}.btn:disabled{opacity: .6;cursor: progress}.header{position: sticky;top: env(safe-area-inset-top,0px);z-index: 50;background: var(--header-bg);backdrop-filter: saturate(1.3) blur(12px);border-bottom: 1px solid var(--line)}.header__row{display: flex;align-items: center;gap: var(--s-6);min-height: 70px}.logo{display: inline-flex;align-items: center;gap: var(--s-2);font-weight: 700;font-size: 20px;color: var(--ink);text-decoration: none;letter-spacing: -0.03em}.logo:hover{color: var(--ink)}.logo svg{width: 30px;height: 30px}.nav{display: flex;gap: var(--s-5)}.nav a{color: var(--ink-2);text-decoration: none;font-size: 15px;font-weight: 500}.nav a:hover{color: var(--sky-ink)}.header__cta{display: flex;gap: var(--s-2);margin-left: auto}.burger{display: none;position: relative}.burger summary{list-style: none;cursor: pointer;width: 44px;height: 44px;display: grid;place-items: center;border-radius: var(--r-sm);border: 1px solid var(--line);background: var(--surface);color: var(--ink)}.burger summary::-webkit-details-marker{display: none}.burger summary svg{width: 22px;height: 22px}.burger__panel{position: absolute;right: 0;top: calc(100% + var(--s-2));min-width: 250px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-md);box-shadow: var(--shadow);padding: var(--s-2);display: grid}.burger__panel a{padding: var(--s-3) var(--s-4);border-radius: var(--r-sm);color: var(--ink);text-decoration: none;font-weight: 500}.burger__panel a:hover{background: var(--soft);color: var(--sky-ink)}@media (max-width: 1100px){.nav{display: none}.burger{display: block}}@media (max-width: 600px){.header__cta .btn--ghost{display: none}}@media (max-width: 480px){.header__cta .btn--primary{display: none}.header__row{gap: var(--s-3)}}.crumbs{padding-top: var(--s-5)}.crumbs ol{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: var(--s-2);font-size: 14px;color: var(--muted)}.crumbs li + li::before{content: "→";margin-right: var(--s-2);color: #a9b6c7}.crumbs a{color: var(--ink-2);text-decoration: none}.crumbs a:hover{color: var(--sky-ink)}.hero{position: relative;overflow: hidden;padding-block: var(--s-8) var(--s-7);background: var(--hero-bg)}.hero--inner{padding-top: var(--s-5)}.hero__grid{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);gap: var(--s-7);align-items: center}.hero__text{display: grid;gap: var(--s-5);justify-items: start;padding-top: var(--s-5)}.hero--inner .hero__text{max-width: 760px}.hero__lead{font-size: clamp(18px,1.5vw,20px);color: var(--ink-2)}.hero__ctas{display: flex;flex-wrap: wrap;gap: var(--s-3)}.hero__visual{position: relative;justify-self: end;padding: var(--s-5) var(--s-5) var(--s-7)}.hero__chip{position: absolute;left: -12px;bottom: 0;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-md);box-shadow: var(--shadow);padding: var(--s-3) var(--s-4);display: grid;gap: 2px;font-size: 14px}.hero__chip b{font: 600 17px/1.2 var(--font);color: var(--ink);letter-spacing: -0.01em}.hero__chip span{color: var(--muted)}@media (max-width: 900px){.hero__grid{grid-template-columns: minmax(0,1fr)}.hero__visual{justify-self: stretch;padding: var(--s-4) 0 var(--s-7)}.pay{width: 100%}.hero__chip{left: var(--s-4)}}.stats{margin-top: var(--s-7);display: grid;grid-template-columns: repeat(auto-fit,minmax(190px,1fr));background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-lg)}.stat{display: grid;gap: 2px;padding: var(--s-5);border-left: 1px solid var(--line)}.stat:first-child{border-left: 0}.stat svg{width: 22px;height: 22px;color: var(--sky);margin-bottom: var(--s-2)}.stat__value{font: 600 18px/1.25 var(--font);letter-spacing: -0.01em}.stat__label{font-size: 13px;color: var(--muted);line-height: 1.35}@media (max-width: 760px){.stats{grid-template-columns: 1fr 1fr}.stat{border-left: 0;border-top: 1px solid var(--line);padding: var(--s-4)}.stat:nth-child(-n+2){border-top: 0}.stat:nth-child(even){border-left: 1px solid var(--line)}}.section{padding-block: var(--s-9)}.section--soft{background: var(--soft)}.section__head{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--s-4) var(--s-8);align-items: end;margin-bottom: var(--s-7)}.section__head p{color: var(--ink-2)}.section__more{margin-top: var(--s-5);font-weight: 600}@media (max-width: 900px){.section__head{grid-template-columns: 1fr}}@media (max-width: 700px){.section{padding-block: var(--s-8)}}.bento{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-4)}.tile{position: relative;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-lg);padding: var(--s-6);display: grid;gap: var(--s-3);align-content: start;transition: box-shadow .15s,border-color .15s}.tile:hover{box-shadow: var(--shadow);border-color: var(--sky-100)}.tile p{color: var(--ink-2)}.tile--span2{grid-column: span 2}.tile--span3{grid-column: 1 / -1}.tile--blue{background: linear-gradient(160deg,var(--sky-50),var(--surface) 70%);border-color: var(--sky-100)}.tile--dark{background: var(--deep);border-color: transparent;color: #fff;grid-template-columns: 1fr 1fr;gap: var(--s-6);align-items: center}.tile--dark h3{color: #fff}.tile--dark p{color: rgb(255 255 255 / .75)}.tile__icon{width: 44px;height: 44px;border-radius: var(--r-sm);background: var(--sky-50);color: var(--sky-ink);display: grid;place-items: center}.tile--dark .tile__icon{background: rgb(255 255 255 / .1);color: #9fd0f7}.tile__icon svg{width: 22px;height: 22px}.tile__body{display: grid;gap: var(--s-3);align-content: start}.badges{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-top: var(--s-2)}.badge{display: inline-flex;align-items: center;min-height: 28px;padding: 0 var(--s-3);border-radius: 6px;background: var(--surface);border: 1px solid var(--sky-100);color: var(--navy);font: 600 12px/1 var(--mono);letter-spacing: .04em}.soon{justify-self: start;display: inline-flex;align-items: center;min-height: 28px;padding: 0 var(--s-3);border-radius: 6px;background: var(--sky-50);color: var(--sky-ink);font: 600 13px/1 var(--font)}.code{margin: 0;background: #0b1d3a;border: 1px solid rgb(255 255 255 / .08);border-radius: var(--r-md);padding: var(--s-5);font: 400 13px/1.7 var(--mono);color: #cfe2f7;overflow-x: auto;white-space: pre}.code .k{color: #7cc0f5}.code .s{color: #a8e6c8}.tile--pay{grid-template-columns: 1fr auto;align-items: center}@media (max-width: 960px){.bento{grid-template-columns: repeat(2,minmax(0,1fr))}.tile--span2,.tile--span3{grid-column: 1 / -1}.tile--dark{grid-template-columns: minmax(0,1fr)}}@media (max-width: 760px){.tile--pay{grid-template-columns: minmax(0,1fr)}.tile--pay .pay{width: 100%}}@media (max-width: 640px){.bento{grid-template-columns: minmax(0,1fr)}.tile{padding: var(--s-5)}}.pay{background: var(--surface);color: var(--ink);border: 1px solid var(--line);border-radius: var(--r-lg);padding: var(--s-5);display: grid;gap: var(--s-3);box-shadow: 0 24px 60px rgb(16 40 79 / .14);width: 320px;max-width: 100%}.pay__top{display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: var(--muted)}.pay__brands{display: flex;gap: 6px}.pay__sum{font: 600 28px/1 var(--font);letter-spacing: -0.03em}.pay__field{border: 1px solid var(--line);border-radius: var(--r-sm);padding: var(--s-3) var(--s-4);font: 400 14px/1.4 var(--mono);color: var(--ink-2);background: var(--soft)}.pay__btn{background: var(--navy);color: var(--on-primary);border-radius: var(--r-sm);text-align: center;padding: var(--s-3);font-weight: 600}.pay__ok{display: flex;align-items: center;gap: var(--s-2);font-size: 14px;color: var(--ok);font-weight: 600}.pay__ok svg{width: 18px;height: 18px;flex: none}.cards{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-4)}.card{background: var(--surface);border: 1px solid var(--line);border-top: 3px solid var(--sky-100);border-radius: var(--r-lg);padding: var(--s-6);display: grid;gap: var(--s-3);align-content: start}.card p{color: var(--ink-2)}a.card{text-decoration: none;color: inherit;transition: border-color .15s,box-shadow .15s}a.card:hover{border-top-color: var(--sky);box-shadow: var(--shadow)}.card__more{color: var(--sky-ink);font-weight: 600;font-size: 15px}.quote{font-size: 15px;color: var(--muted);background: var(--soft);border-radius: var(--r-sm);padding: var(--s-3) var(--s-4);font-style: italic}@media (max-width: 960px){.cards{grid-template-columns: 1fr 1fr}}@media (max-width: 640px){.cards{grid-template-columns: 1fr}}.band{background: var(--deep);color: #fff;border-radius: var(--r-lg);padding: var(--s-8);display: grid;grid-template-columns: 1.1fr .9fr;gap: var(--s-7);align-items: center}.band h2{color: #fff}.band__text{display: grid;gap: var(--s-4);justify-items: start}.band__text p{color: rgb(255 255 255 / .8)}.band__card{background: var(--surface);color: var(--ink);border-radius: var(--r-md);padding: var(--s-6);display: grid;gap: var(--s-4)}.checklist{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--s-3)}.checklist li{display: grid;grid-template-columns: 22px 1fr;gap: var(--s-3);color: var(--ink-2)}.checklist svg{color: var(--ok);margin-top: 3px}.band__note{font-size: 15px;color: var(--muted);border-top: 1px solid var(--line);padding-top: var(--s-4)}@media (max-width: 900px){.band{grid-template-columns: 1fr;padding: var(--s-6)}}.steps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-6);list-style: none;margin: 0;padding: 0;counter-reset: step}.steps li{display: grid;gap: var(--s-3);align-content: start;padding-top: var(--s-5);border-top: 2px solid var(--line)}.steps li::before{counter-increment: step;content: "0" counter(step);font: 500 40px/1 var(--mono);color: var(--sky);letter-spacing: -0.04em}.steps p{color: var(--ink-2)}@media (max-width: 900px){.steps{grid-template-columns: 1fr}}.faq{display: grid;max-width: 900px;border-top: 1px solid var(--line)}.faq details{border-bottom: 1px solid var(--line);padding: var(--s-5) 0}.faq summary{cursor: pointer;list-style: none;display: flex;justify-content: space-between;align-items: center;gap: var(--s-4)}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";flex: none;width: 10px;height: 10px;border-right: 2px solid var(--ink-2);border-bottom: 2px solid var(--ink-2);transform: rotate(45deg);margin-right: 6px;transition: transform .2s}.faq details[open] summary::after{transform: rotate(-135deg)}.faq summary h2,.faq summary h3{font-size: 18px;font-weight: 600;letter-spacing: -0.01em;line-height: 1.4}.faq details p{margin-top: var(--s-3);color: var(--ink-2);max-width: 70ch}.cta{background: var(--cta-bg);border-top: 1px solid var(--sky-100);padding-block: var(--s-9)}.cta__grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-8);align-items: start}.cta__text{display: grid;gap: var(--s-4)}.cta__text p,.cta__text li{color: var(--ink-2)}.cta__next{margin: 0;padding-left: 1.2em;display: grid;gap: var(--s-2)}@media (max-width: 900px){.cta__grid{grid-template-columns: 1fr}}.form{background: var(--surface);color: var(--ink);border: 1px solid var(--line);border-radius: var(--r-lg);box-shadow: var(--shadow);padding: var(--s-6);display: grid;gap: var(--s-4)}.form label{display: grid;gap: var(--s-2);font-size: 15px;font-weight: 600}.form input{font: 400 16px/1.4 var(--font);color: var(--ink);background: var(--soft);border: 1px solid var(--line);border-radius: var(--r-sm);padding: var(--s-3) var(--s-4);min-height: 48px;width: 100%}.form input:focus-visible{outline: 2px solid var(--sky);outline-offset: 0;border-color: var(--sky);background: var(--surface)}.chips{border: 0;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: var(--s-2)}.chips legend{font-size: 15px;font-weight: 600;margin-bottom: var(--s-2);padding: 0}.chips label{display: block}.chips input{position: absolute;opacity: 0;width: 1px;height: 1px}.chips span{display: inline-flex;align-items: center;min-height: 44px;padding: 0 var(--s-4);border-radius: var(--r-sm);border: 1px solid var(--line);background: var(--soft);font-size: 15px;font-weight: 500;cursor: pointer;transition: border-color .15s,background-color .15s,color .15s}.chips span:hover{border-color: var(--sky)}.chips input:checked + span{background: var(--sky-50);border-color: var(--sky);color: var(--navy);font-weight: 600}.chips input:focus-visible + span{outline: 3px solid var(--sky);outline-offset: 2px}.form__legal{font-size: 13px;color: var(--muted)}.form__status:empty{display: none}.form__status{font-size: 15px;font-weight: 600}.form__status[data-state="ok"]{color: var(--ok)}.form__status[data-state="error"]{color: var(--err)}.prose{max-width: 70ch;display: grid;gap: var(--s-4);color: var(--ink-2)}.prose h1{font-size: clamp(32px,4vw,46px)}.prose h2{font-size: 22px;margin-top: var(--s-5)}.footer{background: var(--surface);border-top: 1px solid var(--line);color: var(--muted);padding-block: var(--s-7);font-size: 15px}.footer__grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr;gap: var(--s-6)}.footer__title{font-size: 14px;font-weight: 600;color: var(--ink);margin-bottom: var(--s-3)}.footer__about{margin-top: var(--s-3);max-width: 36ch}.footer ul{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--s-2)}.footer a{color: var(--ink-2);text-decoration: none}.footer a:hover{color: var(--sky-ink)}.footer__bottom{margin-top: var(--s-6)}@media (max-width: 700px){.footer__grid{grid-template-columns: 1fr}}.logo svg rect{fill: var(--logo,var(--sky-ink))}.theme-toggle{width: 44px;height: 44px;display: grid;place-items: center;border-radius: var(--r-sm);border: 1px solid var(--line);background: var(--surface);color: var(--ink);cursor: pointer}.theme-toggle svg{width: 20px;height: 20px}.theme-toggle .i-sun{display: none}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #0b1730;--surface: #11223f;--header-bg: rgb(11 23 48 / .88);--soft: #0e1d38;--sky-50: #15305a;--sky-100: #1f3f6e;--sky: #5aaff2;--sky-ink: #8cc8f7;--ink: #eaf2fb;--ink-2: #b8c6d8;--muted: #8b9cb3;--line: #1f3456;--navy: #2f6fdc;--navy-hover: #3a7ae6;--on-primary: #ffffff;--deep: #163a6b;--logo: #2f6fdc;--mark: linear-gradient(transparent 60%,rgb(90 175 242 / .45) 60%,rgb(90 175 242 / .45) 92%,transparent 92%);--hero-bg: radial-gradient(70% 90% at 85% 10%,#24569c 0%,rgb(36 86 156 / 0) 60%),linear-gradient(180deg,#0f2547,#0b1730);--cta-bg: linear-gradient(180deg,#11284c,#0b1730);--shadow: 0 1px 2px rgb(0 0 0 / .3),0 12px 32px rgb(0 0 0 / .35);color-scheme: dark}}:root[data-theme="dark"]{--bg: #0b1730;--surface: #11223f;--header-bg: rgb(11 23 48 / .88);--soft: #0e1d38;--sky-50: #15305a;--sky-100: #1f3f6e;--sky: #5aaff2;--sky-ink: #8cc8f7;--ink: #eaf2fb;--ink-2: #b8c6d8;--muted: #8b9cb3;--line: #1f3456;--navy: #2f6fdc;--navy-hover: #3a7ae6;--on-primary: #ffffff;--deep: #163a6b;--logo: #2f6fdc;--mark: linear-gradient(transparent 60%,rgb(90 175 242 / .45) 60%,rgb(90 175 242 / .45) 92%,transparent 92%);--hero-bg: radial-gradient(70% 90% at 85% 10%,#24569c 0%,rgb(36 86 156 / 0) 60%),linear-gradient(180deg,#0f2547,#0b1730);--cta-bg: linear-gradient(180deg,#11284c,#0b1730);--shadow: 0 1px 2px rgb(0 0 0 / .3),0 12px 32px rgb(0 0 0 / .35);color-scheme: dark}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .theme-toggle .i-sun{display: block}:root:not([data-theme="light"]) .theme-toggle .i-moon{display: none}}:root[data-theme="dark"] .theme-toggle .i-sun{display: block}:root[data-theme="dark"] .theme-toggle .i-moon{display: none}.prose h1{overflow-wrap: anywhere}@media (max-width: 400px){.prose h1{font-size: 30px}}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .btn--primary,:root:not([data-theme="light"]) .pay__btn{box-shadow: 0 8px 24px rgb(47 111 220 / .35),inset 0 1px 0 rgb(255 255 255 / .18)}}:root[data-theme="dark"] .btn--primary,:root[data-theme="dark"] .pay__btn{box-shadow: 0 8px 24px rgb(47 111 220 / .35),inset 0 1px 0 rgb(255 255 255 / .18)}