.phone-stage {
  min-height: 660px;
  isolation: isolate;
}

.phone-stage .glow {
  width: 510px;
  height: 510px;
  background: conic-gradient(from 210deg, rgba(59,111,166,.28), rgba(238,130,120,.22), rgba(120,174,226,.2), rgba(59,111,166,.28));
  filter: blur(24px);
  opacity: .9;
}

.device {
  position: absolute;
  padding: 8px;
  background: linear-gradient(145deg, #161d29, #03060b);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 42px;
  box-shadow: 0 40px 80px rgba(8,20,38,.29), inset 0 0 0 1px rgba(255,255,255,.08);
}

.device .phone-screen {
  position: relative;
  min-height: 548px;
  border-radius: 34px;
  padding: 22px 15px 76px;
}

.device-dashboard {
  z-index: 2;
  width: 264px;
  transform: translateX(-86px) rotate(-5deg);
}

.device-client {
  z-index: 1;
  width: 238px;
  top: 68px;
  transform: translateX(104px) rotate(6deg);
}

.device-client .phone-screen {
  min-height: 520px;
}

.screen-link { color: #376a9e; }
.screen-alert { color: #ee8278; }
.attention-card { margin-bottom: 0; }

.tabs {
  align-items: stretch;
  gap: 2px;
  padding: 6px;
}

.tab {
  min-width: 0;
  flex: 1;
  min-height: 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  border-radius: 13px;
  color: #70798a;
  line-height: 1;
  text-align: center;
}

.tab i {
  height: 16px;
  display: grid;
  place-items: center;
  font-size: .78rem;
  line-height: 1;
  font-style: normal;
}

.tab b {
  display: block;
  font-size: .48rem;
  line-height: 1.1;
}

.tab.active {
  color: #376a9e;
  background: #e9f0f9;
}

.client-top {
  display: grid;
  grid-template-columns: 28px 1fr 28px;
  align-items: center;
  text-align: center;
  font-size: .72rem;
  margin-bottom: 22px;
}

.client-top span { font-size: .9rem; color: #5d687a; }
.avatar {
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 1.55rem;
  font-weight: 800;
  background: linear-gradient(145deg, #4b7daf, #ef867b);
  box-shadow: 0 14px 28px rgba(59,111,166,.2);
}

.client-name { text-align: center; font-size: 1.18rem; font-weight: 850; }
.client-meta { display: flex; align-items: center; justify-content: center; gap: 5px; color: #7b8492; font-size: .6rem; margin: 2px 0 15px; }
.client-meta span { width: 6px; height: 6px; border-radius: 50%; background: #35b58b; }
.stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }
.stat-grid div { padding: 10px 4px; text-align: center; background: rgba(255,255,255,.88); border: 1px solid #e6ebf2; border-radius: 13px; }
.stat-grid b { display: block; color: #17375b; font-size: .86rem; }
.stat-grid small { display: block; color: #7f8897; font-size: .47rem; }
.client-actions { margin-top: 12px; padding: 5px 12px; background: rgba(255,255,255,.9); border: 1px solid #e6ebf2; border-radius: 16px; box-shadow: 0 10px 25px rgba(24,42,70,.07); }
.client-actions div { display: grid; grid-template-columns: 18px 1fr; gap: 7px; align-items: center; min-height: 42px; color: #376a9e; font-size: .65rem; }
.client-actions div + div { border-top: 1px solid #e8ecf2; }

.floating.one { left: -36px; top: 134px; z-index: 4; }
.floating.two { right: -45px; bottom: 102px; z-index: 4; }

.feature.compact { grid-column: span 4; }
.feature.half { grid-column: span 6; }
.feature.full { grid-column: 1 / -1; }
.feature.full .metric-row { max-width: 820px; }

@media (max-width: 900px) {
  .phone-stage { min-height: 660px; }
  .device-dashboard { transform: translateX(-92px) rotate(-5deg); }
  .device-client { transform: translateX(104px) rotate(6deg); }
  .feature.compact, .feature.half, .feature.full { grid-column: auto; }
}

@media (max-width: 620px) {
  .phone-stage { min-height: 610px; margin-top: 6px; }
  .phone-stage .glow { width: 340px; height: 420px; }
  .device-dashboard { width: 238px; transform: translateX(-55px) rotate(-4deg); }
  .device-client { width: 205px; top: 68px; transform: translateX(70px) rotate(5deg); }
  .device .phone-screen { min-height: 520px; }
  .device-client .phone-screen { min-height: 482px; padding-left: 12px; padding-right: 12px; }
  .device-client .tabs { left: 18px; right: 18px; }
  .device-client .tab b { font-size: .42rem; }
}

/* Trainzeno app-matched palette */
:root {
  --blue: #29578a;
  --blue2: #6f9ac7;
  --coral: #db6357;
}

.hero {
  background:
    radial-gradient(circle at 78% 24%, rgba(41,87,138,.28), transparent 32%),
    radial-gradient(circle at 92% 72%, rgba(219,99,87,.22), transparent 34%),
    linear-gradient(160deg,#f7faff 0%,#eef3f8 55%,#fff6f4 100%);
}

h1 .grad,
.button.primary,
.form-card .button,
.hero-card,
.cta-box {
  background: linear-gradient(105deg,#29578a 0%,#896b79 52%,#db6357 100%);
}

.phone-stage .glow {
  background: conic-gradient(from 210deg,rgba(41,87,138,.30),rgba(219,99,87,.24),rgba(111,154,199,.22),rgba(41,87,138,.30));
}

.icon,
.tab.active {
  background: linear-gradient(135deg,rgba(41,87,138,.14),rgba(219,99,87,.13));
}

.screen-link,
.session time,
.tab.active,
.client-actions div {
  color: #29578a;
}

.screen-alert,
.step-num {
  color: #db6357;
}

/* Compact two-device product shot */
.phone-stage {
  min-height: 555px;
  perspective: 1200px;
  transform-style: preserve-3d;
}

.phone-stage .glow {
  width: 455px;
  height: 390px;
}

.device {
  border-radius: 38px;
  padding: 7px;
  box-shadow: 0 32px 62px rgba(8,20,38,.27), inset 0 0 0 1px rgba(255,255,255,.08);
}

.device .phone-screen {
  min-height: 474px;
  border-radius: 31px;
  padding: 18px 14px 64px;
}

.device-dashboard {
  width: 260px;
  transform: translate3d(-92px, 2px, 20px) rotateY(8deg) rotateZ(-3deg);
}

.device-client {
  width: 238px;
  top: 36px;
  transform: translate3d(104px, 0, 0) rotateY(-9deg) rotateZ(4deg);
}

.device-client .phone-screen {
  min-height: 458px;
}

.device .status {
  margin-bottom: 18px;
}

.device .hello {
  font-size: 1.42rem;
}

.device .hero-card {
  padding: 14px;
  margin: 12px 0 8px;
  border-radius: 18px;
}

.device .mini-card {
  margin: 7px 0;
  padding: 11px;
  border-radius: 16px;
}

.device .mini-head {
  margin-bottom: 5px;
}

.device .session {
  padding: 5px 0;
}

.device .tabs {
  left: 20px;
  right: 20px;
  bottom: 16px;
}

.device-client .client-top {
  margin-bottom: 13px;
}

.device-client .avatar {
  width: 62px;
  height: 62px;
  margin-bottom: 7px;
}

.device-client .client-meta {
  margin-bottom: 10px;
}

.device-client .client-actions {
  margin-top: 9px;
}

.device-client .client-actions div {
  min-height: 36px;
}

.floating.one { top: 104px; }
.floating.two { bottom: 72px; }

@media (max-width: 900px) {
  .phone-stage { min-height: 570px; }
  .device-dashboard { transform: translate3d(-88px, 2px, 20px) rotateY(8deg) rotateZ(-3deg); }
  .device-client { transform: translate3d(102px, 0, 0) rotateY(-9deg) rotateZ(4deg); }
}

@media (max-width: 620px) {
  .phone-stage { min-height: 525px; }
  .phone-stage .glow { width: 330px; height: 340px; }
  .device-dashboard { width: 224px; transform: translate3d(-53px, 0, 20px) rotateY(7deg) rotateZ(-3deg); }
  .device-client { width: 194px; top: 37px; transform: translate3d(70px, 0, 0) rotateY(-8deg) rotateZ(4deg); }
  .device .phone-screen { min-height: 446px; padding: 16px 11px 58px; }
  .device-client .phone-screen { min-height: 426px; }
  .device .hero-card small { font-size: .55rem; }
  .device .session { grid-template-columns: 38px 1fr auto; gap: 5px; }
  .device-client .stat-grid { gap: 4px; }
  .device-client .stat-grid small { display: none; }
  .device-client .client-actions div { min-height: 34px; }
}

/* Refined launch hero */
.hero-explore {
  min-width: 190px;
  border-radius: 18px;
}

.launch-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.coming-label {
  color: #667085;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-right: 3px;
}

.platform-name {
  color: #172235;
  font-size: .92rem;
  font-weight: 800;
  letter-spacing: -.01em;
}

.platform-separator {
  color: #98a2b3;
  font-size: .78rem;
  font-weight: 650;
}

.platform-chip {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 13px;
  color: #fff;
  background: #0a1220;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 13px;
  box-shadow: 0 10px 24px rgba(8,20,38,.14);
  font-size: .77rem;
  font-weight: 750;
  line-height: 1.05;
}

.platform-chip i {
  width: 19px;
  display: grid;
  place-items: center;
  font-size: 1.18rem;
  line-height: 1;
  font-style: normal;
}

.platform-chip small {
  display: block;
  color: #aeb8c7;
  font-size: .48rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.play-mark {
  color: #5bd7ac;
  text-shadow: -3px 1px 0 #78aee2, 2px -2px 0 #ee8278;
  font-size: .92rem !important;
}

.phone-stage {
  min-height: 590px;
  perspective: 1400px;
}

.phone-stage .glow {
  width: 500px;
  height: 420px;
  opacity: .82;
  filter: blur(34px);
}

.device-dashboard {
  z-index: 3;
  width: 276px;
  transform: translate3d(-78px, 10px, 65px) rotateY(13deg) rotateZ(-2.5deg);
  box-shadow: -20px 40px 80px rgba(8,20,38,.3), inset 0 0 0 1px rgba(255,255,255,.1);
}

.device-client {
  z-index: 2;
  width: 232px;
  top: 46px;
  transform: translate3d(112px, 0, -30px) rotateY(-17deg) rotateZ(4deg);
  box-shadow: 24px 34px 65px rgba(8,20,38,.25), inset 0 0 0 1px rgba(255,255,255,.1);
}

.device .phone-screen {
  min-height: 492px;
}

.device-client .phone-screen {
  min-height: 456px;
}

.screen-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 8px 0;
}

.screen-stats div {
  padding: 10px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(72,97,132,.08);
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(24,42,70,.06);
}

.screen-stats small,
.finance-total small {
  display: block;
  color: #87909e;
  font-size: .5rem;
}

.screen-stats b {
  display: block;
  margin-top: 2px;
  color: #17375b;
  font-size: .88rem;
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #35b58b;
  box-shadow: 0 0 0 5px rgba(53,181,139,.12);
}

.status-dot.coral { background: #ee8278; box-shadow: 0 0 0 5px rgba(238,130,120,.12); }

.finance-total {
  padding: 15px;
  color: #fff;
  background: linear-gradient(125deg,#315f90,#789fc7 52%,#e98279);
  border-radius: 19px;
  box-shadow: 0 15px 30px rgba(59,111,166,.2);
}

.finance-total b { display: block; margin: 3px 0 1px; font-size: 1.45rem; letter-spacing: -.04em; }
.finance-total span { font-size: .52rem; opacity: .82; }

.chart-preview {
  height: 95px;
  display: flex;
  align-items: end;
  gap: 7px;
  padding: 13px 12px 8px;
  margin-top: 9px;
  background: rgba(255,255,255,.84);
  border: 1px solid #e6ebf2;
  border-radius: 16px;
}

.chart-preview i {
  flex: 1;
  min-height: 8px;
  border-radius: 5px 5px 2px 2px;
  background: #cfdced;
}

.chart-preview i.peak { background: linear-gradient(#ef8b81,#4f7caf); }

.finance-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  padding: 3px;
  margin: 7px 0;
  background: #e7ebf1;
  border-radius: 10px;
  color: #788190;
  font-size: .5rem;
  font-weight: 800;
  text-align: center;
}

.finance-switch span { padding: 5px; border-radius: 8px; }
.finance-switch .active { color: #17375b; background: #fff; box-shadow: 0 3px 8px rgba(24,42,70,.08); }
.package-preview { padding: 9px !important; }
.package-line { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 7px; padding: 5px 0; }
.package-line + .package-line { border-top: 1px solid #e8ecf2; }
.package-avatar { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #4f7caf; font-size: .55rem; font-weight: 850; }
.package-avatar.coral { background: #ee8278; }
.package-line b { display: block; font-size: .63rem; }
.package-line small { display: block; color: #87909e; font-size: .46rem; }
.package-line strong { color: #e36f65; font-size: .5rem; }

.orb,
.glass-ring {
  position: absolute;
  pointer-events: none;
}

.orb {
  z-index: 4;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: 0 18px 35px rgba(20,44,76,.2), inset 8px 8px 16px rgba(255,255,255,.35);
}

.orb-blue { left: 8px; bottom: 118px; background: linear-gradient(145deg,#93c7f0,#3b6fa6); }
.orb-coral { right: 5px; top: 128px; width: 30px; height: 30px; background: linear-gradient(145deg,#ffc1ba,#ee8278); }
.glass-ring { z-index: 1; right: 1px; bottom: 38px; width: 125px; height: 125px; border: 18px solid rgba(255,255,255,.28); border-radius: 50%; box-shadow: 0 24px 44px rgba(59,111,166,.12); backdrop-filter: blur(8px); }

.form-trap {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.captcha-status {
  min-height: 1.3rem;
  margin: .45rem 0 0;
  color: #69758a;
  font-size: .78rem;
  font-weight: 800;
}

.captcha-status.success { color: #16845f; }
.captcha-status.error { color: #c94f4f; }

.form-status {
  min-height: 1.5rem;
  margin: .75rem 0 0;
  text-align: center;
  font-size: .86rem;
  font-weight: 750;
}

.form-status.success { color: #16845f; }
.form-status.error { color: #c94f4f; }

.captcha-field {
  padding: 13px 14px;
  background: #f2f6fb;
  border: 1px solid #dce4ef;
  border-radius: 15px;
}

.captcha-field input {
  background: #fff;
}

.captcha-image-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  align-items: stretch;
  gap: 9px;
  margin-bottom: 10px;
}

#captcha-image {
  display: block;
  width: 100%;
  height: 74px;
  border: 1px solid #cbd7e5;
  border-radius: 12px;
  background: #eef3f9;
}

.captcha-refresh {
  display: grid;
  place-items: center;
  min-width: 48px;
  padding: 0;
  color: #315f90;
  background: #fff;
  border: 1px solid #cbd7e5;
  border-radius: 12px;
  font-size: 1.35rem;
  font-weight: 800;
  cursor: pointer;
}

.captcha-refresh:hover {
  color: #fff;
  background: #315f90;
}

.form-card button:disabled {
  cursor: not-allowed;
  opacity: .42;
  box-shadow: none;
}

@media (max-width: 900px) {
  .phone-stage { min-height: 600px; }
  .device-dashboard { transform: translate3d(-84px, 10px, 65px) rotateY(12deg) rotateZ(-2.5deg); }
  .device-client { transform: translate3d(108px, 0, -30px) rotateY(-16deg) rotateZ(4deg); }
}

@media (max-width: 620px) {
  .launch-row { gap: 8px; }
  .coming-label { width: 100%; }
  .phone-stage { min-height: 535px; }
  .device-dashboard { width: 230px; transform: translate3d(-52px, 8px, 50px) rotateY(9deg) rotateZ(-2.5deg); }
  .device-client { width: 192px; top: 48px; transform: translate3d(70px, 0, -25px) rotateY(-13deg) rotateZ(4deg); }
  .device .phone-screen { min-height: 447px; }
  .device-client .phone-screen { min-height: 416px; }
  .device .screen-stats { gap: 4px; }
  .device .screen-stats div { padding: 7px; }
  .device-client .chart-preview { height: 76px; }
  .orb-blue { left: 0; bottom: 90px; width: 35px; height: 35px; }
  .orb-coral { right: 0; }
  .glass-ring { width: 90px; height: 90px; border-width: 13px; }
}

/* Final brand colour alignment — keep this block last. */
.hero-card,.cta-box,.button.primary,.form-card .button{background:linear-gradient(105deg,#29578a 0%,#896b79 52%,#db6357 100%)}
.phone-stage .glow{background:conic-gradient(from 210deg,rgba(41,87,138,.30),rgba(219,99,87,.24),rgba(111,154,199,.22),rgba(41,87,138,.30))}
.screen-link,.session time,.tab.active,.client-actions div{color:#29578a}
.screen-alert,.step-num{color:#db6357}
.status-dot.coral{background:#db6357;box-shadow:0 0 0 5px rgba(219,99,87,.12)}
.package-avatar.coral{background:#db6357}
.orb-blue{background:linear-gradient(145deg,#88b3dc,#29578a)}
.orb-coral{background:linear-gradient(145deg,#f2aaa3,#db6357)}
.glass-ring{box-shadow:0 24px 44px rgba(41,87,138,.12)}

/* Approved photographic hero with one product phone and connected glass cards. */
.hero{min-height:760px;padding:100px 0 112px;background:#f5f7fb}
.hero::before{content:"";position:absolute;z-index:0;inset:-5% -2% -18% 39%;background:url('/assets/trainer-hero.jpg') 56% center/cover no-repeat;filter:saturate(.92) contrast(.98)}
.hero::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(245,247,251,0) 66%,#f5f7fb 97%),linear-gradient(90deg,#f5f7fb 0%,#f5f7fb 34%,rgba(245,247,251,.97) 43%,rgba(245,247,251,.53) 62%,rgba(245,247,251,.06) 88%)}
.hero-grid{position:relative;z-index:2;grid-template-columns:1.04fr .96fr;gap:42px}
.hero h1{font-size:clamp(3.55rem,5.9vw,5.35rem);max-width:740px}
.hero h1 .grad{display:block;background:linear-gradient(100deg,#29578a,#8a6875 52%,#db6357);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-short{max-width:540px;font-size:1.22rem}
.hero-privacy{gap:9px;background:rgba(255,255,255,.78);backdrop-filter:blur(13px)}
.phone-stage{min-height:560px;overflow:visible}
.phone-stage .glow{width:390px;height:430px;right:25px;background:linear-gradient(135deg,rgba(41,87,138,.28),rgba(219,99,87,.25));filter:blur(26px)}
.device-dashboard{z-index:3;width:292px;transform:translate3d(-10px,-4px,42px) rotateY(-8deg) rotateZ(3deg);box-shadow:0 48px 95px rgba(8,20,38,.38),inset 0 0 0 1px rgba(255,255,255,.1)}
.device-client{display:none}
.floating{z-index:5;width:232px;padding:14px;display:grid;grid-template-columns:46px 1fr 35px;align-items:center;gap:11px;background:linear-gradient(120deg,rgba(255,255,255,.90),rgba(244,248,253,.72));border-color:rgba(255,255,255,.96);backdrop-filter:blur(22px);box-shadow:0 22px 55px rgba(25,43,70,.22);font-size:.78rem}
.floating::before{content:"";position:absolute;left:-58px;top:50%;width:58px;height:1px;background:linear-gradient(90deg,rgba(41,87,138,0),rgba(41,87,138,.8));box-shadow:0 0 9px rgba(41,87,138,.55)}
.floating.two::before{background:linear-gradient(90deg,rgba(219,99,87,0),rgba(219,99,87,.85));box-shadow:0 0 9px rgba(219,99,87,.58)}
.floating .float-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#dae8f6,#f7dfdc);color:#29578a;font-weight:850;font-size:.9rem}
.floating div b,.floating div small{display:block}.floating div small{margin-top:3px;color:#69758a;font-size:.62rem;line-height:1.25}.floating>i{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#e8f0f8;color:#29578a;font-style:normal;font-weight:850}.floating.two>i{background:#fae8e6;color:#db6357}.floating.three>i{background:#e6f4ee;color:#248b68}
.floating.one{left:auto;right:-70px;top:92px}
.floating.two{right:-108px;bottom:188px}
.floating.three{position:absolute;right:-62px;bottom:78px}
.orb-blue{left:32px;bottom:86px}.orb-coral{right:16px;top:68px}.glass-ring{right:12px;bottom:18px}
@media(max-width:900px){.hero::before{inset:43% -8% -12% 0;background-position:center}.hero::after{background:linear-gradient(180deg,#f5f7fb 0%,#f5f7fb 39%,rgba(245,247,251,.68) 60%,#f5f7fb 99%)}.hero-grid{grid-template-columns:1fr}.phone-stage{min-height:600px}.device-dashboard{transform:translate3d(-50px,10px,30px) rotateY(-6deg) rotateZ(2deg)}.floating.one{right:4px}.floating.two{right:-5px}.floating.three{right:8px}}
@media(max-width:620px){.hero{padding-top:50px;padding-bottom:72px}.hero h1{font-size:3.12rem}.hero::before{inset:46% -26% -10% -15%}.hero-actions{align-items:stretch}.hero-actions .button{flex:1}.phone-stage{min-height:535px}.device-dashboard{width:242px;transform:translate3d(-42px,8px,25px) rotateY(-5deg) rotateZ(2deg)}.floating{width:170px;padding:10px;grid-template-columns:36px 1fr 29px;gap:8px}.floating .float-avatar{width:36px;height:36px}.floating>i{width:29px;height:29px}.floating::before{width:35px;left:-35px}.floating.one{right:-14px;top:85px}.floating.two{right:-20px;bottom:160px}.floating.three{right:-8px;bottom:65px}.orb,.glass-ring{display:none}}

/* Final premium hero artwork based on the approved concept. */
.hero{min-height:710px;padding:94px 0 105px;background:#f7f8fb}
.hero::before{inset:0;background-image:url('/assets/trainzeno-hero-premium-v3.png');background-position:right center;background-size:auto 84%;background-repeat:no-repeat;filter:none}
.hero::after{background:linear-gradient(180deg,#f7f8fb 0%,rgba(247,248,251,0) 8%,rgba(247,248,251,0) 92%,#f7f8fb 100%),linear-gradient(90deg,rgba(247,248,251,.98) 0%,rgba(247,248,251,.93) 27%,rgba(247,248,251,.58) 39%,rgba(247,248,251,.10) 52%,rgba(247,248,251,0) 61%)}
.hero-grid{grid-template-columns:1.02fr .98fr;min-height:500px;align-items:center}
.hero-grid>div:first-child{position:relative;z-index:4}
.hero .phone-stage{visibility:hidden;pointer-events:none;min-height:500px}
.hero h1{max-width:690px;text-wrap:balance;text-shadow:0 2px 25px rgba(255,255,255,.7)}
.hero .lede{max-width:520px}
@media(max-width:900px){.hero{min-height:980px;padding-bottom:40px}.hero::before{inset:0;background-position:72% bottom;background-size:auto 58%;background-repeat:no-repeat}.hero::after{background:linear-gradient(180deg,#f7f8fb 0%,#f7f8fb 40%,rgba(247,248,251,.80) 49%,rgba(247,248,251,.06) 65%,rgba(247,248,251,0) 84%)}.hero-grid{min-height:840px;align-items:start}.hero .phone-stage{min-height:520px}}
@media(max-width:620px){.hero{min-height:920px}.hero h1{font-size:3rem}.hero::before{background-position:76% bottom;background-size:auto 50%}.hero::after{background:linear-gradient(180deg,#f7f8fb 0%,#f7f8fb 44%,rgba(247,248,251,.78) 51%,rgba(247,248,251,.05) 66%,rgba(247,248,251,0) 88%)}.hero-grid{min-height:800px}.hero .phone-stage{min-height:470px}}

/* V16 — crisp product hero: photography is only a backdrop; all UI stays vector/HTML. */
.hero{min-height:720px;padding:74px 0 82px;background:linear-gradient(135deg,#f8faff 0%,#f3f6fb 58%,#fff8f7 100%)}
.hero::before{inset:0;background:radial-gradient(circle at 75% 18%,rgba(105,163,221,.22),transparent 28%),radial-gradient(circle at 90% 78%,rgba(224,105,95,.18),transparent 29%);filter:none}
.hero::after{display:none}
.hero-grid{grid-template-columns:.94fr 1.06fr;gap:34px;min-height:560px;align-items:center}
.hero-grid>div:first-child{z-index:8}
.hero h1{max-width:650px;font-size:clamp(3.4rem,5.2vw,4.85rem);text-shadow:none}
.hero .phone-stage{visibility:visible;pointer-events:auto;position:relative;min-height:570px;isolation:isolate;overflow:visible}
.hero-photo{position:absolute;z-index:0;right:-54px;top:26px;width:560px;height:500px;border-radius:66px 28px 66px 28px;background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.05)),url('/assets/trainer-hero.jpg') 63% center/cover no-repeat;filter:saturate(.78) contrast(.93);opacity:.62;box-shadow:0 30px 80px rgba(30,55,90,.13);mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%)}
.hero .phone-stage .glow{z-index:1;right:64px;top:68px;width:370px;height:430px;background:linear-gradient(145deg,rgba(63,120,181,.34),rgba(229,111,101,.25));filter:blur(34px);opacity:.9}
.hero .device-dashboard{display:block;position:relative;z-index:5;width:278px;margin:8px auto 0;padding:9px;background:linear-gradient(145deg,#1a2230,#05080d);border:1px solid rgba(255,255,255,.25);border-radius:50px;transform:translateX(3px) rotate(1.8deg);box-shadow:0 45px 90px rgba(7,17,31,.32),0 10px 30px rgba(7,17,31,.18),inset 0 0 0 1px rgba(255,255,255,.08)}
.hero .device-dashboard::before{content:"";position:absolute;z-index:4;top:16px;left:50%;width:86px;height:24px;transform:translateX(-50%);border-radius:20px;background:#05080d;box-shadow:inset 0 -1px 0 rgba(255,255,255,.1)}
.hero .device-dashboard .phone-screen{position:relative;min-height:530px;padding:22px 16px 77px;border-radius:42px;background:linear-gradient(155deg,#f8faff 0%,#edf3fa 58%,#fff7f5 100%);box-shadow:inset 0 0 0 1px rgba(14,35,62,.06)}
.hero .status{position:relative;z-index:5;margin:0 2px 22px;font-size:.59rem}
.status-icons{display:flex;align-items:center;gap:4px}.status-icons i{display:block;width:4px;height:4px;border-radius:50%;background:#142033}.status-icons i:nth-child(2){width:9px;height:6px;border:1.5px solid #142033;border-top-color:transparent;border-radius:0 0 8px 8px}.status-icons i:nth-child(3){width:11px;height:6px;border:1.5px solid #142033;border-radius:2px}
.hero .date{margin-bottom:3px;font-size:.55rem}.hero .hello{font-size:1.42rem}.hero .hero-card{margin:14px 0 11px;padding:15px 16px;border-radius:18px;background:linear-gradient(105deg,#285b91 0%,#8c7182 54%,#df6e63 100%);box-shadow:0 15px 30px rgba(74,91,135,.22)}
.hero .screen-stats{gap:7px}.hero .screen-stats div{padding:10px;border-radius:14px;background:rgba(255,255,255,.78);border:1px solid rgba(65,91,126,.08)}
.hero .schedule-preview{margin-top:9px;padding:12px;border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(20,41,70,.08)}
.hero .session{grid-template-columns:42px 1fr auto;padding:6px 0}
.hero .tabs{left:17px;right:17px;bottom:16px;padding:9px 6px 8px;border:1px solid rgba(40,65,98,.09);border-radius:17px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 9px 24px rgba(16,38,69,.13)}
.hero .tab{display:grid;justify-items:center;gap:2px;min-width:46px;color:#8b95a5}.hero .tab.active{color:#2d639b}.hero .tab i{width:18px;height:18px;display:grid;place-items:center;font-style:normal}.hero .tab svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero .tab b{font-size:.47rem;line-height:1}
.hero .floating{position:absolute;display:grid;grid-template-columns:42px 1fr 33px;align-items:center;gap:10px;width:222px;padding:11px 12px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.86),rgba(239,246,253,.68));backdrop-filter:blur(20px);box-shadow:0 22px 45px rgba(22,43,73,.18);transform:none}
.hero .floating::before{display:none}.hero .floating .float-avatar{width:42px;height:42px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(21,42,70,.15)}
.hero .floating div b{font-size:.74rem;color:#131d2c}.hero .floating div small{font-size:.56rem;line-height:1.25;color:#69758a}.hero .floating>i{width:33px;height:33px;border-radius:11px;background:#e5eff9;color:#2d639b;font-size:.72rem}
.hero .floating.one{z-index:3;left:-2px;top:142px;right:auto;bottom:auto;transform:rotate(-2deg)}
.hero .floating.two{z-index:7;right:-42px;top:267px;bottom:auto;transform:rotate(1deg)}
.hero .floating.two>i{background:#e4f5ee;color:#198862}
.hero .floating.three{z-index:7;left:22px;right:auto;bottom:34px;transform:rotate(-1deg)}
.hero .floating.three>i{background:#fbe9e7;color:#d65e54}
.hero .floating.four{z-index:3;right:-18px;top:82px;transform:rotate(1.5deg)}
.hero .floating.four>i{background:#e7effa;color:#2d639b}
.hero .orb,.hero .glass-ring{display:none}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}.hero .floating.one{left:-24px}.hero .floating.two{right:-8px}.hero .floating.four{right:0}.hero-photo{right:-20px;width:520px}}
@media(max-width:900px){.hero{min-height:0;padding:62px 0 54px}.hero-grid{grid-template-columns:1fr;min-height:0;gap:42px}.hero .phone-stage{min-height:610px}.hero-photo{right:50%;transform:translateX(50%);width:min(620px,100%);height:540px}.hero .device-dashboard{margin-top:18px}.hero .floating.one{left:calc(50% - 294px)}.hero .floating.two{right:calc(50% - 300px)}.hero .floating.three{left:calc(50% - 270px)}.hero .floating.four{right:calc(50% - 282px)}}
@media(max-width:620px){.hero{min-height:0;padding:46px 0 38px}.hero h1{font-size:3rem}.hero .phone-stage{min-height:560px}.hero-photo{top:44px;height:470px;border-radius:44px;opacity:.48}.hero .device-dashboard{width:246px;transform:rotate(1.2deg)}.hero .device-dashboard .phone-screen{min-height:492px}.hero .floating{width:172px;grid-template-columns:34px 1fr 27px;gap:7px;padding:8px}.hero .floating .float-avatar{width:34px;height:34px}.hero .floating>i{width:27px;height:27px}.hero .floating div b{font-size:.65rem}.hero .floating div small{font-size:.49rem}.hero .floating.one{left:-5px;top:160px}.hero .floating.two{right:-7px;top:286px}.hero .floating.three{left:2px;bottom:18px}.hero .floating.four{right:-5px;top:88px}}

/* V17 — Card constellation language across the complete marketing page. */
.nav{background:rgba(248,250,254,.84);border-bottom:1px solid rgba(30,55,88,.07);box-shadow:0 8px 30px rgba(28,50,81,.035)}
.nav-in{height:72px}.nav-cta{border-radius:14px;background:#0b1526;box-shadow:0 10px 24px rgba(11,21,38,.13)}
.hero{min-height:690px;padding:72px 0 74px;background:radial-gradient(circle at 74% 37%,rgba(112,166,219,.23),transparent 29%),radial-gradient(circle at 91% 79%,rgba(231,122,112,.2),transparent 27%),linear-gradient(145deg,#f9fbff 0%,#f4f7fc 58%,#fff8f7 100%)}
.hero::before{display:none}.hero-grid{grid-template-columns:.92fr 1.08fr;gap:34px;min-height:540px}.hero h1{max-width:620px;font-size:clamp(3.45rem,5.35vw,5rem);line-height:.96}.hero h1 .grad{display:block}.hero-short{font-size:1.12rem;line-height:1.65}.hero-actions{margin-top:28px}.hero .button{border-radius:15px}.hero-privacy{background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(25,49,82,.06)}
.hero-showcase{position:relative;min-height:540px;isolation:isolate}
.showcase-orb{position:absolute;z-index:0;width:390px;height:390px;right:38px;top:66px;border-radius:50%;background:linear-gradient(145deg,rgba(86,145,202,.24),rgba(236,134,124,.2));box-shadow:inset 0 0 70px rgba(255,255,255,.8);filter:blur(.2px);transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0)}
.show-card{position:absolute;z-index:2;padding:15px;border:1px solid rgba(255,255,255,.88);border-radius:21px;background:linear-gradient(125deg,rgba(255,255,255,.92),rgba(239,245,252,.74));backdrop-filter:blur(22px);box-shadow:0 24px 55px rgba(28,52,84,.15),inset 0 1px 0 rgba(255,255,255,.7)}
.show-head{display:flex;align-items:center;gap:11px}.show-head small,.show-card>div>small{display:block;color:#6c778a;font-size:.65rem;font-weight:700}.show-head strong{display:block;font-size:1.36rem;letter-spacing:-.045em;line-height:1.15}.show-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;font-size:.84rem;font-style:normal;font-weight:900}.show-icon.blue{color:#2f679d;background:#e7f0fa}.show-icon.mint{color:#218c69;background:#e4f5ee}.show-icon.coral{color:#d86156;background:#fbe9e7}
.show-schedule{width:276px;left:52px;top:102px;transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotate(-2deg)}
.show-session{display:grid;grid-template-columns:42px 34px 1fr 8px;align-items:center;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(29,54,88,.08);font-size:.66rem}.show-session time{color:#31699f;font-weight:850}.show-session img,.show-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.show-avatar{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#527fae,#315e8d);font-size:.56rem;font-weight:850}.show-avatar.coral{background:linear-gradient(145deg,#f09a91,#d65e54)}.show-session b{display:block;font-size:.72rem}.show-session small{color:#7b8595}.show-dot{width:7px;height:7px;border-radius:50%;background:#31b58a;box-shadow:0 0 0 4px rgba(49,181,138,.12)}
.show-revenue{width:220px;right:28px;top:62px;transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotate(2deg)}
.show-bars{height:55px;display:flex;align-items:end;gap:6px;margin-top:11px}.show-bars i{width:18px;min-height:8px;border-radius:5px 5px 2px 2px;background:#d5e3f2}.show-bars i.hot{background:linear-gradient(#e98378,#4c78a8)}
.show-client,.show-package,.show-birthday{display:grid;align-items:center;gap:10px}.show-client,.show-package{grid-template-columns:42px 1fr 38px}.show-client img,.show-package img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9)}.show-client b,.show-package b,.show-birthday b{font-size:.82rem}.show-client{width:225px;right:18px;top:226px;transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotate(-1deg)}.show-package{width:224px;left:68px;bottom:67px;transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotate(1.5deg)}.show-birthday{grid-template-columns:38px 1fr;width:190px;right:62px;bottom:39px;transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotate(-2deg)}
.hero-showcase [data-parallax-depth]{will-change:transform}
.section{position:relative;padding:108px 0}.section:not(.dark){background:linear-gradient(180deg,#f8faff 0%,#f5f8fc 100%)}
#features{overflow:hidden}#features::before,#features::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}#features::before{width:360px;height:360px;right:-130px;top:180px;background:rgba(112,166,219,.13)}#features::after{width:300px;height:300px;left:-150px;bottom:80px;background:rgba(231,122,112,.11)}
.section-head{position:relative;z-index:2;margin-bottom:50px}.section h2{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.02}.section-head p{font-size:1rem;line-height:1.7}
.bento{position:relative;z-index:2;gap:20px}.feature{min-height:235px;padding:29px;border:1px solid rgba(255,255,255,.88);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(244,248,253,.82));box-shadow:0 20px 55px rgba(27,51,83,.085),inset 0 1px 0 #fff;transition:transform .25s ease,box-shadow .25s ease}.feature:hover{transform:translateY(-4px);box-shadow:0 28px 65px rgba(27,51,83,.12)}
.feature.wide{grid-column:span 8}.feature.compact{grid-column:span 4}.feature.half{grid-column:span 6}.feature.full{grid-column:span 12}.feature .icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e7f1fb,#fbe9e7);box-shadow:inset 0 0 0 1px rgba(49,99,151,.05)}.feature h3{margin-top:28px;font-size:1.25rem}.feature p{font-size:.98rem;line-height:1.65}
.metric-row{gap:12px}.metric{padding:15px;border:1px solid rgba(42,68,101,.06);border-radius:17px;background:rgba(237,243,250,.76)}.metric b{font-size:1rem}.metric small{font-size:.78rem}
.section.dark{overflow:hidden;background:radial-gradient(circle at 16% 0%,rgba(63,111,161,.28),transparent 31%),radial-gradient(circle at 89% 85%,rgba(220,102,92,.19),transparent 28%),#091321}.section.dark::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);opacity:.22}.dark .section-head{position:relative}.dark .eyebrow{color:#84b7ea}.workflow{position:relative;z-index:2;gap:16px}.step{min-height:242px;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));backdrop-filter:blur(18px);box-shadow:0 22px 45px rgba(0,0,0,.13)}.step-num{display:inline-flex;padding:7px 10px;border-radius:10px;background:rgba(233,126,116,.13);color:#f09288}.step h3{margin:46px 0 10px}.step p{line-height:1.65}
#privacy{overflow:hidden;background:radial-gradient(circle at 79% 48%,rgba(100,157,211,.15),transparent 30%),linear-gradient(180deg,#f7f9fd,#fff9f8)}.privacy-callout{position:relative;z-index:2;gap:70px}.privacy-callout .lede{font-size:1rem}.privacy-callout .button{margin-top:12px;border-radius:15px;box-shadow:0 12px 30px rgba(29,53,85,.07)}
.privacy-visual{position:relative;overflow:hidden;padding:38px;border:1px solid rgba(255,255,255,.9);border-radius:30px;color:#111c2c;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(238,245,252,.85));box-shadow:0 28px 70px rgba(28,53,85,.13)}.privacy-visual::after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-70px;border-radius:50%;background:linear-gradient(145deg,rgba(71,130,188,.22),rgba(232,126,116,.18))}.privacy-visual h3{position:relative;z-index:2;margin-top:0;font-size:1.3rem}.privacy-list{position:relative;z-index:2}.privacy-item{padding:15px;border-radius:17px;background:rgba(255,255,255,.68)}.privacy-item span[style]{color:#687489!important}.check{background:#e4f5ee;color:#208a68}
.cta{padding:18px 0 105px;background:linear-gradient(180deg,#fff9f8,#f7f9fd)}.cta-box{padding:58px;border-radius:32px;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.22),transparent 25%),linear-gradient(105deg,#2b5f94 0%,#817389 52%,#dc6b61 100%);box-shadow:0 30px 65px rgba(72,91,134,.23)}.cta .button{border-radius:15px;box-shadow:0 12px 25px rgba(15,31,53,.15)}
.footer{background:#07111f}.footer-grid{gap:60px}.footer .brand img{box-shadow:0 10px 25px rgba(114,95,195,.25)}
@media(max-width:1000px){.hero-grid{grid-template-columns:.95fr 1.05fr}.show-schedule{left:18px}.show-revenue{right:10px}.show-client{right:8px}.show-package{left:28px}.show-birthday{right:24px}}
@media(max-width:900px){.hero{padding:62px 0 50px}.hero-grid{grid-template-columns:1fr;gap:42px;min-height:0}.hero-showcase{min-height:540px;width:min(610px,100%);margin:auto}.feature.wide,.feature.compact,.feature.half,.feature.full{grid-column:auto}.bento{grid-template-columns:1fr 1fr}.feature.wide,.feature.full{grid-column:1/-1}.privacy-callout{gap:45px}}
@media(max-width:620px){.hero{padding:48px 0 35px}.hero h1{font-size:3rem}.hero-showcase{min-height:515px}.showcase-orb{width:320px;height:320px;right:-25px;top:92px}.show-schedule{width:230px;top:98px}.show-revenue{width:178px;top:52px}.show-client{width:185px;top:258px}.show-package{width:190px;bottom:42px}.show-birthday{width:164px;right:0;bottom:8px}.show-card{padding:11px;border-radius:17px}.show-icon{width:32px;height:32px;flex-basis:32px}.show-head strong{font-size:1.05rem}.show-session{grid-template-columns:36px 29px 1fr 6px;gap:5px}.show-session img,.show-avatar{width:29px;height:29px}.show-client,.show-package{grid-template-columns:34px 1fr 32px}.show-client img,.show-package img{width:34px;height:34px}.show-client b,.show-package b,.show-birthday b{font-size:.7rem}.bento{grid-template-columns:1fr}.feature.wide,.feature.full{grid-column:auto}.section{padding:76px 0}.section-head{margin-bottom:32px}.feature{min-height:0}.workflow{grid-template-columns:1fr}.step{min-height:210px}.privacy-visual{padding:25px}.cta-box{padding:36px 25px}}

/* V18 — tighter layered constellation. */
.show-schedule{z-index:3}.show-revenue{z-index:4}.show-client{z-index:6}.show-package{z-index:4}.show-birthday{z-index:7}
@media(min-width:1001px){.showcase-orb{width:360px;height:360px;right:72px;top:84px}.show-schedule{left:88px;top:122px}.show-revenue{right:62px;top:84px}.show-client{right:43px;top:224px}.show-package{left:104px;bottom:76px}.show-birthday{right:118px;bottom:55px}}
@media(min-width:901px) and (max-width:1000px){.showcase-orb{width:340px;height:340px;right:30px;top:92px}.show-schedule{left:34px;top:116px}.show-revenue{right:17px;top:78px}.show-client{right:5px;top:225px}.show-package{left:48px;bottom:64px}.show-birthday{right:34px;bottom:34px}}

/* V19 — compact, deliberately layered hero constellation. */
@media(min-width:1001px){
  .hero{min-height:650px;padding-top:64px;padding-bottom:64px}
  .hero-grid,.hero-showcase{min-height:500px}
  .showcase-orb{width:340px;height:340px;right:76px;top:68px}
  .show-schedule{left:82px;top:100px}
  .show-revenue{right:58px;top:62px}
  .show-client{right:36px;top:195px}
  .show-package{left:94px;top:285px;bottom:auto}
  .show-birthday{right:86px;top:303px;bottom:auto}
}

@media(min-width:901px) and (max-width:1000px){
  .hero-showcase{min-height:500px}
  .showcase-orb{width:330px;height:330px;right:32px;top:66px}
  .show-schedule{left:34px;top:100px}
  .show-revenue{right:17px;top:58px}
  .show-client{right:5px;top:194px}
  .show-package{left:48px;top:284px;bottom:auto}
  .show-birthday{right:34px;top:304px;bottom:auto}
}

@media(min-width:621px) and (max-width:900px){
  .hero-showcase{min-height:490px}
  .showcase-orb{width:330px;height:330px;right:calc(50% - 165px);top:58px}
  .show-schedule{left:calc(50% - 245px);top:96px}
  .show-revenue{right:calc(50% - 245px);top:55px}
  .show-client{right:calc(50% - 255px);top:190px}
  .show-package{left:calc(50% - 230px);top:278px;bottom:auto}
  .show-birthday{right:calc(50% - 220px);top:300px;bottom:auto}
}

@media(max-width:620px){
  .hero-showcase{min-height:460px}
  .showcase-orb{top:54px}
  .show-schedule{top:86px}
  .show-revenue{top:46px}
  .show-client{top:214px}
  .show-package{top:286px;bottom:auto}
  .show-birthday{top:310px;bottom:auto}
}

/* V20 — balanced breathing room and safe gradient-title descenders. */
.hero h1{line-height:1.01}
.hero h1 .grad{padding-bottom:.11em;margin-bottom:-.11em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

@media(min-width:1001px){
  .hero{min-height:680px}
  .hero-grid,.hero-showcase{min-height:530px}
  .showcase-orb{width:352px;height:352px;right:68px;top:72px}
  .show-schedule{left:68px;top:108px}
  .show-revenue{right:44px;top:68px}
  .show-client{right:20px;top:218px}
  .show-package{left:76px;top:326px;bottom:auto}
  .show-birthday{right:60px;top:350px;bottom:auto}
}

@media(min-width:901px) and (max-width:1000px){
  .hero-showcase{min-height:525px}
  .showcase-orb{width:340px;height:340px;right:26px;top:70px}
  .show-schedule{left:22px;top:106px}
  .show-revenue{right:8px;top:65px}
  .show-client{right:-2px;top:216px}
  .show-package{left:34px;top:322px;bottom:auto}
  .show-birthday{right:20px;top:348px;bottom:auto}
}

@media(min-width:621px) and (max-width:900px){
  .hero-showcase{min-height:525px}
  .showcase-orb{width:340px;height:340px;right:calc(50% - 170px);top:66px}
  .show-schedule{left:calc(50% - 255px);top:104px}
  .show-revenue{right:calc(50% - 255px);top:62px}
  .show-client{right:calc(50% - 265px);top:214px}
  .show-package{left:calc(50% - 240px);top:320px;bottom:auto}
  .show-birthday{right:calc(50% - 230px);top:346px;bottom:auto}
}

@media(max-width:620px){
  .hero h1{line-height:1.02}
  .hero-showcase{min-height:505px}
  .showcase-orb{top:62px}
  .show-schedule{top:94px}
  .show-revenue{top:50px}
  .show-client{top:230px}
  .show-package{top:326px;bottom:auto}
  .show-birthday{top:360px;bottom:auto}
}

/* V21 — final revenue-card alignment. */
@media(min-width:1001px){.show-revenue{right:76px}}
@media(min-width:901px) and (max-width:1000px){.show-revenue{right:34px}}
@media(min-width:621px) and (max-width:900px){.show-revenue{right:calc(50% - 225px)}}
@media(max-width:620px){.show-revenue{right:22px}}