/* Masking page: a white document on a blue stage, then large type */
.ms{background:#F6F7F9;color:#0E1626}
.ms .mk-hero,.ms .sp-end{padding-block:0}
.ms .ms .btn{text-decoration:none;font-weight:700}
.ms .top .btn{background:#fff;color:#15379F;box-shadow:none}
.ms .top:not(.scrolled) .nav a{color:#DCE6FF}
.ms .top:not(.scrolled) .nav a:hover{color:#fff}
.ms .top:not(.scrolled) .burger span{background:#fff}
.ms .top:not(.scrolled):not(.open) .logo-img{filter:brightness(0) invert(1)}
.ms .top.open .burger span{background:#0E1626}
.ms .top.open .nav a{color:#0E1626}
.ms .top.scrolled .btn{background:#2563EB;color:#fff}

.mk-hero{position:relative;overflow:hidden;isolation:isolate;min-height:100svh;color:#fff;
  background:radial-gradient(60% 70% at 78% 30%,#3D7BFF 0%,rgba(61,123,255,0) 70%),linear-gradient(140deg,#1F5BE6,#15379F 62%,#0F2A7C)}
.mk-in{max-width:1400px;min-height:100svh;margin:0 auto;padding:96px var(--gut) 36px;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(24px,4vw,64px);align-items:center}
.mk-eyebrow{font:500 12.5px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#BFD3FF}
.mk-copy h1{margin-top:14px;font-size:clamp(40px,min(5vw,10vh),80px);line-height:1;letter-spacing:-.04em;color:#fff}
.mk-copy p{margin-top:20px;max-width:38ch;font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:#DCE6FF}
.mk-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.mk-cta .btn{padding:15px 26px;font-size:16px}
.mk-cta .b1{background:#fff;color:#15379F;box-shadow:none}
.mk-cta .b1:hover{background:#DCE6FF}
.mk-cta .b2{color:#fff;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.mk-cta .b2:hover{box-shadow:inset 0 0 0 1px #fff;color:#fff}

.mk-stage{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(220px,264px);grid-template-rows:auto 1fr;min-width:0}
.mk-tabs{grid-column:1/4;display:flex;gap:4px;margin-bottom:12px}
.mk-tabs button{border:0;border-radius:999px;padding:9px 16px;background:rgba(255,255,255,.14);color:#fff;font:600 14px var(--sans);cursor:pointer;transition:background .25s,color .25s}
.mk-tabs button:hover{background:rgba(255,255,255,.26)}
.mk-tabs button.on{background:#fff;color:#15379F}
.mk-doc{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:6px;background:#fff;color:#16202F;padding:clamp(22px,2.4vw,34px);min-height:412px;
  box-shadow:0 40px 90px -30px rgba(6,20,70,.75),0 2px 0 rgba(255,255,255,.6) inset}
.mk-doc header{display:flex;flex-direction:column;gap:2px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #E4E8F0}
.mk-doc header b{font-size:21px;font-weight:800;letter-spacing:-.015em}
.mk-doc header span{font-size:13px;color:#667386}
.mk-doc p{margin:0 0 14px;font-size:15.5px;line-height:1.72}
.mk-v{font:500 14.5px var(--mono);border-radius:5px;padding:2px 6px;background:#FFE3DE;color:#B3261E;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background .2s,color .2s}
.mk-v.hot{background:#FFFFFF;color:#2563EB;box-shadow:0 0 0 2px #6D9BFF}
.mk-v.fake{background:#DBE7FF;color:#1A45C7}
.mk-body{flex:1}
.mk-doc>footer{margin-top:10px;padding-top:12px;border-top:1px solid #E4E8F0;font-size:12.5px;color:#667386}
.mk-beam{position:absolute;left:0;right:0;top:0;height:2px;z-index:3;background:#2563EB;box-shadow:0 0 18px 3px rgba(37,99,235,.65)}
.mk-beam::before{content:'';position:absolute;left:0;right:0;bottom:2px;height:90px;background:linear-gradient(0deg,rgba(37,99,235,.14),rgba(37,99,235,0))}
.mk-beam.off{visibility:hidden}

.mk-wire{position:relative;align-self:center}
.mk-wire::before{content:'';position:absolute;left:0;right:0;top:-1px;border-top:2px dashed rgba(255,255,255,.45)}
.mk-wire i{position:absolute;top:-5px;left:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(255,255,255,.7)}
.sent .mk-wire i{animation:mk-go 1s linear infinite}
@keyframes mk-go{to{left:calc(100% - 10px)}}

.mk-model{align-self:center;padding:18px;border-radius:18px;background:#0A1530;color:#EEF2FA;box-shadow:0 30px 70px -30px rgba(6,20,70,.9)}
.mk-model>b{display:block;font-size:15px;font-weight:800;color:#fff}
.mk-got{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}
.mk-got li{opacity:.32;transition:opacity .35s}
.mk-got li.on{opacity:1}
.mk-got small{display:block;font-size:11.5px;color:#8FA3C8}
.mk-got span{display:block;font:500 13px/1.3 var(--mono);color:#fff;overflow-wrap:anywhere}
.mk-model p{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1.35;color:#BFD3FF}

.mk-sec{padding-block:clamp(72px,9vw,124px)}
.mk-sec .wrap{max-width:1240px}
.mk-kick{font:500 12.5px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#2563EB}
.mk-say{margin-top:14px;max-width:18ch;font-size:clamp(34px,5.4vw,76px);line-height:1.02;letter-spacing:-.035em}
.mk-lead{margin-top:18px;max-width:58ch;font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:#46546A}
.mk-swap{margin-top:clamp(28px,4vw,48px)}
.mk-switch{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#E6EAF2}
.mk-switch button{border:0;border-radius:999px;padding:10px 20px;background:transparent;color:#46546A;font:700 15px var(--sans);cursor:pointer;transition:background .25s,color .25s}
.mk-switch button.on{background:#fff;color:#15379F;box-shadow:0 1px 3px rgba(14,22,38,.14)}
.mk-line{margin-top:22px;max-width:30ch;font-size:clamp(24px,3.5vw,46px);font-weight:700;line-height:1.28;letter-spacing:-.02em}
.mk-w .b{color:#1A45C7}
.mk-w .a{font-family:var(--mono);font-weight:500;font-size:.8em;color:#B3261E}
[data-now=twin] .mk-w .a,[data-now=tags] .mk-w .b{display:none}
.mk-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:clamp(36px,5vw,64px)}
.mk-three p{font-size:16.5px;line-height:1.5;color:#46546A}
.mk-three b{display:block;margin-bottom:6px;color:#0E1626}

.mk-wall{background:#fff}
.mk-words{display:flex;flex-wrap:wrap;gap:.1em .34em;margin-top:clamp(28px,4vw,44px);font-size:clamp(28px,5.2vw,72px);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:#0E1626}
.mk-words span{border-radius:.14em;padding:0 .12em;animation:mk-hi 11s linear infinite;animation-delay:calc(var(--i)*1s)}
@keyframes mk-hi{0%,9%{background:#DBE7FF;color:#1A45C7}10%,100%{background:transparent;color:#0E1626}}

.mk-safe{background:#0A1530;color:#EEF2FA}
.mk-safe .mk-kick{color:#8FB1FF}
.mk-safe .mk-say{color:#fff}
.mk-safe .mk-lead{color:#BAC5D9}
.mk-gate{margin-top:clamp(32px,4vw,52px)}
.mk-flow{display:grid;grid-template-columns:auto minmax(24px,1fr) auto minmax(24px,1fr) auto;align-items:center;margin-top:24px}
.mk-flow b{padding:14px 22px;border-radius:14px;background:#14224A;font-size:clamp(14px,1.6vw,20px);font-weight:700;color:#fff;transition:background .3s,color .3s}
.mk-flow .gate{background:#2563EB}
.mk-flow i{height:3px;background:repeating-linear-gradient(90deg,#6D9BFF 0 10px,transparent 10px 18px);background-size:18px 3px;animation:mk-run .7s linear infinite}
@keyframes mk-run{to{background-position:18px 0}}
[data-now=fail] .mk-flow .gate{background:#D93A32}
[data-now=fail] .mk-flow i.l2{background:#2A3658;animation:none}
[data-now=fail] .mk-flow .end{color:#7E8BA8}
.mk-status{margin-top:16px;font-size:clamp(17px,1.8vw,22px);font-weight:700}
.mk-status span{display:none}
[data-now=ok] .mk-status .s-ok,[data-now=fail] .mk-status .s-fail{display:inline}
.mk-status .s-fail{color:#FF9D8F}
.mk-safe .mk-switch{background:rgba(255,255,255,.1)}
.mk-safe .mk-switch button{color:#BAC5D9}
.mk-safe .mk-switch button.on{color:#15379F}
.mk-safe .mk-three p{color:#BAC5D9}
.mk-safe .mk-three b{color:#fff}

.mk-faq{max-width:900px}
.mk-faq h2{font-size:clamp(28px,3.6vw,46px);line-height:1.06;letter-spacing:-.03em;margin-bottom:28px}
.mk-faq details{border-top:1px solid #DCE1EA}
.mk-faq details:last-child{border-bottom:1px solid #DCE1EA}
.mk-faq summary{display:flex;justify-content:space-between;gap:16px;padding-block:18px;font-size:18px;font-weight:700;cursor:pointer;list-style:none}
.mk-faq summary::-webkit-details-marker{display:none}
.mk-faq summary::after{content:'+';flex:none;font-size:22px;line-height:1;color:#2563EB}
.mk-faq details[open] summary::after{content:'-'}
.mk-faq p{max-width:68ch;padding-bottom:20px;font-size:16px;line-height:1.55;color:#46546A}

.ms .sp-end{position:relative;overflow:hidden;background:linear-gradient(135deg,#1F5BE6,#15379F);color:#fff}
.ms .sp-end .wrap{padding-block:clamp(64px,9vw,120px)}
.ms .sp-end h2{max-width:17ch;font-size:clamp(34px,5.4vw,74px);line-height:1.02;letter-spacing:-.035em}
.ms .sp-end p{margin-top:16px;max-width:52ch;font-size:18px;color:#DCE6FF}
.ms .sp-end .btn{margin-top:28px;background:#fff;color:#15379F;padding:16px 28px;font-size:16px;box-shadow:none}

@media (max-width:1100px){
  .mk-in{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-top:84px}
  .mk-copy{display:contents}
  .mk-eyebrow{order:1}.mk-copy h1{order:2}.mk-copy p{order:3;margin-top:12px}.mk-stage{order:4;margin-top:18px}.mk-cta{order:5}
  .mk-copy p{max-width:none}
  .mk-copy h1{font-size:clamp(38px,10.6vw,72px)}
  .mk-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .mk-tabs{grid-column:1}
  .mk-wire{height:34px;width:2px;justify-self:center}
  .mk-wire::before{left:0;right:auto;top:0;bottom:0;border-top:0;border-left:2px dashed rgba(255,255,255,.45)}
  .mk-wire i{top:0;left:-4px}
  .sent .mk-wire i{animation-name:mk-down}
  .mk-doc{min-height:0}
  .mk-got{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-three{grid-template-columns:minmax(0,1fr)}
}
@keyframes mk-down{to{top:calc(100% - 10px)}}
@media (max-width:520px){
  .mk-tabs button{flex:1;padding-inline:8px;font-size:13px}
  .mk-doc{padding:18px 16px}
  .mk-doc p{font-size:14.5px;line-height:1.75}
  .mk-v{font-size:13px;white-space:normal}
  .mk-switch{display:flex}
  .mk-switch button{flex:1;padding-inline:8px;font-size:14px}
  .mk-flow b{padding:10px 10px}
}
@media (prefers-reduced-motion:reduce){
  .mk-words span,.mk-flow i,.sent .mk-wire i{animation:none}
}