/* GET cinematic split hero — isolated styles, no header overrides. */
.get-hero {
    --hero-navy: #253746;
    --hero-dark: #0b1c2a;
    --hero-yellow: #ffcc00;
    position: relative;
    isolation: isolate;
    min-height: 100svh;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: clamp(130px, 12vw, 175px) 0 42px;
    background: radial-gradient(ellipse at 78% 40%, #29485b 0%, #182d3c 42%, #0c1b29 100%);
    color: #fff;
    font-family: "Manrope", sans-serif;
}

.get-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .16;
    background-image: linear-gradient(#ffffff17 1px, transparent 1px), linear-gradient(90deg, #ffffff17 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(90deg, transparent, #000 50%, #000);
}

.get-hero__ambient {
    position: absolute;
    z-index: -1;
    width: 480px;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(95px);
    opacity: .22;
    pointer-events: none;
    animation: get-ambient 11s ease-in-out infinite alternate;
}

.get-hero__ambient--one { top: -260px; right: -120px; background: #ffcc00; }
.get-hero__ambient--two { bottom: -330px; left: -180px; background: #3988a5; animation-delay: -5s; }
.get-hero__container { position: relative; z-index: 1; }
.get-hero__copy { position: relative; z-index: 2; animation: get-reveal .85s ease-out both; }

.get-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 26px;
    color: var(--hero-yellow);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .2em;
}

.get-hero__signal, .get-stage__status-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--hero-yellow);
    box-shadow: 0 0 0 5px #ffcc001c, 0 0 18px #ffcc0090;
}

.get-hero__title {
    margin: 0;
    font-size: clamp(3.5rem, 6vw, 6.5rem);
    font-weight: 800;
    letter-spacing: -.075em;
    line-height: 1.06;
}

.get-hero__title span { color: var(--hero-yellow); }
.get-hero__description { max-width: 470px; margin: 28px 0 30px; color: #c7d4dc; font-size: clamp(15px, 1.3vw, 17px); line-height: 1.8; }
.get-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }

.get-hero__cta {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    min-height: 52px;
    padding: 0 21px;
    border-radius: 11px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.get-hero__cta:hover { transform: translateY(-3px); }
.get-hero__cta--primary { background: var(--hero-yellow); color: #132333; box-shadow: 0 9px 30px #ffcc0024; }
.get-hero__cta--primary:hover { background: #ffe15c; color: #132333; box-shadow: 0 13px 38px #ffcc0040; }
.get-hero__cta--secondary { border: 1px solid #ffffff40; background: #ffffff0a; color: #fff; }
.get-hero__cta--secondary:hover { background: #ffffff18; color: #fff; }
.get-hero__concept-note { margin: 26px 0 0; color: #a7b7c0; font-size: 10px; letter-spacing: .025em; }

/* The video is a focal object, not a page background. */
.get-stage { position: relative; width: 100%; padding: 42px 10px 42px 28px; perspective: 1100px; animation: get-reveal 1s .18s ease-out both; }
.get-stage__halo { position: absolute; inset: 10% 7%; z-index: -1; border-radius: 50%; background: #ffcc003d; filter: blur(60px); }
.get-stage__orbit { position: absolute; z-index: -1; border: 1px solid #ffcc0045; border-radius: 50%; pointer-events: none; }
.get-stage__orbit--outer { inset: -6% 0; transform: rotate(-15deg); }
.get-stage__orbit--inner { inset: 7% -4%; transform: rotate(18deg); border-style: dashed; opacity: .5; }
.get-stage__spark { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--hero-yellow); box-shadow: 0 0 20px 7px #ffcc0066; animation: get-spark 5s ease-in-out infinite; }
.get-stage__spark--one { top: 4%; left: 16%; }
.get-stage__spark--two { bottom: 8%; right: 4%; animation-delay: -2.5s; }

.get-stage__panel {
    position: relative;
    overflow: hidden;
    border: 1px solid #c2d6df3d;
    border-radius: 24px;
    background: #112737;
    box-shadow: 0 30px 85px #0008, inset 0 1px #ffffff29, 0 0 45px #ffcc0010;
    transform: translate3d(var(--stage-x, 0px), var(--stage-y, 0px), 0) rotateY(var(--stage-ry, 0deg)) rotateX(var(--stage-rx, 0deg));
    transition: transform .35s ease-out;
}

.get-stage__panel::before { content: ""; position: absolute; z-index: 4; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 1px #ffffff09; }
.get-stage__panel-top, .get-stage__panel-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 19px; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.get-stage__panel-top { color: #c9d7de; }
.get-stage__panel-top > span:first-child { display: flex; align-items: center; gap: 12px; }
.get-stage__panel-mark { color: var(--hero-yellow); }
.get-stage__media { position: relative; overflow: hidden; background: #091926; aspect-ratio: 16 / 9; }
.get-stage__video { display: block; width: 100%; height: 100%; object-fit: cover; }
.get-stage__video-vignette { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, #0b1c2a20, transparent 35%, #0b1c2a50); }
.get-stage__scan { position: absolute; left: 0; right: 0; top: -5%; height: 1px; background: linear-gradient(90deg, transparent, #ffcc00, transparent); box-shadow: 0 0 14px 2px #ffcc0066; opacity: .65; animation: get-scan 9s linear infinite; pointer-events: none; }
.get-stage__panel-bottom { color: #b9cbd5; letter-spacing: .025em; font-weight: 600; }
.get-stage__panel-bottom i { margin-right: 6px; color: var(--hero-yellow); }
.get-stage__panel-index { color: var(--hero-yellow); }

.get-stage__chip {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 15px;
    min-width: 143px;
    border: 1px solid #ffffff3b;
    border-radius: 13px;
    background: #1c3546ed;
    backdrop-filter: blur(14px);
    box-shadow: 0 14px 40px #0006;
    animation: get-float 5s ease-in-out infinite;
}

.get-stage__chip-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 9px; color: #1b2c3b; background: var(--hero-yellow); font-size: 17px; }
.get-stage__chip strong, .get-stage__chip small { display: block; line-height: 1.4; }
.get-stage__chip strong { font-size: 12px; }
.get-stage__chip small { font-size: 10px; color: #c4d2db; }
.get-stage__chip--cashless { top: 3%; right: -2%; }
.get-stage__chip--access { top: 43%; left: -4%; animation-delay: -1.6s; }
.get-stage__chip--insights { bottom: 1%; right: 5%; animation-delay: -3.1s; }

.get-hero__footer { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 48px; padding-top: 21px; border-top: 1px solid #ffffff22; color: #b8c7d1; font-size: 10px; letter-spacing: .15em; }
.get-hero__footer b { padding: 0 9px; color: var(--hero-yellow); }
.get-hero__scroll { display: inline-flex; gap: 12px; align-items: center; white-space: nowrap; }
.get-hero__scroll i { color: var(--hero-yellow); font-size: 18px; animation: get-scroll 1.8s ease-in-out infinite; }

@keyframes get-reveal { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes get-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@keyframes get-spark { 0%, 100% { opacity: .35; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.3); } }
@keyframes get-ambient { from { transform: translate(0, 0); } to { transform: translate(40px, -30px); } }
@keyframes get-scan { from { top: 0; } to { top: 100%; } }
@keyframes get-scroll { 0%, 100% { transform: translateY(-3px); } 50% { transform: translateY(4px); } }

@media (max-width: 1199.98px) {
    .get-hero__title { font-size: clamp(3.2rem, 5.5vw, 5.2rem); }
    .get-stage__chip--access { left: -2%; }
}

@media (max-width: 991.98px) {
    .get-hero { padding-top: 140px; }
    .get-hero__copy { max-width: 650px; }
    .get-stage { max-width: 760px; margin: 0 auto; padding: 36px 24px; }
    .get-stage__chip--cashless { right: 0; }
    .get-stage__chip--access { left: 0; }
    .get-hero__footer { margin-top: 20px; }
}

@media (max-width: 575.98px) {
    .get-hero { padding-top: 115px; padding-bottom: 28px; }
    .get-hero__title { font-size: clamp(3.2rem, 12vw, 4.7rem); }
    .get-hero__description { margin: 22px 0 26px; }
    .get-hero__cta { width: 100%; }
    .get-stage { padding: 25px 0 40px; }
    .get-stage__panel { border-radius: 17px; }
    .get-stage__panel-top, .get-stage__panel-bottom { padding: 11px 12px; font-size: 8px; }
    .get-stage__chip { min-width: 0; padding: 8px 9px; gap: 7px; }
    .get-stage__chip-icon { width: 25px; height: 25px; flex-basis: 25px; font-size: 13px; }
    .get-stage__chip strong { font-size: 9px; }
    .get-stage__chip small { font-size: 8px; }
    .get-stage__chip--cashless { top: 1%; right: -1%; }
    .get-stage__chip--access { top: 44%; left: -1%; }
    .get-stage__chip--insights { bottom: 0; right: 0; }
    .get-hero__footer { font-size: 8px; letter-spacing: .06em; }
    .get-hero__footer b { padding: 0 3px; }
}

@media (prefers-reduced-motion: reduce) {
    .get-hero *, .get-hero *::before, .get-hero *::after { animation: none !important; transition: none !important; }
    .get-stage__scan { display: none; }
}