/* Page CSS for /home/, lifted verbatim out of the design file so it loads in the
   same cascade position as the static page (after mma-core, before mma-footer /
   mma-blocks / mma-shell). Previously it sat inline in the page body, i.e. last. */

.hslider{position:relative;background:#101319!important;background-image:radial-gradient(1000px 460px at 18% -20%,rgba(46,71,154,.5),transparent 60%),radial-gradient(760px 380px at 100% 115%,rgba(191,78,36,.32),transparent 55%)!important;color:#fff;overflow:hidden}
.hslider .zfield{position:absolute;inset:0;opacity:.22;pointer-events:none}
.hslider .hs-wrap{max-width:1280px;margin:0 auto;padding:0 28px;position:relative}
.hs-stage{position:relative;min-height:520px}
.hs-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:56px 0 96px;opacity:0;visibility:hidden;transform:translateX(28px);transition:opacity .55s ease,transform .55s ease,visibility .55s}
.hs-slide.on{position:relative;opacity:1;visibility:visible;transform:none}
.hs-kick{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#F4BC74!important}
.hs-kick i{width:7px;height:7px;background:#F4BC74;transform:rotate(45deg)}
.hs-slide .h1{font-family:var(--disp);font-weight:800;font-size:clamp(30px,3.8vw,54px);line-height:1.05;letter-spacing:-.028em;margin-top:18px;color:#fff}
.hs-slide .h1 em{font-style:normal;color:#F4BC74}
.hs-lede{color:#B9C3E2;font-size:16.5px;line-height:1.62;margin-top:18px;max-width:54ch}
.hs-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px}
.hs-points span{font-size:13px;color:#D6DCF2;display:inline-flex;align-items:center;gap:8px}
.hs-points b{color:#F4BC74;font-family:var(--mono);font-size:12px}
.hs-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.hs-cta .btn{padding:15px 30px}
.hs-cta .btn-gold{background:#F4BC74;color:#4A2408;box-shadow:0 4px 18px rgba(244,188,116,.3)}
.hs-cta .btn-gold:hover{background:#FFD79A}
.hs-cta .btn-out{border-color:rgba(255,255,255,.42);color:#fff}
.hs-vis{position:relative;align-self:stretch;display:flex;align-items:center}
.hs-im{position:relative;width:100%;aspect-ratio:.92;max-height:440px;border-radius:200px 200px 22px 22px;overflow:hidden;border:1.5px solid rgba(255,255,255,.22);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.hs-im img{width:100%;height:100%;object-fit:cover}
.hs-im::after{content:'';position:absolute;inset:0;background:linear-gradient(200deg,rgba(244,188,116,.14),transparent 45%)}
.hs-chip{position:absolute;left:18px;bottom:18px;background:rgba(14,16,22,.82);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:11px 15px;font-size:12px;color:#D6DCF2}
.hs-chip b{color:#F4BC74;display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}
.hs-ctrl{position:absolute;left:28px;right:28px;bottom:26px;display:flex;align-items:center;gap:18px;z-index:5;max-width:1224px;margin:0 auto}
.hs-arrows{display:flex;gap:8px}
.hs-arrows button{width:42px;height:42px;border-radius:99px;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.05);color:#fff;font-size:16px;cursor:pointer;transition:.18s}
.hs-arrows button:hover{background:#F4BC74;color:#4A2408;border-color:#F4BC74}
.hs-count{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:#8E99BC}
.hs-count b{color:#fff}
.hs-prog{flex:1;height:2px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden;max-width:340px}
.hs-prog i{display:block;height:100%;width:0;background:#F4BC74}
.hslider.play .hs-prog i{animation:hsbar 6.8s linear infinite}
@keyframes hsbar{from{width:0}to{width:100%}}
.hs-dots{display:flex;gap:8px}
.hs-dots button{width:9px;height:9px;border-radius:99px;border:none;background:rgba(255,255,255,.25);cursor:pointer;transition:.2s;padding:0}
.hs-dots button.on{background:#F4BC74;width:26px}
@media(max-width:960px){
  .hs-slide{grid-template-columns:1fr;gap:30px;padding:44px 0 110px}
  .hs-stage{min-height:660px}
  .hs-vis{order:-1}
  .hs-im{max-height:240px;aspect-ratio:auto;height:240px;border-radius:120px 120px 16px 16px}
}