/* SSP v3 design layer. Loaded after page styles; presentation only. */
:root{--color-bg:#0d1428;--v3-sur:#141f3d;--v3-line:rgba(140,165,225,.15);
 --v3-line2:rgba(140,165,225,.32);--v3-gold:#d8b477;--v3-green:#6ee7a8;
 --font-body:'Montserrat','Helvetica Neue',system-ui,sans-serif;
 --font-heading:'Montserrat',sans-serif;
 --font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace}
body{background:#0d1428;font-family:var(--font-body)}
h1,h2{font-weight:800;letter-spacing:-.025em}
h3{font-weight:700}
h1{font-size:clamp(30px,4.4vw,54px);max-width:24ch}
.sub,.sec-lead{font-size:15px;line-height:1.75}
.sub{max-width:58ch}
.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;color:#8fb0ff}
.kicker::before{content:'';display:inline-block;width:26px;height:1px;background:var(--v3-gold);
 vertical-align:middle;margin-right:11px}
.sp-hero{padding-top:clamp(24px,3.4vw,44px)}
.sp-sec{padding:clamp(46px,6vw,76px) 0}
.btn-strong,.btn-fit{font-weight:700}
.btn-strong{box-shadow:0 0 26px rgba(91,140,245,.3)}
.v3rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,.7,.24,1),transform .7s cubic-bezier(.22,.7,.24,1)}
.v3rv.in{opacity:1;transform:none}
/* nav */
#v3nav{position:sticky;top:0;z-index:80;background:rgba(13,20,40,.9);backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--v3-line)}
#v3nav .in{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,64px);display:flex;align-items:center;gap:4px;height:74px}
#v3nav .brand img{height:50px;width:auto;display:block}
#v3nav .sp{flex:1}
.v3drop{position:relative}
.v3drop>button{background:none;border:0;color:#c3cee9;font:600 13.5px var(--font-body);padding:27px 11px;cursor:pointer;display:flex;gap:6px;align-items:center}
.v3drop>button::after{content:'';width:6px;height:6px;border-right:1.5px solid #8d9bc0;border-bottom:1.5px solid #8d9bc0;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.v3drop:hover>button,.v3drop:focus-within>button{color:#eef2ff}
.v3drop:hover>button::after{transform:rotate(225deg) translateY(-1px);border-color:#8fb0ff}
.v3menu{position:absolute;top:100%;left:0;min-width:290px;background:var(--v3-sur);border:1px solid var(--v3-line2);border-radius:14px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 28px 60px rgba(0,0,0,.5)}
.v3drop:hover .v3menu,.v3drop:focus-within .v3menu{opacity:1;visibility:visible;transform:none}
.v3menu a{display:block;padding:10px 14px;border-radius:9px;color:#c3cee9;font-size:13.5px;text-decoration:none}
.v3menu a b{display:block;color:#eef2ff;font-weight:600}
.v3menu a span{font-size:12px;color:#8d9bc0}
.v3menu a:hover{background:rgba(91,140,245,.12)}
.v3menu .mh{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8d9bc0;padding:8px 14px 4px}
.v3live{font:700 13px var(--font-body);color:#b9ffdd;padding:9px 16px;border:1px solid rgba(110,231,168,.5);border-radius:999px;margin:0 8px 0 4px;text-decoration:none;white-space:nowrap;
 text-shadow:0 0 14px rgba(110,231,168,.75);animation:v3glow 2.6s ease-in-out infinite}
.v3live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--v3-green);margin-right:8px;animation:v3pulse 2s infinite}
@keyframes v3glow{0%,100%{box-shadow:0 0 16px rgba(110,231,168,.2)}50%{box-shadow:0 0 30px rgba(110,231,168,.42)}}
@keyframes v3pulse{0%,100%{box-shadow:0 0 0 0 rgba(110,231,168,.5)}50%{box-shadow:0 0 0 6px rgba(110,231,168,0)}}
.v3menu a.mlive b{color:#b9ffdd;text-shadow:0 0 12px rgba(110,231,168,.7)}
.v3cta{display:inline-flex;align-items:center;border-radius:999px;padding:12px 22px;font:700 13.5px var(--font-body);background:#5b8cf5;color:#0b1226;text-decoration:none;margin-left:8px;white-space:nowrap}
.v3cta:hover{background:#8fb0ff}
/* mobile */
#v3burger{display:none;background:none;border:1px solid var(--v3-line2);border-radius:10px;width:44px;height:44px;cursor:pointer;position:relative;margin-left:8px;flex:none}
#v3burger span{position:absolute;left:11px;right:11px;height:2px;background:#eef2ff;border-radius:2px;transition:.25s}
#v3burger span:nth-child(1){top:15px}#v3burger span:nth-child(2){top:21px}#v3burger span:nth-child(3){top:27px}
#v3nav.open #v3burger span:nth-child(1){top:21px;transform:rotate(45deg)}
#v3nav.open #v3burger span:nth-child(2){opacity:0}
#v3nav.open #v3burger span:nth-child(3){top:21px;transform:rotate(-45deg)}
#v3mob{display:none;background:#0f1730;border-bottom:1px solid var(--v3-line2);max-height:0;overflow:hidden;transition:max-height .3s ease}
#v3nav.open #v3mob{display:block;max-height:82vh;overflow-y:auto}
#v3mob .grp{padding:14px clamp(16px,4vw,64px) 6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8d9bc0}
#v3mob a{display:block;padding:12px clamp(16px,4vw,64px);color:#eef2ff;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(140,165,225,.08)}
#v3mob a.mlive{color:#b9ffdd}
@media(max-width:1100px){.v3drop,#v3nav .v3cta{display:none}#v3burger{display:block}
 #v3nav .brand img{height:42px}#v3nav .in{height:64px}
 h1{font-size:clamp(26px,7.2vw,36px)}
 .v3live{font-size:12px;padding:8px 13px}}
@media(min-width:1101px){#v3mob{display:none !important}}

/* inner mobile */
@media(max-width:760px){
 .sp-hero h1,h1{font-size:clamp(25px,7.6vw,32px) !important}
 .sp-sec{padding:clamp(34px,7vw,52px) 0 !important}
 .hero-cta{flex-wrap:wrap;gap:10px}
 .btn-strong,.btn-fit{font-size:14px !important;padding:12px 20px !important}
 table:not(.cmp):not(.inv){display:block;overflow-x:auto}
 .deal-grid{grid-template-columns:1fr !important}
 img{height:auto}
 .qf-grid{grid-template-columns:1fr !important}
}
/* today: mobile for the new nav, fold panel and forms */
@media(max-width:760px){
 .fold{grid-template-columns:1fr !important;gap:22px !important}
 .fold-facts{padding:4px 16px}
 .fold-row{font-size:12.5px;gap:10px}
 .fold-lede{font-size:15px !important}
 .fold .hero-cta{flex-wrap:wrap;gap:10px}
 .pyc-grid{grid-template-columns:1fr !important}
 .buygrid{grid-template-columns:1fr !important}
 .legal p,.legal li{font-size:14.5px}
 .dgm-cap{font-size:9.5px;letter-spacing:.1em}
 #v3mob a{padding:14px clamp(16px,4vw,64px)}
 #v3mob .grp{padding-top:16px}
}
@media(max-width:1100px){
 #v3nav .in{gap:2px}
}
/* accessibility: mobile tap targets */
@media(max-width:760px){
 footer .foot-min a,.linkrow a,.crumbs a,.fmenu-body a{min-height:44px;display:inline-flex;align-items:center}
 .faqgrid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
 html,body{overflow-x:clip}
}