:host {
  --navy: #041724;
  --navy-2: #092b43;
  --navy-3: #113e5d;
  --blue: #2188f4;
  --sky: #82d2ff;
  --lime: #c8ef00;
  --cream: #f4f1e9;
  --paper: #e9f0f3;
  --ink: #071a2c;
  --muted: #557083;
  --line: #b8cbd4;
  --white: #fbfdff;
}

* { box-sizing: border-box; }
:host { display: block; margin: 0; color: var(--ink); background: var(--cream); font-family: var(--font-geist-sans), Inter, Arial, sans-serif; }
main { overflow: hidden; }
slot[name="featured-walkthrough"] { display: block; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.shell { width: min(100% - 72px, 1380px); margin-inline: auto; }

.hero { position: relative; isolation: isolate; display: flex; min-height: auto; flex-direction: column; overflow: hidden; color: white; background: #041724; }
.hero::before { content: ""; position: absolute; z-index: -4; inset: 0; background: radial-gradient(circle at 84% 35%, #197fb25c 0, transparent 30%), radial-gradient(circle at 18% 90%, #0c6c9f24 0, transparent 34%), linear-gradient(125deg, #03131f 0%, #08243a 58%, #0c3550 100%); }
.hero::after { content: ""; position: absolute; z-index: -3; inset: 0; opacity: .22; background-image: linear-gradient(#9adaff18 1px, transparent 1px), linear-gradient(90deg, #9adaff18 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(100deg, #000 10%, #000 68%, transparent 98%); }
.heroBeam { position: absolute; z-index: -2; top: -50%; left: 42%; width: 22%; height: 200%; background: linear-gradient(90deg, transparent, #80d6ff0c, transparent); transform: rotate(17deg); animation: beamSweep 11s ease-in-out infinite alternate; }

.liveRibbon { display: flex; min-height: 42px; align-items: center; justify-content: center; gap: 14px; padding: 8px 22px; border-bottom: 1px solid #9edaff25; color: #bad2df; background: #164766e8; font-size: 11px; letter-spacing: .8px; }
.liveRibbon strong { color: white; letter-spacing: 1.7px; }
.liveRibbon > i { width: 4px; height: 4px; border-radius: 50%; background: #72ccff; }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: #64c8ff; box-shadow: 0 0 0 0 #64c8ff66; animation: signalPulse 2s ease-out infinite; }

.nav { display: flex; min-height: 91px; align-items: center; justify-content: space-between; border-bottom: 1px solid #a5d9f21f; }
.brand { display: inline-flex; align-items: center; }
.brand img { width: 52px; height: 52px; object-fit: contain; }
.brandRule { width: 1px; height: 46px; margin: 0 14px; background: #acd9f03d; }
.brandWords { display: flex; flex-direction: column; line-height: 1; }
.brandWords small { margin-bottom: 5px; color: #c2d3de; font-size: 10px; font-weight: 780; }
.brandWords strong { font-size: 26px; letter-spacing: -1px; }
.brandWords strong span { color: var(--sky); }
.navLinks { display: flex; align-items: center; gap: clamp(18px, 2.2vw, 34px); color: #c8d8e2; font-size: 13px; font-weight: 720; }
.navLinks > a:not(.button) { position: relative; padding-block: 12px; }
.navLinks > a:not(.button)::after { content: ""; position: absolute; right: 100%; bottom: 5px; left: 0; height: 2px; background: var(--sky); transition: right .22s ease; }
.navLinks > a:not(.button):hover::after { right: 0; }

.button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 18px; padding: 14px 23px; border: 1px solid #5ab9ff; border-radius: 7px; color: white; background: linear-gradient(135deg, #168df6, #2a73df); box-shadow: 0 17px 40px #087bd346, inset 0 1px #ffffff42; font-size: 13px; font-weight: 820; transition: transform .22s ease, box-shadow .22s ease, filter .22s ease; }
.button:hover { transform: translateY(-3px); filter: brightness(1.06); box-shadow: 0 24px 54px #087bd365, inset 0 1px #ffffff42; }
.button > span { font-size: 19px; }
.button.compact { min-height: 46px; padding: 11px 18px; font-size: 11px; }
.button.light { color: var(--ink); border-color: white; background: white; box-shadow: 0 20px 50px #0006; }

.heroLayout { display: grid; flex: none; grid-template-columns: minmax(0, .93fr) minmax(520px, 1.07fr); align-items: center; gap: clamp(42px, 5vw, 80px); padding-block: 30px 24px; }
.heroCopy { max-width: 650px; animation: riseIn .8s both; }
.kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: #b8d3e3; font-size: 10px; font-weight: 850; letter-spacing: 1.9px; }
.kicker > span { width: 35px; height: 1px; background: #63c4ff; }
.kicker.ink { color: #39789f; }
.hero h1 { margin: 0; max-width: 660px; font-size: clamp(50px, 4.35vw, 73px); line-height: .96; letter-spacing: -4.5px; text-wrap: balance; }
.script { margin: 16px 0 0; color: #8bd2ff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 2.7vw, 42px); font-style: italic; line-height: 1.04; letter-spacing: -1.4px; }
.heroLead { max-width: 620px; margin: 22px 0 23px; color: #c1d4e0; font-size: 16px; line-height: 1.62; }
.heroActions { display: flex; align-items: center; gap: 27px; }
.textLink { display: inline-flex; align-items: center; gap: 12px; color: #e9f7ff; font-size: 12px; font-weight: 800; }
.textLink span { color: var(--sky); font-size: 19px; }
.firstMove { display: flex; align-items: center; gap: 13px; margin-top: 26px; padding-top: 17px; border-top: 1px solid #a9dbfa2c; color: #e0edf4; font-size: 10px; }
.firstMove > span { color: #69c7ff; font-size: 8px; font-weight: 850; letter-spacing: 1.4px; }
.firstMove > span:last-child { color: var(--lime); font-size: 16px; }

.callBoard { position: relative; overflow: hidden; padding: 24px 25px 22px 30px; border: 1px solid #79cfff66; border-radius: 20px 4px 20px 4px; background: linear-gradient(150deg, #153e5de9, #061a2bec); box-shadow: 0 38px 100px #0009, inset 0 1px #ffffff18; animation: boardFloat 7s ease-in-out infinite; }
.callBoard::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(var(--sky), var(--blue) 60%, var(--lime)); }
.callBoard::after { content: ""; position: absolute; right: -90px; top: -100px; width: 280px; height: 280px; border: 1px solid #79ceff30; border-radius: 50%; box-shadow: 0 0 0 45px #79ceff08, 0 0 0 90px #79ceff04; }
.callBoardTop { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; color: #a4c4d6; font-size: 8px; font-weight: 850; letter-spacing: 1.6px; }
.callBoardTop b { display: inline-flex; align-items: center; gap: 8px; color: white; }
.callBoardTop i { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 16px #c8ef00; animation: blink 1.2s ease-in-out infinite alternate; }
.callBoardHeadline { position: relative; z-index: 1; display: flex; align-items: flex-end; gap: 18px; margin: 18px 0 16px; }
.callBoardHeadline > strong { color: white; font-size: 94px; line-height: .75; letter-spacing: -7px; }
.callBoardHeadline > span { color: white; font-size: 22px; font-weight: 850; line-height: 1.04; letter-spacing: -.6px; }
.callBoardHeadline em { color: #91d3fb; font-family: Georgia, serif; font-size: 19px; font-weight: 400; }
.callRows { position: relative; z-index: 1; display: grid; gap: 7px; }
.callRow { display: grid; grid-template-columns: 45px 74px 66px 49px 1fr 18px; align-items: center; min-height: 60px; padding: 8px 11px; border: 1px solid #90d2f832; background: #ffffff08; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.callRow:hover { transform: translateX(5px); border-color: #86d4ff8c; background: #ffffff10; }
.callRow.featured { border-color: #70cbff7a; background: linear-gradient(90deg, #1979b84a, #ffffff08); box-shadow: inset 3px 0 #75d0ff; }
.callShort { color: #73ccff; font-size: 7px; font-weight: 880; letter-spacing: 1.1px; }
.callRow > strong { font-size: 13px; }
.callRow > b { color: var(--lime); font-size: 19px; letter-spacing: -.8px; }
.callRow > small { color: #91aaba; font-size: 6px; font-weight: 820; letter-spacing: .8px; }
.callRow > em { color: #bfd2dc; font-size: 9px; font-style: normal; font-weight: 680; }
.callRow > span:last-child { color: var(--sky); font-size: 17px; }
.timezone { position: relative; z-index: 1; display: flex; align-items: center; gap: 11px; margin-top: 11px; padding: 11px 13px; color: #abc3d0; background: #020c1545; }
.timezone > span { color: var(--lime); font-size: 17px; }
.timezone p { margin: 0; font-size: 7px; line-height: 1.45; }
.timezone strong { color: #e2eff6; font-weight: 700; }
.call-video-cta { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 34px; align-items: center; gap: 13px; margin-top: 11px; padding: 13px 13px 13px 15px; color: #071a2c; border: 1px solid #e5ff6a; border-radius: 7px; background: linear-gradient(135deg, #d8f835, #bce600); box-shadow: 0 13px 28px #0004, inset 0 1px #ffffffa8; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.call-video-cta:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: 0 18px 38px #0006, inset 0 1px #ffffffa8; }
.call-video-cta > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.call-video-cta strong { font-size: 10px; font-weight: 950; line-height: 1.28; letter-spacing: .35px; }
.call-video-cta small { font-size: 8px; font-weight: 800; letter-spacing: .2px; }
.call-video-cta > b { display: grid; width: 31px; height: 31px; place-items: center; color: white; border-radius: 50%; background: #08283d; font-size: 18px; box-shadow: 0 7px 15px #08283d55; }
.heroFooter { display: none; }
.heroFooter i { width: 4px; height: 4px; border-radius: 50%; background: var(--lime); }

.inside { position: relative; isolation: isolate; padding: 120px 0 126px; background: var(--cream); }
.inside::before { content: "ACADEMY"; position: absolute; z-index: -1; right: -25px; top: 18px; color: #dbe2de65; font-size: clamp(100px, 16vw, 240px); font-weight: 950; line-height: 1; letter-spacing: -14px; }
.insideGlow { position: absolute; z-index: -1; right: 4%; top: 27%; width: 48%; height: 45%; background: radial-gradient(circle, #62baf137, transparent 68%); filter: blur(40px); }
.insideHeader { display: grid; grid-template-columns: 1.06fr .94fr; align-items: end; gap: 80px; }
.insideHeader h2, .training h2, .live h2, .answers h2, .final h2 { margin: 0; font-size: clamp(48px, 5vw, 76px); line-height: .94; letter-spacing: -4.6px; }
.insideHeader h2 em, .training h2 em, .live h2 em, .answers h2 em, .final h2 em { color: #2574a6; font-family: Georgia, serif; font-weight: 400; }
.insideLead { max-width: 570px; margin: 0 0 8px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.insideGrid { display: grid; grid-template-columns: 1fr 1.45fr .52fr; align-items: stretch; gap: 22px; margin-top: 64px; }
.insideSteps { display: flex; min-height: 610px; flex-direction: column; padding: 18px 34px 28px 0; border-top: 1px solid #9eb6c1; border-bottom: 1px solid #9eb6c1; }
.insideSteps article { display: grid; grid-template-columns: 46px 1fr; gap: 14px; padding: 26px 0; border-bottom: 1px solid #c7d4d9; }
.insideSteps article > span { color: #1687cb; font-size: 12px; font-weight: 900; letter-spacing: 1px; }
.insideSteps h3 { margin: 0; font-size: 23px; line-height: 1.1; letter-spacing: -.7px; }
.insideSteps p { margin: 9px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.insideLink { display: inline-flex; align-items: center; justify-content: space-between; margin-top: auto; padding: 18px 0 0; color: #0c6fae; font-size: 13px; font-weight: 850; }
.insideLink span { font-size: 20px; }
.realScreen { position: relative; overflow: hidden; margin: 0; border: 1px solid #8caebf; border-radius: 10px; background: #d7e3e8; box-shadow: 0 35px 90px #17384830; }
.realScreen::after { content: ""; position: absolute; pointer-events: none; inset: 0; box-shadow: inset 0 0 0 1px #ffffff8c; }
.screenLabel { position: absolute; z-index: 2; top: 18px; left: 18px; display: inline-flex; align-items: center; gap: 10px; padding: 10px 13px; color: white; border: 1px solid #ffffff36; border-radius: 4px; background: #051a2bea; box-shadow: 0 12px 30px #0005; font-size: 8px; font-weight: 900; letter-spacing: 1.3px; }
.screenLabel .pulse { width: 6px; height: 6px; }
.primaryScreen { min-height: 610px; animation: gentleLift 8s ease-in-out infinite; }
.primaryScreen > img { width: 100%; height: 555px; object-fit: cover; object-position: top left; }
.primaryScreen figcaption { display: flex; min-height: 55px; align-items: center; justify-content: space-between; gap: 20px; padding: 0 20px; color: #d7e7ef; background: #08253a; font-size: 11px; }
.primaryScreen figcaption strong { color: white; }
.primaryScreen figcaption span { color: #8bcdf2; }
.mobileScreen { min-height: 610px; background: #ecf2f5; animation: gentleLift 8s 1.1s ease-in-out infinite reverse; }
.mobileScreen > img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }

.screenShowcase { padding: 34px 0 50px; color: white; background: #061a2a; border-top: 1px solid #1e5577; border-bottom: 1px solid #1e5577; }
.showcaseHeading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; color: #84cfff; font-size: 9px; font-weight: 900; letter-spacing: 1.8px; }
.showcaseHeading p { margin: 0; color: white; font-family: Georgia, serif; font-size: 17px; font-style: italic; font-weight: 400; letter-spacing: 0; }
.screenRail { overflow: hidden; }
.screenTrack { display: flex; width: max-content; align-items: flex-start; gap: 24px; animation: railMove 48s linear infinite; }
.screenTrack:hover { animation-play-state: paused; }
.railShot { width: 530px; margin: 0; }
.railShot.mobile { width: 220px; }
.railShot > div { overflow: hidden; height: 300px; border: 1px solid #75c9f84a; border-radius: 7px; background: #0e2a3f; box-shadow: 0 18px 45px #0006; }
.railShot.mobile > div { height: 300px; }
.railShot img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .4s ease; }
.railShot:hover img { transform: scale(1.025); }
.railShot figcaption { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 12px; color: #bfd1dc; font-size: 11px; }
.railShot figcaption span { color: #6cc7fc; font-size: 7px; font-weight: 900; letter-spacing: 1.2px; }

.training { position: relative; padding: 130px 0; background: #e8f0f3; }
.training::after { content: ""; position: absolute; right: -80px; bottom: -140px; width: 500px; height: 500px; border: 1px solid #177bb52d; border-radius: 50%; box-shadow: 0 0 0 70px #177bb50a, 0 0 0 140px #177bb507; }
.trainingGrid { position: relative; z-index: 1; display: grid; grid-template-columns: .78fr 1.22fr; gap: 92px; }
.training header { position: sticky; top: 45px; align-self: start; }
.training header > p:last-child { max-width: 440px; margin: 30px 0 0; color: var(--muted); font-size: 17px; line-height: 1.75; }
.trainingCards { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.trainingCards article { min-height: 260px; padding: 32px; border: 1px solid #b4c9d3; border-radius: 4px 18px 4px 18px; background: #f7fafb; box-shadow: 0 18px 46px #16405a0c; transition: transform .25s ease, box-shadow .25s ease; }
.trainingCards article:hover { transform: translateY(-7px); box-shadow: 0 28px 60px #16405a20; }
.trainingCards article > span { color: #2b83bd; font-size: 10px; font-weight: 900; letter-spacing: 1.4px; }
.trainingCards h3 { margin: 54px 0 12px; font-size: 27px; letter-spacing: -1px; }
.trainingCards p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.trainingCards .accentCard { color: white; border-color: #188ee4; background: linear-gradient(145deg, #168de7, #0b5f9f); }
.accentCard > span, .accentCard p { color: #d7efff; }
.accentCard a { display: inline-flex; align-items: center; gap: 12px; margin-top: 25px; font-size: 12px; font-weight: 850; }
.accentCard a span { font-size: 19px; }

.live { position: relative; isolation: isolate; overflow: hidden; padding: 125px 0; color: white; background: linear-gradient(135deg, #031521, #092b45 60%, #0d3c5c); }
.live::before { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .17; background-image: linear-gradient(#8ed5ff21 1px, transparent 1px), linear-gradient(90deg, #8ed5ff21 1px, transparent 1px); background-size: 72px 72px; }
.liveBackdrop { position: absolute; z-index: -1; right: -40px; top: -65px; color: #ffffff08; font-size: clamp(210px, 31vw, 470px); font-weight: 950; line-height: 1; letter-spacing: -35px; }
.liveTop { display: grid; grid-template-columns: 1.05fr .95fr; align-items: end; gap: 80px; margin-bottom: 60px; }
.live h2 em, .final h2 em { color: #8dd1fa; }
.liveTop > p { max-width: 580px; margin: 0 0 8px; color: #b7ccd8; font-size: 16px; line-height: 1.75; }
.liveGrid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: stretch; gap: 38px; }
.live .callBoard { animation-delay: -3s; }
.callBoard.condensed { display: flex; flex-direction: column; justify-content: center; min-height: 520px; padding: 36px; }
.callBoard.condensed .callBoardTop { margin-bottom: 34px; }
.callBoard.condensed .callRow { min-height: 83px; grid-template-columns: 48px 84px 80px 54px 1fr 20px; }
.callBoard.condensed .callRow > strong { font-size: 16px; }
.callBoard.condensed .callRow > b { font-size: 25px; }
.callBoard.condensed .callRow > em { font-size: 11px; }
.liveDetails { display: grid; align-content: center; gap: 16px; }
.liveDetails article { padding: 28px 30px; border: 1px solid #7dcdf83b; border-left: 3px solid #65c6fb; background: #ffffff09; }
.liveDetails article > span { color: #72cbff; font-size: 8px; font-weight: 900; letter-spacing: 1.5px; }
.liveDetails h3 { margin: 12px 0 10px; font-size: 24px; letter-spacing: -.7px; }
.liveDetails p { margin: 0; color: #b8ceda; font-size: 14px; line-height: 1.65; }
.liveDetails .button { justify-self: start; margin-top: 4px; }

.proof { padding: 80px 0; color: white; background: #167bc1; }
.proofGrid { display: grid; grid-template-columns: .75fr 1fr 1fr 1.2fr; align-items: center; }
.proofGrid > div { display: flex; min-height: 110px; flex-direction: column; justify-content: center; padding: 0 31px; border-right: 1px solid #ffffff35; }
.proofGrid > div:first-child { padding-left: 0; }
.proofNumber { font-size: 46px; font-weight: 900; line-height: 1; letter-spacing: -2.5px; }
.proofGrid small { margin-top: 12px; color: #d5ecfa; font-size: 8px; font-weight: 900; letter-spacing: 1.3px; }
.proofGrid > p { margin: 0; padding-left: 42px; color: white; font-family: Georgia, serif; font-size: 22px; font-style: italic; line-height: 1.45; }

.answers { display: grid; grid-template-columns: .78fr 1.22fr; gap: 100px; padding-block: 125px; }
.faq { border-top: 1px solid #aabdc6; }
.faq details { border-bottom: 1px solid #aabdc6; }
.faq summary { display: flex; cursor: pointer; align-items: center; justify-content: space-between; padding: 28px 5px; font-size: 15px; font-weight: 780; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { color: #1683c4; font-size: 22px; transition: transform .2s ease; }
.faq details[open] summary span { transform: rotate(45deg); }
.faq p { margin: -10px 50px 25px 5px; color: var(--muted); font-size: 14px; line-height: 1.7; }

.final { position: relative; isolation: isolate; overflow: hidden; margin-bottom: 75px; padding: 63px 68px; color: white; border-radius: 5px 24px 5px 24px; background: linear-gradient(125deg, #08263d, #0b4163); box-shadow: 0 35px 90px #0c2d4140; }
.final::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .25; background-image: linear-gradient(#8ed5ff26 1px, transparent 1px), linear-gradient(90deg, #8ed5ff26 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, transparent 55%, #000); }
.finalPulse { position: absolute; z-index: -1; right: -120px; top: -190px; width: 550px; height: 550px; border: 1px solid #79cfff35; border-radius: 50%; box-shadow: 0 0 0 70px #79cfff08, 0 0 0 140px #79cfff05; animation: orbitBreathe 5s ease-in-out infinite; }
.final h2 { max-width: 760px; font-size: clamp(44px, 4.8vw, 68px); }
.final > p:not(.kicker) { margin: 22px 0 28px; color: #bad0dc; font-size: 14px; }
.final .button { position: absolute; right: 68px; bottom: 68px; }

.footer { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 65px; }
.footer .brand img { width: 42px; height: 42px; }
.footer .brandRule { height: 37px; }
.footer .brandWords strong { font-size: 20px; }
.footer > div > p { margin: 16px 0 0; color: #6b8290; font-size: 10px; line-height: 1.6; }
.footerLinks { display: grid; grid-template-columns: repeat(3, auto); gap: 14px 24px; color: #627986; font-size: 10px; }
.footerLinks span { grid-column: 1 / -1; text-align: right; }

@keyframes signalPulse { 0% { box-shadow: 0 0 0 0 #64c8ff69; } 70% { box-shadow: 0 0 0 9px #64c8ff00; } 100% { box-shadow: 0 0 0 0 #64c8ff00; } }
@keyframes blink { from { opacity: .55; } to { opacity: 1; } }
@keyframes beamSweep { from { transform: translateX(-20vw) rotate(17deg); } to { transform: translateX(31vw) rotate(17deg); } }
@keyframes riseIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@keyframes boardFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes gentleLift { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes railMove { to { transform: translateX(calc(-50% - 12px)); } }
@keyframes orbitBreathe { 0%, 100% { transform: scale(.98); opacity: .7; } 50% { transform: scale(1.04); opacity: 1; } }

@media (max-width: 1120px) {
  .shell { width: min(100% - 48px, 1380px); }
  .navLinks { gap: 17px; font-size: 11px; }
  .navLinks a:nth-child(2) { display: none; }
  .heroLayout { grid-template-columns: .92fr 1.08fr; gap: 32px; }
  .hero h1 { font-size: 52px; }
  .callRow { grid-template-columns: 40px 65px 60px 44px 1fr 16px; }
  .insideGrid { grid-template-columns: .82fr 1.45fr .55fr; }
  .insideSteps { padding-right: 20px; }
  .insideSteps article { grid-template-columns: 35px 1fr; }
  .insideSteps h3 { font-size: 19px; }
}

@media (max-width: 900px) {
  .shell { width: min(100% - 40px, 1380px); }
  .hero { min-height: auto; }
  .liveRibbon span:not(.pulse), .liveRibbon i { display: none; }
  .liveRibbon strong::after { content: " — MON NOON · THU 7 PM · FRI NOON EASTERN"; }
  .nav { min-height: 78px; }
  .navLinks > a:not(.button) { display: none; }
  .heroLayout { grid-template-columns: 1fr; padding-block: 58px; }
  .heroCopy { max-width: 720px; }
  .hero .callBoard { margin-top: 12px; }
  .heroFooter { min-height: 45px; }
  .insideHeader, .trainingGrid, .liveTop, .liveGrid, .answers { grid-template-columns: 1fr; gap: 38px; }
  .insideGrid { grid-template-columns: 1fr 1fr; }
  .insideSteps { grid-column: 1 / -1; min-height: auto; padding-right: 0; }
  .insideLink { margin-top: 25px; }
  .primaryScreen { min-height: 520px; }
  .primaryScreen > img { height: 465px; }
  .mobileScreen { min-height: 520px; }
  .training header { position: static; }
  .liveTop { margin-bottom: 40px; }
  .proofGrid { grid-template-columns: repeat(3, 1fr); }
  .proofGrid > p { grid-column: 1 / -1; margin-top: 38px; padding: 0; text-align: center; }
  .final .button { position: static; margin-top: 8px; }
}

@media (max-width: 640px) {
  .shell { width: min(100% - 30px, 1380px); }
  .liveRibbon { min-height: 38px; padding-inline: 12px; font-size: 8px; }
  .nav { min-height: 74px; }
  .brand img { width: 42px; height: 42px; }
  .brandRule { height: 37px; margin-inline: 10px; }
  .brandWords strong { font-size: 20px; }
  .navLinks .button { min-height: 40px; padding: 9px 11px; font-size: 8px; }
  .navLinks .button span { display: none; }
  .heroLayout { padding-block: 48px 34px; }
  .hero h1 { font-size: clamp(44px, 13vw, 61px); letter-spacing: -3.5px; }
  .script { font-size: 30px; }
  .heroLead { font-size: 15px; }
  .heroActions { align-items: stretch; flex-direction: column; gap: 18px; }
  .textLink { padding-left: 3px; }
  .firstMove { align-items: flex-start; flex-wrap: wrap; line-height: 1.5; }
  .callBoard { padding: 20px 14px 18px 19px; }
  .callBoardHeadline > strong { font-size: 75px; }
  .callBoardHeadline > span { font-size: 18px; }
  .callRow { grid-template-columns: 38px 66px 61px 1fr 16px; min-height: 66px; }
  .callRow > small { display: none; }
  .callRow > em { font-size: 8px; }
  .call-video-cta { grid-template-columns: 1fr 31px; padding: 12px; }
  .call-video-cta strong { font-size: 9px; }
  .heroFooter { display: none; }
  .inside { padding: 90px 0; }
  .insideHeader { grid-template-columns: 1fr; gap: 25px; }
  .insideHeader h2, .training h2, .live h2, .answers h2 { font-size: 48px; letter-spacing: -3px; }
  .insideGrid { grid-template-columns: 1fr; margin-top: 42px; }
  .insideSteps { grid-column: auto; }
  .primaryScreen { min-height: 400px; }
  .primaryScreen > img { height: 345px; }
  .primaryScreen figcaption { align-items: flex-start; flex-direction: column; justify-content: center; gap: 3px; }
  .mobileScreen { width: 68%; min-height: 600px; justify-self: center; }
  .railShot { width: 390px; }
  .railShot.mobile { width: 190px; }
  .railShot > div { height: 230px; }
  .screenTrack { animation-duration: 38s; }
  .training { padding: 90px 0; }
  .trainingCards { grid-template-columns: 1fr; }
  .trainingCards article { min-height: 230px; }
  .live { padding: 90px 0; }
  .callBoard.condensed { min-height: auto; padding: 25px 16px 22px 21px; }
  .callBoard.condensed .callRow { grid-template-columns: 38px 64px 68px 1fr 16px; min-height: 72px; }
  .callBoard.condensed .callRow > small { display: none; }
  .callBoard.condensed .callRow > strong { font-size: 13px; }
  .callBoard.condensed .callRow > b { font-size: 21px; }
  .proofGrid { grid-template-columns: 1fr; }
  .proofGrid > div { min-height: 95px; padding: 24px 0; border-right: 0; border-bottom: 1px solid #ffffff35; }
  .proofGrid > p { text-align: left; }
  .answers { gap: 45px; padding-block: 90px; }
  .final { width: calc(100% - 30px); margin-bottom: 55px; padding: 46px 27px; }
  .final h2 { font-size: 42px; letter-spacing: -2.7px; }
  .footer { align-items: flex-start; flex-direction: column; gap: 35px; }
  .footerLinks { grid-template-columns: 1fr; }
  .footerLinks span { grid-column: auto; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}