/* Premium Experience Presentation System v1 */
:root {
  --px-light: #f7f4ed;
  --px-light-ink: #142033;
  --px-light-muted: #5d6878;
  --px-card: rgba(255,255,255,.08);
  --px-line: rgba(255,255,255,.16);
  --px-shadow: 0 24px 70px rgba(0,0,0,.34);
  --px-ease: cubic-bezier(.22,1,.36,1);
}

.experience { overflow: clip; }
.exp-hero { min-height: min(92svh, 880px); isolation: isolate; }
.exp-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(3,8,16,.84) 0%, rgba(3,8,16,.48) 55%, rgba(3,8,16,.12) 100%);
}
.exp-hero-content { width: min(1120px, calc(100% - 40px)); max-width: 1120px; }
.exp-brand-logo { width: clamp(86px, 9vw, 124px); height: auto; margin-bottom: 10px; border-radius: 50%; filter: drop-shadow(0 18px 32px rgba(0,0,0,.38)); }
.exp-flagship-emblem { position: relative; display: grid; grid-template-rows: auto auto; place-items: center; align-content: start; row-gap: 3px; width: clamp(168px, 14vw, 204px); aspect-ratio: 1; margin-bottom: 18px; padding: 20px 15px 16px; overflow: hidden; border: 2px solid rgba(245,196,81,.72); border-radius: 28px; color: #f5c451; background: radial-gradient(circle at 50% 18%, rgba(36,139,255,.18), transparent 46%), linear-gradient(145deg, #06172b, #0b2743); box-shadow: 0 24px 60px rgba(0,0,0,.4), 0 0 38px rgba(245,196,81,.14), inset 0 1px 0 rgba(255,255,255,.08); }
.exp-flagship-emblem[hidden] { display: none; }
.exp-flagship-emblem strong,
.exp-flagship-emblem > span { display: block; font-family: var(--exp-font-display); font-size: clamp(1.25rem, 1.75vw, 1.55rem); font-weight: 650; line-height: .94; letter-spacing: .025em; white-space: nowrap; }
.exp-flagship-emblem strong { margin-top: 80px; }
.exp-emblem-mountains { position: absolute; inset: 15px 14px auto; height: 78px; }
.exp-emblem-mountains svg { display: block; width: 100%; height: 100%; overflow: visible; }
.exp-emblem-mountains path { fill: none; stroke: #f5c451; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(245,196,81,.46)); }
.exp-emblem-mountains .mountain-mask,
.px-three-mountain-mark .mountain-mask,
.px-scan-three-mountains .mountain-mask { fill: #08233c !important; stroke: none !important; filter: none !important; }
.exp-hero .exp-eyebrow { font-size: clamp(.9rem, 1.15vw, 1.05rem); font-weight: 850; letter-spacing: .19em; }
.exp-headline { max-width: 13ch; font-size: clamp(3rem, 8vw, 7.2rem); line-height: .94; letter-spacing: -.055em; text-wrap: balance; }
.exp-subheadline { max-width: 45ch; font-size: clamp(1.08rem, 2vw, 1.45rem); line-height: 1.55; }
.is-big-sky-flagship .exp-headline { max-width: 14ch; line-height: 1.02; letter-spacing: -.025em; word-spacing: .065em; }

.exp-dynamic-sections { display: grid; }
.exp-section--dynamic { position: relative; padding: clamp(72px, 10vw, 140px) 24px; }
.exp-section--dynamic:nth-child(4n+1) { background: color-mix(in oklch, var(--exp-primary) 82%, black); }
.exp-section--dynamic:nth-child(4n+2) { color: var(--px-light-ink); background: var(--px-light); }
.exp-section--dynamic:nth-child(4n+2) .px-copy,
.exp-section--dynamic:nth-child(4n+2) .px-eyebrow { color: var(--px-light-muted); }
.exp-section--dynamic:nth-child(4n+2) .px-title { color: var(--px-light-ink); }
.exp-section--dynamic:nth-child(4n+3) { background: linear-gradient(145deg, color-mix(in oklch, var(--exp-secondary) 15%, var(--exp-primary)), var(--exp-deep)); }
.exp-section--dynamic:nth-child(4n) { background: var(--exp-deep); }
.px-inner { width: min(1120px, 100%); margin: 0 auto; }
.px-eyebrow { margin: 0 0 16px; color: var(--exp-secondary); font-size: clamp(.9rem, 1.15vw, 1.05rem); font-weight: 850; letter-spacing: .17em; line-height: 1.35; text-transform: uppercase; }
.px-title { max-width: 15ch; color: var(--exp-ink); font-family: var(--exp-font-display); font-size: clamp(2.25rem, 5vw, 4.8rem); font-weight: 500; line-height: 1.02; letter-spacing: -.04em; text-wrap: balance; }
.px-copy { max-width: 62ch; margin-top: 22px; color: var(--exp-ink-muted); font-size: clamp(1rem, 1.7vw, 1.22rem); line-height: 1.75; }
.px-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; margin-top: 44px; }
.px-card { min-height: 190px; padding: 26px; border: 1px solid var(--px-line); border-radius: 20px; background: var(--px-card); box-shadow: var(--px-shadow); backdrop-filter: blur(12px); transition: transform 220ms var(--px-ease), border-color 220ms ease; }
.px-card:hover { transform: translateY(-5px); border-color: color-mix(in oklch, var(--exp-secondary) 64%, white); }
.px-card-icon { display: inline-grid; place-items: center; width: 46px; height: 46px; margin-bottom: 22px; border: 1px solid color-mix(in oklch, var(--card-accent, var(--exp-secondary)) 36%, transparent); border-radius: 14px; color: var(--card-accent, var(--exp-secondary)); background: color-mix(in oklch, var(--card-accent, var(--exp-secondary)) 16%, transparent); box-shadow: 0 10px 28px color-mix(in oklch, var(--card-accent, var(--exp-secondary)) 16%, transparent); font-size: 1.18rem; }
.px-card[data-accent="purple"] { --card-accent: #9b7cff; }
.px-card[data-accent="cyan"] { --card-accent: #31d7f4; }
.px-card[data-accent="blue"] { --card-accent: #2f87ff; }
.px-card[data-accent="green"] { --card-accent: #35e58c; }
.px-card[data-accent="orange"] { --card-accent: #ff9f43; }
.px-card[data-accent="rose"] { --card-accent: #ff668f; }
.px-card h3 { margin: 0 0 10px; font-family: var(--exp-font-display); font-size: 1.45rem; font-weight: 500; }
.px-card p { color: var(--exp-ink-muted); line-height: 1.6; }
.exp-section--dynamic:nth-child(4n+2) .px-card { color: var(--px-light-ink); background: white; border-color: rgba(20,32,51,.12); box-shadow: 0 22px 60px rgba(20,32,51,.12); }
.exp-section--dynamic:nth-child(4n+2) .px-card p { color: var(--px-light-muted); }

.px-product-bridge { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: stretch; gap: 18px; margin-top: 42px; }
.px-product-brand { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; min-height: 178px; padding: 24px; border: 1px solid rgba(255,255,255,.15); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035)); box-shadow: 0 22px 62px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06); }
.px-product-brand p { margin: 0 0 6px; color: var(--product-accent); font-size: .78rem; font-weight: 900; letter-spacing: .15em; }
.px-product-brand h3 { margin: 0 0 10px; color: #f6f9fd; font-size: clamp(1.5rem, 2.5vw, 2.1rem); font-weight: 850; letter-spacing: -.025em; }
.px-product-brand sup { font-size: .42em; vertical-align: super; }
.px-product-brand div > span { display: block; color: #aeb9c8; font-size: .94rem; line-height: 1.55; }
.px-product-command { --product-accent: #35e58c; }
.px-product-scan { --product-accent: #4bbcff; }
.px-command-brand-mark, .px-three-mountain-mark { position: relative; flex: 0 0 auto; width: 74px; height: 74px; overflow: hidden; border: 1px solid color-mix(in oklch, var(--product-accent) 38%, transparent); border-radius: 20px; background: linear-gradient(145deg, rgba(8,24,39,.98), rgba(16,35,54,.94)); box-shadow: 0 0 0 1px rgba(255,255,255,.035), 0 16px 36px color-mix(in oklch, var(--product-accent) 15%, transparent); }
.px-command-brand-mark svg,
.px-three-mountain-mark svg,
.px-qr-command-icon svg,
.px-scan-three-mountains svg { display: block; width: 100%; height: 100%; overflow: visible; }
.px-command-brand-mark svg path,
.px-three-mountain-mark svg path,
.px-qr-command-icon svg path,
.px-scan-three-mountains svg path { fill: none; stroke: #f5fbff; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 7px rgba(255,255,255,.18)); }
.px-product-flow { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 92px; color: #35e58c; font-size: .65rem; font-weight: 900; letter-spacing: .11em; text-align: center; }
.px-product-flow i { display: block; width: 2px; height: 13px; background: linear-gradient(#35e58c, #4bbcff); box-shadow: 0 0 10px rgba(53,229,140,.52); animation: px-flow-pulse 1.8s ease-in-out infinite; }

.px-scan-feature { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(320px, 1.28fr); align-items: center; gap: clamp(36px, 7vw, 86px); margin-top: 54px; padding: clamp(28px, 5vw, 54px); border: 1px solid rgba(47,135,255,.32); border-radius: 28px; background: linear-gradient(145deg, rgba(47,135,255,.11), rgba(255,255,255,.82)); box-shadow: 0 28px 75px rgba(20,32,51,.14); }
.px-scan-visual { width: min(100%, 330px); margin: 0 auto; text-align: center; }
.px-scan-qr-frame { position: relative; padding: 14px; border: 5px solid #2f87ff; border-radius: 24px; background: white; box-shadow: 0 20px 55px rgba(47,135,255,.24); animation: px-scan-glow 3.2s ease-in-out infinite; }
.px-scan-qr { display: block; width: 100%; height: auto; border-radius: 11px; }
.px-qr-command-badge { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; gap: 7px; min-width: 112px; padding: 8px 10px; transform: translate(-50%,-50%); border: 4px solid white; border-radius: 13px; color: white; background: linear-gradient(145deg, #07111f, #10263a); box-shadow: 0 10px 28px rgba(7,17,31,.36), 0 0 0 1px rgba(75,188,255,.35); }
.px-qr-command-icon { position: relative; width: 34px; height: 34px; flex: 0 0 34px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; background: rgba(255,255,255,.04); }
.px-qr-command-badge strong, .px-qr-command-badge span { display: block; line-height: 1; white-space: nowrap; }
.px-qr-command-badge strong { font-size: .67rem; font-weight: 900; letter-spacing: .08em; }
.px-qr-command-badge span { margin-top: 4px; color: #35e58c; font-size: .71rem; font-weight: 850; letter-spacing: .05em; }
.px-qr-command-badge sup { font-size: .45em; }
.px-scan-brand { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; color: var(--px-light-ink); text-align: left; }
.px-scan-three-mountains { position: relative; width: 78px; height: 48px; flex: 0 0 78px; }
.px-scan-brand strong { display: block; color: #2f87ff; font-family: var(--exp-font-body); font-size: clamp(1.05rem, 2vw, 1.35rem); font-weight: 900; letter-spacing: .08em; line-height: 1; }
.px-scan-brand sup { font-size: .52em; }
.px-scan-brand span { display: block; margin-top: 6px; color: var(--px-light-muted); font-size: .76rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.px-scan-copy { color: var(--px-light-ink); }
.px-scan-kicker { margin: 0 0 14px; color: #2f87ff; font-size: .86rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.px-scan-copy h3 { max-width: 18ch; margin: 0; font-family: var(--exp-font-display); font-size: clamp(2rem, 4vw, 3.75rem); font-weight: 500; line-height: 1.03; letter-spacing: -.035em; text-wrap: balance; }
.px-scan-copy > p:last-child { max-width: 48ch; margin: 20px 0 0; color: var(--px-light-muted); font-size: clamp(1rem, 1.5vw, 1.16rem); line-height: 1.7; }
.px-section--cta .px-eyebrow { color: #35e58c; font-size: clamp(1.05rem, 1.6vw, 1.35rem); letter-spacing: .19em; }

@keyframes px-flow-pulse { 0%,100% { opacity: .35; transform: scaleY(.72); } 50% { opacity: 1; transform: scaleY(1); } }
@keyframes px-scan-glow { 0%,100% { box-shadow: 0 20px 55px rgba(47,135,255,.22); } 50% { box-shadow: 0 24px 70px rgba(47,135,255,.42), 0 0 0 6px rgba(47,135,255,.06); } }

.px-gallery { display: grid; grid-template-columns: 1.35fr .85fr; grid-auto-rows: minmax(220px, 34vw); gap: 14px; margin-top: 44px; }
.px-gallery figure { position: relative; overflow: hidden; margin: 0; border-radius: 22px; background: rgba(255,255,255,.06); box-shadow: var(--px-shadow); }
.px-gallery figure:nth-child(3n+1) { grid-row: span 2; }
.px-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--px-ease); }
.px-gallery figure:hover img { transform: scale(1.035); }
.px-gallery figcaption { position: absolute; inset: auto 0 0; padding: 38px 20px 18px; color: white; background: linear-gradient(transparent, rgba(0,0,0,.78)); font-weight: 650; }

.px-quote { max-width: 900px; margin: 42px auto 0; padding: clamp(28px,5vw,58px); border: 1px solid var(--px-line); border-radius: 26px; background: var(--px-card); box-shadow: var(--px-shadow); }
.px-quote blockquote { margin: 0; font-family: var(--exp-font-display); font-size: clamp(1.55rem,3vw,2.65rem); line-height: 1.28; }
.px-quote cite { display: block; margin-top: 24px; color: var(--exp-secondary); font-style: normal; font-weight: 750; }
.px-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; margin-top: 30px; padding: 0 28px; border-radius: 999px; color: var(--exp-deep); background: var(--exp-secondary); box-shadow: 0 12px 35px color-mix(in oklch, var(--exp-secondary) 30%, transparent); font-weight: 800; text-decoration: none; transition: transform 180ms var(--px-ease); }
.px-cta:hover { transform: translateY(-3px); }

/* The flagship welcome film is intentionally ready before the final video asset exists. */
.is-big-sky-flagship #exp-video-section { display: block; color: #f8fbff; background: radial-gradient(circle at 78% 12%, rgba(36,139,255,.2), transparent 34%), radial-gradient(circle at 12% 82%, rgba(245,196,81,.12), transparent 36%), linear-gradient(145deg, #071321, #0b2037 62%, #06111f); }
.is-big-sky-flagship #exp-video-section .exp-section-inner { max-width: 1120px; padding-block: clamp(78px, 10vw, 132px); }
.is-big-sky-flagship .exp-video-caption { color: #f5c451; font-size: clamp(.9rem, 1.25vw, 1.05rem); font-weight: 900; letter-spacing: .16em; }
.exp-video-heading { max-width: 17ch; margin: 14px auto 0; color: #fff; font-family: var(--exp-font-display); font-size: clamp(2.5rem, 5.2vw, 5rem); font-weight: 520; line-height: 1.02; letter-spacing: -.035em; text-align: center; text-wrap: balance; }
.exp-video-intro { max-width: 66ch; margin: 22px auto 38px; color: #c6d2e1; font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.7; text-align: center; }
.is-big-sky-flagship .exp-video-frame { border: 2px solid rgba(245,196,81,.55); border-radius: 28px; background: radial-gradient(circle at 50% 20%, rgba(36,139,255,.25), transparent 42%), linear-gradient(145deg, #0b2743, #061321); box-shadow: 0 34px 90px rgba(0,0,0,.48), 0 0 44px rgba(36,139,255,.16), inset 0 1px 0 rgba(255,255,255,.08); }
.is-big-sky-flagship .exp-video-placeholder { gap: 18px; background: linear-gradient(rgba(4,13,25,.16), rgba(4,13,25,.38)); }
.is-big-sky-flagship .exp-play-glyph { width: 82px; height: 82px; color: #061321; background: #f5c451; border-color: rgba(255,255,255,.3); box-shadow: 0 18px 52px rgba(245,196,81,.28); }
.is-big-sky-flagship .exp-video-placeholder strong { color: #fff; font-family: var(--exp-font-display); font-size: clamp(1.8rem, 3.6vw, 3.4rem); font-weight: 600; letter-spacing: -.02em; }
.is-big-sky-flagship .exp-video-placeholder p { color: #c6d2e1; font-size: clamp(.95rem, 1.5vw, 1.12rem); }
.exp-video-outcomes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 24px; }
.exp-video-outcomes span { min-height: 64px; display: grid; place-items: center; padding: 14px 18px; border: 1px solid rgba(245,196,81,.32); border-radius: 16px; color: #f5c451; background: rgba(5,18,34,.72); font-weight: 800; text-align: center; }

/* Big Sky flagship dynamite pass — deliberately scoped so client Experiences keep their own brands. */
.is-big-sky-flagship .px-section--command-system .px-title { max-width: 19ch; margin-inline: auto; line-height: 1.02; letter-spacing: -.02em; word-spacing: .045em; text-align: center; }
.is-big-sky-flagship .px-command-name { margin: 20px auto 0; color: #f5c451; font-family: var(--exp-font-display); font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 580; line-height: 1; letter-spacing: -.015em; text-align: center; }
.is-big-sky-flagship .px-command-name sup { font-size: .38em; vertical-align: super; }
.is-big-sky-flagship .px-section--command-system .px-copy { max-width: 54ch; color: #d5deea; font-size: clamp(1.1rem, 2vw, 1.42rem); font-weight: 680; }
.is-big-sky-flagship .px-section--command-system > .px-inner > .px-copy { max-width: none; text-align: center; white-space: nowrap; }
.is-big-sky-flagship .px-section--command-system .px-eyebrow { color: #f5c451; }
.is-big-sky-flagship .px-product-brand { min-height: 208px; border-color: rgba(245,196,81,.42); background: linear-gradient(145deg, rgba(8,25,45,.98), rgba(5,14,28,.98)); box-shadow: 0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(245,196,81,.12); }
.is-big-sky-flagship .px-product-brand p { color: #f5c451; font-size: .88rem; }
.is-big-sky-flagship .px-product-brand h3 { font-size: clamp(1.7rem, 2.8vw, 2.35rem); }
.is-big-sky-flagship .px-product-brand div > span { color: #c6d2e1; font-size: 1rem; }
.is-big-sky-flagship .px-command-brand-mark,
.is-big-sky-flagship .px-three-mountain-mark { width: 92px; height: 92px; border-color: rgba(245,196,81,.65); border-radius: 22px; background: linear-gradient(145deg, #06172b, #0b2743); box-shadow: 0 0 0 1px rgba(245,196,81,.08), 0 18px 45px rgba(0,0,0,.36), 0 0 34px rgba(245,196,81,.14); }
.is-big-sky-flagship .px-command-brand-mark svg,
.is-big-sky-flagship .px-three-mountain-mark svg { width: 78%; height: 78%; margin: 11%; }
.is-big-sky-flagship .px-command-brand-mark svg path,
.is-big-sky-flagship .px-three-mountain-mark svg path,
.is-big-sky-flagship .px-qr-command-icon svg path,
.is-big-sky-flagship .px-scan-three-mountains svg path { stroke: #f5c451; filter: drop-shadow(0 0 8px rgba(245,196,81,.46)); }

.is-big-sky-flagship .px-product-flow { min-width: 138px; gap: 8px; padding: 8px 10px; font-size: .95rem; letter-spacing: .12em; }
.is-big-sky-flagship .px-product-flow span { position: relative; display: grid; place-items: center; min-width: 116px; min-height: 34px; padding: 6px 10px; border: 1px solid currentColor; border-radius: 999px; color: #8c6cff; background: rgba(140,108,255,.1); box-shadow: 0 0 24px rgba(140,108,255,.2); animation: px-stage-pop 5.2s ease-in-out infinite; }
.is-big-sky-flagship .px-product-flow span[data-stage="capture"] { color: #20d9ff; background: rgba(32,217,255,.1); box-shadow: 0 0 24px rgba(32,217,255,.2); animation-delay: 1.3s; }
.is-big-sky-flagship .px-product-flow span[data-stage="command"] { color: #2ff397; background: rgba(47,243,151,.13); box-shadow: 0 0 30px rgba(47,243,151,.32); font-size: 1.02rem; animation-delay: 2.6s; }
.is-big-sky-flagship .px-product-flow span[data-stage="grow"] { color: #f5c451; background: rgba(245,196,81,.1); box-shadow: 0 0 24px rgba(245,196,81,.2); animation-delay: 3.9s; }
.is-big-sky-flagship .px-product-flow i { width: 4px; height: 22px; border-radius: 999px; background: linear-gradient(#8c6cff, #20d9ff, #2ff397, #f5c451); box-shadow: 0 0 16px rgba(32,217,255,.7); }

.is-big-sky-flagship .px-card[data-accent="purple"] { --card-accent: #8c6cff; }
.is-big-sky-flagship .px-card[data-accent="cyan"] { --card-accent: #20d9ff; }
.is-big-sky-flagship .px-card[data-accent="blue"] { --card-accent: #248bff; }
.is-big-sky-flagship .px-card[data-accent="green"] { --card-accent: #2ff397; }
.is-big-sky-flagship .px-card[data-accent="orange"] { --card-accent: #ff8a2a; }
.is-big-sky-flagship .px-card[data-accent="gold"] { --card-accent: #f5c451; }
.is-big-sky-flagship .px-grid--journey,
.is-big-sky-flagship .px-grid--assistant { gap: 22px; }
.is-big-sky-flagship .px-grid--journey { position: relative; isolation: isolate; }
.is-big-sky-flagship .px-journey-path { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.is-big-sky-flagship .px-journey-path path { fill: none; stroke: url(#px-journey-gradient); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(32,217,255,.72)); opacity: .9; }
.is-big-sky-flagship .px-grid--journey .px-card::before { content: "STEP " attr(data-step); position: absolute; top: 22px; right: 22px; color: var(--card-accent); font-size: .72rem; font-weight: 900; letter-spacing: .13em; opacity: .9; }
.is-big-sky-flagship .px-grid--journey .px-card,
.is-big-sky-flagship .px-grid--assistant .px-card { position: relative; z-index: 1; overflow: hidden; min-height: 286px; padding: 30px; border-color: color-mix(in oklch, var(--card-accent) 48%, transparent); color: #f8fbff; background: radial-gradient(circle at 12% 0%, color-mix(in oklch, var(--card-accent) 24%, transparent), transparent 48%), linear-gradient(145deg, #10243b, #071321); box-shadow: 0 28px 70px rgba(0,0,0,.35), 0 0 34px color-mix(in oklch, var(--card-accent) 13%, transparent); }
.is-big-sky-flagship .px-grid--journey .px-card::after,
.is-big-sky-flagship .px-grid--assistant .px-card::after { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: var(--card-accent); box-shadow: 0 0 20px var(--card-accent); }
.is-big-sky-flagship .px-grid--journey .px-card h3,
.is-big-sky-flagship .px-grid--assistant .px-card h3 { color: #fff; font-size: clamp(1.55rem, 2.4vw, 2rem); font-weight: 650; }
.is-big-sky-flagship .px-grid--journey .px-card p,
.is-big-sky-flagship .px-grid--assistant .px-card p { color: #c6d2e1; font-size: 1rem; }
.is-big-sky-flagship .px-section--dynamic sup { position: relative; top: -.38em; margin-left: .035em; font-size: .46em; line-height: 0; vertical-align: baseline; }
.is-big-sky-flagship .px-card-icon--graphic { width: 84px; height: 84px; margin-bottom: 28px; border-width: 2px; border-radius: 22px; color: var(--card-accent); background: color-mix(in oklch, var(--card-accent) 18%, #081525); box-shadow: 0 18px 42px color-mix(in oklch, var(--card-accent) 25%, transparent), inset 0 1px 0 rgba(255,255,255,.16); animation: px-icon-breathe 3.8s ease-in-out infinite; }
.is-big-sky-flagship .px-card-icon--graphic svg { width: 54px; height: 54px; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }

.is-big-sky-flagship .px-section--journey { color: #f8fbff; background: radial-gradient(circle at 78% 10%, rgba(36,139,255,.22), transparent 32%), radial-gradient(circle at 15% 50%, rgba(140,108,255,.17), transparent 34%), linear-gradient(145deg, #071321, #0b2037 60%, #06111f); }
.is-big-sky-flagship .px-section--journey .px-eyebrow { color: #20d9ff; }
.is-big-sky-flagship .px-section--journey .px-title { max-width: 16ch; color: #fff; }
.is-big-sky-flagship .px-section--journey .px-copy { max-width: 56ch; color: #c6d2e1; font-size: clamp(1.08rem, 1.8vw, 1.32rem); }
.is-big-sky-flagship .px-section--assistant .px-title { max-width: 16ch; }
.is-big-sky-flagship .px-section--assistant .px-copy { max-width: 56ch; color: #d0dbe7; font-size: clamp(1.08rem, 1.8vw, 1.3rem); }

.is-big-sky-flagship .px-scan-feature { border-color: rgba(245,196,81,.46); background: radial-gradient(circle at 15% 10%, rgba(36,139,255,.24), transparent 42%), linear-gradient(145deg, #0b2743, #071321); box-shadow: 0 32px 88px rgba(0,0,0,.46), 0 0 42px rgba(36,139,255,.15); }
.is-big-sky-flagship .px-scan-entry { margin: 0 0 18px; color: #f5c451; font-size: clamp(1.2rem, 2.6vw, 1.8rem); font-weight: 950; letter-spacing: .14em; line-height: 1.15; text-align: center; }
.is-big-sky-flagship .px-scan-qr-frame { border-color: #248bff; box-shadow: 0 22px 58px rgba(36,139,255,.35), 0 0 0 1px rgba(245,196,81,.18); }
.is-big-sky-flagship .px-qr-command-badge { width: 78px; min-width: 78px; height: 78px; padding: 0; border: 5px solid white; border-radius: 16px; background: linear-gradient(145deg, #06172b, #0b2743); box-shadow: 0 14px 34px rgba(0,0,0,.44), 0 0 0 1px rgba(245,196,81,.42), 0 0 28px rgba(245,196,81,.2); }
.is-big-sky-flagship .px-qr-command-icon { width: 60px; height: 60px; flex-basis: 60px; border: 0; background: transparent; }
.is-big-sky-flagship .px-qr-command-icon svg { width: 90%; height: 90%; margin: 5%; }
.is-big-sky-flagship .px-scan-brand { margin-top: 18px; color: #fff; }
.is-big-sky-flagship .px-scan-three-mountains { width: 90px; height: 55px; flex-basis: 90px; }
.is-big-sky-flagship .px-scan-three-mountains svg { width: 100%; height: 100%; }
.is-big-sky-flagship .px-scan-brand strong { color: #f5c451; font-size: clamp(.95rem, 1.8vw, 1.22rem); letter-spacing: .015em; text-transform: none; white-space: nowrap; }
.is-big-sky-flagship .px-scan-copy { color: #fff; }
.is-big-sky-flagship .px-scan-kicker { color: #20d9ff; font-size: .95rem; }
.is-big-sky-flagship .px-scan-copy h3 { color: #fff; }
.is-big-sky-flagship .px-scan-copy > p:last-child { color: #c6d2e1; }

.is-big-sky-flagship .px-section--cta-question { min-height: 82svh; display: grid; align-items: center; background: radial-gradient(circle at 82% 18%, rgba(245,196,81,.18), transparent 34%), radial-gradient(circle at 15% 70%, rgba(47,243,151,.14), transparent 35%), linear-gradient(145deg, #061321, #091d32); }
.is-big-sky-flagship .px-section--cta-question .px-inner { position: relative; padding-right: clamp(230px, 25vw, 330px); }
.is-big-sky-flagship .px-closing-emblem { position: absolute; top: 0; right: 0; width: clamp(190px, 21vw, 278px); margin: 0; transform: none; border-color: rgba(245,196,81,.88); box-shadow: 0 30px 90px rgba(0,0,0,.5), 0 0 58px rgba(245,196,81,.24), inset 0 1px 0 rgba(255,255,255,.1); }
.is-big-sky-flagship .px-closing-emblem strong,
.is-big-sky-flagship .px-closing-emblem > span { font-size: clamp(1.45rem, 2.25vw, 2rem); }
.is-big-sky-flagship .px-section--cta-question .px-title { max-width: 15ch; margin: 0; color: #fff; font-size: clamp(3.3rem, 7.4vw, 7.4rem); font-weight: 550; line-height: 1.02; letter-spacing: -.025em; word-spacing: .045em; text-transform: none; }
.is-big-sky-flagship .px-section--cta-question .px-copy { max-width: none; margin-top: 28px; color: #2ff397; font-family: var(--exp-font-display); font-size: clamp(1.8rem, 4vw, 3.4rem); font-weight: 650; line-height: 1.08; }
.is-big-sky-flagship .px-cta-detail { max-width: 54ch; margin: 24px 0 0; color: #c6d2e1; font-size: clamp(1rem, 1.7vw, 1.2rem); line-height: 1.7; }
.is-big-sky-flagship .px-section--cta-question .px-cta { min-height: 66px; margin-top: 34px; padding-inline: 38px; border: 1px solid rgba(245,196,81,.58); color: #061321; font-size: 1.08rem; background: #f5c451; box-shadow: 0 16px 48px rgba(245,196,81,.32); }

@keyframes px-stage-pop { 0%,18%,100% { transform: scale(.96); opacity: .68; } 9% { transform: scale(1.08); opacity: 1; } }
@keyframes px-icon-breathe { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }

@media (max-width: 760px) {
  .exp-hero { min-height: 82svh; }
  .exp-hero::before { background: linear-gradient(180deg, rgba(3,8,16,.32), rgba(3,8,16,.88) 74%); }
  .exp-headline { font-size: clamp(2.8rem, 15vw, 5rem); }
  .px-grid { grid-template-columns: 1fr; }
  .px-gallery { grid-template-columns: 1fr; grid-auto-rows: 70vw; }
  .px-gallery figure:nth-child(3n+1) { grid-row: auto; }
  .px-card { min-height: 0; }
  .exp-brand-logo { width: 86px; }
  .exp-flagship-emblem { width: 154px; border-radius: 24px; }
  .is-big-sky-flagship .exp-headline { font-size: clamp(2.7rem, 13.5vw, 4.6rem); line-height: 1.04; word-spacing: .035em; }
  .exp-video-outcomes { grid-template-columns: 1fr; }
  .exp-hero .exp-eyebrow, .px-eyebrow { font-size: .84rem; letter-spacing: .14em; }
  .px-scan-feature { grid-template-columns: 1fr; padding: 24px; }
  .px-product-bridge { grid-template-columns: 1fr; }
  .px-product-flow { flex-direction: row; min-width: 0; min-height: 44px; }
  .px-product-flow i { width: 14px; height: 2px; }
  .px-product-brand { grid-template-columns: 1fr; }
  .px-scan-copy { text-align: center; }
  .px-scan-copy h3 { margin-inline: auto; }
  .is-big-sky-flagship .px-product-flow { flex-direction: row; flex-wrap: nowrap; gap: 5px; width: 100%; min-width: 0; padding-inline: 0; }
  .is-big-sky-flagship .px-product-flow span { min-width: 0; min-height: 38px; padding: 5px 7px; font-size: .68rem; letter-spacing: .06em; }
  .is-big-sky-flagship .px-product-flow span[data-stage="command"] { font-size: .72rem; }
  .is-big-sky-flagship .px-product-flow i { width: 14px; height: 4px; flex: 0 0 14px; }
  .is-big-sky-flagship .px-product-brand { grid-template-columns: auto 1fr; padding: 20px; }
  .is-big-sky-flagship .px-command-brand-mark,
  .is-big-sky-flagship .px-three-mountain-mark { width: 74px; height: 74px; }
  .is-big-sky-flagship .px-grid--journey .px-card,
  .is-big-sky-flagship .px-grid--assistant .px-card { min-height: 0; }
  .is-big-sky-flagship .px-journey-path { display: none; }
  .is-big-sky-flagship .px-card-icon--graphic { width: 76px; height: 76px; }
  .is-big-sky-flagship .px-section--command-system > .px-inner > .px-copy { white-space: normal; }
  .is-big-sky-flagship .px-section--cta-question .px-inner { padding-right: 0; }
  .is-big-sky-flagship .px-closing-emblem { position: relative; top: auto; right: auto; width: 174px; margin: 0 auto 38px; transform: none; }
  .is-big-sky-flagship .px-section--cta-question .px-title { font-size: clamp(2.9rem, 14vw, 5rem); }
}

@media (prefers-reduced-motion: reduce) {
  .px-card, .px-gallery img, .px-cta { transition: none !important; }
  .px-product-flow i, .px-product-flow span, .px-card-icon--graphic, .px-scan-qr-frame { animation: none !important; }
}