/* Shared site styles: navigation, accents, marquee, phone layouts */
html{scroll-behavior:smooth}
h1 em,h2 em{font-style:normal;color:var(--sun)}
header{position:relative;z-index:20}
.skip{position:absolute;left:-999px;top:8px;background:#9ab8e8;color:#000;padding:10px 16px;border-radius:10px;z-index:100}.skip:focus{left:12px}
nav .brand{display:inline-flex}nav .brand img{height:38px;width:auto}
nav ul a{color:inherit;text-decoration:none}nav ul a:hover,nav ul a.on{color:#fff}
.navr{display:flex;align-items:center;gap:22px}.signin{color:var(--mut);text-decoration:none;font-size:.95rem}.signin:hover{color:#fff}
.m-only{display:none}.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid #2a3753;background:#131d33;cursor:pointer;position:relative}
.burger i{position:absolute;left:13px;right:13px;height:2px;background:#fff;border-radius:2px;transition:.25s}.burger i:first-child{top:17px}.burger i:last-child{top:25px}
nav.open .burger i:first-child{top:21px;transform:rotate(45deg)}nav.open .burger i:last-child{top:21px;transform:rotate(-45deg)}
footer a{color:inherit;text-decoration:none}footer a:hover{color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #9ab8e8;outline-offset:3px}
.doc a:not(.btn),.fc a:not(.btn){color:var(--sun)}
/* partner marquee: two rows sliding left to right */
.mqs{margin-top:40px}.mq{overflow:hidden;margin-top:30px;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mt{display:flex;align-items:center;width:max-content;animation:drift 80s linear infinite}.mt.s{animation-duration:100s}
.mt img{width:auto;margin-right:76px;opacity:.85;flex:none}.mt .cp{display:contents}
@keyframes drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mt{animation:none}*{scroll-behavior:auto!important}}
/* tablets and phones */
@media(max-width:860px){
 .w{padding:0 20px}
 nav{padding:16px 0}
 .signin{display:none}.burger{display:block}
 #menu{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:2px;background:#131d33;border:1px solid #2a3753;border-radius:20px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
 nav.open #menu{display:flex}#menu a{display:block;padding:14px 16px;border-radius:12px;font-size:1.05rem}#menu a:hover{background:#1b2842}.m-only{display:block}
 nav .btn{padding:11px 18px;font-size:.9rem}
 h1,.hero h1,.ab-h h1{font-size:clamp(2.5rem,10.5vw,3.6rem)!important;line-height:1.05!important}
 .c h2,.hero h2{font-size:clamp(2rem,8.2vw,2.8rem)!important}
 .hero p,.ab-h p{font-size:1.05rem!important}
 .hero{padding-top:150px!important}
 .cta{flex-wrap:wrap}
 section{padding-top:84px}
 .cards,.fx,.plans,.out,.val,.two,.sx,.pr,.fam{grid-template-columns:1fr!important}
 .out div+div{border-left:0!important;padding-left:0!important;border-top:1px solid var(--line)}
 .fam{grid-template-columns:1fr 1fr!important}.sx{grid-template-columns:1fr!important}
 .split{grid-template-columns:1fr!important;gap:30px}.pic{min-height:320px!important}
 .ph{min-height:360px}
 .art{height:170px}
 .fq{grid-template-columns:1fr!important;gap:24px!important}.sd{position:static!important;flex-direction:row!important;overflow-x:auto;gap:6px!important;padding-bottom:6px}.sd a{white-space:nowrap;border:1px solid #243250;border-radius:999px;border-left:1px solid #243250!important;padding:8px 14px!important}.sd a.on{border-color:#3a4a6b!important}
 .lg{grid-template-columns:1fr!important;gap:26px!important}.toc{position:static!important;flex-direction:row!important;flex-wrap:wrap;gap:6px!important}.toc a{border:1px solid #243250;border-radius:999px;padding:7px 12px!important}
 .pr div{padding:26px 0!important}
 .tl:before{left:19px}.ti{padding-left:62px}.ti .n{width:40px;height:40px}
 .vs{grid-template-columns:1fr!important}.vs>div{padding:14px 18px}.vs .a,.vs .b{border-top:0}
 table{font-size:.86rem}th,td{padding:13px 12px!important}td.f{width:36%}.pr .small,.pr small{display:block}
 .ck{width:16px!important;height:16px!important;margin-right:5px!important}.ck:after{left:4px!important;top:2.5px!important}
 .final{padding-bottom:120px!important}.final h2{font-size:clamp(2rem,8vw,2.6rem)!important}
 .brands div{flex-wrap:wrap;gap:26px 34px!important}
 .dash{padding:18px}.dash code{font-size:.8rem;word-break:break-all}.dash .k{grid-template-columns:1fr}
 .band{padding:46px 22px;margin-top:60px}.band h2{font-size:1.9rem!important}
 footer{flex-direction:column;gap:14px;padding:40px 0 34px}
 .tag{font-size:2.6rem}.mq{margin-top:22px}.mt img{margin-right:48px}
}
@media(max-width:520px){.fam{grid-template-columns:1fr!important}.plan{padding:26px!important}.plan .p{font-size:3rem!important}}
@media(max-width:860px){
 .hero,.ab-h{background:none!important}
 body{background:radial-gradient(560px 380px at 50% 0,rgba(154,184,232,.24),transparent 72%),#0c1424!important}
 .final{background:#0f192d}
}
@media(max-width:860px){.mt img{height:calc(var(--h)*.78)!important}}
@media(max-width:860px){
 table{table-layout:fixed;width:100%}
 th:nth-child(1),td.f{width:42%}
 th .pr,.pr{font-size:1.6rem!important}
 .grp td{padding:10px 12px!important;font-size:.68rem!important;letter-spacing:.06em!important}
 td .ck{display:none!important}
 th .th{font-size:1.05rem}
 .btn{white-space:nowrap}
}
@media(max-width:860px){.hero{padding-top:56px!important;margin-top:0!important}}
.ph.hasimg{background-size:cover;background-position:center}.ph.hasimg:after{display:none}
.hero .sun{display:none}
/* Midnight theme */
:root{--bg:#0c1424;--ink:#f2ede3;--fg:#f2ede3;--mut:#98a2b3;--line:rgba(242,237,227,.14);--card:#131d33;--sun:#9ab8e8;--acc:#9ab8e8;--btn:#f2ede3;--btnfg:#0c1424;--inv:0}
body{background:var(--bg)!important;color:var(--ink)!important}
body:before{display:none!important}
.sun{display:none!important}
.hero.g{margin-top:0}
.btn,.btn.s{background:var(--btn)!important;color:var(--btnfg)!important}
.btn.o{background:transparent!important;color:var(--ink)!important;border:1px solid rgba(242,237,227,.3)!important}
.burger{background:var(--card)!important;border-color:var(--line)!important}.burger i{background:var(--ink)!important}
@media(max-width:860px){#menu{background:var(--card)!important;border-color:var(--line)!important}#menu a:hover{background:#1b2842!important}}
th.pre,td.pre{background:#f2ede3!important;border-top-color:rgba(12,20,36,.12)!important}
.plan.hi{background:#f2ede3!important;border-color:#f2ede3!important;box-shadow:0 0 0 1px #f2ede3,0 20px 90px rgba(154,184,232,.2)!important}
nav ul a:hover,nav ul a.on,.signin:hover,footer a:hover{color:var(--ink)!important}
.skip{background:var(--btn);color:var(--btnfg)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-color:var(--acc)}
.final:after{display:none!important}
.ab-h,.hero{background-image:none!important}.ab-h:before,.hero:before,.ab-h:after,.hero:after{display:none!important}.final a:not(.btn),.final a:not(.btn):visited{color:var(--acc)!important}

nav ul a,.signin{color:var(--mut)!important}nav ul a:hover,nav ul a.on,.signin:hover{color:var(--fg)!important}
.btn,.btn.s{background:var(--btn)!important;color:var(--btnfg)!important}
.btn.o{background:transparent!important;color:var(--fg)!important;border:1px solid var(--line)!important}
.burger{background:transparent!important;border-color:var(--line)!important}.burger i{background:var(--fg)!important}
footer,footer a{color:var(--mut)!important}
.m{max-width:1120px;margin:0 auto;padding:0 24px;text-align:left}
.m *{box-sizing:border-box}
.m h1,.m h2,.m h3{font-family:Bricolage,sans-serif;color:var(--fg);margin:0}
.m em{font-style:normal;color:var(--acc)}
.lab{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:600}
.hero2{padding:130px 0 70px;display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end}
.hero2 h1{font-weight:600;font-size:clamp(3rem,6.4vw,5.6rem)!important;line-height:1!important;letter-spacing:-.04em;margin-top:20px}
.hero2 p{color:var(--mut);font-size:1.15rem;line-height:1.6;max-width:430px;margin:0 0 26px}
.hero2 .cta{display:flex;gap:12px;flex-wrap:wrap}
.ph2{height:clamp(300px,38vw,560px);background:url(/assets/img/photos/step-3.jpg) center 42%/cover;border-radius:6px}
.row2{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:30px;padding:46px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px}
.row2 img{max-height:40px;max-width:100%;filter:invert(var(--inv));opacity:.85;justify-self:center}
.st2{padding-top:130px}
.st2 h2{font-weight:600;font-size:clamp(2rem,3.6vw,3rem)!important;letter-spacing:-.035em;line-height:1.05!important;margin-bottom:50px;max-width:640px}
.ln{display:grid;grid-template-columns:260px 1.1fr 1fr;gap:50px;align-items:start;padding:40px 0;border-top:1px solid var(--line)}
.ln:last-child{border-bottom:1px solid var(--line)}
.ln .im{aspect-ratio:4/3;background:center/cover;border-radius:4px}
.ln h3{font-weight:600;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.08;letter-spacing:-.03em}
.ln p{margin:0;color:var(--mut);line-height:1.65;font-size:1.04rem}
.s3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.s3 div{border-top:1px solid var(--line);padding-top:22px}.s3 b{font-family:Bricolage;font-weight:500;color:var(--acc);font-size:.95rem}
.s3 h3{font-weight:600;font-size:1.5rem;letter-spacing:-.02em;margin:26px 0 8px}.s3 p{margin:0;color:var(--mut)}
.pl2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pc2{border:1px solid var(--line);border-radius:6px;padding:38px}
.pc2.hi{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.pc2 h3{font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.pc2.hi h3{color:var(--bg)}
.pc2 .p{font-family:Bricolage;font-weight:600;font-size:3.8rem;letter-spacing:-.05em;margin:16px 0 4px}.pc2 .p small{font-family:Hanken;font-size:.95rem;font-weight:400;letter-spacing:0;color:var(--mut)}
.pc2.hi .p,.pc2.hi li{color:var(--bg)}.pc2.hi .p small{color:var(--bg);opacity:.65}
.pc2 ul{list-style:none;margin:22px 0 28px;padding:0}.pc2 li{padding:12px 0;border-top:1px solid var(--line);color:var(--mut)}.pc2.hi li{border-color:rgba(128,128,128,.4);opacity:.9}
.pc2.hi .btn{background:var(--bg)!important;color:var(--fg)!important}
.pt{padding-top:130px}
.pt .mqs img{filter:invert(var(--inv))!important;opacity:.8}
.pt h2{font-weight:600;font-size:clamp(1.8rem,3vw,2.5rem)!important;letter-spacing:-.03em;margin:14px 0 36px;text-align:left!important}
.cta2{padding:140px 0 100px;display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
.cta2 h2{font-weight:600;font-size:clamp(2.6rem,6vw,5rem)!important;letter-spacing:-.045em;line-height:1!important}
@media(max-width:860px){.hero2{grid-template-columns:1fr;gap:34px;padding:100px 0 40px}.row2{grid-template-columns:1fr 1fr}.ln{grid-template-columns:1fr;gap:18px}.s3,.pl2{grid-template-columns:1fr}.cta2{padding:90px 0 70px}}
@media(max-width:860px){.st2,.pt{padding-top:80px}.row2{margin-top:50px}}