:root{--ink:#10204a;--ink2:#3b4a72;--page:#f3f5fa;--white:#fff;--blue:#2446d8;--blue2:#1a35a8;--gold:#ffcc29;--line:#d9dfec;--soft:#e8ecf7;
--d:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--b:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font:17px/1.6 var(--b)}
a{color:var(--blue)}img,svg{max-width:100%}
.wrap{max-width:1400px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
header.top{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.bar{display:flex;align-items:center;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 19px/1 var(--d);letter-spacing:-.01em}
.brand svg{width:30px;height:30px;flex:none}
nav.main{display:flex;gap:22px;margin-left:auto}
nav.main a{color:var(--ink2);text-decoration:none;font-weight:500;font-size:15.5px}
nav.main a:hover,nav.main a[aria-current]{color:var(--ink)}
.login{color:var(--ink2);text-decoration:none;font-size:15.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;padding:13px 22px;border-radius:999px;border:0;font-size:16px;line-height:1.2;cursor:pointer}
.btn:hover{background:var(--blue2)}
.btn.sm{padding:10px 18px;font-size:15px}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.gold{background:var(--gold);color:var(--ink)}.btn.gold:hover{background:#ffd95c}
.menu{display:none;background:none;border:0;font:600 15px var(--b);color:var(--ink);padding:8px}
h1,h2,h3{font-family:var(--d);letter-spacing:-.02em;line-height:1.08;margin:0 0 .5em}
h1{font-size:clamp(40px,6.2vw,74px);font-weight:700}
h2{font-size:clamp(30px,4vw,46px);font-weight:700}
h3{font-size:21px;font-weight:650;letter-spacing:-.01em}
p{margin:0 0 1em}
.lead{font-size:clamp(18px,2vw,21px);color:var(--ink2);max-width:36em}
.hero{padding:72px 0 64px}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 14px}
.note{font-size:14.5px;color:var(--ink2)}
.dialbox{background:var(--ink);color:#fff;border-radius:28px;padding:30px 30px 26px}
.dialbox svg{display:block;margin:0 auto 18px;width:min(260px,100%)}
.dial-legend{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dial-legend li{display:grid;grid-template-columns:56px 14px 1fr;gap:10px;align-items:center;font-size:15px}
.dial-legend b{font:600 15px var(--d);color:var(--gold);font-variant-numeric:tabular-nums}
.dial-legend i{width:12px;height:12px;border-radius:3px;display:block}
.arc{transition:stroke-dashoffset 1.6s cubic-bezier(.3,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.arc{transition:none}}
section.band{padding:84px 0}
section.white{background:var(--white);border-block:1px solid var(--line)}
section.ink{background:var(--ink);color:#fff}
section.ink .lead,section.ink p{color:#c9d1ea}
.kicker{font-weight:600;color:var(--blue);margin-bottom:10px;font-size:16px}
section.ink .kicker{color:var(--gold)}
.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;border-top:2px solid var(--ink)}
.steps li{padding:22px 22px 0 0;counter-increment:s}
.steps li::before{content:counter(s);display:block;font:700 44px/1 var(--d);color:var(--blue);margin-bottom:14px}
.steps .t{font:600 14px var(--b);color:var(--ink2);display:block;margin-bottom:4px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.flow{list-style:none;margin:0;padding:0;border-left:2px solid var(--gold)}
.flow li{position:relative;padding:0 0 22px 26px}
.flow li::before{content:"";position:absolute;left:-8px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--gold)}
.flow strong{display:block;font:600 18px var(--d)}
.flow span{color:#c9d1ea;font-size:15.5px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;border-top:1px solid var(--line)}
.feat div{padding:26px 26px 26px 0;border-bottom:1px solid var(--line)}
.feat p{color:var(--ink2);margin:0;font-size:16px}
table.cmp{width:100%;border-collapse:collapse;margin-top:30px;background:var(--white);border-radius:var(--r);overflow:hidden;font-size:16px}
table.credits{width:100%;border-collapse:collapse;font-size:16px}table.credits th,table.credits td{padding:11px 0;border-bottom:1px solid #2b3a66;text-align:left}table.credits td:last-child,table.credits th:last-child{text-align:right;font-weight:600;color:var(--gold)}
.white table.credits th,.white table.credits td,.band:not(.ink) table.credits th,.band:not(.ink) table.credits td{border-color:var(--line)}.band:not(.ink) table.credits td:last-child{color:var(--blue2)}
table.cmp th,table.cmp td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
table.cmp thead th{background:var(--soft);font-weight:600}
table.cmp td:nth-child(2){font-weight:600;color:var(--blue2)}
.tablewrap{overflow-x:auto}
.price{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--white);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-top:36px}
.price .left{padding:40px;background:var(--ink);color:#fff}
.price .amt{font:700 clamp(54px,7vw,80px)/1 var(--d);letter-spacing:-.03em}
.price .per{color:#c9d1ea;margin:8px 0 26px}
.price .right{padding:40px}
.ticks{list-style:none;padding:0;margin:0 0 8px}
.ticks li{padding:8px 0 8px 30px;position:relative;border-bottom:1px solid var(--line)}
.ticks li:last-child{border-bottom:0}
.ticks li::before{content:"";position:absolute;left:2px;top:15px;width:14px;height:8px;border-left:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(-45deg)}
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
.who div{border-top:3px solid var(--gold);padding-top:16px}
.who p{color:var(--ink2);font-size:16px}
.faq{margin-top:28px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;font:600 18.5px var(--d);padding:16px 36px 16px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 26px var(--b);color:var(--blue)}
.faq details[open] summary::after{content:"\2212"}
.faq p{color:var(--ink2);max-width:46em}
.final{text-align:center;padding:96px 0}
.final .lead{margin:0 auto 28px}
.page-head{padding:64px 0 36px}
.prose{max-width:760px}
.prose h2{font-size:30px;margin-top:1.4em}
.prose li{margin-bottom:.4em}
.crumb{font-size:14.5px;color:var(--ink2);margin-bottom:14px}.crumb a{color:var(--ink2)}
.bf-form-wrap{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:26px;min-height:120px}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}
.facts{list-style:none;padding:0;margin:0}.facts li{padding:12px 0;border-bottom:1px solid var(--line)}
footer.foot{background:var(--ink);color:#c9d1ea;padding:56px 0 110px;font-size:15px}
footer.foot a{color:#fff;text-decoration:none}footer.foot a:hover{text-decoration:underline}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.fgrid h4{color:#fff;font:600 16px var(--d);margin:0 0 12px}
.fgrid ul{list-style:none;padding:0;margin:0}.fgrid li{margin-bottom:8px}
.fextra{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14)}.fextra h4{color:#fff;margin:0 0 10px;font-size:15px}.fextra p{margin:0;line-height:1.9;font-size:14px}.fextra a{margin-right:14px;white-space:nowrap;display:inline-block}
@media (max-width:900px){.fextra{grid-template-columns:1fr}}
.legal{border-top:1px solid #2b3a66;margin-top:36px;padding-top:20px;font-size:14px}
.mbar{display:none}
@media (max-width:900px){
 nav.main,.login{display:none}
 .menu{display:block;margin-left:auto}
 nav.main.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#fff;padding:12px 20px 20px;border-bottom:1px solid var(--line);gap:14px}
 .bar .btn.sm{display:none}
 .hero .grid,.two,.price,.contact-grid{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr 1fr}
 .feat,.who{grid-template-columns:1fr}
 .fgrid{grid-template-columns:1fr 1fr}
 .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--white);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px;align-items:center}
 .mbar .btn{flex:1}
 .mbar span{font-size:13.5px;color:var(--ink2);flex:none}
 section.band{padding:60px 0}.hero{padding:44px 0 48px}
}
@media (max-width:520px){.steps{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr}.price .left,.price .right{padding:28px}}

.linkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:28px;border-top:1px solid var(--line)}
.linkgrid a{display:block;padding:16px 16px 16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}
.linkgrid a span{display:block;font-weight:400;color:var(--ink2);font-size:14.5px;margin-top:2px}
.linkgrid a:hover{color:var(--blue)}
.article{max-width:740px}
.article h2{font-size:30px;margin-top:1.5em}.article h3{margin-top:1.3em}
.article p,.article li{font-size:17.5px}
.article li{margin-bottom:.5em}
.meta{font-size:14.5px;color:var(--ink2);margin-top:-6px}
.appblock{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.appblock ul{margin:0;padding-left:20px;color:var(--ink2)}.appblock li{margin-bottom:6px}
@media (max-width:900px){.linkgrid{grid-template-columns:1fr 1fr}.appblock{grid-template-columns:1fr}}
@media (max-width:520px){.linkgrid{grid-template-columns:1fr}}