/* An intentionally theatrical opening before the commercial presentation. */
.cinematic-slide { overflow: hidden; background: #050407; }
.cinematic-slide::before { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 97%, rgba(255,58,50,.12) 100%); background-size: 100% 4px; opacity: .35; pointer-events: none; }
.cinematic-copy { position: relative; z-index: 2; }
.cinematic-copy h1 { max-width: 12ch; font-size: clamp(3.8rem, 8vw, 8.5rem); }
.cinematic-copy h1 span { color: #f34238; text-shadow: 0 0 2rem #e31818aa; }
.cinematic-copy > p:not(.kicker) { max-width: 40rem; color: #d3c8c8; font-size: clamp(1.1rem, 1.6vw, 1.45rem); line-height: 1.55; }
.cinematic-copy strong { display: inline-block; margin-top: 1rem; color: #ff8a78; font: 700 .76rem/1.5 "Space Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.cinematic-slide .kicker { color: #ff6655; }
.ai-definition { grid-template-columns: 1.1fr .9fr; align-items: center; background: radial-gradient(circle at 77% 49%, #61101b77, transparent 32%), #060609; }
.ai-definition > * { width: 100%; }
.ai-visual { position: relative; height: min(55vh, 33rem); display: grid; place-items: center; }
.ai-brain { position: relative; width: 52%; aspect-ratio: 1; border: 2px solid #ff544f; border-radius: 42% 55% 46% 51%; background: radial-gradient(circle, #ff4a5033, #10090e 60%); box-shadow: 0 0 2rem #ed2c38aa, inset 0 0 3rem #ed2c3877; animation: brain-pulse 3s ease-in-out infinite; }
.ai-brain::before, .ai-brain::after, .ai-brain span { content: ""; position: absolute; width: .75rem; height: .75rem; border-radius: 50%; background: #ff766e; box-shadow: 0 0 1rem #ff3030, 0 0 2rem #ff3030; }
.ai-brain::before { top: 24%; left: 28%; } .ai-brain::after { right: 22%; top: 45%; } .ai-brain span:first-child { left: 41%; bottom: 22%; } .ai-brain span:nth-child(2) { top: 55%; left: 18%; } .ai-brain span:nth-child(3) { top: 18%; right: 26%; }
.ai-data { position: absolute; padding: .5rem .7rem; border: 1px solid #ff555577; color: #ff918c; font: 700 .65rem/1 "Space Mono", monospace; letter-spacing: .18em; }
.ai-data-one { top: 6%; left: 8%; } .ai-data-two { right: 0; top: 30%; } .ai-data-three { bottom: 8%; left: 13%; }
.ai-future { background: linear-gradient(180deg, #160510, #270608 55%, #08080b); }
.future-sky { position: absolute; inset: 0; overflow: hidden; }
.future-moon { position: absolute; width: min(34vw, 29rem); aspect-ratio: 1; right: 8%; top: 8%; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ffb46e, #d32625 55%, #6b080e); box-shadow: 0 0 5rem #d7242480, 0 0 12rem #a20d1577; }
.future-horizon { position: absolute; inset: 62% 0 0; background: repeating-linear-gradient(90deg, #0b080d 0 4%, #230c11 4% 5%, #08070b 5% 10%); clip-path: polygon(0 25%, 6% 25%, 6% 5%, 10% 5%, 10% 34%, 17% 34%, 17% 0, 22% 0, 22% 30%, 29% 30%, 29% 17%, 35% 17%, 35% 40%, 42% 40%, 42% 7%, 47% 7%, 47% 27%, 56% 27%, 56% 12%, 63% 12%, 63% 35%, 70% 35%, 70% 0, 77% 0, 77% 30%, 86% 30%, 86% 11%, 93% 11%, 93% 32%, 100% 32%, 100% 100%, 0 100%); box-shadow: 0 -1rem 3rem #ff292955; }
.ai-apocalypse { background: radial-gradient(circle at 72% 50%, #6b0c12, #090608 48%, #030305 80%); }
.apocalypse-glow { position: absolute; right: 8%; width: 48vw; height: 65vh; border-radius: 50%; background: #ff1a1644; filter: blur(7rem); }
.machine-face { position: absolute; right: 8%; top: 8%; width: min(45vw, 35rem); height: 86%; border: 3px solid #42191c; border-radius: 45% 45% 36% 36%; background: radial-gradient(ellipse at 50% 35%, #202027, #050508 62%); box-shadow: inset 0 0 3rem #ee33332b, 0 0 5rem #100507; transform: perspective(800px) rotateY(-7deg); }
.machine-face::before { content: ""; position: absolute; inset: 8% 15% 20%; border: 2px solid #4a2021; border-radius: 40%; box-shadow: inset 0 0 2rem #f2282833; }
.machine-eye { position: absolute; z-index: 2; top: 37%; width: 14%; height: 4%; border-radius: 50% 50% 25% 25%; background: #ff2b20; box-shadow: 0 0 1rem #ff221a, 0 0 3rem 1rem #fa130ec9, 0 0 6rem 2rem #ff160d66; animation: eye-pulse 2.5s ease-in-out infinite; }
.machine-eye-left { left: 22%; transform: rotate(8deg); } .machine-eye-right { right: 22%; transform: rotate(-8deg); }
.machine-mouth { position: absolute; left: 36%; right: 36%; bottom: 21%; height: 2px; background: #831d20; box-shadow: 0 0 1rem #e31919; }
.apocalypse-copy { position: relative; z-index: 2; width: min(1200px, 100%); }
.apocalypse-copy h1 { max-width: 12ch; color: #fff; font-size: clamp(3.8rem, 8.4vw, 9rem); text-shadow: 0 0 2rem #000; }
.apocalypse-copy h1 span { color: #ff4138; text-shadow: 0 0 2rem #ef1a1a; }
.apocalypse-copy p:not(.kicker) { color: #e8d9d8; font-size: clamp(1.1rem, 1.7vw, 1.5rem); }
.apocalypse-copy strong { display: block; margin-top: 2rem; color: #ff9088; font: 700 .8rem/1.4 "Space Mono", monospace; text-transform: uppercase; }
@keyframes brain-pulse { 50% { transform: scale(1.04); box-shadow: 0 0 4rem #ed2c38bb, inset 0 0 4rem #ed2c3899; } }
@keyframes eye-pulse { 50% { box-shadow: 0 0 2rem #ff221a, 0 0 5rem 2rem #fa130eee, 0 0 8rem 3rem #ff160d88; } }
@media (max-width: 680px) { .ai-definition { grid-template-columns: 1fr; } .ai-visual { height: 25vh; } .ai-brain { width: 22vh; } .cinematic-copy h1 { font-size: clamp(3.2rem, 13vw, 5rem); } .future-moon { width: 45vw; right: -8%; top: 8%; } .machine-face { width: 68vw; height: 65vh; right: -15%; top: 16%; opacity: .75; } .apocalypse-copy h1 { font-size: clamp(3.3rem, 13vw, 5rem); } }
@media (prefers-reduced-motion: reduce) { .ai-brain, .machine-eye { animation: none; } }

/* A warm visual turn from the movie trailer to the everyday payoff. */
.slide-light {
  background: radial-gradient(circle at 73% 48%, rgba(245, 161, 45, .17), transparent 34%), linear-gradient(130deg, #0b1018, #15100c 75%);
}
.light-story { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.light-copy { position: relative; z-index: 2; }
.light-copy h1 { max-width: 12ch; margin-bottom: 1.6rem; font-size: clamp(3.2rem, 5.7vw, 6.4rem); line-height: 1.02; }
.light-copy h1 span { color: #ffc771; text-shadow: 0 0 2.5rem rgba(255, 166, 45, .25); }
.light-history, .light-today { max-width: 37rem; color: #c5cbd3; font-size: clamp(1rem, 1.35vw, 1.2rem); line-height: 1.6; }
.light-today strong { color: #fff; }
.light-payoff { display: flex; flex-direction: column; gap: .35rem; margin-top: 1.5rem; padding: 1rem 1.25rem; border-left: 3px solid #ffae43; background: rgba(255, 170, 59, .09); }
.light-payoff strong { color: #ffca7b; font: 700 clamp(1.35rem, 2.4vw, 2.2rem)/1.2 "Montserrat", sans-serif; }
.light-payoff span { color: #d1c6b9; font-size: .9rem; line-height: 1.45; }
.light-scene { position: relative; height: min(55vh, 30rem); min-height: 20rem; isolation: isolate; }
.light-scene::before { content: ""; position: absolute; inset: 6% 0 0; border: 1px solid rgba(255, 202, 123, .13); border-radius: 50%; transform: rotate(-18deg); }
.light-orbit { position: absolute; border: 1px dashed rgba(255, 189, 103, .16); border-radius: 50%; }
.light-orbit-one { inset: 12% 15%; transform: rotate(22deg); }
.light-orbit-two { inset: 27% 28%; transform: rotate(-24deg); }
.light-bulb { position: absolute; z-index: 2; top: 20%; left: 4%; width: 33%; aspect-ratio: 1; border: 2px solid #ffe7a4; border-radius: 49% 49% 44% 44%; background: radial-gradient(circle at 50% 40%, #fff6be 0, #ffd366 24%, #e9932b 56%, #74420d 100%); box-shadow: 0 0 1.5rem #ffca65, 0 0 5rem #ffac3e77, 0 0 10rem #ffad3e44; animation: light-pulse 4s ease-in-out infinite; }
.light-bulb::after { content: ""; position: absolute; left: 32%; right: 32%; bottom: -18%; height: 22%; border-radius: 0 0 .55rem .55rem; background: repeating-linear-gradient(0deg, #8c9295 0 5px, #c5c5b9 5px 9px); }
.bulb-filament { position: absolute; left: 34%; right: 34%; top: 36%; height: 32%; border: 3px solid rgba(255, 250, 192, .95); border-top: 0; transform: perspective(8rem) rotateX(23deg); }
.bulb-base { position: absolute; left: 42%; right: 42%; bottom: -26%; height: 8%; border-radius: 0 0 50% 50%; background: #d4d8d1; }
.light-scene-arrow { position: absolute; z-index: 3; top: 45%; left: 47%; color: #ffe1a6; font: 300 clamp(2.5rem, 5vw, 5rem)/1 "Montserrat", sans-serif; text-shadow: 0 0 2rem #ffb340; }
.beer-glass { position: absolute; z-index: 2; right: 6%; bottom: 24%; width: 30%; height: 42%; border: 3px solid rgba(255, 246, 213, .7); border-top: 0; border-radius: .35rem .35rem 1.15rem 1.15rem; background: linear-gradient(90deg, #6c310a 0, #d47a16 14%, #ffbd3f 42%, #fca52c 75%, #793606 100%); box-shadow: inset .7rem 0 1rem rgba(255, 239, 166, .35), 0 0 2.5rem rgba(255, 167, 50, .18); transform: rotate(-5deg); }
.beer-foam { position: absolute; top: -15%; left: -5%; right: -5%; height: 22%; border-radius: 45% 45% 25% 25%; background: radial-gradient(circle at 20% 40%, #fff 0 8%, transparent 9%), radial-gradient(circle at 60% 35%, #fff 0 12%, transparent 13%), linear-gradient(#fffdf1, #f5e8c7); box-shadow: 0 -.3rem .7rem #fff8df99; }
.beer-shine { position: absolute; top: 15%; bottom: 12%; left: 14%; width: 8%; border-radius: 50%; background: rgba(255, 246, 191, .58); filter: blur(.25rem); }
.beer-handle { position: absolute; z-index: -1; top: 15%; left: 91%; width: 48%; height: 55%; border: .75rem solid #f0bd70; border-left: 0; border-radius: 0 50% 50% 0; }
.light-scene-caption { position: absolute; inset: auto 0 0; display: flex; justify-content: space-between; gap: 1rem; color: #ddb77b; font: 700 .65rem/1.3 "Space Mono", monospace; letter-spacing: .1em; }
@keyframes light-pulse { 50% { box-shadow: 0 0 2.5rem #ffdc8f, 0 0 6rem #ffac3e99, 0 0 11rem #ffad3e55; } }
@media (max-width: 800px) { .light-story { grid-template-columns: 1fr; gap: 1.5rem; } .light-scene { width: min(25rem, 80vw); height: 15rem; min-height: 0; margin: auto; } .light-copy h1 { font-size: clamp(2.8rem, 8vw, 4.5rem); } }
@media (max-width: 680px) { .light-scene { height: 14rem; } .light-copy h1 { font-size: clamp(2.4rem, 11vw, 3.7rem); } .light-history, .light-today { font-size: .95rem; } .light-payoff { margin-top: 1rem; } }
@media (prefers-reduced-motion: reduce) { .light-bulb { animation: none; } }
/* Keep the original cinema scenes inside the local presentation shell. */
.cinematic-slide,.slide-light{border-radius:24px;padding:40px;isolation:isolate;min-height:490px}.cinematic-slide{display:grid;align-items:center}.ai-definition{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.cinematic-copy h1,.apocalypse-copy h1,.light-copy h1{font-size:clamp(44px,5.4vw,78px);line-height:1.02;font-weight:700;letter-spacing:-.055em;margin-bottom:22px}.cinematic-copy h1 span{color:#f34238;text-shadow:0 0 2rem #e31818aa}.apocalypse-copy h1 span{color:#ff4138;text-shadow:0 0 2rem #ef1a1a}.light-copy h1 span{color:#ffc771}.cinematic-copy>p,.apocalypse-copy>p,.light-copy>p{margin-bottom:16px}.kicker{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}.cinematic-copy>p:not(.kicker),.apocalypse-copy>p:not(.kicker){max-width:38rem}.ai-future .cinematic-copy{max-width:66%}.machine-face{right:5%;width:43%;top:7%;height:86%}.apocalypse-copy{max-width:70%;margin:0}.apocalypse-copy>p:not(.kicker){max-width:480px}.light-copy h1{font-size:clamp(40px,4vw,58px);max-width:18ch}.light-history,.light-today{font-size:17px}.light-story{grid-template-columns:1.3fr 1fr;gap:30px}.light-scene{height:340px;min-height:0}.light-payoff{margin-top:18px}.light-payoff strong{font-size:27px}.paused .cinematic-slide *,.paused .slide-light *{animation-play-state:paused!important}
/* Original problem-first figures, restyled with the quieter blue and amber. */
.icebreaker-scene{display:block;width:100%;max-height:410px}.icebreaker-connections{fill:none;stroke:#80c8e533;stroke-width:1.5;stroke-dasharray:5 7}.icebreaker-question rect{fill:#0c1820;stroke:#80c8e545}.icebreaker-question text{fill:var(--muted);font:14px ABeeZee,sans-serif}.icebreaker-question .icebreaker-dept{fill:var(--fg);font:600 17px Montserrat,sans-serif}.icebreaker-person{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.icebreaker-person circle{fill:#102231}.leave-sign rect{fill:var(--amber);stroke:#ead0af;stroke-width:1.5}.leave-sign text{fill:#17110a;font:700 21px 'Space Mono',monospace;letter-spacing:2px}.leave-string{fill:none;stroke:var(--amber);stroke-width:2}.department-map{display:block;width:100%;height:270px}.department-card rect{fill:#0b1720;stroke:#80c8e545}.department-card text{fill:var(--muted);font:13px ABeeZee,sans-serif}.department-card .department-name{fill:var(--fg);font:600 19px Montserrat,sans-serif}.department-stub,.search-track{fill:none;stroke:#d7aa7877;stroke-width:2;stroke-dasharray:6 7}.map-comment{fill:var(--muted);font:italic 15px ABeeZee,sans-serif}.stick-traveller{fill:none;stroke:var(--amber);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;offset-rotate:0deg}.stick-traveller circle{fill:#10202b}.department-runner{offset-path:path('M160 115 L840 115 L840 225 L160 225 L160 115 L500 225 L840 115 L840 225 L500 115 L160 225 L160 115');animation:department-dash 22s linear infinite}.department-mobile-runner{offset-path:path('M75 125 L285 125 L285 215 L75 215 L75 125 L285 215 L285 125 L75 215 L75 125');animation:department-dash 18s linear infinite}.route-mobile{display:none}.paused .stick-traveller{animation-play-state:paused}@keyframes department-dash{to{offset-distance:100%}}.direct-nexus{display:grid;grid-template-columns:130px 1fr 240px;align-items:center;gap:30px;max-width:900px;margin:0 auto}.direct-person{text-align:center;font-size:15px;color:var(--muted)}.direct-person svg{width:65px;height:100px;display:block;margin:auto}.direct-line{color:var(--blue);font-size:15px;text-align:center}.direct-line i{display:block;height:1px;background:#80c8e580;position:relative;margin-top:15px}.direct-line i:after{content:'';position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid var(--blue);border-right:1px solid var(--blue);rotate:45deg}.direct-nexus figcaption{grid-column:1/-1;text-align:center;color:var(--muted);font-size:15px}.two-column-slide .columns{grid-template-columns:1fr 1fr}.investment{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.investment strong{display:block;font:500 64px Montserrat,sans-serif;color:var(--amber);letter-spacing:-.05em}.investment span{font-size:14px;color:var(--muted)}.investment ul{font-size:17px;color:var(--muted);padding-left:22px;margin:0}.investment li{margin-bottom:8px}.commercial-details{font-size:15px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.commercial-details summary{color:var(--blue)}.commercial-details p{margin-top:18px;color:var(--muted);max-width:1000px}.roi-flow{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:20px}.roi-flow article{border-top:1px solid var(--line);padding-top:18px}.roi-flow article>span{font:11px 'Space Mono',monospace;color:var(--amber)}.roi-flow strong{font:500 42px Montserrat,sans-serif;display:block;margin:12px 0;color:var(--blue)}.roi-flow p{color:var(--muted);font-size:16px}.roi-result{margin-top:24px;font-size:20px}
@media(max-width:800px){.cinematic-slide,.slide-light{padding:26px 22px;min-height:540px}.ai-definition{grid-template-columns:1fr}.cinematic-copy h1,.apocalypse-copy h1{font-size:clamp(40px,11vw,68px)}.ai-visual{height:180px}.ai-brain{width:145px}.cinematic-copy>p:not(.kicker),.apocalypse-copy>p:not(.kicker){font-size:17px}.ai-future .cinematic-copy,.apocalypse-copy{max-width:100%}.future-moon{opacity:.45;width:65%;right:-10%;top:6%}.ai-future .cinematic-copy{padding-top:110px}.machine-face{width:85%;right:-26%;top:5%;height:70%;opacity:.45}.apocalypse-copy{padding-top:80px}.apocalypse-copy h1{font-size:clamp(40px,12vw,68px)}.apocalypse-copy strong{margin-top:24px}.light-story{grid-template-columns:1fr}.light-copy h1{font-size:40px}.light-scene{width:100%;height:235px}.light-payoff strong{font-size:24px}.light-scene-caption{font-size:9px}.department-map{display:none}.route-mobile{display:block;width:100%;height:auto}.journey-slide .slide-visual{margin-top:20px}.direct-nexus{grid-template-columns:70px 1fr 145px;gap:12px}.direct-nexus .compact{width:145px}.direct-person,.direct-line{font-size:12px}.two-column-slide .columns,.investment{grid-template-columns:1fr;gap:24px}.investment strong{font-size:54px}.roi-flow{grid-template-columns:1fr;gap:14px}.roi-flow>span{display:none}.roi-flow strong{font-size:34px}.roi-result{font-size:18px}}
@media(max-width:360px){.direct-nexus{grid-template-columns:60px 1fr 118px;gap:6px}.direct-nexus .compact{width:118px}.deck-brand span{max-width:75px;font-size:10px}.deck-brand{gap:8px}.deck-header{gap:10px}.deck-brand img{width:50px}.deck-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.stick-traveller{animation:none}.department-runner{offset-distance:45%}.department-mobile-runner{offset-distance:40%}}
@media print{.cinematic-slide,.slide-light{color:#fff;min-height:160mm;padding:30px}.cinematic-copy h1,.apocalypse-copy h1{font-size:60px}.light-copy h1{font-size:45px}.commercial-details:not([open])>p{display:block}.commercial-details{font-size:13px}}

@media(max-width:800px){.machine-face{width:92%;right:4%;top:7%;height:80%;opacity:.38}}