@import url(/fonts/fonts.css);
html{background:#0A1F4D}
body{margin:0;background:#0A1F4D;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:inherit}
input,textarea,button{font:inherit}
button{cursor:pointer}
::selection{background:#FFBC42;color:#0A1F4D}
::placeholder{color:#9AA8C7}
@media (hover:hover){body,a,button,input,textarea{cursor:none}}
.mx-noise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.mx-mitem:hover{padding-inline-start:28px}
.mx-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(5,12,30,.45)}
.mx-circle:hover{background:#FFFFFF!important}
.mx-submit:hover{background:#FFBC42!important;color:#0A1F4D!important}
.mx-submit:disabled{opacity:.6}
.mx-input:focus{border-color:#FFBC42!important}
.mx-hov-yel:hover{color:#FFBC42}
.mx-ph{background:linear-gradient(135deg,#1B3A78 0%,#0F2A5E 55%,#24427E 100%)}
.mx-feature-bg .mx-ph{background:
  linear-gradient(rgba(255,188,66,.10) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(90deg,rgba(255,188,66,.10) 1px,transparent 1px) 0 0/48px 48px,
  radial-gradient(60% 50% at 50% 60%,rgba(255,188,66,.28),rgba(255,188,66,0) 70%),
  linear-gradient(180deg,#143370,#0A1F4D)}
#app{min-height:100vh}
.mx-noscript{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0A1F4D;color:#FFBC42;font-family:Alexandria,sans-serif;text-align:center;padding:24px}
.mx-noscene{background:radial-gradient(120% 80% at 50% 0%,#17367A,#0A1F4D 70%)}
body:has(.mx-noscene) .mx-sec-feature>div{background:#FFBC42}
html.mx-mobile,html.mx-mobile body{overflow:hidden;height:100%}
.mx-noscene-m .mx-sec-feature>div{background:#FFBC42}

/* products: 3D stage + callouts (ported from the WIZ deck) */
.wz-stage{container-type:inline-size}
.wz-btn{background:rgba(10,31,77,.6);color:#FFBC42;border:1px solid rgba(255,188,66,.5);border-radius:100px;height:34px;padding:0 14px;font-size:12px;font-weight:600;backdrop-filter:blur(6px);cursor:pointer}
.wz-btn:hover{background:#FFBC42;color:#0A1F4D}
.wz-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9AA8C7;font-size:13px;padding:24px;text-align:center}
.wz-phase{color:#8A97B8}.wz-phase .wz-num{color:#4A6194}
.wz-phase.on{color:#FFFFFF}.wz-phase.on .wz-num{color:#FFBC42}
.wz-callouts .callout{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.5cqw;font-size:clamp(10px,1.05cqw,14px);color:#fff;white-space:nowrap;opacity:0;transition:opacity .6s ease;will-change:transform;direction:ltr;font-family:'Alexandria',sans-serif}
.wz-callouts .callout.l{flex-direction:row-reverse}
.wz-callouts .callout .dot{width:.62cqw;height:.62cqw;min-width:5px;min-height:5px;border-radius:50%;background:var(--c);box-shadow:0 0 .8cqw var(--c);flex:none}
.wz-callouts .callout .stem{width:2.6cqw;height:1px;background:linear-gradient(90deg,transparent,var(--c));flex:none}
.wz-callouts .callout.l .stem{background:linear-gradient(90deg,var(--c),transparent)}
.wz-callouts .callout span{background:rgba(10,31,77,.78);padding:.32cqw .65cqw;border-radius:.3cqw;border:1px solid rgba(255,255,255,.1)}
.wz-callouts .callout b{color:var(--c);font-weight:700}