body{margin:0;background:#FFFFFF}
html{scroll-behavior:smooth}
::selection{background:#D6E2FD;color:#1C1D1F}
a{color:#1C1D1F}
a:hover{color:#1C1D1F}
h1,h2,h3{text-wrap:balance}
.stn-nl{color:#2E3238;text-decoration:none;transition:color .15s}
.stn-nl:hover{color:#1C1D1F}
.stn-btn{transition:background-color .15s,border-color .15s}
.stn-btn-o:hover{background:#F6F7F9 !important}
.stn-btn-d:hover{background:#2A2B2F !important}
.stn-btn-od:hover{background:#1A1B1E !important}
.stn-side a{transition:color .2s}
.stn-side a:hover{color:#1C1D1F !important}
.stn-tab{transition:background-color .2s}
.stn-ft{color:#B6BCC6;text-decoration:none}
.stn-ft:hover{color:#FFFFFF}
input:focus,textarea:focus{outline:none;border-color:#5B8CF5 !important;box-shadow:0 0 0 3px rgba(47,107,240,.22)}
a:focus-visible,button:focus-visible{outline:2px solid #2F6BF0;outline-offset:3px;border-radius:6px}
.stn-arw svg{transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.stn-arw:hover svg{transform:translateX(3px)}
.stn-qw{transition:color .45s ease}
.stn-shim{background:linear-gradient(90deg,#8A93A3 0%,#8A93A3 38%,#1C1D1F 50%,#8A93A3 62%,#8A93A3 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:stn-shimmer 1.5s linear infinite}
.stn-spin{display:inline-block;flex:none;width:12px;height:12px;border-radius:99px;border:1.5px solid #DCE0E8;border-top-color:#2F6BF0;box-sizing:border-box;animation:stn-rot .75s linear infinite}
.stn-live{position:relative;display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:99px;background:#2F6BF0;vertical-align:1px}
.stn-live::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:99px;background:#2F6BF0;animation:stn-ping 2.2s cubic-bezier(.2,.6,.3,1) infinite}
.stn-dot{position:absolute;width:6px;height:6px;border-radius:99px;background:#2F6BF0;box-shadow:0 0 0 3px rgba(47,107,240,.18)}
.stn-lx{transform-origin:0 50%}.stn-lxr{transform-origin:100% 50%}.stn-ly{transform-origin:50% 0}.stn-lyb{transform-origin:50% 100%}
.stn-grow{overflow:hidden;padding:4px 5px;margin:4px -5px -4px}
@keyframes stn-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes stn-k{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes stn-pop{from{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:none}}
@keyframes stn-pc{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes stn-fade{from{opacity:0}to{opacity:1}}
@keyframes stn-out{from{opacity:1}to{opacity:0}}
@keyframes stn-sl{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
@keyframes stn-sr{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@keyframes stn-blur{from{opacity:0;filter:blur(12px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes stn-dx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes stn-dy{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes stn-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes stn-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes stn-grow{from{max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}to{max-height:150px;padding-top:4px;padding-bottom:4px;margin-top:4px;margin-bottom:-4px}}
@keyframes stn-drop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes stn-new{0%{box-shadow:0 0 0 0 rgba(47,107,240,0)}25%{box-shadow:0 0 0 4px rgba(47,107,240,.22)}100%{box-shadow:0 0 0 0 rgba(47,107,240,0)}}
@keyframes stn-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes stn-shimmer{from{background-position:100% 0}to{background-position:0 0}}
@keyframes stn-thk{0%{opacity:0}12%{opacity:1}82%{opacity:1}100%{opacity:0}}
@keyframes stn-ping{from{transform:scale(1);opacity:.55}to{transform:scale(2.8);opacity:0}}
@keyframes stn-ring{0%{transform:translate(-50%,-50%) scale(.33);opacity:0}12%{opacity:.9}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes stn-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes stn-rot{to{transform:rotate(360deg)}}
@keyframes stn-roll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes stn-scan{0%{transform:translateY(-8%);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateY(100%);opacity:0}}
@keyframes stn-tx{0%{left:0;opacity:0}1.5%{opacity:1}6%{left:100%;opacity:1}7.5%,100%{left:100%;opacity:0}}
@keyframes stn-txl{0%{left:100%;opacity:0}1.5%{opacity:1}12%{left:0;opacity:1}13.5%,100%{left:0;opacity:0}}
@keyframes stn-ty{0%{top:0;opacity:0}1.5%{opacity:1}6%{top:100%;opacity:1}7.5%,100%{top:100%;opacity:0}}
@keyframes stn-tyc{0%{top:0;opacity:0}3%{opacity:1}60%{top:100%;opacity:1}64%,100%{top:100%;opacity:0}}
@keyframes stn-glowv{0%,100%{box-shadow:0 0 0 3px rgba(47,107,240,.10)}5%{box-shadow:0 0 0 8px rgba(47,107,240,.22)}15%{box-shadow:0 0 0 3px rgba(47,107,240,.10)}}
@keyframes stn-glowg{0%,100%{box-shadow:0 1px 2px rgba(16,24,40,.05)}5%{box-shadow:0 0 0 6px rgba(34,160,107,.20)}15%{box-shadow:0 1px 2px rgba(16,24,40,.05)}}
@keyframes stn-halo{0%,100%{box-shadow:0 0 0 0 rgba(91,140,245,0)}6%{box-shadow:0 0 0 6px rgba(91,140,245,.3)}18%{box-shadow:0 0 0 0 rgba(91,140,245,0)}}
@keyframes stn-pulb{0%,100%{box-shadow:0 0 0 0 rgba(47,107,240,0)}50%{box-shadow:0 0 0 5px rgba(47,107,240,.16)}}
@keyframes stn-pula{0%,100%{box-shadow:0 0 0 0 rgba(243,199,122,0)}50%{box-shadow:0 0 0 5px rgba(243,199,122,.45)}}
@keyframes stn-rise{from{opacity:0;transform:translateX(-50%) translateY(90px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes stn-arcs{0%{transform:rotate(-34deg);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:rotate(34deg);opacity:0}}
@keyframes stn-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.stn-in{animation:stn-in .9s cubic-bezier(.16,.84,.24,1) both}
.stn-in2{animation:stn-in .9s .16s cubic-bezier(.16,.84,.24,1) both}
.stn-in2b{animation:stn-in .9s .26s cubic-bezier(.16,.84,.24,1) both}
.stn-in3{animation:stn-in 1.1s .34s cubic-bezier(.16,.84,.24,1) both}
.stn-hb{animation:stn-blur 1.1s .06s cubic-bezier(.16,.84,.24,1) both}
.stn-mk{animation:stn-k .8s cubic-bezier(.16,.84,.24,1) both}
.stn-mp{animation:stn-pop .55s cubic-bezier(.2,.9,.3,1.15) both}
.stn-mf{animation:stn-fade .7s ease both}
.stn-mo{animation:stn-out .3s ease both}
.stn-tl{animation:stn-wipe .5s steps(22,end) both}
.stn-pan{animation:stn-fade .5s ease both}
.stn-sat1{animation:stn-bob 7s ease-in-out infinite}
.stn-sat2{animation:stn-bob 8s 1.2s ease-in-out infinite}
.stn-sat3{animation:stn-bob 7.5s .6s ease-in-out infinite}
.stn-sat1{left:max(-72px, calc(12px - max(0px, (100vw - 1240px) / 2))) !important}
.stn-sat2{left:max(-48px, calc(12px - max(0px, (100vw - 1240px) / 2))) !important}
.stn-sat3{right:max(-72px, calc(12px - max(0px, (100vw - 1240px) / 2))) !important}
@media (min-width: 1001px){
.stn-hstage{--mw:960px}
.stn-hstage > .stn-in3{max-width:none !important}
.stn-hmain{width:var(--mw) !important;z-index:2}
.stn-sw1,.stn-sw2,.stn-sw3{z-index:3}
.stn-sat1{left:max(12px, calc(50% - var(--mw) / 2 - 216px)) !important}
.stn-sat2{left:max(12px, calc(50% - var(--mw) / 2 - 196px)) !important}
}
@media (max-width: 1399px){.stn-sat3{display:none !important}}
@media (min-width: 1400px){
.stn-hstage{--mw:clamp(960px, calc(100vw - 448px), 1160px);--mh:max(600px, calc(var(--mw) * .57));height:calc(var(--mh) + 40px) !important;--sl:max(12px, calc(50% - var(--mw) / 2 - 216px));--sr:max(12px, calc(50% - var(--mw) / 2 - 224px))}
.stn-sw1,.stn-sw3{z-index:1}
.stn-sat1{box-sizing:border-box;left:var(--sl) !important;top:-28px !important;width:calc(50% - var(--mw) / 2 - var(--sl) + 24px) !important;padding-right:24px}
.stn-sat2{width:334px !important;bottom:66px !important}
.stn-sat3 *{white-space:nowrap}
.stn-sat3{box-sizing:border-box;right:var(--sr) !important;top:40px !important;width:calc(50% - var(--mw) / 2 - var(--sr) + 24px) !important;padding-left:24px}
}
@media (max-width: 1359px){.stn-sat3{display:none !important}}
.stn-hscan{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;opacity:0;animation:stn-scan 2.2s 1.2s cubic-bezier(.45,0,.4,1) both}
.stn-hcaret{display:inline-block;width:6px;height:12px;margin-left:4px;vertical-align:-2px;background:#8D94A0;opacity:0;animation:stn-blink 1.05s 3.6s steps(1,end) infinite}
.stn-roll{animation:stn-roll 16s 3.2s linear infinite}
.stn-rot{animation:stn-rot 14s linear infinite}
.stn-rotr{animation:stn-rot 22s linear infinite reverse}
.stn-ready .stn-g .stn-k,.stn-ready .stn-g .stn-p,.stn-ready .stn-g .stn-f,.stn-ready .stn-g .stn-l,.stn-ready .stn-g .stn-r,.stn-ready .stn-g .stn-w,.stn-ready .stn-g .stn-bl,.stn-ready .stn-g .stn-pc,.stn-ready .stn-g .stn-fb,.stn-ready .stn-g .stn-rise,.stn-ready .stn-g .stn-drop{opacity:0}
.stn-ready .stn-g .stn-lx,.stn-ready .stn-g .stn-lxr{transform:scaleX(0)}
.stn-ready .stn-g .stn-ly,.stn-ready .stn-g .stn-lyb{transform:scaleY(0)}
.stn-ready .stn-g .stn-wipe{clip-path:inset(0 100% 0 0)}
.stn-ready .stn-g .stn-dr{stroke-dasharray:1;stroke-dashoffset:1}
.stn-ready .stn-g:not(.stn-on) .stn-grow{max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}
.stn-o{visibility:hidden}.stn-ready .stn-o{visibility:visible}
.stn-ready .stn-g.stn-on .stn-k{animation:stn-k .85s cubic-bezier(.16,.84,.24,1) both}
.stn-ready .stn-g.stn-on .stn-p{animation:stn-pop .6s cubic-bezier(.2,.9,.3,1.15) both}
.stn-ready .stn-g.stn-on .stn-f{animation:stn-fade .8s ease both}
.stn-ready .stn-g.stn-on .stn-l{animation:stn-sl .8s cubic-bezier(.16,.84,.24,1) both}
.stn-ready .stn-g.stn-on .stn-r{animation:stn-sr .8s cubic-bezier(.16,.84,.24,1) both}
.stn-ready .stn-g.stn-on .stn-w{animation:stn-fade .4s ease both}
.stn-ready .stn-g.stn-on .stn-bl{animation:stn-blur 1.2s cubic-bezier(.16,.84,.24,1) both}
.stn-ready .stn-g.stn-on .stn-pc{animation:stn-pc .7s cubic-bezier(.2,.9,.3,1.1) both}
.stn-ready .stn-g.stn-on .stn-fb{animation:stn-fade .7s ease both,stn-bob 3.8s ease-in-out infinite}
.stn-ready .stn-g.stn-on .stn-rise{animation:stn-rise 1.8s cubic-bezier(.16,.84,.24,1) both}
.stn-ready .stn-g.stn-on .stn-drop{animation:stn-drop .7s cubic-bezier(.16,.84,.24,1) both,stn-new 2.4s ease-out both}
.stn-ready .stn-g.stn-on .stn-grow{animation:stn-grow .7s cubic-bezier(.16,.84,.24,1) both}
.stn-ready .stn-g.stn-on .stn-o{animation:stn-out .25s ease both}
.stn-ready .stn-g.stn-on .stn-lx,.stn-ready .stn-g.stn-on .stn-lxr{animation:stn-dx .7s cubic-bezier(.65,0,.35,1) both}
.stn-ready .stn-g.stn-on .stn-ly,.stn-ready .stn-g.stn-on .stn-lyb{animation:stn-dy .8s cubic-bezier(.65,0,.35,1) both}
.stn-ready .stn-g.stn-on .stn-wipe{animation:stn-wipe 1.8s cubic-bezier(.65,0,.35,1) both}
.stn-ready .stn-g.stn-on .stn-dr{animation:stn-draw 1.5s cubic-bezier(.65,0,.35,1) both}
.stn-ready .stn-g.stn-on .stn-p.stn-glowv{animation:stn-pop .6s cubic-bezier(.2,.9,.3,1.15) both,stn-glowv 7s ease-out infinite}
.stn-ready .stn-g.stn-on .stn-p.stn-glowg{animation:stn-pop .6s cubic-bezier(.2,.9,.3,1.15) both,stn-glowg 7s ease-out infinite}
.stn-ready .stn-g.stn-on .stn-p.stn-pulb{animation:stn-pop .6s cubic-bezier(.2,.9,.3,1.15) both,stn-pulb 2.6s ease-in-out infinite}
.stn-ready .stn-g.stn-on .stn-p.stn-pula{animation:stn-pop .6s cubic-bezier(.2,.9,.3,1.15) both,stn-pula 2.4s ease-in-out infinite}
.stn-ring,.stn-tx,.stn-txl,.stn-ty,.stn-tyc,.stn-caret,.stn-thk,.stn-scanb,.stn-svgp,.stn-sweep{opacity:0}
.stn-g.stn-on .stn-ring{animation:stn-ring 3.6s cubic-bezier(.2,.6,.3,1) infinite}
.stn-g.stn-on .stn-tx{animation:stn-tx 7s linear infinite}
.stn-g.stn-on .stn-txl{animation:stn-txl 7s linear infinite}
.stn-g.stn-on .stn-ty{animation:stn-ty 7s linear infinite}
.stn-g.stn-on .stn-tyc{animation:stn-tyc 6s linear infinite}
.stn-g.stn-on .stn-halo{animation:stn-halo 6s ease-out infinite}
.stn-g.stn-on .stn-caret{animation:stn-blink 1.05s steps(1,end) infinite}
.stn-g.stn-on .stn-thk{animation:stn-thk 1.6s ease both}
.stn-g.stn-on .stn-scanb{animation:stn-scan 3.2s cubic-bezier(.45,0,.4,1) infinite}
.stn-g.stn-on .stn-svgp{animation:stn-ping 2.4s cubic-bezier(.2,.6,.3,1) infinite}
.stn-g.stn-on .stn-sweep{animation:stn-arcs 8s cubic-bezier(.45,0,.55,1) infinite}
@keyframes stn-scin{from{opacity:0}to{opacity:1}}
@keyframes stn-chc{0%,99%{opacity:1;box-shadow:2px 0 0 #2F6BF0}100%{opacity:1;box-shadow:2px 0 0 rgba(47,107,240,0)}}
@keyframes stn-ringon{to{border-color:#9DB8F9;box-shadow:0 0 0 3px rgba(47,107,240,.12)}}
@keyframes stn-hl{to{color:#2557D6;font-weight:600}}
.stn-scin{animation:stn-scin .45s ease both}
.stn-scout{animation:stn-out .35s ease both !important}
.stn-ch{opacity:0;animation:stn-chc 30ms linear forwards}
.stn-mcaret{display:inline-block;width:1.5px;height:1.05em;margin-left:1px;vertical-align:-.15em;background:#2F6BF0;opacity:0;animation:stn-blink 1.05s steps(1,end) infinite}
.stn-mthk{opacity:0;animation:stn-thk 1.6s ease both}
.stn-mlx,.stn-mlxr,.stn-mly,.stn-mlyb{animation:stn-dx .5s cubic-bezier(.65,0,.35,1) both}
.stn-mlx{transform-origin:0 50%}.stn-mlxr{transform-origin:100% 50%}
.stn-mly,.stn-mlyb{animation-name:stn-dy}.stn-mly{transform-origin:50% 0}.stn-mlyb{transform-origin:50% 100%}
.stn-mp.stn-mring{animation:stn-pop .55s cubic-bezier(.2,.9,.3,1.15) both,stn-ringon .4s ease forwards}
.stn-mhl{animation:stn-hl .3s ease forwards}
.stn-mscan{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;opacity:0;animation:stn-scan 2.2s cubic-bezier(.45,0,.4,1) both}
.stn-sw{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none}
.stn-sw1{animation:stn-sl 1s .8s cubic-bezier(.16,.84,.24,1) both}
.stn-sw2{animation:stn-in 1s 1.05s cubic-bezier(.16,.84,.24,1) both}
.stn-sw3{animation:stn-sr 1s .95s cubic-bezier(.16,.84,.24,1) both}
.stn-sw .stn-sat{pointer-events:auto}
@keyframes stn-drag{0%{transform:none;box-shadow:0 1px 2px rgba(16,24,40,0)}14%{transform:translate(0,-6px) rotate(-2.5deg) scale(1.03);box-shadow:0 18px 32px -14px rgba(16,24,40,.3)}72%{transform:translate(260px,4px) rotate(-2.5deg) scale(1.03);box-shadow:0 18px 32px -14px rgba(16,24,40,.3)}88%,100%{transform:translate(260px,11px) rotate(0) scale(1);box-shadow:0 1px 2px rgba(16,24,40,.05)}}
@keyframes stn-acc{0%,19.5%{color:#F3F4F6}21%,98.5%{color:#7C8494}100%{color:#F3F4F6}}
@keyframes stn-accb{0%{transform:scaleX(0);opacity:1}20%{transform:scaleX(1);opacity:1}21%,100%{transform:scaleX(1);opacity:0}}
.stn-ready .stn-g .stn-gch{opacity:0}
.stn-ready .stn-g.stn-on .stn-gch{animation:stn-chc 30ms linear forwards}
.stn-ready .stn-g.stn-on .stn-p.stn-ring2{animation:stn-pop .6s cubic-bezier(.2,.9,.3,1.15) both,stn-ringon .4s ease forwards}
.stn-ready .stn-g.stn-on .stn-hl2{animation:stn-hl .3s ease forwards}
.stn-ready .stn-g.stn-on .stn-p.stn-drag{animation:stn-pop .6s cubic-bezier(.2,.9,.3,1.15) both,stn-drag 1.7s cubic-bezier(.45,0,.25,1) both}
.stn-ring{transform:translate(-50%,-50%) scale(.33)}
.stn-skel{display:none}.stn-ready .stn-skel{display:flex}
.stn-ready .stn-g.stn-on .stn-skel{animation:stn-out .6s ease both}
.stn-accb{opacity:0;transform:scaleX(0)}
.stn-g.stn-on .stn-accb{animation:stn-accb 20s linear infinite}
.stn-ready .stn-g.stn-on .stn-l.stn-acc{animation:stn-sl .8s cubic-bezier(.16,.84,.24,1) both,stn-acc 20s linear infinite}
.stn-hdr{transition:background-color .35s ease,border-color .35s ease}
.stn-hdr .stn-nl,.stn-hdr .stn-brand{transition:color .35s ease}
.stn-hdr.stn-dark{background:rgba(16,16,16,0.86) !important;border-bottom-color:#222326 !important}
.stn-dark .stn-brand{color:#F3F4F6 !important}
.stn-dark .stn-nl{color:#B6BCC6 !important}.stn-dark .stn-nl:hover{color:#FFFFFF !important}
.stn-dark .stn-lg-ink{display:none !important}.stn-dark .stn-lg-paper{display:block !important}
.stn-dark .stn-btn-o{background:transparent !important;border-color:#3A3D44 !important;color:#E4E7EC !important;box-shadow:none !important}
.stn-dark .stn-btn-d{background:#F3F4F6 !important;border-color:#FFFFFF !important;color:#101010 !important}
@keyframes stn-qwl{0%{color:#C3C9D2}5%{color:#1C1D1F}72%{color:#1C1D1F}78%{color:#C3C9D2}100%{color:#C3C9D2}}
@keyframes stn-arcs2{0%{transform:rotate(-34deg);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:rotate(34deg);opacity:0}}
.stn-qwa{color:#1C1D1F;animation:stn-qwl 12s linear infinite backwards}
.stn-sweepa{opacity:0;animation:stn-arcs2 8s 1.5s cubic-bezier(.45,0,.55,1) infinite}
.stn-g.stn-rs > *{transition:opacity .35s ease;opacity:0 !important}
.stn-hsticky{display:flex;flex-direction:column;justify-content:center;padding:40px 0 64px}
@media (min-width: 1001px){.stn-hsticky{min-height:min(calc(100vh - 100px), 940px);min-height:min(calc(100svh - 100px), 940px);padding:56px 0 64px;box-sizing:border-box}}
.stn-cta-s{display:none}
@media (max-width: 860px){.stn-hcall{display:inline-flex !important}}
@media (max-width: 480px){.stn-cta-l{display:none}.stn-cta-s{display:inline}}
@media (max-width: 700px){.stn-cv{display:none !important}.stn-bleed{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}}
.stn-mnav{display:none;position:static}
.stn-mnav summary::-webkit-details-marker{display:none}
.stn-mnav summary::marker{content:''}
.stn-mlink{display:flex;align-items:center;min-height:48px;border-bottom:1px solid #EEF0F3;color:#1C1D1F;text-decoration:none;font-size:16px;font-weight:500}
.stn-mnav[open] summary{background:#F3F4F6 !important}
@media (max-width: 860px){.stn-mnav{display:block}.stn-ft{display:inline-block;padding:8px 0}}
@media (max-width: 420px){.stn-hdr > div{padding:0 16px !important;column-gap:10px !important}.stn-hact{gap:6px !important}}
@media (max-width: 370px){.stn-hcall{display:none !important}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}.stn-mo{display:none !important}.stn-ch{opacity:1}.stn-accb{display:none}}
@media (max-width: 1000px){.stn-sat{display:none !important}.stn-side{display:none !important}}
.stn-logos{grid-template-columns:repeat(5,minmax(0,1fr))}
.stn-faq{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width: 700px){.stn-appside{display:none !important}.stn-pr{min-height:0 !important}}
@media (max-width: 860px){.stn-hnav,.stn-hphone{display:none !important}.stn-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.stn-faq{grid-template-columns:minmax(0,1fr)}}

[data-scene]:not(.is-on),[data-sent]:not(.is-on){display:none !important}
.stn-skip{position:absolute;left:12px;top:-80px;z-index:100;background:#1C1D1F;color:#FFFFFF;padding:10px 14px;border-radius:8px;text-decoration:none;font-size:14px}.stn-skip:focus{top:12px}
/* ── multi-page ── */
[id]{scroll-margin-top:76px}
.mp-wrap{max-width:1392px;margin:0 auto;border-left:1px solid #E4E7EC;border-right:1px solid #E4E7EC;box-sizing:border-box}
.mp-wrap-d{max-width:1392px;margin:0 auto;border-left:1px solid #222326;border-right:1px solid #222326;box-sizing:border-box}
.mp-sec{background:#FFFFFF;border-bottom:1px solid #E4E7EC}
.mp-alt{background:#FAFAFB}
.mp-dark{background:#101010;color:#F3F4F6;overflow:hidden}
.mp-head{padding:clamp(80px,9vw,128px) clamp(24px,4vw,56px) clamp(48px,5vw,64px)}
.mp-head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px}
.mp-head-side{display:flex;flex-wrap:wrap;gap:10px}
.mp-pill{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:7px;background:#EEF3FE;color:#2557D6;font-size:13px;font-weight:500;white-space:nowrap}
.mp-pill-d{background:rgba(47,107,240,0.18);color:#9DB8F9}
.mp-h2{margin:18px 0 0;max-width:820px;font-size:clamp(28px,2.9vw,42px);line-height:1.12;letter-spacing:-0.028em;font-weight:500;color:#1C1D1F}
.mp-h2 span,.mp-h3 span{color:#687284}
.mp-dark .mp-h2,.mp-dark .mp-h3{color:#F3F4F6}.mp-dark .mp-h2 span,.mp-dark .mp-h3 span{color:#8D94A0}
.mp-h3{margin:16px 0 0;max-width:680px;font-size:clamp(22px,1.9vw,28px);line-height:1.22;letter-spacing:-0.022em;font-weight:500;color:#1C1D1F}
.mp-blk-h > .mp-h3:first-child{margin-top:0}
.mp-txt{margin:16px 0 0;max-width:620px;font-size:16px;line-height:1.55;color:#687284}

/* buttons */
.mp-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;box-sizing:border-box}
.mp-btn-d{border:1px solid #505967;background:#202124;color:#F3F4F6 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 1px 2px rgba(16,24,40,0.12)}
.mp-btn-o{border:1px solid #CAD0D9;background:#FFFFFF;color:#2E3238 !important;box-shadow:0 1px 2px rgba(16,24,40,0.05)}
.mp-btn-l{border:1px solid #FFFFFF;background:#F3F4F6;color:#101010 !important;transition:background-color .15s}
.mp-btn-l:hover{background:#FFFFFF}
.mp-btn-od{border:1px solid #3A3D44;background:transparent;color:#E4E7EC !important;transition:background-color .15s,border-color .15s}
.mp-btn-od:hover{background:#1A1B1E !important;border-color:#4A4E57}
.mp-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:14px;font-weight:500;color:#2557D6 !important;text-decoration:none}
.mp-more:hover{color:#1C1D1F !important}

/* page hero */
.mp-hero{position:relative;background:#FFFFFF;border-bottom:1px solid #E4E7EC;overflow:hidden}
.mp-hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;background:linear-gradient(180deg,rgba(245,246,255,0) 0%,#F7F8FF 50%,#ECEFFF 100%);pointer-events:none}
.mp-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;background-image:repeating-linear-gradient(90deg,rgba(92,108,255,0.09) 0 1px,transparent 1px 7px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 85%);mask-image:linear-gradient(180deg,transparent 0%,#000 85%);pointer-events:none}
.mp-hero-in{position:relative;z-index:1;padding:clamp(28px,3vw,40px) clamp(24px,4vw,56px) clamp(80px,9vw,128px)}
.mp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#687284}
.mp-crumbs a{color:#687284;text-decoration:none}.mp-crumbs a:hover{color:#1C1D1F}
.mp-crumbs [aria-current]{color:#2E3238}
.mp-crumbs [aria-hidden]{color:#CAD0D9}
.mp-eyebrow{margin:clamp(48px,6vw,80px) 0 0;font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#2557D6}
.mp-h1{margin:18px 0 0;max-width:940px;font-size:clamp(38px,4.8vw,66px);line-height:1.02;letter-spacing:-0.04em;font-weight:600;color:#1C1D1F}
.mp-lead{margin:22px 0 0;max-width:700px;font-size:clamp(17px,1.4vw,19px);line-height:1.45;letter-spacing:-0.012em;color:#687284}
.mp-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.mp-micro{margin:16px 0 0;font-size:13px;color:#687284}
.mp-micro a{color:#2557D6;text-decoration:none}.mp-micro a:hover{color:#1C1D1F}

/* two columns with "on this page" */
.mp-split{display:flex;align-items:stretch}
.mp-side{flex:0 0 236px;border-right:1px solid #E4E7EC}
.mp-side nav{position:sticky;top:96px;padding:40px 0 40px 32px;display:flex;flex-direction:column;gap:2px;font-size:15px}
.mp-side nav a{display:flex;align-items:center;min-height:34px;text-decoration:none}
.mp-side [data-navind]{position:absolute;left:-1px;top:48px;width:2px;height:18px;background:#2F6BF0;transform:translateY(0px);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.mp-main{flex:1;min-width:0}
.mp-blk{border-bottom:1px solid #E4E7EC}
.mp-blk:last-child{border-bottom:0}
.mp-blk-h{padding:clamp(56px,6.5vw,96px) clamp(24px,3vw,40px) clamp(36px,4vw,52px)}
.mp-blk > [id^="bloc-"]:last-child > div:last-child{border-bottom:0 !important}

/* hairline grids (lines drawn inside each cell, so an incomplete last row stays clean) */
.mp-gw{overflow:hidden;border-top:1px solid #E4E7EC;container-type:inline-size}
.mp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:0 -1px -1px 0}
.mp-grid > *{box-shadow:inset -1px 0 0 #E4E7EC,inset 0 -1px 0 #E4E7EC;min-width:0}
.mp-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mp-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mp-g5{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
@media (max-width: 700px){.mp-g2,.mp-g3,.mp-g4{grid-template-columns:minmax(0,1fr)}}
@container (min-width: 0px){
.mp-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mp-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container (max-width: 980px){.mp-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width: 820px){.mp-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width: 560px){.mp-g2,.mp-g3,.mp-g4{grid-template-columns:minmax(0,1fr)}}
.mp-fc{padding:30px clamp(24px,2.6vw,36px) 34px;display:flex;flex-direction:column}
.mp-fc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.mp-fc h3{margin:0;font-size:17px;line-height:1.3;letter-spacing:-0.015em;font-weight:600;color:#1C1D1F}
.mp-fc p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#687284}
.mp-fc ul{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid #EEF0F3}
.mp-fc li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #EEF0F3;font-size:14.5px;color:#2E3238}
.mp-fc li::before{content:"";flex:none;width:5px;height:5px;border-radius:99px;background:#2F6BF0}
.mp-ic{display:inline-flex;flex:none;width:36px;height:36px;border-radius:10px;background:#EEF3FE;color:#2557D6;align-items:center;justify-content:center}
.mp-num{font-size:13px;color:#687284;font-variant-numeric:tabular-nums}
.mp-dark .mp-gw{border-top-color:#222326}
.mp-dark .mp-grid > *{box-shadow:inset -1px 0 0 #222326,inset 0 -1px 0 #222326}
.mp-dark .mp-fc h3{color:#F3F4F6}.mp-dark .mp-fc p{color:#8D94A0}
.mp-dark .mp-ic{background:rgba(47,107,240,0.18);color:#9DB8F9}

/* use-case cards */
.mp-cu{background:#FFFFFF;padding:26px clamp(20px,2.4vw,30px) 30px;display:flex;flex-direction:column;gap:10px}
.mp-cu-t{display:flex;justify-content:space-between;font-size:12.5px;color:#687284}
.mp-cu-a{font-size:16px;line-height:1.4;color:#2E3238;min-height:2.8em}
.mp-cu-ar{display:flex;align-items:center;gap:8px;margin:4px 0}
.mp-cu-ar span{flex:1;height:1px;background:#E4E7EC}
.mp-cu-w{font-size:12.5px;color:#2557D6}
.mp-cu-b{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-0.01em;color:#1C1D1F}
.mp-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:clamp(32px,4vw,48px) clamp(24px,4vw,56px)}
.mp-band p{margin:0;max-width:640px;font-size:clamp(18px,1.5vw,21px);line-height:1.35;letter-spacing:-0.015em;color:#1C1D1F}
.mp-band p span{color:#687284}
.mp-band > div{display:flex;flex-wrap:wrap;gap:10px}
.mp-main .mp-band{padding:clamp(28px,3vw,40px) clamp(24px,3vw,40px)}

/* steps */
.mp-st{padding:30px clamp(24px,2.4vw,32px) 34px}
.mp-st-n{font-size:clamp(26px,2.4vw,34px);line-height:1;letter-spacing:-0.03em;font-weight:600;color:#1C1D1F;font-variant-numeric:tabular-nums}
.mp-st-t{margin-top:14px;font-size:16px;font-weight:600;letter-spacing:-0.015em;color:#1C1D1F}
.mp-st p{margin:6px 0 0;font-size:15px;line-height:1.5;color:#687284}
.mp-st-i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:99px;border:1px solid #CAD0D9;font-size:13px;color:#2E3238;background:#FFFFFF}

/* questions */
.mp-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -1px -1px 0}
.mp-faq > div{background:#FAFAFB;padding:36px clamp(24px,4vw,56px) 44px;box-shadow:inset -1px 0 0 #E4E7EC,inset 0 -1px 0 #E4E7EC}
.mp-sec:not(.mp-alt) .mp-faq > div{background:#FFFFFF}
.mp-faq h3{margin:0;font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-0.015em;color:#1C1D1F}
.mp-faq p{margin:10px 0 0;max-width:560px;font-size:15px;line-height:1.55;color:#687284}
@media (max-width: 860px){.mp-faq{grid-template-columns:minmax(0,1fr)}}

/* cross links */
.mp-xc{display:flex;flex-direction:column;padding:28px 26px 26px;text-decoration:none;color:#1C1D1F;background:#FAFAFB;transition:background-color .2s}
.mp-xc:hover{background:#FFFFFF;color:#1C1D1F}
.mp-xc b{margin-top:22px;font-size:16px;font-weight:600;letter-spacing:-0.015em}
.mp-xc small{margin-top:6px;font-size:14px;line-height:1.45;color:#687284;font-weight:500}
.mp-xc-a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:22px;font-size:14px;color:#2557D6}

/* call to action */
.mp-cta{background:#101010;color:#F3F4F6}
.mp-cta-in{padding:clamp(96px,11vw,152px) 24px clamp(72px,8vw,104px);text-align:center;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:56px 56px;background-position:center top}
.mp-cta h2{margin:0 auto;max-width:860px;font-size:clamp(36px,4.6vw,64px);line-height:1;letter-spacing:-0.035em;font-weight:600;color:#F3F4F6}
.mp-cta p{margin:20px auto 0;max-width:580px;font-size:17px;line-height:1.45;color:#8D94A0}
.mp-cta .mp-ctas{justify-content:center;margin-top:34px}
.mp-cta-f{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:40px;font-size:14px;color:#8D94A0}

/* header: Solutions menu, active page, widths */
.mp-dd{position:relative;display:flex;align-items:center}
.mp-ddt svg{transition:transform .2s ease;opacity:.7}
.mp-dd:hover .mp-ddt svg,.mp-dd:focus-within .mp-ddt svg{transform:rotate(180deg)}
.mp-ddp{position:absolute;top:100%;left:-28px;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:50}
.mp-dd:hover .mp-ddp,.mp-dd:focus-within .mp-ddp{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease,visibility 0s}
.mp-dd.mp-closed .mp-ddp{opacity:0 !important;visibility:hidden !important}
.mp-ddc{width:736px;display:grid;grid-template-columns:minmax(0,1fr) 256px;background:#FFFFFF;border:1px solid #E4E7EC;border-radius:14px;box-shadow:0 28px 56px -20px rgba(16,24,40,0.28),0 2px 6px rgba(16,24,40,0.06);overflow:hidden;letter-spacing:-0.01em}
.mp-ddl{padding:10px;display:flex;flex-direction:column;gap:2px}
.mp-ddi{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:#1C1D1F;transition:background-color .15s}
.mp-ddi:hover,.mp-ddi[aria-current]{background:#F4F5F8;color:#1C1D1F}
.mp-ddi .mp-ic{width:32px;height:32px;border-radius:9px}
.mp-ddi b{display:block;font-size:14px;font-weight:600;color:#1C1D1F}
.mp-ddi small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:#687284;font-weight:500}
.mp-ddf{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:10px 10px 10px 0;padding:22px;border-radius:10px;background:#101010;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:28px 28px;color:#F3F4F6;text-decoration:none}
.mp-ddf:hover{color:#F3F4F6}
.mp-ddf-t{font-size:17px;line-height:1.3;letter-spacing:-0.02em;font-weight:500}
.mp-ddf-a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:13.5px;color:#9DB8F9}
.mp-ddf:hover .mp-ddf-a svg{transform:translateX(3px)}
.mp-ddf-a svg{transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.mp-ddb{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 22px;border-top:1px solid #EEF0F3;background:#FAFAFB;font-size:13px}
.mp-ddb a{display:inline-flex;align-items:center;gap:6px;color:#2E3238;text-decoration:none}
.mp-ddb a:hover{color:#2557D6}
.stn-hnav > a[aria-current="page"],.stn-hnav .mp-ddt[aria-current="page"]{color:#1C1D1F;text-decoration:underline;text-decoration-color:#2F6BF0;text-decoration-thickness:2px;text-underline-offset:9px}
.stn-dark .stn-hnav > a[aria-current="page"],.stn-dark .stn-hnav .mp-ddt[aria-current="page"]{color:#FFFFFF !important}
.stn-mlink[aria-current="page"]{color:#2557D6}
.mp-msub{min-height:42px !important;padding-left:16px;font-size:15px !important;color:#2E3238 !important}
.mp-msub[aria-current="page"]{color:#2557D6 !important}
.mp-ann svg{transition:transform .2s cubic-bezier(.2,.8,.2,1)}
@media (max-width: 1220px){.stn-hphone{display:none !important}.stn-hcall{display:inline-flex !important}}
@media (max-width: 1060px){.stn-hnav{display:none !important}.stn-mnav{display:block}}

/* dark split hero (audit) */
.mp-dhero{background:#101010;color:#F3F4F6;border-bottom:1px solid #222326}
.mp-dhero-in{display:flex;flex-wrap:wrap;gap:48px clamp(40px,5vw,80px);align-items:flex-start;padding:clamp(28px,3vw,40px) clamp(24px,4vw,56px) clamp(72px,8vw,112px);background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:56px 56px}
.mp-dhero .mp-crumbs{flex:1 1 100%}
.mp-dhero .mp-crumbs,.mp-dhero .mp-crumbs a{color:#8D94A0}.mp-dhero .mp-crumbs a:hover{color:#FFFFFF}
.mp-dhero .mp-crumbs [aria-current]{color:#E4E7EC}.mp-dhero .mp-crumbs [aria-hidden]{color:#3A3D44}
.mp-dhero-c{flex:1 1 440px;min-width:0;padding-top:clamp(16px,3vw,40px)}
.mp-dhero .mp-h1{color:#F3F4F6;font-size:clamp(36px,4.2vw,58px)}
.mp-dhero .mp-lead{color:#8D94A0}
.mp-dhero .mp-eyebrow{margin-top:0;color:#9DB8F9}
.mp-checks{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px;color:#E4E7EC}
.mp-checks li{display:flex;align-items:center;gap:12px}
.mp-checks svg{flex:none;color:#9DB8F9}
.mp-dhero-p{margin:30px 0 0;font-size:14px;color:#8D94A0}
.mp-dhero-p a{color:#F3F4F6;text-decoration:none;border-bottom:1px solid #3A3D44}.mp-dhero-p a:hover{color:#FFFFFF;border-bottom-color:#8D94A0}
.mp-dhero-f{flex:1 1 460px;min-width:0;max-width:640px}
.mp-dhero-f form{margin:0 !important;max-width:none !important}
.mp-dhero-f h2{margin:0 0 14px;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:#F3F4F6}

/* contact cards */
.mp-co{display:flex;flex-direction:column;gap:6px;padding:30px clamp(24px,2.6vw,36px) 34px;text-decoration:none;color:#1C1D1F;background:#FFFFFF}
a.mp-co:hover{background:#FAFAFB;color:#1C1D1F}
.mp-co .mp-ic{margin-bottom:16px}
.mp-co span{font-size:13px;color:#687284}
.mp-co b{font-size:18px;font-weight:600;letter-spacing:-0.02em}
.mp-co small{font-size:14px;line-height:1.45;color:#687284;font-weight:500}

/* integration visual */
.mp-iv{position:relative;height:430px;overflow:hidden;border-bottom:1px solid #E4E7EC;background:#FAFAFB;background-image:linear-gradient(#EEF0F3 1px,transparent 1px),linear-gradient(90deg,#EEF0F3 1px,transparent 1px);background-size:28px 28px;display:flex;align-items:center;justify-content:center}
.mp-iv-in{display:flex;flex-direction:column;align-items:center;gap:22px;padding:0 20px;width:100%;max-width:640px}
.mp-iv-row{display:flex;align-items:center;width:100%}
.mp-iv-chip{flex:none;box-sizing:border-box;width:156px;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;background:#FFFFFF;border:1px solid #DCE0E8;border-radius:10px;font-size:13.5px;color:#1C1D1F;box-shadow:0 1px 2px rgba(16,24,40,0.05)}
.mp-iv-chip i{display:inline-flex;width:20px;height:20px;border-radius:6px;background:#EEF3FE;color:#2557D6;align-items:center;justify-content:center;font-style:normal}
.mp-iv-ln{position:relative;flex:1 1 40px;height:1px;background:#9DB8F9;min-width:24px}
.mp-iv-ok{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:8px;background:#E9F7EF;color:#1F7A4D;font-size:13px}
.mp-iv-tag{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:#EEF3FE;color:#2557D6;font-size:12px}
.mp-iv-hd{display:flex;align-items:center;width:100%;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#687284}
.mp-iv-hd span{flex:none;width:156px;text-align:center}
.mp-iv-hd i{flex:1 1 40px;min-width:24px}
@media (max-width: 640px){.mp-iv{height:auto;padding:40px 0}.mp-iv-chip{width:auto;flex:1 1 0;min-width:0;padding:0 8px;font-size:12px;justify-content:center}.mp-iv-chip i{display:none}.mp-iv-ln{flex:0 0 14px;min-width:14px}.mp-iv-hd{display:none}}

/* system stack visual */
.mp-xs{position:relative;padding:clamp(36px,4vw,56px) clamp(24px,3vw,40px);border-bottom:1px solid #E4E7EC;background:#FAFAFB;background-image:linear-gradient(#EEF0F3 1px,transparent 1px),linear-gradient(90deg,#EEF0F3 1px,transparent 1px);background-size:28px 28px}
.mp-xs-l{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px 18px;background:#FFFFFF;border:1px solid #DCE0E8;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,0.04)}
.mp-xs-l + .mp-xs-l{margin-top:10px}
.mp-xs-n{flex:0 0 190px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:#1C1D1F}
.mp-xs-n .mp-ic{width:28px;height:28px;border-radius:8px}
.mp-xs-c{display:flex;flex-wrap:wrap;gap:6px}
.mp-xs-c span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:7px;background:#F4F5F8;border:1px solid #EEF0F3;font-size:12.5px;color:#2E3238}
.mp-xs-l.mp-xs-hl{border-color:#9DB8F9;box-shadow:0 0 0 3px rgba(47,107,240,0.10)}
.mp-xs-tag{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:6px;background:#EEF3FE;color:#2557D6;font-size:12px}
@media (max-width: 700px){.mp-xs-n{flex:1 1 100%}.mp-xs-tag{display:none}}

/* misc */
.mp-quote-link{display:inline-flex}
.mp-two{display:flex;flex-wrap:wrap;gap:24px 56px;align-items:flex-start;justify-content:space-between;padding:clamp(56px,7vw,96px) clamp(24px,4vw,56px)}
.mp-two > div{flex:1 1 380px;min-width:0}
.mp-dl{margin:0;border-top:1px solid #EEF0F3;font-size:15px}
.mp-dl div{display:flex;flex-wrap:wrap;gap:4px 16px;padding:13px 0;border-bottom:1px solid #EEF0F3}
.mp-dl dt{flex:0 0 150px;color:#687284}
.mp-dl dd{flex:1 1 220px;margin:0;color:#1C1D1F}
.mp-dl a{color:#1C1D1F;text-decoration:none;border-bottom:1px solid #CAD0D9}.mp-dl a:hover{border-bottom-color:#1C1D1F}

.mp-more-d{color:#9DB8F9 !important}.mp-more-d:hover{color:#FFFFFF !important}
.mp-g-alt > *{background:#FAFAFB}
.mp-fc-hl{background:#F5F7FF}
.mp-fc-hl h3{color:#2557D6}
.mp-fc-q{background:#FAFAFB}
.mp-sec-co .mp-gw{border-top:0}
@media (max-width: 700px){.mp-fnav > div:last-child{grid-column:1 / -1}}
.mp-fc-l p{min-height:3em}
@media (max-width: 420px){.mp-ann{font-size:12px !important}}
.mp-ddf-s{font-size:13px;line-height:1.45;color:#8D94A0}

.lg-wrap{max-width:1392px;margin:0 auto;border-left:1px solid #E4E7EC;border-right:1px solid #E4E7EC;box-sizing:border-box}
.lg-top{padding:clamp(64px,8vw,112px) clamp(24px,4vw,56px) clamp(40px,5vw,56px);border-bottom:1px solid #E4E7EC}
.lg-pill{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:7px;background:#EEF3FE;color:#2557D6;font-size:13px;font-weight:500}
.lg-top h1{margin:18px 0 0;font-size:clamp(36px,4.4vw,60px);line-height:1.02;letter-spacing:-0.038em;font-weight:600;color:#1C1D1F}
.lg-top p{margin:16px 0 0;font-size:15px;color:#687284}
.lg-body{padding:0 clamp(24px,4vw,56px) clamp(64px,8vw,104px)}
.lg-sec{display:grid;grid-template-columns:minmax(0,280px) minmax(0,720px);gap:12px 56px;padding:36px 0;border-bottom:1px solid #EEF0F3}
.lg-sec:last-child{border-bottom:0}
.lg-sec h2{margin:0;font-size:16px;line-height:1.5;letter-spacing:-0.015em;font-weight:600;color:#1C1D1F}
.lg-txt{font-size:15.5px;line-height:1.65;font-weight:400;color:#3D434D;letter-spacing:-0.006em}
.lg-txt p{margin:0}
.lg-txt p + p,.lg-txt p + ul,.lg-txt ul + p,.lg-txt dl + p{margin-top:12px}
.lg-txt a{color:#1C1D1F;text-decoration:underline;text-decoration-color:#CAD0D9;text-underline-offset:3px}
.lg-txt a:hover{text-decoration-color:#1C1D1F}
.lg-txt strong{font-weight:600;color:#1C1D1F}
.lg-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 28px;margin:0}
.lg-dl dt{color:#687284}
.lg-dl dd{margin:0;color:#1C1D1F}
@media (max-width: 760px){.lg-sec{grid-template-columns:minmax(0,1fr);padding:28px 0}.lg-dl{grid-template-columns:minmax(0,1fr);gap:2px 0}.lg-dl dd{margin-bottom:10px}}
/* ── v3: one identity per page (accent colour, hero composition, signature visual) ── */
:root{--a:#2F6BF0;--at:#2557D6;--ab:#EEF3FE}
main .mp-eyebrow{color:var(--at)}
main .mp-ic{background:var(--ab);color:var(--at)}
main .mp-sec .mp-pill,main .h-split .mp-pill,main .h-center .mp-pill{background:var(--ab);color:var(--at)}
main .mp-more{color:var(--at) !important}
.acc{color:var(--at)}
.dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--a);flex:none}
.serif{font-family:'Newsreader',Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-0.015em}
.mono{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;letter-spacing:0}

/* shared hero pieces */
.hx{position:relative;border-bottom:1px solid #E4E7EC;overflow:hidden;background:#FFFFFF}
.hx-in{position:relative;z-index:1;padding:clamp(28px,3vw,40px) clamp(24px,4vw,56px) clamp(64px,8vw,112px)}
.hx .mp-eyebrow{margin-top:clamp(40px,5vw,72px)}
.hx .mp-h1{max-width:760px}
.h-center .mp-h1,.hx-c .mp-h1{max-width:940px}
.hx-sub{margin:14px 0 0;font-size:13px;color:#687284}

/* A. split: text left, visual right */
.h-split .hx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px clamp(32px,4vw,72px);align-items:center}
.h-split .hx-grid > :first-child{padding-bottom:8px}
.h-split .mp-h1{font-size:clamp(36px,4.2vw,58px)}
.h-split::before{content:"";position:absolute;right:0;top:0;bottom:0;width:58%;background:radial-gradient(70% 60% at 70% 55%,var(--ab) 0%,rgba(255,255,255,0) 72%);pointer-events:none}
@media (max-width: 1000px){.h-split .hx-grid{grid-template-columns:minmax(0,1fr)}.h-split::before{width:100%;top:45%}}

/* B. centered with a large visual under */
.h-center{text-align:center;background-color:#FFFFFF;background-image:radial-gradient(#E4E7EC 1px,transparent 1px);background-size:22px 22px}
.h-center::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#FFFFFF 0%,rgba(255,255,255,0.86) 40%,rgba(255,255,255,0.4) 100%);pointer-events:none}
.h-center .mp-crumbs{justify-content:center}
.h-center .mp-h1,.h-center .mp-lead{margin-left:auto;margin-right:auto}
.h-center .mp-ctas{justify-content:center}
.hx-vis{margin-top:clamp(40px,5vw,64px);text-align:left}

/* C. dark */
.h-dark{background:#0E0E11;color:#F3F4F6;border-bottom-color:#222326}
.h-dark::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 78% 40%,color-mix(in srgb,var(--a) 30%,transparent) 0%,transparent 70%),linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;pointer-events:none}
.h-dark .mp-wrap{border-color:#222326}
.h-dark .mp-h1{color:#F3F4F6}
.h-dark .mp-lead{color:#A3AAB5}
.h-dark .mp-eyebrow{color:color-mix(in srgb,var(--a) 55%,#FFFFFF)}
.h-dark .mp-crumbs,.h-dark .mp-crumbs a{color:#8D94A0}.h-dark .mp-crumbs a:hover{color:#FFFFFF}
.h-dark .mp-crumbs [aria-current]{color:#E4E7EC}.h-dark .mp-crumbs [aria-hidden]{color:#3A3D44}
.h-dark .mp-micro{color:#8D94A0}.h-dark .mp-micro a{color:color-mix(in srgb,var(--a) 55%,#FFFFFF)}
.h-dark .hx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px clamp(32px,4vw,72px);align-items:center}
@media (max-width: 1000px){.h-dark .hx-grid{grid-template-columns:minmax(0,1fr)}}

/* D. serif statement (examples, about) */
.h-serif{background-color:#FFFFFF;background-image:linear-gradient(#F2F4F7 1px,transparent 1px),linear-gradient(90deg,#F2F4F7 1px,transparent 1px);background-size:56px 56px}
.h-serif .mp-h1{font-family:'Newsreader',Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-0.02em;line-height:1.08;font-size:clamp(38px,5vw,72px);max-width:1000px}
.h-serif.hx-c{text-align:center}.h-serif.hx-c .mp-crumbs{justify-content:center}.h-serif.hx-c .mp-h1,.h-serif.hx-c .mp-lead{margin-left:auto;margin-right:auto}.h-serif.hx-c .mp-ctas{justify-content:center}

/* section heads that sit on the left with text on the right */
.sx{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:24px clamp(32px,5vw,96px);padding:clamp(72px,8vw,112px) clamp(24px,4vw,56px) clamp(40px,5vw,64px)}
.sx .mp-h2{margin-top:14px}
.sx p{margin:0;font-size:17px;line-height:1.55;color:#687284;align-self:end;max-width:560px}
@media (max-width: 860px){.sx{grid-template-columns:minmax(0,1fr)}}

/* chooser (solutions hub) */
.ch{margin:clamp(36px,4vw,56px) auto 0;max-width:1080px;text-align:left;border:1px solid #E4E7EC;border-radius:16px;background:#FFFFFF;box-shadow:0 1px 2px rgba(16,24,40,0.04),0 30px 60px -30px rgba(37,48,110,0.18);overflow:hidden}
.ch-h{display:flex;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid #EEF0F3;background:#FAFAFB;font-size:12.5px;color:#687284}
.ch a{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid #EEF0F3;text-decoration:none;color:#1C1D1F;transition:background-color .15s}
.ch a:last-child{border-bottom:0}
.ch a:hover{background:#F7F8FA;color:#1C1D1F}
.ch q{quotes:"«\00a0" "\00a0»";font-family:'Newsreader',Georgia,serif;font-size:clamp(18px,1.7vw,22px);line-height:1.3;letter-spacing:-0.01em}
.ch .ch-s{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:8px;font-size:13px;white-space:nowrap}
.ch svg{color:#8D94A0;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.ch a:hover svg{transform:translateX(3px);color:#1C1D1F}
@media (max-width: 700px){.ch a{grid-template-columns:minmax(0,1fr) 18px;gap:10px 14px}.ch .ch-s{grid-column:1;grid-row:2;justify-self:start}.ch svg{grid-row:1 / span 2;grid-column:2}}

/* solution cards with their colour */
.sc{display:flex;flex-direction:column;padding:30px clamp(24px,2.6vw,34px) 30px;text-decoration:none;color:#1C1D1F;background:#FFFFFF;transition:background-color .2s}
.sc:hover{background:#FAFAFB;color:#1C1D1F}
.sc .sc-t{display:flex;align-items:center;justify-content:space-between}
.sc h3{margin:22px 0 0;font-size:19px;letter-spacing:-0.02em;font-weight:600}
.sc p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#687284;min-height:3em}
.sc ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sc li{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:7px;background:#F4F5F8;font-size:13px;color:#2E3238}
.sc .sc-a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:22px;font-size:14px}
.sc .mp-ic{width:40px;height:40px;border-radius:11px}

/* compact "other solutions" strip */
.xs-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:clamp(28px,3vw,40px) clamp(24px,4vw,56px)}
.xs-strip > span{font-size:14px;color:#687284;margin-right:auto}
.xs-strip nav{display:flex;flex-wrap:wrap;gap:8px}
.xs-strip a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid #DCE0E8;border-radius:99px;background:#FFFFFF;font-size:14px;color:#2E3238;text-decoration:none;transition:border-color .15s,background-color .15s}
.xs-strip a:hover{border-color:#B6BCC6;background:#FAFAFB;color:#1C1D1F}

/* CTA band takes the page colour */
main .mp-cta{background:radial-gradient(55% 70% at 50% 0%,color-mix(in srgb,var(--a) 24%,transparent) 0%,transparent 70%),#101010}

/* rows: big number + three columns (method) */
.rw{display:grid;grid-template-columns:minmax(0,300px) repeat(3,minmax(0,1fr));border-top:1px solid #E4E7EC}
.rw > div{padding:34px clamp(20px,2.4vw,32px) 38px;box-shadow:inset -1px 0 0 #E4E7EC}
.rw > div:last-child{box-shadow:none}
.rw-n{font-size:clamp(44px,4.4vw,64px);line-height:1;letter-spacing:-0.04em;font-weight:600;color:#1C1D1F;font-variant-numeric:tabular-nums}
.rw-t{margin-top:14px;font-size:20px;font-weight:600;letter-spacing:-0.02em}
.rw-d{margin-top:6px;display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;background:var(--ab);color:var(--at);font-size:13px}
.rw h3{margin:0;font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#687284}
.rw p{margin:10px 0 0;font-size:15.5px;line-height:1.55;color:#2E3238}
@media (max-width: 960px){.rw{grid-template-columns:minmax(0,1fr)}.rw > div{box-shadow:inset 0 -1px 0 #EEF0F3}}

/* timeline (method hero) */
.tl{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(48px,6vw,80px);text-align:left}
.tl::before{content:"";position:absolute;left:0;right:calc(25% - 28px);top:27px;height:2px;background:linear-gradient(90deg,var(--a),color-mix(in srgb,var(--a) 30%,#E4E7EC));transform-origin:0 50%;animation:stn-dx 1.6s .3s cubic-bezier(.65,0,.35,1) both}
.tl > div{position:relative;padding-right:24px}
.tl-n{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:99px;background:#FFFFFF;border:2px solid var(--a);font-size:20px;font-weight:600;color:var(--at);animation:stn-pop .6s cubic-bezier(.2,.9,.3,1.15) both}
.tl-t{margin-top:18px;font-size:20px;font-weight:600;letter-spacing:-0.02em}
.tl-d{margin-top:4px;font-size:14px;color:var(--at)}
.tl p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#687284;max-width:260px}
@media (max-width: 860px){.tl{grid-template-columns:minmax(0,1fr);gap:28px}.tl::before{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto;transform-origin:50% 0;animation-name:stn-dy}.tl > div{padding-left:76px;padding-right:0}.tl-n{position:absolute;left:0;top:0}.tl-t{margin-top:12px}}

/* quote cards (examples) */
.qc{display:flex;flex-direction:column;padding:30px clamp(22px,2.4vw,32px) 28px;background:#FFFFFF}
.qc blockquote{margin:0;font-family:'Newsreader',Georgia,serif;font-size:clamp(20px,1.7vw,23px);line-height:1.28;letter-spacing:-0.01em;color:#1C1D1F}
.qc dl{margin:22px 0 0;display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.5}
.qc dt{font-size:12.5px;color:#687284;margin-bottom:3px}
.qc dd{margin:0;color:#2E3238}
.qc dd.acc{color:var(--at);font-weight:500}
.qc .mp-more{padding-top:22px}
.chips{position:sticky;top:65px;z-index:20;display:flex;gap:8px;overflow-x:auto;padding:14px clamp(24px,4vw,56px);background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #E4E7EC;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips a{flex:none;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:99px;border:1px solid #DCE0E8;font-size:14px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.chips a.is-on{background:#1C1D1F;border-color:#1C1D1F;color:#FFFFFF !important}

/* Q&A "questions it answers" (dashboards) */
.qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin:0 -1px -1px 0}
.qa > div{padding:30px clamp(22px,2.4vw,30px) 34px;box-shadow:inset -1px 0 0 #E4E7EC,inset 0 -1px 0 #E4E7EC;background:#FFFFFF}
.qa q{display:block;quotes:none;font-size:clamp(19px,1.6vw,22px);line-height:1.3;letter-spacing:-0.02em;font-weight:500;color:#1C1D1F}
.qa span{display:block;margin-top:12px;font-size:14.5px;line-height:1.5;color:#687284}

/* comparison table */
.cmp{width:100%;border-collapse:collapse;font-size:15.5px}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:18px clamp(16px,2vw,28px);border-top:1px solid #E4E7EC}
.cmp thead th{border-top:0;font-size:13px;font-weight:500;color:#687284}
.cmp thead th:last-child{color:var(--at)}
.cmp tbody th{font-weight:600;color:#1C1D1F;width:22%}
.cmp td{color:#687284;line-height:1.5}
.cmp td:last-child{color:#1C1D1F;background:color-mix(in srgb,var(--ab) 55%,#FFFFFF);font-weight:500}
.cmp td:last-child::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:10px;border-radius:99px;background:var(--a);color:#FFFFFF;font-size:11px;vertical-align:1px}
.cmp-w{padding:0 clamp(0px,2vw,24px) clamp(48px,6vw,80px);overflow-x:auto}
@media (max-width: 700px){.cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:auto !important}.cmp thead{display:none}.cmp tbody th{border-top:1px solid #E4E7EC;padding-bottom:6px}.cmp td{border-top:0;padding-top:6px}.cmp td:nth-of-type(1)::before{content:"Abonnement : ";color:#687284;font-weight:500}}

/* "today vs with Stones" contrast rows */
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -1px -1px 0}
.vs > div{padding:32px clamp(22px,2.6vw,40px) 36px;box-shadow:inset -1px 0 0 #E4E7EC,inset 0 -1px 0 #E4E7EC}
.vs > div:nth-child(2){background:color-mix(in srgb,var(--ab) 45%,#FFFFFF)}
.vs h3{margin:0;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#687284}
.vs > div:nth-child(2) h3{color:var(--at)}
.vs ol{margin:18px 0 0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:12px}
.vs li{counter-increment:s;display:flex;gap:12px;font-size:16px;line-height:1.45;color:#2E3238}
.vs li::before{content:counter(s);flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:99px;border:1px solid #CAD0D9;font-size:12px;color:#687284;background:#FFFFFF}
.vs > div:nth-child(2) li::before{border-color:var(--a);color:var(--at)}
.vs .vs-f{margin-top:20px;font-size:14px;color:#687284}
@media (max-width: 760px){.vs{grid-template-columns:minmax(0,1fr)}}

/* light form (contact) */
.lform form{background:#FFFFFF !important;border-color:#E4E7EC !important;box-shadow:0 30px 60px -30px rgba(37,48,110,0.2) !important;margin:0 !important;max-width:none !important}
.lform label{color:#687284 !important}
.lform input,.lform textarea{background:#FFFFFF !important;border-color:#DCE0E8 !important;color:#1C1D1F !important}
.lform form > div > span{color:#687284 !important}
.lform button{background:#202124 !important;border-color:#505967 !important;color:#F3F4F6 !important}
.lform [data-sent]{color:#1C1D1F !important}
.cl{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid #E4E7EC}
.cl li{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #E4E7EC}
.cl small{display:block;font-size:13px;color:#687284}
.cl a,.cl b{font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:-0.02em;color:#1C1D1F;text-decoration:none}
.cl a:hover{color:var(--at)}

/* ═════ signature visuals ═════ */
.vcard{position:relative;background:#FFFFFF;border:1px solid #DCE0E8;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,0.04),0 30px 60px -22px rgba(37,48,110,0.24);overflow:hidden;font-size:13px;color:#1C1D1F;text-align:left}
.vbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid #EEF0F3;background:#FBFBFC;font-size:13px;font-weight:500}
.vtag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#F1F2F5;color:#687284;font-size:11.5px;font-weight:500}

/* V1 week (automation) */
.wk-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px}
.wk-d{font-size:12px;color:#687284;margin:0 0 8px 2px}
.wk-b{position:relative;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:8px;padding:9px 10px;border-radius:9px;background:#F4F5F8;border:1px solid #EAECF0;overflow:hidden;box-sizing:border-box}
.wk-b b{font-size:12px;font-weight:600;line-height:1.25}
.wk-b span{font-size:11.5px;color:#687284}
.wk-b.wk-h{background:#FFFFFF;border-style:dashed}
.wk-ok{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:9px 10px;background:var(--ab);border:1px solid color-mix(in srgb,var(--a) 35%,transparent);border-radius:9px;color:var(--at);font-style:normal}
.wk-ok b{color:var(--at)}
.wk-ok em{font-style:normal;font-size:11.5px;display:inline-flex;align-items:center;gap:5px}
.wk-f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px 14px;padding:12px 14px;border-radius:10px;background:#101010;color:#F3F4F6;font-size:13px}
.wk-f b{font-size:20px;letter-spacing:-0.02em}
@media (max-width: 600px){.wk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wk-grid > div:nth-child(n+4){display:none}}

/* V2 document reading (AI, dark) */
.dr{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1fr);gap:14px;align-items:start}
.dr .vcard{background:#16171C;border-color:#2B2E36;color:#E4E7EC;box-shadow:0 30px 70px -30px rgba(0,0,0,0.7)}
.dr .vbar{background:#1B1C22;border-bottom-color:#2B2E36;color:#E4E7EC}
.dr-doc{position:relative;padding:18px;display:flex;flex-direction:column;gap:9px;overflow:hidden}
.dr-doc i{display:block;height:7px;border-radius:4px;background:#2F313A}
.dr-doc i.hl{background:color-mix(in srgb,var(--a) 55%,#2F313A)}
.dr-doc b{font-size:13px;color:#F3F4F6;margin:4px 0 2px}
.dr-scan{position:absolute;left:0;right:0;top:0;height:46px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--a) 30%,transparent),transparent);opacity:0}
.stn-g.stn-on .dr-scan{animation:dr-scan 3.6s 0.6s cubic-bezier(.45,0,.4,1) infinite}
@keyframes dr-scan{0%{top:-46px;opacity:0}10%{opacity:1}80%{opacity:1}100%{top:100%;opacity:0}}
.dr-f{padding:6px 16px 16px}
.dr-r{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #2B2E36}
.dr-r span{color:#8D94A0;font-size:12.5px}
.dr-r b{font-weight:500;color:#F3F4F6;text-align:right}
.dr-ok{font-style:normal;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border-radius:6px;background:rgba(34,197,94,0.14);color:#7EE2A8;font-size:11.5px;margin-left:8px}
.dr-q{background:rgba(245,158,11,0.16);color:#F8C471}
.dr-act{display:flex;gap:8px;margin-top:14px}
.dr-act span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:8px;font-size:12.5px}
.dr-act .p{background:var(--a);color:#FFFFFF}
.dr-act .s{border:1px solid #3A3D44;color:#E4E7EC}
@media (max-width: 640px){.dr{grid-template-columns:minmax(0,1fr)}.dr > .vcard:first-child{display:none}}

/* V3 before / after (custom software) */
.ba{display:grid;grid-template-columns:minmax(0,0.85fr) 56px minmax(0,1.15fr);align-items:center;max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.ba-arrow{display:flex;align-items:center;justify-content:center;color:var(--at)}
.ba-arrow span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:99px;background:#FFFFFF;border:1px solid #DCE0E8;box-shadow:0 6px 18px -8px rgba(16,24,40,0.3)}
.xl{font-size:12px}
.xl table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.xl th{background:#F4F5F8;color:#8D94A0;font-weight:500;padding:5px 6px;border:1px solid #E4E7EC;font-size:11px}
.xl td{padding:6px;border:1px solid #EEF0F3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;color:#2E3238}
.xl td.y{background:#FFF6D6}.xl td.r{color:#C2410C}.xl td.g{color:#9CA3AF}
.xl-tabs{display:flex;gap:2px;padding:6px 8px;background:#F4F5F8;border-top:1px solid #E4E7EC;font-size:11px;color:#687284}
.xl-tabs span{padding:3px 8px;border-radius:5px;background:#FFFFFF;border:1px solid #E4E7EC;white-space:nowrap}
.ap{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:330px}
.ap-side{border-right:1px solid #EEF0F3;padding:12px 10px;display:flex;flex-direction:column;gap:2px;background:#FCFCFD}
.ap-side span{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border-radius:7px;font-size:12.5px;color:#2E3238}
.ap-side span.on{background:var(--ab);color:var(--at);font-weight:600}
.ap-main{padding:14px}
.ap-filters{display:flex;gap:6px;margin-bottom:12px}
.ap-filters span{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;border:1px solid #E4E7EC;font-size:12px;color:#2E3238}
.ap-filters span.on{border-color:var(--a);color:var(--at);background:var(--ab)}
.ap-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 84px 26px;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #F1F2F5;font-size:12.5px}
.ap-row small{display:block;color:#8D94A0;font-size:11.5px}
.ap-bar{height:6px;border-radius:99px;background:#EEF0F3;overflow:hidden}
.ap-bar i{display:block;height:100%;border-radius:99px;background:var(--a);transform-origin:0 50%}
.ap-st{justify-self:start;white-space:nowrap;display:inline-flex;height:22px;align-items:center;padding:0 7px;border-radius:6px;font-size:11px;background:var(--ab);color:var(--at)}
.ap-st.w{background:#FEF3E3;color:#A35604}
.ap-av{width:24px;height:24px;border-radius:99px;background:#1C1D1F;color:#FFFFFF;font-size:10px;display:inline-flex;align-items:center;justify-content:center}
.ap-log{margin-top:12px;padding:10px 12px;border-radius:9px;background:#F7F8FA;font-size:12px;color:#687284;display:flex;align-items:center;gap:8px}
.ba-app{position:relative}
@media (min-width: 901px){.ba .ap-main{padding-right:80px}}
.ph{position:absolute;right:-52px;bottom:-40px;z-index:3;width:132px;height:216px;border-radius:24px;background:#101010;padding:7px;box-shadow:0 24px 50px -16px rgba(16,24,40,0.45)}
.ph-in{height:100%;border-radius:18px;background:#FFFFFF;padding:16px 10px;font-size:11px;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.ph-in b{font-size:12px}
.ph-c{padding:8px;border-radius:8px;border:1px solid #EEF0F3}
.ph-c small{display:block;color:#8D94A0}
.ph-btn{margin-top:auto;height:30px;border-radius:8px;background:var(--a);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:600}
@media (max-width: 900px){.ba{grid-template-columns:minmax(0,1fr)}.ba-arrow{transform:rotate(90deg);padding:12px 0}.ph{display:none}}
@media (max-width: 560px){.ap{grid-template-columns:minmax(0,1fr)}.ap-side{display:none}.ap-row{grid-template-columns:minmax(0,1fr) 60px}.ap-row > :nth-child(2),.ap-row > :nth-child(4){display:none}}

/* V4 hub (connect your software) */
.hub{position:relative;max-width:1100px;height:440px;margin:0 auto}
.hub svg.hub-l{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hub-cp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.hub-c{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 22px;border-radius:18px;background:#101010;color:#F3F4F6;box-shadow:0 0 0 8px color-mix(in srgb,var(--a) 14%,transparent),0 30px 60px -20px rgba(16,24,40,0.45);font-size:13px;text-align:center}
.hub-c img{width:26px;height:26px}
.hub-c small{color:#8D94A0;font-size:11.5px}
.hub-p{position:absolute;transform:translate(-50%,-50%)}
.hub-n{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 14px;border-radius:12px;background:#FFFFFF;border:1px solid #DCE0E8;box-shadow:0 1px 2px rgba(16,24,40,0.05),0 12px 24px -16px rgba(16,24,40,0.3);font-size:13.5px;white-space:nowrap}
.hub-n i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:var(--ab);color:var(--at)}
.hub-ok{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:9px;background:#E9F7EF;color:#1F7A4D;font-size:13px;white-space:nowrap}
.hub{aspect-ratio:1100/440;height:auto !important}
@media (max-width: 760px){.hub{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0}.hub svg.hub-l{display:none}.hub-p{position:static;transform:none}.hub-n{width:100%;box-sizing:border-box;justify-content:flex-start}.hub-cp{position:static;transform:none;grid-column:1 / -1;display:flex;justify-content:center;margin-bottom:6px}.hub-c{flex-direction:row}}

/* V5 dashboard */
.db{max-width:1180px;margin:0 auto}
.db-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 14px 0}
.db-k > div{padding:12px 14px;border:1px solid #EEF0F3;border-radius:10px}
.db-k small{display:block;color:#687284;font-size:12px}
.db-k b{display:block;margin-top:4px;font-size:22px;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.db-k em{font-style:normal;font-size:11.5px;color:#1F7A4D}
.db-k em.n{color:#B42318}
.db-b{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:10px;padding:10px 14px 14px}
.db-ch{border:1px solid #EEF0F3;border-radius:10px;padding:12px 14px}
.db-ch > div:first-child{display:flex;justify-content:space-between;font-size:12.5px;color:#687284}
.db-bars{display:flex;align-items:flex-end;gap:7px;height:150px;margin-top:12px;border-bottom:1px solid #EEF0F3;position:relative}
.db-bars i{flex:1;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--a) 28%,#FFFFFF);transform-origin:50% 100%}
.db-bars i.on{background:var(--a)}
.db-bars svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.db-x{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#8D94A0}
.db-al{border:1px solid #EEF0F3;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.db-al > b{font-size:12.5px;color:#687284;font-weight:500}
.db-a{display:flex;gap:10px;padding:10px;border-radius:9px;background:#FFF8EE;font-size:12.5px;line-height:1.4}
.db-a i{flex:none;width:8px;height:8px;margin-top:5px;border-radius:99px;background:var(--a)}
.db-a.g{background:#F2FBF5}.db-a.g i{background:#16A34A}
@media (max-width: 760px){.db-k{grid-template-columns:repeat(2,minmax(0,1fr))}.db-b{grid-template-columns:minmax(0,1fr)}}

/* V6 stack (IT expertise, dark) */
.stk .mp-xs-l{background:#16171C;border-color:#2B2E36;box-shadow:none}
.stk .mp-xs-l.mp-xs-hl{border-color:color-mix(in srgb,var(--a) 70%,#2B2E36);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent)}
.stk .mp-xs-n{color:#F3F4F6}
.stk .mp-xs-n .mp-ic{background:rgba(47,107,240,0.18);color:#9DB8F9}
.stk .mp-xs-c span{background:#1E2027;border-color:#2B2E36;color:#C9CED6}
.stk .mp-xs-tag{display:none !important;background:transparent;border:1px solid #2B2E36;color:#8D94A0;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:11px}
.stk-f{display:flex;justify-content:center;margin-top:14px}
.stk-f span{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:9px;background:rgba(47,107,240,0.14);color:#9DB8F9;font-size:12.5px}
.svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -1px -1px 0}
.svc > div{padding:clamp(28px,3vw,44px) clamp(24px,3vw,44px) clamp(32px,3.4vw,48px);box-shadow:inset -1px 0 0 #E4E7EC,inset 0 -1px 0 #E4E7EC;background:#FFFFFF}
.svc .mono{font-size:12.5px;color:var(--at)}
.svc h3{margin:12px 0 0;font-size:clamp(20px,1.8vw,24px);letter-spacing:-0.02em;font-weight:600}
.svc dl{margin:20px 0 0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 18px;font-size:15px;line-height:1.5}
.svc dt{color:#687284}
.svc dd{margin:0;color:#2E3238}
@media (max-width: 860px){.svc{grid-template-columns:minmax(0,1fr)}.svc dl{grid-template-columns:minmax(0,1fr);gap:2px}.svc dd{margin-bottom:10px}}

/* V8 where data lives (privacy) */
.dlv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dlv .vcard{padding:18px}
.dlv h4{margin:0 0 14px;font-size:13px;font-weight:600;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.dlv h4 span{white-space:nowrap}
.dlv-flow{display:flex;flex-direction:column;align-items:center;gap:0}
.dlv-n{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid #E4E7EC;font-size:12.5px;background:#FFFFFF}
.dlv-n small{margin-left:auto;color:#8D94A0;font-size:11.5px}
.dlv-n.q{border-style:dashed;color:#687284}
.dlv-n.in{border-color:color-mix(in srgb,var(--a) 45%,#E4E7EC);background:var(--ab)}
.dlv-l{position:relative;width:2px;height:26px;background:#E4E7EC}
.dlv-l .stn-dot{left:-2px;background:#9CA3AF;box-shadow:none}
.dlv-box{width:100%;box-sizing:border-box;padding:12px;border:1.5px solid var(--a);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:0}
.dlv-box > span{align-self:flex-start;margin-bottom:10px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--at)}
.dlv-x{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;background:#FEF0EF;color:#B42318;font-size:11px}
.dlv-v{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;background:var(--ab);color:var(--at);font-size:11px}
@media (max-width: 560px){.dlv{grid-template-columns:minmax(0,1fr)}}

/* V9 sample report (audit) */
.rp{max-width:980px;margin:0 auto;background:#FFFFFF;border:1px solid #E4E7EC;border-radius:6px;box-shadow:0 1px 2px rgba(16,24,40,0.04),0 40px 80px -40px rgba(16,24,40,0.35);padding:clamp(28px,4vw,56px)}
.rp-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:22px;border-bottom:2px solid #1C1D1F}
.rp-h b{font-size:clamp(22px,2.2vw,30px);letter-spacing:-0.025em;font-weight:600}
.rp-h small{display:block;margin-top:6px;font-size:13px;color:#687284}
.rp h4{margin:30px 0 12px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#687284;font-weight:600}
.rp-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rp-kpi > div{padding:16px;border:1px solid #E4E7EC;border-radius:10px}
.rp-kpi small{display:block;font-size:12.5px;color:#687284}
.rp-kpi b{display:block;margin-top:6px;font-size:clamp(22px,2.2vw,28px);letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.rp-kpi > div.g{background:#F2FBF5;border-color:#CBEBD6}.rp-kpi > div.g b{color:#1F7A4D}
.rp table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.rp th{text-align:left;font-size:12px;font-weight:500;color:#687284;padding:10px 10px;border-bottom:1px solid #E4E7EC}
.rp td{padding:12px 10px;border-bottom:1px solid #F1F2F5;vertical-align:top}
.rp td:first-child{font-weight:600}
.rp .pr{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:12px;background:#EEF3FE;color:#2557D6;white-space:nowrap}
.rp .pr.p2{background:#F1F2F5;color:#687284}
.rp p{margin:0;font-size:15px;line-height:1.6;color:#2E3238;max-width:720px}
.rp-ft{margin-top:26px;padding-top:14px;border-top:1px solid #E4E7EC;font-size:12.5px;color:#8D94A0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rp-w{overflow-x:auto}
@media (max-width: 640px){.rp-kpi{grid-template-columns:minmax(0,1fr)}.rp th:nth-child(3),.rp td:nth-child(3){display:none}}

/* about: editorial */
.ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(32px,5vw,96px);padding:clamp(64px,8vw,112px) clamp(24px,4vw,56px)}
.ed p{margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:#2E3238}
.ed p + p{margin-top:16px}
.ed .serif{font-size:clamp(26px,2.6vw,36px);line-height:1.2;color:#1C1D1F}
@media (max-width: 860px){.ed{grid-template-columns:minmax(0,1fr)}}

/* not-this list (audit) */
.nt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -1px -1px 0}
.nt > div{padding:30px clamp(22px,2.6vw,36px) 34px;box-shadow:inset -1px 0 0 #E4E7EC,inset 0 -1px 0 #E4E7EC}
.nt s{display:block;font-size:15px;color:#8D94A0;text-decoration-color:#CAD0D9}
.nt b{display:block;margin-top:10px;font-size:18px;letter-spacing:-0.02em;font-weight:600;color:#1C1D1F}
.nt span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:#687284}
@media (max-width: 860px){.nt{grid-template-columns:minmax(0,1fr)}}

/* levels (privacy) */
.lv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -1px -1px 0}
.lv > div{padding:32px clamp(22px,2.6vw,36px) 36px;box-shadow:inset -1px 0 0 #E4E7EC,inset 0 -1px 0 #E4E7EC}
.lv-n{display:flex;gap:4px}
.lv-n i{width:22px;height:6px;border-radius:99px;background:#E4E7EC}
.lv-n i.on{background:var(--a)}
.lv h3{margin:20px 0 0;font-size:19px;letter-spacing:-0.02em;font-weight:600}
.lv p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#687284}
.lv em{display:inline-flex;margin-top:16px;height:26px;align-items:center;padding:0 9px;border-radius:7px;background:var(--ab);color:var(--at);font-size:12.5px;font-style:normal}
@media (max-width: 860px){.lv{grid-template-columns:minmax(0,1fr)}}
.ckl{list-style:none;margin:0;padding:0 clamp(24px,4vw,56px) clamp(56px,7vw,96px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.ckl li{display:flex;gap:14px;padding:18px 0;border-top:1px solid #E4E7EC;font-size:16px;line-height:1.5;color:#2E3238}
.ckl li svg{flex:none;margin-top:3px;color:var(--at)}
.ckl b{color:#1C1D1F}
@media (max-width: 760px){.ckl{grid-template-columns:minmax(0,1fr)}}

/* how it works (3 steps flow) */
.fl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -1px -1px 0}
.fl > div{position:relative;padding:32px clamp(22px,2.6vw,36px) 36px;box-shadow:inset -1px 0 0 #E4E7EC,inset 0 -1px 0 #E4E7EC}
.fl-i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--ab);color:var(--at)}
.fl-k{margin-top:18px;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--at);font-weight:600}
.fl h3{margin:6px 0 0;font-size:19px;letter-spacing:-0.02em;font-weight:600}
.fl p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#687284}
.fl > div:not(:last-child)::after{content:"";position:absolute;right:-12px;top:52px;z-index:2;width:22px;height:22px;border-radius:99px;background:#FFFFFF;border:1px solid #DCE0E8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23687284' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center}
@media (max-width: 860px){.fl{grid-template-columns:minmax(0,1fr)}.fl > div:not(:last-child)::after{display:none}}
.dpt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -1px -1px 0}
.dpt > div{padding:30px clamp(20px,2.2vw,30px) 34px;box-shadow:inset -1px 0 0 #E4E7EC,inset 0 -1px 0 #E4E7EC}
.dpt h3{margin:16px 0 0;font-size:18px;letter-spacing:-0.02em;font-weight:600}
.dpt ul{list-style:none;margin:14px 0 0;padding:0}
.dpt li{padding:10px 0;border-top:1px solid #EEF0F3;font-size:15px;line-height:1.4;color:#2E3238}
.dpt li small{display:block;margin-top:2px;font-size:13px;color:#687284}
@media (max-width: 1000px){.dpt{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 600px){.dpt{grid-template-columns:minmax(0,1fr)}}
.io{border-top:1px solid #E4E7EC}
.io > div{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1fr) 28px minmax(0,1fr);gap:16px 28px;align-items:center;padding:24px clamp(24px,4vw,56px);border-bottom:1px solid #E4E7EC}
.io h3{margin:0;display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:-0.015em;font-weight:600}
.io small{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#687284;margin-bottom:4px}
.io p{margin:0;font-size:15px;line-height:1.5;color:#2E3238}
.io .io-o p{color:var(--at);font-weight:500}
.io > div > svg{color:#B6BCC6}
@media (max-width: 860px){.io > div{grid-template-columns:minmax(0,1fr)}.io > div > svg{transform:rotate(90deg)}}
@media (prefers-reduced-motion: reduce){.hub svg circle{display:none}}

/* reference (accounting firm) */
.ref{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:28px clamp(32px,5vw,96px);padding:clamp(72px,8vw,112px) clamp(24px,4vw,56px)}
.ref .mp-h2{margin-top:14px}
.ref-q{margin:0;font-size:clamp(21px,1.9vw,27px);line-height:1.35;color:#1C1D1F}
.ref-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:28px 0 0}
.ref-f > div{padding-top:14px;border-top:1px solid #DCE0E8}
.ref-f dt{font-size:12.5px;color:#687284}
.ref-f dd{margin:4px 0 0;font-size:15.5px;font-weight:600;letter-spacing:-0.01em;color:#1C1D1F}
@media (max-width: 860px){.ref{grid-template-columns:minmax(0,1fr)}.ref-f{grid-template-columns:minmax(0,1fr);gap:12px}}

[data-scene]:not(.is-on),[data-sent]:not(.is-on){display:none !important}
.stn-skip{position:absolute;left:12px;top:-80px;z-index:100;background:#1C1D1F;color:#FFFFFF;padding:10px 14px;border-radius:8px;text-decoration:none;font-size:14px}.stn-skip:focus{top:12px}