:root {
  --bg: #030b18;
  --bg-deep: #020711;
  --navy: #061633;
  --navy-2: #0a214b;
  --panel: rgba(10, 28, 62, 0.92);
  --panel-2: rgba(7, 21, 48, 0.96);
  --panel-soft: rgba(18, 43, 83, 0.62);
  --line: rgba(139, 169, 224, 0.18);
  --line-strong: rgba(164, 190, 237, 0.32);
  --gold: #d7b24a;
  --gold-bright: #f0d16e;
  --gold-soft: rgba(215, 178, 74, 0.13);
  --teal: #16c6c9;
  --teal-soft: rgba(22, 198, 201, 0.13);
  --blue: #5a8df2;
  --indigo: #8b7cf6;
  --green: #43d889;
  --text: #f7f9ff;
  --text-2: #dbe5f7;
  --muted: #aebed9;
  --muted-2: #879ab9;
  --danger: #ff6f7c;
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
  --shadow-soft: 0 18px 46px rgba(0, 0, 0, 0.28);
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --container: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 14% -10%, rgba(58, 109, 191, 0.25), transparent 34rem),
    radial-gradient(circle at 86% 0%, rgba(215, 178, 74, 0.08), transparent 30rem),
    linear-gradient(180deg, #041226 0%, var(--bg) 38%, var(--bg-deep) 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.58;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-image: radial-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(180deg, #000, transparent 72%);
}
img { max-width: 100%; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid rgba(240, 209, 110, 0.78); outline-offset: 4px; }

.skip-link {
  position: fixed;
  left: 16px;
  top: -90px;
  z-index: 500;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--gold-bright);
  color: #09111e;
  font-weight: 900;
  text-decoration: none;
  transition: top .18s ease;
}
.skip-link:focus { top: 16px; }
.container { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; }
.section-pad { padding: 104px 0; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(3, 11, 24, 0.76);
  backdrop-filter: blur(22px) saturate(135%);
  transition: background .2s ease, box-shadow .2s ease;
}
.site-header.is-scrolled { background: rgba(3, 11, 24, 0.94); box-shadow: 0 14px 38px rgba(0,0,0,.25); }
.nav-shell { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; }
.brand { display: inline-flex; align-items: center; text-decoration: none; flex: 0 0 auto; }
.brand img { display: block; width: 238px; height: 61px; object-fit: contain; object-position: left center; filter: drop-shadow(0 10px 20px rgba(0,0,0,.35)); }
.site-nav { display: flex; align-items: center; gap: 4px; color: #d7e1f3; font-size: 14px; font-weight: 760; }
.site-nav a { text-decoration: none; padding: 11px 13px; border-radius: 999px; transition: background .16s ease, color .16s ease, transform .16s ease; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.065); transform: translateY(-1px); }
.site-nav .nav-cta { margin-left: 8px; color: #0a1221; background: linear-gradient(135deg, var(--gold-bright), var(--gold)); box-shadow: 0 12px 30px rgba(215,178,74,.2); }
.site-nav .nav-cta:hover { color: #07101f; background: linear-gradient(135deg, #f6dc83, #ddb850); }
.nav-toggle { display: none; align-items: center; gap: 9px; min-height: 46px; padding: 0 14px; border-radius: 13px; border: 1px solid var(--line); background: rgba(15,35,72,.82); color: #fff; font-weight: 800; }
.nav-toggle-lines { display: grid; gap: 4px; }
.nav-toggle-lines i { display: block; width: 18px; height: 2px; border-radius: 2px; background: currentColor; }

.hero { position: relative; overflow: hidden; padding-top: 110px; padding-bottom: 76px; }
.hero-gridlines { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.021) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(180deg, #000 0%, transparent 86%); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(16px); pointer-events: none; }
.hero-orb-one { width: 580px; height: 580px; right: -150px; top: 40px; background: radial-gradient(circle, rgba(40,103,218,.27), transparent 68%); }
.hero-orb-two { width: 420px; height: 420px; left: -170px; bottom: -120px; background: radial-gradient(circle, rgba(215,178,74,.13), transparent 68%); }
.hero-layout { position: relative; display: grid; grid-template-columns: minmax(0,.88fr) minmax(520px,1.12fr); gap: 68px; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--gold-bright); font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow span { width: 30px; height: 2px; border-radius: 4px; background: linear-gradient(90deg, var(--gold-bright), transparent); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 22px; font-size: clamp(3.2rem, 6.2vw, 6.2rem); line-height: .94; letter-spacing: -.065em; }
h1 em { color: var(--gold-bright); font-style: normal; text-shadow: 0 12px 40px rgba(215,178,74,.14); }
h2 { margin-bottom: 18px; font-size: clamp(2.25rem, 4.3vw, 4.4rem); line-height: 1.02; letter-spacing: -.052em; }
h3 { margin-bottom: 12px; font-size: 1.35rem; line-height: 1.18; letter-spacing: -.025em; }
p { color: var(--muted); }
.hero-tagline { margin: -6px 0 18px; color: var(--text); font-size: clamp(1.12rem, 1.65vw, 1.42rem); font-weight: 760; }
.hero-lede { max-width: 690px; color: var(--text-2); font-size: clamp(1.05rem, 1.35vw, 1.22rem); line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 20px; border: 1px solid transparent; border-radius: 15px; text-decoration: none; font-weight: 900; cursor: pointer; transition: transform .16s ease, filter .16s ease, background .16s ease, border-color .16s ease; }
.button:hover { transform: translateY(-2px); filter: brightness(1.04); }
.button.primary { color: #07101e; background: linear-gradient(135deg, var(--gold-bright), var(--gold)); box-shadow: 0 15px 34px rgba(215,178,74,.2); }
.button.secondary { color: #eef4ff; background: linear-gradient(180deg, rgba(35,66,121,.92), rgba(21,46,91,.94)); border-color: rgba(151,181,235,.23); }
.button.ghost { color: var(--text-2); background: rgba(255,255,255,.035); border-color: var(--line); }
.hero-trust { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 23px; }
.hero-trust span, .feature-chips span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 11px; border: 1px solid rgba(138,166,220,.18); border-radius: 999px; background: rgba(12,35,75,.66); color: #dce7f8; font-size: 12px; font-weight: 760; }

.hero-product { position: relative; min-height: 570px; }
.product-frame { position: absolute; overflow: hidden; border: 1px solid rgba(144,175,233,.27); border-radius: 24px; background: #081735; box-shadow: 0 34px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.06); }
.product-frame-main { width: 96%; right: 0; top: 10px; transform: perspective(1300px) rotateY(-4deg) rotateX(1deg); transform-origin: center; }
.product-browser { height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 15px; color: #acbdd9; background: linear-gradient(180deg, #0d2147, #091a39); border-bottom: 1px solid rgba(255,255,255,.07); font-size: 12px; }
.product-browser span { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.24); }
.product-browser strong { margin-left: 6px; font-weight: 760; }
.product-frame img { display: block; width: 100%; aspect-ratio: 1.735 / 1; object-fit: cover; object-position: top center; }
.product-float { position: absolute; z-index: 2; display: grid; gap: 3px; width: min(290px, 55%); padding: 15px 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(5,17,39,.92); backdrop-filter: blur(15px); box-shadow: 0 18px 46px rgba(0,0,0,.34); }
.product-float strong { color: #f8fbff; line-height: 1.25; }
.product-float small { color: var(--muted); }
.product-float-left { left: -18px; bottom: 68px; border-color: rgba(67,216,137,.32); }
.product-float-right { right: -18px; bottom: 2px; border-color: rgba(215,178,74,.34); }
.mini-label { color: var(--gold-bright); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.proof-bar { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin-top: 54px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--line); box-shadow: var(--shadow-soft); }
.proof-bar div { display: grid; gap: 3px; min-height: 104px; padding: 21px 22px; background: linear-gradient(180deg, rgba(12,33,70,.96), rgba(7,23,50,.96)); }
.proof-bar strong { color: #fff; }
.proof-bar span { color: var(--muted); font-size: 13px; }

.section-heading { max-width: 820px; }
.section-heading.centered { margin: 0 auto 48px; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading.left { margin-bottom: 34px; }
.section-heading p { font-size: 1.08rem; }
.outcomes-section { background: linear-gradient(180deg, rgba(6,22,51,.4), rgba(3,11,24,.25)); border-top: 1px solid rgba(255,255,255,.045); }
.outcome-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.outcome-card { position: relative; overflow: hidden; min-height: 440px; padding: 31px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(180deg, rgba(13,37,78,.88), rgba(6,21,47,.96)); box-shadow: var(--shadow-soft); }
.outcome-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--card-accent); }
.outcome-card::after { content: ""; position: absolute; width: 210px; height: 210px; right: -90px; top: -90px; border-radius: 50%; background: radial-gradient(circle, var(--card-glow), transparent 67%); }
.outcome-ops { --card-accent: var(--teal); --card-glow: rgba(22,198,201,.25); }
.outcome-abc { --card-accent: var(--blue); --card-glow: rgba(90,141,242,.25); }
.outcome-audit { --card-accent: var(--indigo); --card-glow: rgba(139,124,246,.22); }
.outcome-number { color: var(--muted-2); font-size: 12px; font-weight: 900; letter-spacing: .14em; }
.outcome-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 26px 0 24px; border-radius: 16px; color: #fff; background: color-mix(in srgb, var(--card-accent) 20%, transparent); border: 1px solid color-mix(in srgb, var(--card-accent) 45%, transparent); font-size: 25px; font-weight: 900; }
.outcome-card h3 { font-size: 1.55rem; }
.outcome-card ul, .club-card ul { display: grid; gap: 9px; margin: 24px 0 0; padding: 0; list-style: none; color: var(--text-2); font-size: 14px; }
.outcome-card li, .club-card li { position: relative; padding-left: 20px; }
.outcome-card li::before, .club-card li::before { content: ""; position: absolute; left: 0; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: var(--card-accent, var(--gold)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--card-accent, var(--gold)) 13%, transparent); }

.platform-section { position: relative; }
.platform-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.52fr); gap: 50px; align-items: end; margin-bottom: 38px; }
.platform-callout { padding: 24px 26px; border: 1px solid rgba(215,178,74,.25); border-radius: 18px; background: linear-gradient(135deg, rgba(215,178,74,.12), rgba(15,37,76,.82)); }
.platform-callout span { display: block; margin-bottom: 8px; color: var(--gold-bright); font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.platform-callout strong { display: block; font-size: 1.15rem; line-height: 1.35; }
.showcase-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.showcase-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-xl); background: linear-gradient(180deg, rgba(12,34,73,.94), rgba(5,18,42,.98)); box-shadow: var(--shadow-soft); }
.showcase-wide { grid-column: 1 / -1; display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; }
.showcase-copy { padding: 32px; }
.showcase-copy h3 { font-size: clamp(1.65rem, 2.8vw, 2.65rem); }
.section-kicker { margin-bottom: 10px; color: var(--gold-bright); font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.feature-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.screenshot-shell { padding: 18px 18px 0; align-self: end; }
.screenshot-shell img { display: block; width: 100%; max-height: 560px; object-fit: cover; object-position: top; border: 1px solid rgba(159,186,234,.24); border-bottom: 0; border-radius: 20px 20px 0 0; box-shadow: 0 24px 60px rgba(0,0,0,.38); }
.screenshot-shell-landscape { padding: 0 20px 20px; }
.screenshot-shell-landscape img { max-height: 390px; border-bottom: 1px solid rgba(159,186,234,.24); border-radius: 18px; }
.capability-card { padding: 32px; }
.capability-card h3 { font-size: clamp(1.65rem, 2.8vw, 2.65rem); }
.capability-list { display: grid; gap: 10px; margin-top: 25px; }
.capability-list div { display: grid; gap: 3px; padding: 14px 16px; border: 1px solid rgba(139,169,224,.12); border-radius: 13px; background: rgba(8,27,59,.74); }
.capability-list strong { color: #fff; }
.capability-list span { color: var(--muted); font-size: 13px; }

.clubs-section { border-block: 1px solid rgba(255,255,255,.045); background: linear-gradient(180deg, rgba(10,27,59,.5), rgba(4,14,31,.62)); }
.clubs-layout { display: grid; grid-template-columns: .58fr 1.42fr; gap: 58px; align-items: start; }
.club-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.club-card { --card-accent: var(--gold); position: relative; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(180deg, rgba(12,34,72,.94), rgba(6,20,45,.97)); box-shadow: var(--shadow-soft); }
.club-031 { --card-accent: #c88a65; }
.club-032 { --card-accent: var(--teal); }
.club-card::before { content: ""; position: absolute; left: 0; top: 28px; bottom: 28px; width: 4px; border-radius: 0 4px 4px 0; background: var(--card-accent); }
.club-head { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin-bottom: 24px; }
.club-head span { color: var(--card-accent); font-size: 3rem; font-weight: 950; line-height: .8; letter-spacing: -.05em; }
.club-head small { color: var(--muted); font-weight: 800; }
.club-card h3 { font-size: 1.65rem; }
.text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: var(--gold-bright); font-weight: 900; text-decoration: none; }
.text-link span { transition: transform .15s ease; }
.text-link:hover span { transform: translateX(4px); }

.deployment-section { position: relative; }
.deployment-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: center; }
.deployment-copy > p { font-size: 1.08rem; }
.deployment-note { margin-top: 26px; padding: 20px 22px; border: 1px solid rgba(215,178,74,.22); border-radius: 16px; background: var(--gold-soft); }
.deployment-note strong { color: var(--gold-bright); }
.deployment-note p { margin: 7px 0 0; }
.deployment-steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.deployment-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 17px; align-items: start; padding: 19px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(180deg, rgba(13,37,78,.84), rgba(7,23,50,.92)); }
.deployment-steps > li > span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: #0a1320; background: linear-gradient(135deg, var(--gold-bright), var(--gold)); font-weight: 950; }
.deployment-steps strong { display: block; margin: 1px 0 3px; font-size: 1.08rem; }
.deployment-steps p { margin: 0; font-size: 14px; }

.trust-section { padding-top: 78px; background: linear-gradient(180deg, rgba(6,20,44,.35), rgba(5,16,35,.56)); }
.trust-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.trust-card { padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: rgba(8,26,57,.78); }
.trust-card > span { color: var(--gold-bright); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.trust-card h3 { margin-top: 22px; font-size: 1.18rem; }
.trust-card p { margin-bottom: 0; font-size: 14px; }

.pilot-section { background: radial-gradient(circle at 15% 50%, rgba(215,178,74,.1), transparent 26rem); }
.pilot-card { display: grid; grid-template-columns: 1.35fr .65fr; gap: 50px; align-items: center; padding: 44px; border: 1px solid rgba(215,178,74,.28); border-radius: var(--radius-xl); background: linear-gradient(135deg, rgba(17,43,83,.94), rgba(7,22,49,.98)); box-shadow: var(--shadow); }
.pilot-copy h2 { font-size: clamp(2.1rem, 4vw, 4rem); }
.pilot-fine { font-size: 13px; }
.pilot-price { display: grid; justify-items: center; text-align: center; padding: 28px; border: 1px solid rgba(215,178,74,.24); border-radius: 22px; background: rgba(5,17,39,.62); }
.pilot-price > span { color: var(--gold-bright); font-weight: 900; text-transform: uppercase; letter-spacing: .1em; font-size: 11px; }
.pilot-price > strong { margin: 4px 0 -4px; color: #fff; font-size: 4.6rem; line-height: 1; letter-spacing: -.07em; }
.pilot-price > small { margin-bottom: 22px; color: var(--muted); }
.pilot-price .button { width: 100%; margin-top: 9px; }

.contact-section { border-top: 1px solid rgba(255,255,255,.05); background: linear-gradient(180deg, rgba(8,24,52,.52), rgba(3,11,24,.76)); }
.contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; align-items: start; }
.contact-copy h2 { font-size: clamp(2.35rem, 4.6vw, 4.8rem); }
.contact-copy > p { font-size: 1.08rem; }
.contact-direct { display: grid; gap: 10px; margin-top: 30px; }
.contact-direct a { display: grid; gap: 3px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 15px; background: rgba(9,29,62,.7); text-decoration: none; }
.contact-direct span { color: var(--muted-2); font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.contact-direct strong { color: #fff; }
.contact-form { display: grid; gap: 17px; padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(180deg, rgba(12,35,75,.92), rgba(6,21,47,.97)); box-shadow: var(--shadow-soft); }
.form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; }
.contact-form label { display: grid; gap: 7px; color: var(--text-2); font-size: 13px; font-weight: 800; }
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; border: 1px solid rgba(142,171,224,.21); border-radius: 13px; background: rgba(3,14,33,.72); color: #fff; padding: 13px 14px; }
.contact-form select { min-height: 50px; }
.contact-form textarea { resize: vertical; min-height: 140px; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #7e91b1; }
.form-submit { justify-self: start; border: 0; }
.form-note { margin: -4px 0 0; color: var(--muted-2); font-size: 12px; }

.site-footer { padding: 48px 0 24px; border-top: 1px solid rgba(255,255,255,.06); background: #020817; }
.footer-layout { display: grid; grid-template-columns: 1.1fr .8fr .8fr; gap: 35px; align-items: start; }
.footer-brand img { width: 260px; }
.footer-brand p { margin: 13px 0 0; }
.footer-links, .footer-contact { display: grid; gap: 9px; }
.footer-links a, .footer-contact a { color: var(--text-2); text-decoration: none; font-weight: 760; }
.footer-links a:hover, .footer-contact a:hover { color: var(--gold-bright); }
.footer-contact span { color: var(--muted-2); }
.footer-legal { display: flex; justify-content: space-between; gap: 30px; margin-top: 35px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.06); color: var(--muted-2); font-size: 12px; }
.footer-legal p { max-width: 860px; margin: 0; color: inherit; }
.footer-legal > span { white-space: nowrap; }

.page-hero { position: relative; overflow: hidden; padding-top: 110px; padding-bottom: 70px; border-bottom: 1px solid rgba(255,255,255,.05); }
.page-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(90,141,242,.18), transparent 28rem), linear-gradient(180deg, rgba(8,29,65,.52), rgba(3,11,24,0)); }
.page-hero-layout { position: relative; display: grid; grid-template-columns: 1.25fr .75fr; gap: 60px; align-items: center; }
.page-hero h1 { font-size: clamp(3rem, 6vw, 5.7rem); }
.page-hero-card, .faq-hero-card { display: grid; gap: 8px; padding: 30px; border: 1px solid rgba(215,178,74,.28); border-radius: 22px; background: linear-gradient(135deg, rgba(215,178,74,.12), rgba(10,32,70,.88)); box-shadow: var(--shadow-soft); }
.page-hero-card > span, .faq-hero-card > span { color: var(--gold-bright); font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.page-hero-card > strong { font-size: 4.4rem; line-height: 1; letter-spacing: -.07em; }
.page-hero-card > small { color: var(--muted); }
.page-hero-card .button { margin-top: 12px; }
.faq-hero-card > strong { font-size: 1.7rem; line-height: 1.2; }
.faq-hero-card .button { justify-self: start; }

.pricing-section { padding-top: 76px; }
.pricing-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; }
.pricing-card { --pricing-accent: var(--gold); position: relative; overflow: hidden; padding: 36px; border: 1px solid var(--line); border-radius: var(--radius-xl); background: linear-gradient(180deg, rgba(13,37,78,.94), rgba(6,20,45,.98)); box-shadow: var(--shadow-soft); }
.pricing-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: var(--pricing-accent); }
.pricing-031 { --pricing-accent: #c88a65; }
.pricing-032 { --pricing-accent: var(--teal); }
.pricing-top { display: flex; justify-content: space-between; gap: 20px; align-items: start; }
.pricing-top > div { display: grid; }
.pricing-license { color: var(--pricing-accent); font-size: 3.8rem; font-weight: 950; line-height: .9; letter-spacing: -.06em; }
.pricing-top small { color: var(--muted); font-weight: 760; }
.pricing-badge { display: inline-flex; align-items: center; min-height: 30px; padding: 0 10px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--pricing-accent) 38%, transparent); color: var(--pricing-accent); background: color-mix(in srgb, var(--pricing-accent) 10%, transparent); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.pricing-card h2 { margin-top: 30px; font-size: 2.2rem; }
.price-options { display: grid; gap: 12px; margin: 26px 0; }
.price-option { display: grid; gap: 5px; padding: 19px; border: 1px solid var(--line); border-radius: 16px; background: rgba(4,17,39,.62); }
.price-option.featured { border-color: color-mix(in srgb, var(--pricing-accent) 45%, transparent); background: linear-gradient(135deg, color-mix(in srgb, var(--pricing-accent) 11%, transparent), rgba(4,17,39,.72)); }
.price-option > span { color: var(--muted-2); font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.price-option > strong { color: #fff; font-size: 2.3rem; line-height: 1; }
.price-option > strong small { color: var(--muted); font-size: .9rem; letter-spacing: 0; }
.price-option > em { color: var(--muted); font-size: 12px; font-style: normal; }
.included-section { background: rgba(8,25,54,.42); border-block: 1px solid rgba(255,255,255,.045); }
.included-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.included-grid div { display: grid; gap: 4px; min-height: 104px; padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: rgba(7,23,50,.78); }
.included-grid strong { color: #fff; }
.included-grid span { color: var(--muted); font-size: 13px; }
.pilot-detail-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 50px; align-items: start; }
.pilot-includes { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.pilot-includes div { padding: 16px 17px; border: 1px solid var(--line); border-radius: 14px; background: rgba(8,27,58,.76); color: var(--text-2); font-weight: 760; }
.pricing-notes { grid-column: 1 / -1; display: grid; gap: 8px; margin-top: 14px; padding: 22px; border: 1px solid rgba(215,178,74,.2); border-radius: 16px; background: var(--gold-soft); }
.pricing-notes p { margin: 0; }
.pricing-notes strong { color: var(--gold-bright); }

.faq-section { padding-top: 76px; }
.faq-layout { display: grid; grid-template-columns: 1.3fr .7fr; gap: 34px; align-items: start; }
.faq-list { display: grid; gap: 10px; }
.faq-list details { border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg, rgba(12,34,72,.9), rgba(6,21,47,.94)); overflow: hidden; }
.faq-list summary { position: relative; cursor: pointer; padding: 20px 56px 20px 20px; color: #f6f9ff; font-weight: 850; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 19px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: var(--gold-bright); background: rgba(215,178,74,.1); font-size: 20px; }
.faq-list details[open] summary::after { content: "–"; }
.faq-list details p { margin: 0; padding: 0 20px 20px; }
.faq-side { position: sticky; top: 112px; display: grid; gap: 11px; padding: 28px; border: 1px solid rgba(215,178,74,.25); border-radius: 20px; background: linear-gradient(135deg, rgba(215,178,74,.1), rgba(9,31,68,.9)); box-shadow: var(--shadow-soft); }
.faq-side h2 { font-size: 2.35rem; }
.faq-side .button { width: 100%; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1100px) {
  .nav-toggle { display: inline-flex; }
  .site-nav { position: absolute; top: 74px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: rgba(4,16,36,.98); box-shadow: var(--shadow); }
  .site-nav.is-open { display: flex; }
  .site-nav a { padding: 13px 15px; }
  .site-nav .nav-cta { margin: 4px 0 0; text-align: center; }
  .hero-layout { grid-template-columns: 1fr; gap: 36px; }
  .hero-copy { max-width: 860px; }
  .hero-product { min-height: 620px; max-width: 920px; }
  .product-frame-main { width: 92%; }
  .outcome-grid { grid-template-columns: 1fr; }
  .outcome-card { min-height: 0; }
  .platform-intro, .clubs-layout, .deployment-layout, .contact-layout, .page-hero-layout, .pilot-detail-layout { grid-template-columns: 1fr; }
  .club-grid { max-width: 930px; }
  .trust-grid { grid-template-columns: repeat(2,1fr); }
  .contact-copy { max-width: 750px; }
  .faq-layout { grid-template-columns: 1fr; }
  .faq-side { position: static; }
}

@media (max-width: 820px) {
  .section-pad { padding: 78px 0; }
  .brand img { width: 205px; height: 54px; }
  .nav-shell { min-height: 74px; }
  .hero { padding-top: 82px; }
  h1 { font-size: clamp(2.9rem, 12vw, 5rem); }
  .hero-product { min-height: 520px; }
  .product-float { width: min(280px, 62%); }
  .proof-bar { grid-template-columns: repeat(2,1fr); }
  .showcase-grid { grid-template-columns: 1fr; }
  .showcase-wide { grid-column: auto; grid-template-columns: 1fr; }
  .club-grid, .pricing-grid { grid-template-columns: 1fr; }
  .pilot-card { grid-template-columns: 1fr; padding: 31px; }
  .pilot-price { max-width: 420px; }
  .included-grid { grid-template-columns: repeat(2,1fr); }
  .footer-layout { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-legal { flex-direction: column; }
  .footer-legal > span { white-space: normal; }
}

@media (max-width: 620px) {
  .container { width: min(100% - 28px, var(--container)); }
  .section-pad { padding: 64px 0; }
  .brand img { width: 178px; height: 48px; }
  .nav-toggle { min-height: 43px; padding: 0 12px; }
  .hero { padding-top: 66px; padding-bottom: 54px; }
  .hero-tagline { font-size: 1.05rem; }
  .hero-actions { flex-direction: column; }
  .button { width: 100%; }
  .hero-product { min-height: 385px; }
  .product-frame-main { width: 100%; transform: none; }
  .product-browser { height: 34px; font-size: 10px; }
  .product-float { padding: 12px; font-size: 12px; }
  .product-float-left { left: 6px; bottom: 37px; }
  .product-float-right { right: 6px; bottom: -21px; }
  .proof-bar { grid-template-columns: 1fr; margin-top: 42px; }
  .proof-bar div { min-height: 84px; padding: 17px; }
  .section-heading.centered { text-align: left; }
  .section-heading.centered .eyebrow { justify-content: flex-start; }
  .outcome-card, .showcase-copy, .capability-card, .club-card, .pricing-card { padding: 24px; }
  .platform-callout { padding: 20px; }
  .screenshot-shell { padding: 12px 12px 0; }
  .screenshot-shell-landscape { padding: 0 12px 12px; }
  .club-head { align-items: start; flex-direction: column; }
  .trust-grid, .included-grid, .pilot-includes, .form-grid { grid-template-columns: 1fr; }
  .deployment-steps li { grid-template-columns: 44px 1fr; padding: 15px; }
  .deployment-steps > li > span { width: 44px; height: 44px; }
  .pilot-card { padding: 24px; }
  .pilot-price > strong { font-size: 3.9rem; }
  .contact-form { padding: 22px; }
  .footer-layout { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .page-hero { padding-top: 72px; }
  .page-hero-card > strong { font-size: 3.8rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .reveal { opacity: 1; transform: none; }
}


/* --- Sales site glow-up v2: product proof gallery --- */
.product-proof-note{margin:28px auto 0;max-width:900px;padding:16px 18px;border:1px solid rgba(102,145,219,.22);border-radius:18px;background:linear-gradient(180deg,rgba(15,31,70,.76),rgba(8,18,41,.92));color:#d7e6ff;box-shadow:0 18px 40px rgba(3,9,24,.22)}
.product-proof-note strong{color:#fff} 
.product-gallery{margin-top:34px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start} 
.product-card{grid-column:span 6;display:grid;gap:16px;padding:18px;border-radius:28px;border:1px solid rgba(85,121,188,.18);background:linear-gradient(180deg,rgba(8,19,43,.88),rgba(8,15,33,.98));box-shadow:0 24px 60px rgba(2,8,20,.34)}
.product-card--wide{grid-column:1/-1;grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr);gap:24px;align-items:center;padding:24px}
.product-card__copy{display:grid;gap:14px;align-content:start} 
.proof-points{margin:0;padding-left:18px;display:grid;gap:8px;color:#c7d7f4} 
.proof-meta{display:grid;gap:10px;padding:4px 2px 2px} 
.browser-shot{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(125,162,234,.22);background:radial-gradient(circle at top,rgba(73,117,200,.14),rgba(9,18,38,.95) 54%);box-shadow:0 20px 50px rgba(0,0,0,.34)}
.browser-shot::after{content:"";position:absolute;inset:auto 12% -30% 12%;height:46%;background:radial-gradient(circle,rgba(56,101,186,.26),rgba(56,101,186,0) 72%);pointer-events:none;filter:blur(24px)}
.browser-shot__top{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:#d6e5ff;font-size:13px;font-weight:700;letter-spacing:.02em}
.browser-shot__top span{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.3)}
.browser-shot__top span:nth-child(1){background:#ff6f61}.browser-shot__top span:nth-child(2){background:#f7c95f}.browser-shot__top span:nth-child(3){background:#46d18c}.browser-shot__top strong{margin-left:6px;font-weight:700}
.browser-shot img{position:relative;z-index:1;display:block;width:100%;height:auto} 
.browser-shot--hero img{aspect-ratio:16/10;object-fit:cover} 
.browser-shot--tablet img{aspect-ratio:9/13;object-fit:cover} 
.capability-band{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;border-radius:24px;border:1px solid rgba(85,121,188,.16);background:linear-gradient(180deg,rgba(10,21,46,.74),rgba(6,14,31,.94))} 
.capability-band div{display:grid;gap:6px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)} 
.capability-band strong{color:#fff;font-size:1rem} 
.capability-band span{color:#abc0e6;font-size:.95rem;line-height:1.45} 
@media (max-width:1024px){.product-card{grid-column:1/-1}.product-card--wide{grid-template-columns:1fr}.capability-band{grid-template-columns:repeat(2,minmax(0,1fr))}} 
@media (max-width:640px){.product-proof-note{padding:14px 16px}.product-card,.product-card--wide{padding:16px;border-radius:22px}.browser-shot,.capability-band{border-radius:20px}.capability-band{grid-template-columns:1fr}}


/* --- Sales site glow-up v3: cards + record package --- */
.cards-note{margin:28px auto 0;max-width:920px;padding:16px 18px;border:1px solid rgba(102,145,219,.22);border-radius:18px;background:linear-gradient(180deg,rgba(15,31,70,.76),rgba(8,18,41,.92));color:#d7e6ff;box-shadow:0 18px 40px rgba(3,9,24,.22)}
.cards-note strong{color:#fff}
.membership-card-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.membership-card-showcase{display:grid;gap:16px;padding:18px;border-radius:28px;border:1px solid rgba(85,121,188,.18);background:linear-gradient(180deg,rgba(8,19,43,.88),rgba(8,15,33,.98));box-shadow:0 24px 60px rgba(2,8,20,.34)}
.browser-shot--card img{aspect-ratio:16/9;object-fit:cover}
.records-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}
.records-copy{display:grid;gap:16px}
.records-actions{margin-top:4px}
.records-preview{display:grid;gap:16px}
.browser-shot--record img{aspect-ratio:16/10;object-fit:cover}
.records-preview-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.records-preview-meta div{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.records-preview-meta strong{color:#fff}
.records-preview-meta span{color:#abc0e6;font-size:.95rem;line-height:1.45}
@media (max-width:1024px){.membership-card-grid{grid-template-columns:1fr}.records-layout{grid-template-columns:1fr}.records-preview-meta{grid-template-columns:1fr}}

/* --- Sales site final polish pass v4 --- */
.gold-lead{color:var(--gold-bright)}
.proof-bar strong .gold-lead{color:var(--gold-bright);font-size:inherit}
.hero-frame-expanded img{aspect-ratio:auto;object-fit:contain;object-position:top center}
.hero-single-callout{left:-8px;bottom:78px}
.outcome-card{min-height:390px}
.outcome-card h3{margin-top:30px}

.product-gallery-v4{gap:30px}
.product-gallery-v4 .product-card--wide{grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);gap:30px;align-items:start;padding:28px}
.product-gallery-v4 .product-card__copy{position:sticky;top:100px;padding:8px 4px}
.product-gallery-v4 .product-card__copy h3{font-size:clamp(1.75rem,2.5vw,2.65rem)}
.product-gallery-v4 .product-card__copy p{font-size:1rem;line-height:1.68}
.browser-shot--tall img{width:100%;height:auto;max-height:none;object-fit:contain}
.proof-stack{display:grid;gap:18px;min-width:0}
.financial-card{border-color:rgba(215,178,74,.24);background:linear-gradient(180deg,rgba(18,29,52,.9),rgba(8,15,30,.98))}
.financial-card .browser-shot{border-color:rgba(215,178,74,.25)}

.cards-section .section-heading{max-width:940px}
.cards-section .section-heading p+p{margin-top:12px}
.cards-benefit-line{max-width:1040px;margin:0 auto 24px;text-align:center;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.7;color:#fff}
.cards-note{margin-top:0}
.membership-card-showcase h3{font-size:1.28rem}
.card-custom-invite{display:grid;gap:7px;max-width:980px;margin:30px auto 0;padding:20px 24px;border:1px solid rgba(215,178,74,.25);border-radius:18px;background:linear-gradient(135deg,rgba(215,178,74,.1),rgba(9,24,52,.84));text-align:center}
.card-custom-invite strong{color:#fff;font-size:1.08rem}
.card-custom-invite span{color:var(--muted)}

.more-section{padding-top:36px;background:linear-gradient(180deg,rgba(6,17,37,.25),rgba(10,27,59,.48))}
.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1040px;margin:0 auto}
.more-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(13,35,73,.84),rgba(7,20,44,.96));box-shadow:var(--shadow-soft)}
.more-card h3{color:#fff}
.more-card p{margin:0;line-height:1.6}
.more-closing{margin:26px auto 0;text-align:center;color:var(--gold-bright);font-weight:850}

.clubs-layout{display:block}
.clubs-layout>.section-heading{max-width:900px;margin:0 auto 28px;text-align:center}
.clubs-layout>.section-heading .eyebrow{justify-content:center}
.shared-platform-strip{max-width:960px;margin:0 auto 24px;padding:15px 18px;border:1px solid rgba(215,178,74,.23);border-radius:16px;background:rgba(215,178,74,.07);color:#f4e4aa;text-align:center;font-weight:800;letter-spacing:.01em}
.shared-platform-strip span{padding:0 10px;color:var(--gold)}
.club-grid{max-width:1040px;margin:0 auto}
.club-full-platform{margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08);color:#d4e0f4;font-size:.93rem;line-height:1.5}

.records-layout-v4{grid-template-columns:1fr;gap:38px;align-items:start}
.records-layout-v4 .records-copy{max-width:1160px}
.records-layout-v4 .records-actions{margin-top:10px;margin-bottom:4px}
.records-layout-v4 .records-preview{gap:22px}
.records-layout-v4 .browser-shot--record img{aspect-ratio:auto;object-fit:contain}
.records-layout-v4 .records-preview-meta{margin-top:2px}

.pricing-intro-section{scroll-margin-top:90px;padding-bottom:30px}
.pricing-intro-layout{grid-template-columns:minmax(0,900px);justify-content:center;text-align:center}
.pricing-intro-layout .eyebrow{justify-content:center}
.pricing-intro-layout .hero-lede{margin-inline:auto}
.pricing-section-v4{padding-top:20px}
.price-option>b{display:block;margin-top:6px;color:#f4d871;font-size:.82rem;line-height:1.4}
.pricing-pilot-section{padding-top:34px;padding-bottom:34px}
.pricing-pilot-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);gap:40px;align-items:center;padding:40px;border:1px solid rgba(215,178,74,.28);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(17,43,83,.94),rgba(7,22,49,.98));box-shadow:var(--shadow)}
.pricing-pilot-copy h2{font-size:clamp(2rem,3.7vw,3.8rem)}
.pricing-pilot-price{display:grid;justify-items:center;gap:7px;padding:28px;border:1px solid rgba(215,178,74,.25);border-radius:22px;background:rgba(5,17,39,.72);text-align:center}
.pricing-pilot-price>span{color:var(--gold-bright);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.pricing-pilot-price>strong{color:#fff;font-size:4.6rem;line-height:1}
.pricing-pilot-price>small{color:var(--muted);margin-bottom:12px}
.pricing-pilot-price .button{width:100%}
.pilot-detail-section{padding-top:34px}

@media (max-width:1024px){
  .product-gallery-v4 .product-card--wide{grid-template-columns:1fr}
  .product-gallery-v4 .product-card__copy{position:static}
  .more-grid{grid-template-columns:1fr}
  .pricing-pilot-card{grid-template-columns:1fr}
}
@media (max-width:720px){
  .hero-product{min-height:360px}
  .hero-single-callout{left:6px;bottom:12px}
  .product-gallery-v4 .product-card--wide{padding:16px}
  .browser-shot__top{font-size:11px;padding:10px 12px}
  .cards-benefit-line{text-align:left}
  .shared-platform-strip{text-align:left;line-height:1.7}
  .shared-platform-strip span{padding:0 4px}
  .pricing-pilot-card{padding:24px}
  .pricing-pilot-price>strong{font-size:3.8rem}
}

/* --- Corrective image pass v4.1: native framing + clean deterministic stitches --- */
.hero-frame-expanded{
  width:100%;
  right:0;
  top:18px;
  transform:none;
}
.hero-frame-expanded img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  image-rendering:auto;
}


/* Final sales-site pass: leave-behind downloads */
.download-link{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#c8d8f6;font-size:.95rem;font-weight:800;text-decoration:none;opacity:.92;transition:color .16s ease, transform .16s ease, opacity .16s ease}
.download-link::before{content:"↓";font-size:.9rem;color:var(--gold-bright)}
.download-link:hover{color:#fff;opacity:1;transform:translateY(-1px)}
.pricing-download{margin-top:14px}
.records-helper{margin-top:14px;color:#abc0e6;font-size:.95rem;line-height:1.5}
.records-helper-link{display:inline-flex;align-items:center;gap:6px;color:var(--gold-bright);font-weight:900;text-decoration:none}
.records-helper-link span{transition:transform .15s ease}
.records-helper-link:hover span{transform:translateX(4px)}
.pricing-support{display:grid;justify-items:center;gap:10px;margin-top:26px;text-align:center}
.pricing-support p{margin:0;color:#abc0e6}
@media (max-width:768px){.records-helper-link{display:inline-flex}.pricing-support{margin-top:20px}}




/* --- Mobile clarity and screenshot inspection pass v4.4 --- */
.gold-lead,
.proof-bar strong .gold-lead,
.cards-benefit-line .gold-lead,
.outcome-card .gold-lead { color: var(--gold-bright) !important; }

.desktop-shot { display: block; min-width: 0; }
.mobile-shot-stack { display: none; }
.screenshot-trigger {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: zoom-in;
  text-align: left;
}
.screenshot-trigger img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  image-rendering: auto;
}
.enlarge-cue {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(240,209,110,.35);
  border-radius: 999px;
  background: rgba(3,11,24,.88);
  color: var(--gold-bright);
  font-size: .75rem;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(0,0,0,.3);
  pointer-events: none;
}
.browser-shot,
.product-frame,
.proof-stack,
.product-card,
.mobile-shot-panel { min-width: 0; }

.image-lightbox[hidden] { display: none; }
.image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 18px;
}
.image-lightbox__backdrop { position: absolute; inset: 0; background: rgba(0,5,15,.92); backdrop-filter: blur(10px); }
.image-lightbox__dialog {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  width: min(96vw, 2100px);
  height: min(94dvh, 1200px);
  overflow: hidden;
  border: 1px solid rgba(151,181,235,.28);
  border-radius: 20px;
  background: #06142e;
  box-shadow: 0 40px 100px rgba(0,0,0,.7);
}
.image-lightbox__bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.09); background:#0b2149; }
.image-lightbox__bar strong { color:#fff; }
.image-lightbox__close { min-height:40px; padding:0 14px; border:1px solid rgba(255,255,255,.14); border-radius:11px; background:rgba(255,255,255,.06); color:#fff; font-weight:850; cursor:pointer; }
.image-lightbox__viewport { overflow:auto; overscroll-behavior:contain; touch-action:pan-x pan-y pinch-zoom; background:#020711; }
.image-lightbox__viewport img { display:block; width:auto; min-width:min(1500px, 180vw); max-width:none; height:auto; margin:0 auto; }
.image-lightbox__dialog>p { margin:0; padding:9px 14px 11px; color:#aebed9; font-size:.82rem; text-align:center; background:#071733; }
body.lightbox-open { overflow:hidden; }

@media (max-width:720px) {
  .desktop-shot { display: none !important; }
  .mobile-shot-stack { display: grid; gap: 14px; width: 100%; min-width: 0; }
  .hero-product { min-height: 0; display: grid; gap: 16px; }
  .hero-frame-expanded { position: relative; inset: auto; width: 100%; overflow: hidden; }
  .hero-frame-expanded > .product-browser { display: flex; }
  .hero-mobile-panels { padding: 12px; background: #061633; }
  .mobile-shot-panel { overflow: hidden; border-radius: 16px; }
  .mobile-shot-panel .browser-shot__top { padding: 9px 11px; font-size: .72rem; }
  .mobile-shot-panel .browser-shot__top span { width: 8px; height: 8px; }
  .mobile-shot-panel .enlarge-cue { right: 8px; bottom: 8px; min-height: 28px; padding: 0 9px; font-size: .67rem; }
  .hero-single-callout { position: relative; inset: auto; width: calc(100% - 24px); margin: 0 12px; }
  .browser-shot img,
  .browser-shot--hero img,
  .browser-shot--tablet img,
  .browser-shot--card img,
  .browser-shot--record img,
  .browser-shot--tall img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }
  .product-card,.product-card--wide { overflow:hidden; }
  .proof-bar strong .gold-lead { color: var(--gold-bright) !important; }
  .image-lightbox { padding: 0; }
  .image-lightbox__dialog { width:100vw; height:100dvh; border:0; border-radius:0; }
  .image-lightbox__viewport img { min-width: 1200px; }
  .enlarge-cue { display:inline-flex; }
}

@media (min-width:721px) {
  .hero-frame-expanded > .desktop-shot .screenshot-trigger img { width:100%; }
}


/* --- Mobile presentation rebuild v4.5: native proof cards, no faux white mats --- */
.hero-mobile-proof,.mobile-proof-gallery{display:none}
.mobile-proof-card{margin:0;min-width:0;overflow:hidden;border:1px solid rgba(128,163,226,.28);border-radius:18px;background:linear-gradient(180deg,#0b224a,#06142e);box-shadow:0 18px 42px rgba(0,0,0,.32)}
.mobile-proof-card__action{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.mobile-proof-card__action:focus-visible{outline:2px solid rgba(240,209,110,.95);outline-offset:2px}
.mobile-proof-card__title{display:block;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.08);color:#f7f9ff;font-size:.88rem;font-weight:850;letter-spacing:.01em}
.mobile-proof-card__image{display:block;padding:8px;background:#030b18}
.mobile-proof-card__image img{display:block;width:100%;height:auto;border:0;border-radius:10px;background:#061633;object-fit:contain;image-rendering:auto}
.mobile-proof-card__footer{display:block;padding:10px 13px;border-top:1px solid rgba(255,255,255,.08);background:#091b3b;color:#f0d16e;font-size:.78rem;font-weight:850;line-height:1.35;text-align:center}

@media (max-width:720px){
  /* Hard reset: desktop screenshots never leak into the mobile flow. */
  .desktop-shot{display:none!important}
  .mobile-shot-stack{display:none!important}
  .hero-mobile-proof,.mobile-proof-gallery{display:grid!important;gap:16px;width:100%;min-width:0}
  .hero-product{display:grid!important;min-height:0!important;gap:16px!important;margin-top:8px;overflow:visible!important}
  .hero-frame-expanded{display:none!important}
  .hero-single-callout{position:relative!important;inset:auto!important;width:100%!important;margin:0!important;padding:15px 16px!important}
  .hero .proof-bar{position:relative!important;z-index:1!important;margin-top:38px!important;background:#17396d!important;overflow:hidden!important}
  .hero .proof-bar div{background:linear-gradient(180deg,#143568,#0b2855)!important}
  .gold-lead,.proof-bar .gold-lead,.outcome-card .gold-lead,.cards-benefit-line .gold-lead{color:#f0d16e!important;-webkit-text-fill-color:#f0d16e!important}
  .product-card,.product-card--wide{overflow:visible!important}
  .product-gallery-v4 .product-card--wide{grid-template-columns:1fr!important;padding:18px!important;gap:22px!important}
  .product-gallery-v4 .product-card__copy{position:static!important;padding:0!important}
  .mobile-proof-card{border-radius:16px}
  .mobile-proof-card__image{padding:7px}
  .mobile-proof-card__footer{font-size:.74rem}
  .image-lightbox{display:none!important}
}


/* Final screenshot polish v4.6 */
.enlarge-cue,.mobile-proof-card__footer{display:none!important}
.browser-shot--native-frame{overflow:visible;border:0;background:transparent;box-shadow:none}
.browser-shot--native-frame .screenshot-trigger{display:block;width:100%;overflow:hidden;border:0;border-radius:24px;background:transparent;box-shadow:0 24px 56px rgba(0,0,0,.32);cursor:zoom-in}
.browser-shot--native-frame .screenshot-trigger img{display:block;width:100%;height:auto;border:0;border-radius:24px;object-fit:contain}
.mobile-proof-card__action{cursor:zoom-in}
.mobile-proof-card__action:hover .mobile-proof-card__image img,.screenshot-trigger:hover img{filter:brightness(1.025)}
@media(max-width:720px){
 .mobile-proof-card__title{border-bottom:0}
 .mobile-proof-card__image{border-top:1px solid rgba(255,255,255,.08)}
}

/* v4.7 - shorter homepage, deeper top-level navigation, April Hall sample records */
.site-nav { font-size: 13px; gap: 2px; }
.site-nav a { padding: 10px 10px; }
.site-nav .nav-cta { margin-left: 4px; padding-inline: 15px; }

.compact-platform-section,
.compact-clubs-section,
.compact-records-section { background: linear-gradient(180deg, rgba(6,22,51,.34), rgba(3,11,24,.12)); border-top: 1px solid rgba(255,255,255,.045); }
.compact-proof-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.compact-proof-card { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(180deg, rgba(13,37,78,.94), rgba(6,20,45,.98)); box-shadow: var(--shadow-soft); }
.compact-proof-image { display: block; width: 100%; padding: 0; border: 0; border-bottom: 1px solid var(--line); background: #06142e; cursor: zoom-in; }
.compact-proof-image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top center; }
.compact-proof-card > div { padding: 24px; }
.compact-proof-card h3 { font-size: 1.55rem; }
.compact-proof-card p:last-child { margin-bottom: 0; }
.compact-platform-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 24px; padding: 22px 24px; border: 1px solid var(--line); border-radius: 18px; background: rgba(8,27,58,.76); }
.compact-platform-footer > div { display: grid; gap: 3px; }
.compact-platform-footer strong { color: #fff; }
.compact-platform-footer span { color: var(--muted); }

.compact-cards-section .section-heading { max-width: 930px; }
.compact-card-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.compact-card-item { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(180deg, rgba(12,34,72,.92), rgba(6,21,47,.97)); box-shadow: var(--shadow-soft); }
.compact-card-item button { display: block; width: 100%; padding: 0; border: 0; background: #06142e; cursor: zoom-in; }
.compact-card-item img { display: block; width: 100%; aspect-ratio: 1.66 / 1; object-fit: cover; }
.compact-card-item figcaption { display: grid; gap: 3px; padding: 17px 18px 19px; }
.compact-card-item figcaption strong { color: var(--gold-bright); }
.compact-card-item figcaption span { color: var(--muted); font-size: 13px; }
.center-link { display: flex; justify-content: center; margin-top: 28px; }

.compact-clubs-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(520px,1.2fr); gap: 50px; align-items: center; }
.compact-club-cards { display: grid; gap: 14px; }
.compact-club-card { display: grid; grid-template-columns: 120px 1fr; gap: 22px; align-items: center; padding: 26px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(180deg, rgba(13,37,78,.94), rgba(6,20,45,.98)); box-shadow: var(--shadow-soft); }
.compact-club-card > span { font-size: 3.8rem; line-height: 1; font-weight: 950; letter-spacing: -.06em; }
.compact-club-card strong { color: #fff; font-size: 1.18rem; }
.compact-club-card p { margin: 5px 0 0; }
.compact-031 > span { color: #d99367; }
.compact-032 > span { color: var(--teal); }

.sample-record-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.sample-record-card { display: grid; grid-template-columns: minmax(190px,.75fr) minmax(0,1.25fr); gap: 24px; align-items: center; padding: 24px; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(180deg, rgba(13,37,78,.94), rgba(6,20,45,.98)); box-shadow: var(--shadow-soft); }
.sample-record-preview { overflow: hidden; aspect-ratio: .77 / 1; border: 1px solid rgba(215,178,74,.28); border-radius: 16px; background: #fff; }
.sample-record-preview img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.sample-record-copy { min-width: 0; }
.sample-record-copy h3 { font-size: 1.7rem; }
.sample-record-copy h2 { margin-bottom: 14px; font-size: clamp(2rem,3vw,3rem); }
.sample-record-copy .button { margin-top: 10px; }
.sample-record-tag { display: inline-flex; margin-bottom: 12px; color: var(--gold-bright); font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sample-record-grid--detail { gap: 28px; }
.sample-record-card--detail { grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); align-items: start; padding: 30px; }
.sample-record-card--detail .sample-record-preview { position: sticky; top: 112px; }
.sample-record-card--detail .proof-points { margin-bottom: 25px; }

.same-platform-section { background: rgba(8,25,54,.42); border-block: 1px solid rgba(255,255,255,.045); }
.same-platform-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.same-platform-grid div { padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: rgba(7,23,50,.78); color: var(--text-2); font-weight: 800; text-align: center; }
.same-platform-grid div small { display: block; margin-top: 7px; color: var(--muted); font-size: .78rem; font-weight: 620; line-height: 1.45; }
.hardware-summary { display: grid; justify-items: center; gap: 10px; max-width: 860px; margin: 26px auto 0; text-align: center; }
.hardware-summary p { margin: 0; color: var(--text-2); }


.page-cta-section { padding-top: 62px; padding-bottom: 78px; }
.page-cta-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 34px; align-items: center; padding: 38px; border: 1px solid rgba(215,178,74,.26); border-radius: 26px; background: linear-gradient(135deg, rgba(215,178,74,.1), rgba(10,32,70,.9)); box-shadow: var(--shadow-soft); }
.page-cta-card h2 { max-width: 850px; font-size: clamp(2rem,3.8vw,3.8rem); }
.page-cta-card p:last-child { margin-bottom: 0; }

.records-boundary-section { padding-top: 28px; }
.boundary-card { display: grid; grid-template-columns: 1.1fr .9fr; gap: 38px; align-items: center; padding: 36px; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(180deg, rgba(12,34,72,.92), rgba(6,21,47,.97)); }
.boundary-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.boundary-list span { display: grid; place-items: center; min-height: 76px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(4,17,39,.62); color: var(--text-2); font-weight: 800; text-align: center; }

@media (max-width: 1180px) {
  .site-nav { font-size: 12px; }
  .site-nav a { padding-inline: 8px; }
}
@media (max-width: 1100px) {
  .site-nav { font-size: 14px; }
  .compact-proof-grid { grid-template-columns: 1fr; }
  .compact-proof-card { display: grid; grid-template-columns: minmax(320px,.9fr) 1.1fr; align-items: center; }
  .compact-proof-image { border-bottom: 0; border-right: 1px solid var(--line); }
  .compact-clubs-layout, .boundary-card { grid-template-columns: 1fr; }
  .sample-record-grid { grid-template-columns: 1fr; }
  .sample-record-card { grid-template-columns: minmax(210px,.55fr) minmax(0,1.45fr); }
  .sample-record-card--detail .sample-record-preview { position: static; }
  .page-cta-card { grid-template-columns: 1fr; }
  .page-cta-card .button { justify-self: start; }
}
@media (max-width: 820px) {
  .compact-card-gallery { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 2px 12px; }
  .compact-card-item { flex: 0 0 min(82vw,560px); scroll-snap-align: center; }
  .compact-platform-footer { align-items: flex-start; flex-direction: column; }
  .compact-club-card { grid-template-columns: 90px 1fr; }
  .compact-club-card > span { font-size: 3rem; }
  .same-platform-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .compact-proof-card { display: block; }
  .compact-proof-image { border-right: 0; border-bottom: 1px solid var(--line); }
  .compact-proof-card > div { padding: 21px; }
  .compact-club-card { grid-template-columns: 1fr; gap: 8px; }
  .sample-record-card, .sample-record-card--detail { grid-template-columns: 1fr; padding: 20px; }
  .sample-record-preview { width: min(100%,360px); margin-inline: auto; }
  .same-platform-grid, .boundary-list { grid-template-columns: 1fr; }
  .page-cta-card, .boundary-card { padding: 26px; }
}

/* v4.8 — final discussed polish, split club pages, un-cropped proof */
.screenshot-cue { display: none; margin: 12px 0 0; color: var(--gold-bright); font-size: .9rem !important; font-weight: 850; }

.outcome-card { display: flex; flex-direction: column; }
.outcome-card ul { margin-top: auto; padding-top: 24px; }

.compact-proof-image { aspect-ratio: 5 / 4; display: grid; place-items: center; overflow: hidden; }
.compact-proof-image img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; object-position: top center; }
.compact-card-item button { aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; }
.compact-card-item img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; }
.compact-clubs-simple { max-width: 940px; text-align: center; }
.club-path-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.card-custom-invite { margin-top: 28px; }

.product-card--workflow {
  grid-template-areas:
    "kiosk-copy kiosk-shot"
    "manager-copy manager-shot";
  row-gap: 42px !important;
}
.product-card--workflow .kiosk-flow-copy { grid-area: kiosk-copy; position: static; }
.product-card--workflow .kiosk-flow-shot { grid-area: kiosk-shot; }
.product-card--workflow .manager-flow-copy { grid-area: manager-copy; position: static; align-self: start; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.08); }
.product-card--workflow .manager-flow-shot { grid-area: manager-shot; }
.mobile-workflow-shots { display: none; }
.manager-flow-shot .screenshot-trigger img,
.kiosk-flow-shot .screenshot-trigger img { object-fit: contain; object-position: top center; }

.club-type-031::before { background: radial-gradient(circle at 82% 22%, rgba(200,138,101,.15), transparent 28rem), linear-gradient(180deg, rgba(8,29,65,.52), rgba(3,11,24,0)); }
.club-type-032::before { background: radial-gradient(circle at 82% 22%, rgba(22,198,201,.14), transparent 28rem), linear-gradient(180deg, rgba(8,29,65,.52), rgba(3,11,24,0)); }
.club-workflows-section { background: linear-gradient(180deg, rgba(6,22,51,.28), rgba(3,11,24,.1)); }
.club-workflow-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.club-workflow-card { position: relative; padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(180deg, rgba(13,37,78,.9), rgba(6,20,45,.98)); box-shadow: var(--shadow-soft); }
.club-workflow-card > span { color: var(--gold-bright); font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.club-workflow-card h3 { margin-top: 20px; }
.club-workflow-card p { margin-bottom: 0; }
.complete-platform-band { border-block: 1px solid rgba(255,255,255,.045); background: rgba(8,25,54,.42); }
.single-pricing-section { background: radial-gradient(circle at 78% 45%, rgba(215,178,74,.07), transparent 30rem); }
.single-pricing-layout { display: grid; grid-template-columns: minmax(260px,.7fr) minmax(500px,1.3fr); gap: 54px; align-items: center; }
.single-pricing-card { width: 100%; max-width: 700px; justify-self: end; }
.single-pricing-card .price-option { margin-top: 12px; }
.pricing-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 24px; }
.pricing-download { display: inline-flex; align-items: center; color: var(--text-2); font-weight: 820; text-decoration: none; }
.pricing-download:hover { color: var(--gold-bright); }
.club-pilot-section { padding-top: 38px; padding-bottom: 38px; }
.choice-page { max-width: 900px; }
.choice-page .section-heading { max-width: 900px; }
.choice-page h1 { font-size: clamp(3rem,6vw,5.7rem); }

.record-boundary-note { margin: 22px 0; padding: 14px 16px; border: 1px solid rgba(215,178,74,.22); border-radius: 14px; background: rgba(215,178,74,.08); color: var(--text-2); }
.record-boundary-note strong { color: #f3e4b0; }

.page-hero h1 .gold-lead,
.page-cta-card h2 .gold-lead,
.section-heading h2 .gold-lead,
.product-card h3 .gold-lead,
.pilot-copy h2 .gold-lead { color: var(--gold-bright); }

@media (max-width: 1100px) {
  .single-pricing-layout { grid-template-columns: 1fr; }
  .single-pricing-card { justify-self: stretch; max-width: none; }
  .product-card--workflow { grid-template-areas: "kiosk-copy" "kiosk-shot" "manager-copy" "manager-shot"; }
}

@media (max-width: 820px) {
  .club-workflow-grid { grid-template-columns: 1fr; }
  .compact-card-gallery { display: grid; grid-template-columns: 1fr; overflow: visible; padding: 0; }
  .compact-card-item { width: 100%; }
}

@media (max-width: 720px) {
  .screenshot-cue { display: block; }
  .product-card--workflow .desktop-shot { display: none !important; }
  .product-card--workflow { display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "kiosk-copy" "mobile-shots" "manager-copy" !important; }
  .product-card--workflow .kiosk-flow-copy { grid-area: kiosk-copy; }
  .product-card--workflow .manager-flow-copy { grid-area: manager-copy; margin-top: 4px; }
  .mobile-workflow-shots { grid-area: mobile-shots; display: grid; gap: 16px; }
  .compact-proof-image { aspect-ratio: auto; }
  .compact-proof-image img { width: 100%; height: auto; }
  .compact-card-item button { aspect-ratio: auto; }
  .compact-card-item img { width: 100%; height: auto; }
  .club-path-actions { display: grid; grid-template-columns: 1fr; }
  .club-path-actions .button { width: 100%; }
  .pricing-actions { display: grid; }
  .pricing-actions .button { width: 100%; }
  .single-pricing-card { padding: 24px; }
  .club-workflow-card { padding: 23px; }
}

/* Mobile workflow order correction */
.workflow-mobile-card { display: none; }
@media (max-width:720px) {
  .product-card--workflow { grid-template-areas: "kiosk-copy" "kiosk-mobile" "manager-copy" "manager-mobile" !important; }
  .workflow-mobile-card { display: block; }
  .mobile-kiosk-card { grid-area: kiosk-mobile; }
  .mobile-manager-card { grid-area: manager-mobile; }
}


/* v5.0 sales refresh: incident-management proof, sample-record layout, managed operations */
.incident-proof-stack{display:grid;gap:18px;min-width:0}
.browser-shot--incident-preview .screenshot-trigger{max-height:560px;overflow:hidden}
.browser-shot--incident-preview .screenshot-trigger img{width:100%;height:560px;object-fit:cover;object-position:top}
.sample-record-card--incident{grid-column:1/-1}
.sample-record-card--incident .sample-record-preview img{width:100%;height:auto;object-fit:contain}
.managed-operations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.managed-operation-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(13,37,78,.86),rgba(7,23,50,.94))}
.managed-operation-card span{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:rgba(215,178,74,.14);color:var(--gold-bright);font-weight:900;font-size:.82rem}
.managed-operation-card h3{margin:14px 0 8px;color:#fff;font-size:1.08rem}
.managed-operation-card p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.55}
@media (max-width:1024px){.managed-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-shot--incident-preview .screenshot-trigger,.browser-shot--incident-preview .screenshot-trigger img{height:460px}}
@media (max-width:640px){.managed-operations-grid{grid-template-columns:1fr}.browser-shot--incident-preview .screenshot-trigger,.browser-shot--incident-preview .screenshot-trigger img{height:360px}.sample-record-card--incident{grid-column:auto}}