/* LAB-04 content styling; the LAB-03 scaling/navigation engine stays intact. */
:root { --lab-surface: #0d1644; --lab-quiet: #26325a; --lab-text: #e4e9ff; --ring-1: #16c8ef; --ring-2: #439df5; --ring-3: #777cf4; --ring-4: #ac67ed; }
.lab-slide { gap: 0; color: var(--lab-text); }
.lab-slide h1 { font-size: 112px; line-height: 1.08; letter-spacing: -5px; }
.lab-slide h1 em { font-style: normal; color: var(--cyan); }
.lab-slide h2 { font-size: 68px; line-height: 1.25; letter-spacing: -2px; margin-bottom: 38px; max-width: 1500px; }
.lab-slide h3 { line-height: 1.4; }
.lab-slide .lead { font-size: 32px; line-height: 1.65; color: var(--muted); max-width: 1450px; }
.lab-slide .small { font-size: 24px; color: var(--muted); line-height: 1.5; }
.lab-slide .source { font-size: 19px; color: var(--muted); line-height: 1.6; margin-top: 34px; max-width: 1520px; }
.source a { color: inherit; text-decoration-color: var(--faint); text-underline-offset: 5px; }
.lab-cover .lead { margin-top: 32px; font-size: 39px; }
.lab-cover .small { margin-top: 50px; }
.lab-qr {position:absolute;right:108px;bottom:150px;display:flex;align-items:center;gap:23px;text-decoration:none;color:var(--muted);font-size:23px}
.lab-qr img {width:150px;height:auto;display:block;border:8px solid var(--white);border-radius:14px}
.lab-qr strong {display:block;font-size:29px;color:var(--cyan-soft);margin-top:8px}
.cover-capture .lab-qr {display:none}
.cover-route { display:flex; align-items:center; gap:25px; margin-top:58px; font-size:22px; letter-spacing:3px; color:var(--muted); }
.cover-route strong {color:var(--cyan)}
.cover-route i {height:1px;width:90px;background:var(--cyan)}
.editorial-rows {display:grid;gap:0;margin-top:16px}
.editorial-rows>div {display:grid;grid-template-columns:95px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:27px 0;gap:30px}
.editorial-rows b {font-size:34px;color:var(--cyan);font-weight:500}
.editorial-rows p {font-size:33px;line-height:1.55}
.bottom-line {font-size:29px;color:var(--cyan-soft);line-height:1.65;margin-top:44px}
.survey-question {font-size:30px;line-height:1.5;color:var(--muted);margin-top:-14px;margin-bottom:48px}
.lab-slide[data-number="03"]>h2,
.lab-slide[data-number="03"]>.survey-question,
.lab-slide[data-number="03"]>.source {text-align:center;align-self:center;width:100%}
@media (min-width:761px) {
  .lab-slide[data-number="03"]>h2 {font-size:60px;margin-bottom:24px}
  .lab-slide[data-number="03"]>.survey-question {font-size:26px;margin-top:0;margin-bottom:68px}
  .lab-slide[data-number="03"] .survey-rings {gap:64px}
  .lab-slide[data-number="03"] .survey-ring {width:300px;height:300px;margin-bottom:34px}
  .lab-slide[data-number="03"] .survey-ring strong {font-size:74px}
  .lab-slide[data-number="03"] .survey-ring strong span {font-size:37px}
  .lab-slide[data-number="03"] .survey-item h3 {font-size:26px;min-height:0;margin-bottom:10px}
  .lab-slide[data-number="03"] .survey-item>p {font-size:20px;max-width:290px;margin-inline:auto}
  .lab-slide[data-number="03"]>.source {font-size:17px;margin-top:56px;max-width:1400px}
}
.survey-rings {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px}
.survey-item {text-align:center;--ring-color:var(--ring-1)}
.survey-item:nth-child(2) {--ring-color:var(--ring-2)}
.survey-item:nth-child(3) {--ring-color:var(--ring-3)}
.survey-item:nth-child(4) {--ring-color:var(--ring-4)}
.survey-ring {position:relative;width:300px;height:300px;margin:0 auto 32px}
.survey-ring svg {display:block;width:100%;height:100%;overflow:visible}
.ring-track,.ring-progress {fill:none;stroke-width:22px}
.ring-track {stroke:var(--lab-quiet)}
.ring-progress {stroke:var(--ring-color);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--ring-offset)}
.slide.active .ring-progress {animation:ring-fill 1500ms cubic-bezier(.22,.7,.25,1) var(--ring-delay) both}
.survey-ring strong {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;font-size:86px;font-weight:550;letter-spacing:-3px;color:var(--lab-text)}
.survey-ring strong span {font-size:45px;letter-spacing:-1px;margin-top:15px;color:var(--cyan-soft)}
.survey-item h3 {font-size:29px;line-height:1.4;min-height:82px;margin-bottom:10px}
.survey-item>p {font-size:23px;line-height:1.6;color:var(--muted)}
@keyframes ring-fill {from {stroke-dashoffset:100} to {stroke-dashoffset:var(--ring-offset)}}
@media (prefers-reduced-motion:reduce) {.slide.active .ring-progress {animation:none}}
.big-comparison {display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:20px;margin:2px 0 40px}
.big-comparison strong {font-size:144px;line-height:1.1;font-weight:550;letter-spacing:-5px}
.big-comparison>span {font-size:65px;color:var(--muted)}
.big-comparison .lead {font-size:28px}
.money strong {font-size:106px}
.countdown {font-variant-numeric:tabular-nums;white-space:nowrap}
.steps {display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:56px;margin-top:22px}
.steps>div {border-top:2px solid var(--cyan);padding-top:24px}
.step-no {display:none}
.steps h3 {font-size:31px;color:var(--cyan-soft);margin-bottom:16px}
.steps .lead {font-size:29px;line-height:1.6}
.statement h2 {font-size:86px;line-height:1.3;max-width:1490px}
.statement .lead {font-size:35px}
.lab-slide[data-number="06"] {text-align:center;align-items:center}
.guest-slide>h2 {position:relative;top:-20px;text-align:center;align-self:center;font-size:60px;margin-bottom:100px}
.guests {display:grid;grid-template-columns:minmax(0,1fr) 350px 350px minmax(0,1fr);column-gap:60px;row-gap:0;width:1540px;max-width:100%;align-self:center;align-items:center}
.guests article {display:contents}
.guests article:first-child>div:last-child {grid-column:1;grid-row:1;text-align:right;padding-right:32px}
.guests article:first-child>.portrait {grid-column:2;grid-row:1;border-radius:20px}
.guests article:last-child>.portrait {grid-column:3;grid-row:1;border-radius:20px}
.guests article:last-child>div:last-child {grid-column:4;grid-row:1;text-align:left;padding-left:32px}
.portrait {position:relative;width:350px;height:480px;overflow:hidden;background:var(--lab-surface)}
.portrait img {width:100%;height:100%;object-fit:cover;display:block}
.portrait .preaw {object-position:50% 70%;transform:scale(1.95);transform-origin:50% 62%}
.portrait .boom {object-position:50% 35%}
.guests h3 {font-size:52px;color:var(--cyan-soft);margin-bottom:12px;line-height:1.3}
.guests p {font-size:25px;line-height:1.6;margin-bottom:12px}
.guests small {display:block;font-size:21px;color:var(--muted);line-height:1.5}
.guests article>.portrait {z-index:2}
.guests article>div:last-child {position:relative;z-index:1}
.guest-slide.active .guests article:first-child>div:last-child {animation:guest-from-right 700ms cubic-bezier(.42,0,.58,1) 0ms both}
.guest-slide.active .guests article:last-child>div:last-child {animation:guest-from-left 700ms cubic-bezier(.42,0,.58,1) 180ms both}
@keyframes guest-from-right {from {opacity:0;transform:translateX(110px)} to {opacity:1;transform:translateX(0)}}
@keyframes guest-from-left {from {opacity:0;transform:translateX(-110px)} to {opacity:1;transform:translateX(0)}}
@media (prefers-reduced-motion:reduce) {
  .guest-slide.active .guests article>div:last-child {animation:none}
}
.monthly {display:flex;gap:100px;align-items:flex-end;margin-top:40px;padding-left:180px}
.monthly>div {width:330px;display:flex;flex-direction:column;align-items:center;--bar-color:var(--ring-1);--bar-delay:0ms}
.monthly>div:nth-child(2) {--bar-color:var(--ring-2);--bar-delay:100ms}
.monthly>div:nth-child(3) {--bar-color:var(--ring-4);--bar-delay:200ms}
.monthly strong {font-size:72px;font-weight:500;color:var(--bar-color)}
.monthly .bar {height:calc(var(--v)*5.5px);width:180px;background:var(--bar-color);margin:12px 0 20px;border-radius:8px 8px 0 0;transform-origin:center bottom}
.slide.active .monthly .bar {animation:monthly-grow 1000ms cubic-bezier(.22,.7,.25,1) var(--bar-delay) both}
.slide.active .monthly strong {animation:monthly-label 650ms ease-out calc(var(--bar-delay) + 150ms) both}
@keyframes monthly-grow {from {transform:scaleY(0)} to {transform:scaleY(1)}}
@keyframes monthly-label {from {opacity:0;transform:translateY(18px)} to {opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce) {.slide.active .monthly .bar,.slide.active .monthly strong {animation:none}}
.monthly .lead {font-size:29px}
.monthly .estimated-bar {position:relative;background:transparent;overflow:visible}
.estimate-fill {position:absolute;inset:0 0 50%;background:var(--bar-color);opacity:.22;border-radius:8px 8px 0 0}
.actual-fill {position:absolute;inset:50% 0 0;background:var(--bar-color)}
.monthly .actual-value {position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);font-size:40px;line-height:1;animation:none!important}
.estimate-cap {font-size:27px;line-height:1.5;color:var(--ring-4);opacity:.75;white-space:nowrap}
@media (max-width:760px) {.estimate-cap{font-size:15px}.monthly .actual-value{font-size:22px;right:calc(100% + 5px)}}
.metrics {display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:60px;margin:55px 0 25px}
.metrics>div {border-top:1px solid var(--line);padding-top:30px}
.metrics strong {font-size:118px;line-height:1.3;color:var(--cyan-soft);font-weight:550;letter-spacing:-4px}
.lab-slide[data-number="11"] .metrics>div:nth-child(1) strong {color:var(--ring-1)}
.lab-slide[data-number="11"] .metrics>div:nth-child(2) strong {color:var(--ring-2)}
.lab-slide[data-number="11"] .metrics>div:nth-child(3) strong {color:var(--ring-4)}
.metrics .lead {font-size:29px}
.return-chart {margin-top:8px}
.chart-head {display:flex;justify-content:space-between;color:var(--muted);font-size:22px;padding-bottom:14px}
.return-row {display:grid;grid-template-columns:395px 1fr 150px;gap:28px;align-items:center;margin:25px 0}
.return-row b {font-size:28px;font-weight:500}
.return-row strong {font-size:29px;text-align:right;font-weight:500}
.track {position:relative;height:36px}
.active-bar,.return-bar {position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--lab-quiet)}
.return-bar {background:var(--cyan)}
.return-row .active-bar,.return-row .return-bar {transform-origin:left center}
.slide.active .return-row .return-bar {animation:return-progress var(--row-duration,1200ms) cubic-bezier(.22,.7,.25,1) var(--row-delay,0ms) both}
@keyframes return-progress {from {transform:scaleX(0)} to {transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce) {
  .slide.active .return-row .active-bar,.slide.active .return-row .return-bar {animation:none}
}
.legend {display:flex;gap:45px;font-size:23px;color:var(--muted);margin-top:18px}
.legend>span {display:flex;align-items:center;gap:12px}
.legend i {width:20px;height:20px;background:var(--lab-quiet)}
.legend>span:nth-child(2) i {background:var(--cyan)}
.gap-graphic {display:grid;grid-template-columns:240px 1fr 240px;align-items:center;gap:40px;margin-top:20px}
.gap-end {font-size:28px;font-weight:600;letter-spacing:1px}
.technical-cloud {display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:42px 28px;border-inline:1px solid var(--line)}
.technical-cloud span {font-size:25px;line-height:1.6;color:var(--muted);background:var(--lab-surface);padding:8px 15px;border-radius:14px}
.technical-cloud span:nth-child(3n) {color:var(--cyan-soft)}
.clear-title {font-size:130px!important;letter-spacing:16px!important;color:var(--cyan-soft)}
.clear-overview {display:grid;grid-template-columns:repeat(5,1fr);gap:32px}
.clear-overview>div {border-top:1px solid var(--line);padding-top:24px}
.clear-overview strong {font-size:58px;color:var(--cyan);font-weight:500}
.clear-overview h3 {font-size:25px;margin:10px 0 20px;min-height:72px}
.clear-overview .lead {font-size:24px;line-height:1.6}
.clear-detail {display:grid;grid-template-columns:265px 1fr;gap:60px;align-items:start}
.giant-letter {font-size:290px;font-weight:500;line-height:1;color:var(--cyan);letter-spacing:-20px}
.clear-detail h2 {font-size:63px;line-height:1.3;margin-bottom:32px}
.check-list {list-style:none;display:grid;gap:21px}
.check-list li {font-size:32px;line-height:1.5;padding-left:28px;position:relative}
.check-list li::before {content:'—';position:absolute;left:0;color:var(--cyan)}
.key-question {border-top:1px solid var(--line);padding-top:26px;margin-top:35px;color:var(--cyan-soft);font-size:32px;line-height:1.6}
.it-balance {display:grid;grid-template-columns:400px 1fr;gap:80px;align-items:center}
.it-balance>div>strong {font-size:190px;line-height:1.2;letter-spacing:-9px;color:var(--cyan-soft);font-weight:500}
.it-balance .editorial-rows p {font-size:29px}
.scenario {font-size:20px;color:var(--muted)}
.lab-aegis {width:510px;height:auto;margin-bottom:25px}
.aegis-expansion {font-size:28px;letter-spacing:1px;color:var(--cyan-soft);margin-bottom:45px}
.lab-slide .qa {font-size:180px;line-height:1.1;letter-spacing:-8px;color:var(--cyan-soft)}
.qa-clear {font-size:40px;letter-spacing:18px;margin-top:60px;color:var(--muted)}
.qa-clear span {color:var(--cyan)}
.iceberg-slide>h2 {font-size:60px;text-align:center;align-self:center;margin-bottom:28px;position:relative;top:-24px}
.iceberg-diagram {position:relative;width:1544px;max-width:100%;height:650px;flex:none}
.iceberg-art {position:absolute;inset:0;width:100%;height:100%}
.underwater-particles {position:absolute;top:202px;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,black 9%,black 90%,transparent)}
.underwater-particles i {position:absolute;left:var(--px);top:var(--py);width:var(--ps);height:var(--ps);border-radius:50%;background:var(--cyan-soft);opacity:0;box-shadow:0 0 8px rgba(139,233,247,.3)}
.slide.active .underwater-particles i {animation:underwater-drift var(--pd) linear var(--pl) infinite}
@keyframes underwater-drift {
  0% {transform:translate3d(0,45px,0);opacity:0}
  20% {opacity:.2}
  50% {transform:translate3d(13px,-15px,0);opacity:.28}
  80% {opacity:.18}
  100% {transform:translate3d(-7px,-85px,0);opacity:0}
}
@media (prefers-reduced-motion:reduce) {.slide.active .underwater-particles i {animation:none;opacity:.2}}
@media (max-width:760px) {.underwater-particles {top:110px;bottom:auto;height:110px}}
.ice-visible {position:absolute;left:36px;top:24px;width:470px}
.ice-visible .eyebrow {font-size:17px;margin-bottom:12px}
.ice-visible h3 {font-size:30px;line-height:1.5}
.ice-top-label {position:absolute;right:80px;top:125px;font-size:24px;letter-spacing:4px;color:var(--cyan-soft)}
.ice-callout {position:absolute;top:var(--ice-y);width:420px}
.ice-callout.left {left:16px;text-align:right;padding-right:16px}
.ice-callout.right {right:0;padding-left:18px}
.ice-callout h3 {font-size:27px;color:var(--cyan-soft);margin-bottom:10px}
.ice-callout p {font-size:20px;line-height:1.6;color:var(--muted)}
.ice-under-label {position:absolute;left:610px;top:300px;width:320px;text-align:center;font-size:29px;line-height:1.6;color:var(--lab-text)}
.ice-caption {text-align:center;font-size:17px;line-height:1.5;color:var(--faint);margin-top:18px}
@media (max-width:760px) {
 .iceberg-slide>h2{font-size:32px}.iceberg-diagram{width:100%;height:auto;display:grid;gap:22px}.iceberg-art{position:relative;height:260px;grid-row:1}.ice-visible,.ice-top-label,.ice-callout,.ice-under-label{position:static;width:auto}.ice-top-label{display:none}.ice-visible{grid-row:2}.ice-visible h3{font-size:24px}.ice-callout.left,.ice-callout.right{padding:0;text-align:left}.ice-callout h3{font-size:23px}.ice-callout p{font-size:17px}.ice-under-label{font-size:23px;grid-row:3;text-align:left}.ice-caption{font-size:13px}
}
@media (min-width:761px) {
  .lab-slide:is([data-number="4"],[data-number="5"])>* {width:100%;max-width:1544px;align-self:center}
  .lab-slide:is([data-number="4"],[data-number="5"])>.eyebrow {font-size:15px;margin-bottom:26px}
  .lab-slide:is([data-number="4"],[data-number="5"])>h2 {font-size:60px;margin-bottom:52px}
  .lab-slide:is([data-number="4"],[data-number="5"]) .big-comparison {grid-template-columns:1fr 140px 1fr;gap:40px;margin:8px 0 58px}
  .lab-slide[data-number="4"] .big-comparison strong {font-size:120px}
  .lab-slide[data-number="5"] .big-comparison strong {font-size:90px;letter-spacing:-3px}
  .lab-slide:is([data-number="4"],[data-number="5"]) .big-comparison>span {font-size:48px;text-align:center}
  .lab-slide:is([data-number="4"],[data-number="5"]) .big-comparison .lead {font-size:25px;margin-top:12px}
  .lab-slide[data-number="4"] .steps {gap:100px;margin-top:0}
  .lab-slide[data-number="4"] .steps>div {border-top-width:1px;padding-top:24px}
  .lab-slide[data-number="4"] .steps h3 {font-size:25px;margin-bottom:18px}
  .lab-slide[data-number="4"] .steps .lead {font-size:26px;line-height:1.7}
  .lab-slide[data-number="5"]>.lead {font-size:28px;line-height:1.8}
  .lab-slide:is([data-number="4"],[data-number="5"])>.source {font-size:18px;margin-top:46px}
}
.case-body {display:grid;align-items:center;gap:88px}
.appstore-intro h2 {font-size:58px;margin-bottom:42px}
.appstore-intro-body {display:grid;grid-template-columns:410px minmax(0,1fr);gap:58px;align-items:center}
.appstore-intro-copy .lead {font-size:29px;line-height:1.85}
.appstore-bridge {font-size:29px;line-height:1.7;color:var(--cyan-soft);margin-top:44px}
.appstore-intro figure {margin:0}
.appstore-crop {height:540px;overflow:hidden;border-radius:18px}
.appstore-intro img {display:block;width:125%;max-width:none;height:auto;margin-left:-12.5%;margin-top:-44px}
.appstore-intro figcaption {font-size:18px;color:var(--muted);margin-top:14px}
.appstore-intro {justify-content:flex-start;padding-top:145px;text-align:center}
.appstore-intro>.eyebrow {margin-bottom:20px}
.appstore-intro>h2 {align-self:center;font-size:62px;margin-bottom:28px}
.appstore-hero-subtitle {font-size:29px;line-height:1.6;color:var(--muted)}
.appstore-intro .appstore-hero-image {position:absolute;left:60px;bottom:0;width:calc(100% - 120px);height:680px;margin:0;border-radius:20px;overflow:hidden;box-shadow:0 18px 65px rgba(0,16,60,.45);mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%)}
.appstore-intro .appstore-hero-image img {display:block;width:100%;max-width:100%;height:auto;margin:0;border-radius:20px}
.appstore-intro.active .appstore-hero-image {animation:appstore-arrive 1000ms cubic-bezier(.22,.7,.25,1) 80ms both}
@keyframes appstore-arrive {from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce) {.appstore-intro.active .appstore-hero-image{animation:none}}
.productiv-case {grid-template-columns:minmax(0,1fr) 400px}
.atonom-case {grid-template-columns:minmax(0,1fr) 690px;gap:88px}
.atonom-case .case-image {grid-column:1;grid-row:1}
.atonom-case .case-copy {grid-column:2;grid-row:1}
.case-image {margin:0;min-width:0}
.case-image img {display:block;width:100%;height:auto;border-radius:18px}
.productiv-case .case-image img {max-height:370px;object-fit:cover;object-position:50% 35%}
.case-image figcaption {font-size:19px;line-height:1.5;color:var(--muted);margin-top:17px}
.case-image figcaption strong {display:block;color:var(--lab-text);font-size:24px;margin-bottom:4px}
@media (min-width:761px) {
  .lab-slide[data-number="4"] .case-body .big-comparison {grid-template-columns:1fr 60px 1fr;gap:20px;margin:0 0 40px}
  .lab-slide[data-number="4"] .case-body .steps {gap:56px}
  .lab-slide[data-number="4"] .case-body .steps .lead {font-size:25px}
  .lab-slide[data-number="5"] .case-body .big-comparison {grid-template-columns:1fr 34px 1fr;gap:12px;margin:0 0 40px}
  .lab-slide[data-number="5"] .case-body .big-comparison strong {font-size:78px;letter-spacing:-3px}
  .lab-slide[data-number="5"] .case-body .big-comparison>span {font-size:34px}
  .lab-slide[data-number="5"] .case-body .big-comparison .lead {font-size:22px}
  .lab-slide[data-number="5"] .case-copy>.lead {font-size:26px;line-height:1.8}
}
@media (max-width:760px) {
  .appstore-intro-body {grid-template-columns:1fr;gap:28px}.appstore-intro h2{font-size:32px}.appstore-intro-copy .lead,.appstore-bridge{font-size:21px}.appstore-bridge{margin-top:24px}.appstore-intro figcaption{font-size:14px}
  .appstore-crop {height:190px}.appstore-intro img{margin-top:-14px}
  .appstore-intro {padding-top:88px}.appstore-intro>h2{font-size:32px}.appstore-hero-subtitle{font-size:20px}.appstore-intro .appstore-hero-image{position:relative;left:auto;bottom:auto;height:350px;width:100%;margin-top:30px}.appstore-intro .appstore-hero-image img{width:170%;max-width:none;margin-left:-35%}
  .case-body {grid-template-columns:1fr;gap:30px}.case-image{max-width:100%}.productiv-case .case-image{max-width:250px;justify-self:center}.case-image figcaption{font-size:15px}
  .atonom-case .case-image {grid-column:1;grid-row:1}.atonom-case .case-copy {grid-column:1;grid-row:2}
  .lab-slide {padding-inline:26px}
  .lab-slide h1 {font-size:50px;letter-spacing:-2px}
  .lab-slide h2,.statement h2,.clear-detail h2 {font-size:35px;letter-spacing:-1px;margin-bottom:24px}
  .lab-slide .lead,.statement .lead,.lab-cover .lead {font-size:21px}
  .lab-slide .small,.lab-slide .source {font-size:14px}
  .survey-question {font-size:19px;margin:0 0 28px}.survey-rings{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.survey-ring{width:140px;height:140px;margin-bottom:18px}.survey-ring strong{font-size:43px;letter-spacing:-2px}.survey-ring strong span{font-size:24px;margin-top:5px}.survey-item h3{font-size:19px;min-height:54px;margin-bottom:7px}.survey-item>p{font-size:15px}
  .lab-qr {position:static;margin-top:28px;font-size:16px;gap:15px}.lab-qr img{width:95px}.lab-qr strong{font-size:20px}
  .cover-route {font-size:12px;gap:9px;letter-spacing:0}.cover-route i{width:20px}
  .editorial-rows>div {grid-template-columns:40px 1fr;gap:15px;padding:20px 0}
  .editorial-rows p,.editorial-rows b,.bottom-line {font-size:22px}
  .big-comparison {grid-template-columns:1fr 30px 1fr;gap:10px}.big-comparison strong{font-size:65px;letter-spacing:-2px}.money strong{font-size:36px}.big-comparison>span{font-size:27px}
  .steps,.guests,.clear-overview,.clear-detail,.it-balance {grid-template-columns:1fr;grid-auto-flow:row;gap:25px}
  .steps h3,.steps .lead {font-size:22px}
  .guest-slide>h2{font-size:32px;margin-bottom:34px}.guests{grid-template-columns:1fr 1fr;gap:14px}.portrait{width:100%;height:245px}.guests article:first-child>.portrait{grid-column:1;grid-row:1}.guests article:last-child>.portrait{grid-column:2;grid-row:1}.guests article:first-child>div:last-child{grid-column:1;grid-row:2;text-align:center;padding:20px 8px 0}.guests article:last-child>div:last-child{grid-column:2;grid-row:2;text-align:center;padding:20px 8px 0}.guests h3{font-size:33px}.guests p{font-size:18px}.guests small{font-size:15px}
  .monthly{gap:18px;padding:0;margin-top:25px}.monthly>div{width:30%}.monthly strong{font-size:42px}.monthly .bar{width:60px;height:calc(var(--v)*3px)}.monthly .lead{font-size:19px}
  .metrics{gap:15px;margin-top:25px}.metrics strong{font-size:46px;letter-spacing:-2px}.metrics .lead{font-size:16px}
  .return-row{grid-template-columns:125px 1fr 55px;gap:10px}.return-row b,.return-row strong,.legend,.chart-head{font-size:14px}.track{height:24px}.legend{gap:15px}
  .gap-graphic{grid-template-columns:1fr;gap:20px}.gap-end{font-size:22px}.technical-cloud{padding:15px;gap:10px}.technical-cloud span{font-size:16px;padding:6px}
  .clear-title{font-size:64px!important}.clear-overview>div{display:grid;grid-template-columns:40px 1fr;gap:10px}.clear-overview h3{min-height:0;margin:0}.clear-overview .lead{grid-column:2;font-size:20px}.clear-overview strong{font-size:35px}
  .giant-letter{font-size:100px;letter-spacing:-4px}.check-list li,.key-question{font-size:22px}.it-balance>div>strong{font-size:100px}.it-balance .editorial-rows p{font-size:22px}
  .lab-aegis{width:260px}.aegis-expansion{font-size:18px}.lab-slide .qa{font-size:110px}.qa-clear{font-size:28px;letter-spacing:9px}
}

/* Full-width ocean, with a faceted iceberg above and below the surface. */
@media (min-width:761px) {
 .iceberg-slide {max-width:1920px;padding-left:188px;padding-right:188px}
 .iceberg-diagram::before {content:"";position:absolute;top:202px;left:calc((1544px - 1920px)/2);width:1920px;height:620px;background:radial-gradient(ellipse at 48% 0%,rgba(40,181,217,.28),transparent 65%),linear-gradient(180deg,#086b94 0%,#074568 24%,#052941 55%,#05082e 100%);mask-image:linear-gradient(to bottom,black 0%,black 35%,rgba(0,0,0,.65) 65%,transparent 100%);pointer-events:none}
 .iceberg-art {overflow:visible}
 .ice-top-label {top:28px;right:175px;font-size:22px;letter-spacing:3px}
 .ice-top-label small,.ice-production-label small {display:block;font-size:16px;font-weight:400;letter-spacing:0;margin-top:8px;color:#b7dce9}
 .ice-production-label {position:absolute;left:1590px;top:165px;writing-mode:vertical-rl;font-size:24px;font-weight:700;letter-spacing:4px;color:#b7efff}
 .ice-production-label small {font-size:16px;letter-spacing:1px}
 .ice-under-label {top:319px;left:654px;width:240px;font-size:27px;color:#e4f8ff;text-shadow:0 2px 18px #053653}
 .ice-callout h3 {color:#b9efff}
 .ice-callout p {color:#b1cdda}
 .ice-caption {position:relative;color:#94adbf}
 .underwater-particles {left:-188px;right:-188px}
}
@media (max-width:760px) {.ice-production-label{font-size:22px;color:var(--cyan-soft)}.ice-production-label small{display:block;font-size:16px}}

/* Refraction sways around the surface; each beam follows its own cycle. */
.underwater-ray {transform-box:view-box;transform-origin:var(--ray-origin)}
.slide.active .underwater-ray {animation:underwater-ray-refract var(--ray-duration) ease-in-out var(--ray-delay) infinite alternate}
@keyframes underwater-ray-refract {
 0% {transform:skewX(-3deg) scaleX(.94);opacity:.62}
 37% {transform:skewX(1deg) scaleX(1.04);opacity:.95}
 72% {transform:skewX(-.6deg) scaleX(.98);opacity:.75}
 100% {transform:skewX(2.5deg) scaleX(1.06);opacity:1}
}
@media (prefers-reduced-motion:reduce) {
 .slide.active .underwater-ray {animation:none;transform:none;opacity:1}
}

/* Gentle surface movement; offset cycles keep the two ripples organic. */
.slide.active .water-ripple-front {animation:water-surface-bob 3.304s ease-in-out infinite alternate}
.slide.active .water-ripple-back {animation:water-surface-bob 4.435s ease-in-out -1.913s infinite alternate-reverse}
@keyframes water-surface-bob {
 from {transform:translate(-18px,-3px)}
 to {transform:translate(18px,3.5px)}
}
@media (prefers-reduced-motion:reduce) {
 .slide.active .water-ripple {animation:none;transform:none}
}



.slide.active .ice-star {animation:ice-star-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite alternate}
@keyframes ice-star-twinkle {from{opacity:.15}to{opacity:.85}}
@media(prefers-reduced-motion:reduce){.slide.active .ice-star{animation:none}}

/* Reveal the five CLEAR pillars in reading order on slide entry. */
.slide.active .clear-overview>div {animation:clear-pillar-in 500ms cubic-bezier(.4,0,.2,1) both;animation-delay:var(--clear-delay,0ms)}
.clear-overview>div:nth-child(2) {--clear-delay:100ms}
.clear-overview>div:nth-child(3) {--clear-delay:200ms}
.clear-overview>div:nth-child(4) {--clear-delay:300ms}
.clear-overview>div:nth-child(5) {--clear-delay:400ms}
@keyframes clear-pillar-in {from{opacity:0;transform:translateY(20px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.slide.active .clear-overview>div{animation:none}}

.kingdoms-case>h2 {font-size:56px;line-height:1.4;margin-bottom:46px}
.kingdoms-case-body {display:grid;grid-template-columns:920px 1fr;gap:96px;align-items:center}
.kingdoms-preview {display:block;position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--lab-text);text-decoration:none}
.kingdoms-preview img {display:block;width:100%;height:auto}
.kingdoms-preview>span {display:block;padding:20px 26px;font-size:24px;background:var(--lab-surface);color:var(--cyan-soft)}
.kingdoms-preview:focus-visible {outline:3px solid var(--cyan);outline-offset:6px}
.kingdoms-brief {display:grid;gap:32px}
.kingdoms-brief strong {font-size:30px;color:var(--cyan-soft)}
.kingdoms-brief p {font-size:26px;line-height:1.6;margin-top:8px;color:var(--lab-text)}
@media(max-width:760px){.kingdoms-case>h2{font-size:30px}.kingdoms-case-body{grid-template-columns:1fr;gap:28px}.kingdoms-brief p{font-size:20px}.kingdoms-preview>span{font-size:20px}}

.kingdoms-video {display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#05082e}

@media(min-width:761px){
 .kingdoms-case>.eyebrow,.kingdoms-case>h2 {text-align:left;align-self:flex-start}
 .kingdoms-case>.eyebrow,.kingdoms-case>h2,.kingdoms-case>.kingdoms-case-body {position:relative;left:40px}
}

.clear-detail .check-list li {padding-left:44px}

.shooting-star {position:absolute;left:var(--meteor-x,50%);top:var(--meteor-y,0px);width:170px;height:2px;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#b9e8ff);border-radius:999px;transform:rotate(19deg);transform-origin:right center;box-shadow:5px 0 9px rgba(185,232,255,.2)}
.shooting-star.is-falling {animation:meteor-pass 1500ms ease-out both}
@keyframes meteor-pass {0%{opacity:0;transform:translate(0,0) rotate(19deg)}15%{opacity:.65}75%{opacity:.4}100%{opacity:0;transform:translate(430px,150px) rotate(19deg)}}
@media(prefers-reduced-motion:reduce){.shooting-star{display:none}}

.clear-detail .eyebrow {font-size:28px;line-height:1.4;letter-spacing:3px;margin-bottom:22px}
@media(max-width:760px){.clear-detail .eyebrow{font-size:21px;letter-spacing:2px}}

.olert-brand {display:flex;align-items:center;gap:22px;margin-bottom:22px}
.olert-brand img {width:86px;height:auto;display:block}
.olert-brand strong {font-size:62px;font-weight:600;letter-spacing:-2px}
.olert-demo>h2 {font-size:58px;line-height:1.35;margin-bottom:20px}
.olert-demo>.lead {font-size:27px;color:var(--muted)}
.olert-flow {display:grid;grid-template-columns:500px 130px 1fr;align-items:center;gap:22px 32px;margin-top:40px}
.olert-flow-head {font-size:18px;letter-spacing:3px;color:var(--muted)}
.olert-command {display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:22px;font-size:28px}
.olert-command b {color:var(--cyan-soft);font-size:32px;min-width:150px}
.olert-arrow {font-size:42px;color:var(--cyan-soft);text-align:center}
.olert-result {font-size:28px}
.olert-demo>.key-question {margin-top:38px;font-size:29px}
@media(max-width:760px){.olert-brand img{width:60px}.olert-brand strong{font-size:44px}.olert-demo>h2{font-size:32px}.olert-demo>.lead{font-size:20px}.olert-flow{grid-template-columns:1fr 28px 1fr;gap:18px 10px}.olert-command{display:block;font-size:18px}.olert-command b{display:block;font-size:22px;min-width:0}.olert-result{font-size:18px}.olert-flow-head{font-size:12px;letter-spacing:1px}.olert-demo>.key-question{font-size:22px}}

@media(min-width:761px){
 .olert-demo {display:grid;grid-template-columns:700px 1fr;column-gap:110px;row-gap:0;align-content:center}
 .olert-demo>.eyebrow {grid-column:1 / -1;margin-bottom:42px}
 .olert-brand {grid-column:1;grid-row:2;margin-bottom:34px;gap:24px}
 .olert-brand img {width:100px;height:auto;border-radius:22px}
 .olert-brand strong {font-size:62px}
 .olert-demo>h2 {grid-column:1;grid-row:3;font-size:52px;line-height:1.45;margin-bottom:24px}
 .olert-demo>.lead {grid-column:1;grid-row:4;font-size:25px;line-height:1.8;max-width:630px}
 .olert-demo>.olert-flow {grid-column:2;grid-row:2 / 5;grid-template-columns:240px 50px 1fr;column-gap:22px;row-gap:42px;margin:0;align-self:center}
 .olert-command {display:block;font-size:25px;padding-top:24px;line-height:1.6}
 .olert-command b {display:block;font-size:30px;margin-bottom:12px}
 .olert-result {font-size:26px;line-height:1.7}
 .olert-flow-head {font-size:16px;letter-spacing:2px}
 .olert-demo>.key-question {grid-column:1 / -1;margin-top:76px;padding-top:30px;font-size:28px}
}

.olert-brand img {width:112px;height:auto;border-radius:24px}
.olert-brand strong {font-size:76px;letter-spacing:-2px}
.olert-brand {gap:24px}

.olert-chat-demo {grid-column:2;grid-row:2 / 5;display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center}
.olert-phone {height:540px;border:6px solid #728098;border-radius:38px;background:#91adc5;color:#17344c;overflow:hidden;position:relative;box-shadow:0 20px 50px rgba(0,16,60,.3)}
.phone-speaker {width:68px;height:5px;border-radius:8px;background:#60758d;margin:10px auto}
.phone-chat-header {display:flex;justify-content:space-between;align-items:center;padding:6px 18px 17px;border-bottom:1px solid #7e9eb9;font-size:20px}
.phone-chat-header strong {font-size:21px}
.phone-chat-body {padding:12px 16px}
.chat-sample {font-size:13px;text-align:center;color:#314e67;margin-bottom:20px}
.chat-step {font-size:13px;font-weight:600;letter-spacing:1px;color:#29465e;margin:0 0 8px 8px}
.chat-step.second {margin-top:38px}
.line-bubble {position:relative;margin-left:16px;background:#a8eb82;border-radius:17px 3px 17px 17px;padding:15px 14px;font-size:19px;line-height:1.6;color:#19352a}
.phone-input {position:absolute;bottom:0;left:0;right:0;height:49px;background:#edf2f6;display:flex;align-items:center;gap:12px;padding:8px 14px;font-size:22px}
.phone-input div {flex:1;border-radius:20px;background:#dfe7ed;font-size:14px;color:#6d8091;padding:7px 12px}
.olert-task-results {display:grid;gap:30px}
.result-heading {font-size:14px;letter-spacing:2px;color:var(--muted);margin:0}
.olert-task-card {position:relative;border:1px solid rgba(139,233,247,.22);background:rgba(67,157,245,.06);border-radius:18px;padding:21px 20px}
.olert-task-card small {font-size:13px;letter-spacing:1px;color:var(--cyan-soft)}
.olert-task-card h3 {font-size:24px;margin:13px 0 9px;white-space:nowrap}
.olert-task-card p {font-size:18px;color:var(--muted);margin-bottom:16px}
.task-status {display:inline-block;padding:5px 12px;border-radius:30px;font-size:14px;background:rgba(119,124,244,.15);color:#c3c8ff}
.task-status.done {background:rgba(68,220,171,.12);color:#7ae4c1}
.task-link-arrow {position:absolute;left:-38px;top:45%;font-size:27px;color:var(--cyan-soft)}
@media(min-width:761px){.olert-demo{grid-template-columns:650px 1fr;column-gap:80px}.olert-demo>.key-question{margin-top:48px}.olert-demo>.lead{max-width:600px}}
@media(max-width:760px){.olert-chat-demo{display:grid;grid-template-columns:minmax(0,1fr);gap:25px;margin-top:30px}.olert-phone{width:310px;max-width:100%;justify-self:center}.olert-task-results{grid-template-columns:1fr 1fr;gap:12px}.olert-task-results>.result-heading{grid-column:1/-1}.olert-task-card{padding:14px}.olert-task-card h3{font-size:18px;white-space:normal}.task-link-arrow{display:none}}

.load-patterns>h2,.load-simulation>h2 {font-size:56px;line-height:1.4;margin-bottom:20px}
.load-patterns>.lead {font-size:26px;color:var(--muted)}
.load-pattern-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:50px}
.load-pattern-grid article {border-top:1px solid var(--line);padding-top:22px}
.load-number {font-size:20px;color:var(--load-color);margin-bottom:18px}
.load-pattern-grid h3 {font-size:32px;margin-bottom:16px}
.load-pattern-grid p {font-size:22px;color:var(--muted);line-height:1.6}
.load-pattern-grid .load-example {min-height:72px}
.load-pattern-grid svg {width:100%;height:150px;margin:20px 0}
.load-axis {stroke:rgba(228,233,255,.18);stroke-width:1;fill:none}
.load-line {stroke:var(--load-color,var(--cyan));stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.load-patterns>.key-question {margin-top:48px;font-size:30px}
.load-sim-toolbar {display:flex;align-items:center;gap:25px;justify-content:space-between;margin:20px 0 26px}
.load-phase {font-size:27px;color:var(--cyan-soft)}
.load-fit-button,.load-reset-button {font:inherit;font-size:20px;color:var(--cyan-soft);background:rgba(67,157,245,.1);border:1px solid rgba(139,233,247,.3);border-radius:999px;padding:12px 24px;cursor:pointer}
.load-fit-button:focus-visible,.load-reset-button:focus-visible {outline:3px solid var(--cyan);outline-offset:4px}
.load-sim-legend {display:flex;gap:32px;justify-content:center;font-size:18px;color:var(--muted);margin-bottom:12px}
.load-sim-legend span {display:flex;gap:10px;align-items:center}
.load-sim-legend i {width:30px;border-top:3px solid var(--cyan)}
.load-sim-legend .capacity-key {border-top:2px dashed #d5e2f5}
.load-sim-row {display:grid;grid-template-columns:310px 1fr 300px;gap:40px;align-items:center;border-bottom:1px solid var(--line)}
.load-sim-name {display:flex;gap:20px;align-items:center}
.load-sim-name b {font-size:20px;color:var(--faint)}
.load-sim-name h3 {font-size:26px;line-height:1.5}
.load-sim-row svg {width:100%;height:150px;overflow:visible}
.capacity-line {fill:none;stroke:#d5e2f5;stroke-width:2;stroke-dasharray:8 7;transition:opacity .45s ease}
.capacity-fit {opacity:0}
.load-simulation .state-fit,.load-simulation .load-reset-button {display:none}
.load-simulation.is-adapted .state-fit {display:block}
.load-simulation.is-adapted .load-reset-button {display:block}
.load-simulation.is-adapted .state-base,.load-simulation.is-adapted .load-fit-button {display:none}
.load-simulation.is-adapted .capacity-base {opacity:0}
.load-simulation.is-adapted .capacity-fit {opacity:1}
.load-state p {font-size:24px;color:#84dfc8;line-height:1.5}
.load-state .state-warning {color:#f0bb82}
.load-simulation.active .animated-demand {stroke-dasharray:1;stroke-dashoffset:1;animation:load-demand-reveal 3.8s ease-in-out forwards}
@keyframes load-demand-reveal {to{stroke-dashoffset:0}}
.load-time-label {font-size:17px;color:var(--muted);text-align:right;margin-right:340px;margin-top:10px}
.load-simulation>.key-question {font-size:27px;margin-top:24px}
.load-disclaimer {font-size:16px;color:var(--faint);margin-top:15px}
@media(prefers-reduced-motion:reduce){.load-simulation.active .animated-demand{animation:none;stroke-dashoffset:0}.capacity-line{transition:none}}
@media(max-width:760px){.load-patterns>h2,.load-simulation>h2{font-size:32px}.load-pattern-grid{grid-template-columns:1fr;gap:24px}.load-pattern-grid .load-example{min-height:0}.load-sim-row{grid-template-columns:1fr;gap:8px;padding:20px 0}.load-sim-row svg{height:130px}.load-sim-toolbar{align-items:flex-start;flex-direction:column}.load-phase{font-size:22px}.load-sim-legend{font-size:13px;gap:15px}.load-time-label{margin-right:0}.load-patterns>.key-question,.load-simulation>.key-question{font-size:22px}}

@media(min-width:761px){
 .load-patterns>h2 {margin-bottom:30px}
 .load-patterns>.load-pattern-grid {margin-top:72px;gap:72px}
 .load-pattern-grid article {padding-top:28px}
 .load-pattern-grid .load-number {margin-bottom:24px}
 .load-pattern-grid .load-example {min-height:58px}
 .load-pattern-grid svg {height:180px;margin:32px 0 28px}
}

.capacity-label {fill:#b7c4d9;font-size:12px;font-family:inherit}

.load-simulation.is-adapted .load-state .state-fit,.load-simulation.is-adapted .load-phase.state-fit {animation:capacity-status-in 650ms ease both}
.load-simulation.is-adapted .capacity-label.state-fit {animation:capacity-status-in 500ms ease 400ms both}
@keyframes capacity-status-in {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.load-simulation.is-adapted .state-fit{animation:none!important}}

.load-simulation.is-adapted .capacity-fit {animation:none;transition:none}
.load-simulation.is-adapted .capacity-base {transition:none}
.load-simulation.active.is-adapted .animated-demand {animation:load-demand-replay 3.8s ease-in-out forwards}
@keyframes load-demand-replay {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.load-simulation.active.is-adapted .animated-demand{animation:none;stroke-dashoffset:0}}

.capacity-wash {pointer-events:none;stroke:none}
.capacity-wash-fit {display:none}
.load-simulation.is-adapted .capacity-wash-base {display:none}
.load-simulation.is-adapted .capacity-wash-fit {display:block}

.access-story>h2,.access-check>h2 {font-size:56px;line-height:1.4;margin-bottom:54px}
.access-story-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px}
.access-story-grid article {position:relative}
.access-story-grid article:not(:last-child)::after {content:'→';position:absolute;right:-29px;top:220px;font-size:24px;color:var(--muted)}
.access-step {font-size:19px;letter-spacing:2px;color:var(--cyan-soft);margin-bottom:16px}
.access-story-grid h3 {font-size:28px;line-height:1.4;min-height:78px;margin-bottom:16px}
.access-story-grid article>p {font-size:21px;line-height:1.6;color:var(--muted);margin-top:22px}
.access-prompt,.access-share,.quote-window {height:250px;border:1px solid var(--line);border-radius:18px;background:rgba(67,157,245,.05)}
.access-prompt {display:flex;align-items:center;padding:28px;font-size:26px;line-height:1.7;border-radius:18px 18px 18px 4px}
.quote-window {overflow:hidden}
.quote-url {font-size:19px;padding:15px 18px;border-bottom:1px solid var(--line);color:var(--muted)}
.quote-url b {color:var(--cyan-soft)}
.quote-sheet {padding:20px}
.quote-sheet small {display:block;font-size:12px;letter-spacing:2px;color:var(--muted)}
.quote-sheet strong {display:block;font-size:25px;margin:10px 0 14px}
.quote-sheet i {display:block;width:80%;height:3px;background:rgba(228,233,255,.12);margin-bottom:9px}
.quote-sheet i+i {width:57%}
.quote-approved,.quote-warning {display:block;font-size:16px;margin-top:17px;color:#8be1c5}
.access-share {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:20px;text-align:center}
.share-symbol {font-size:48px;color:var(--cyan-soft)}
.access-share strong {font-size:22px;font-weight:500}
.access-share small {font-size:17px;color:var(--muted)}
.access-leak .quote-window {border-color:rgba(247,159,125,.4);background:rgba(247,159,125,.04)}
.access-leak .access-step,.access-leak .quote-url b,.quote-warning {color:#f5b293}
.access-takeaway {font-size:29px;color:var(--cyan-soft);margin-top:58px}
.access-check-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin:16px 0 70px}
.access-check-grid article {border-top:1px solid var(--line);padding-top:28px}
.access-check-grid article>span {font-size:19px;color:var(--cyan-soft)}
.access-check-grid h3 {font-size:40px;margin:22px 0}
.access-check-grid p {font-size:27px;line-height:1.7;color:var(--muted)}
.access-check-flow {display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0;border-top:1px solid var(--line);font-size:26px}
.access-check-flow b {font-weight:400;color:var(--muted)}
.access-check-flow strong {font-weight:500;color:var(--cyan-soft)}
.access-check-note {font-size:20px;color:var(--muted);margin-top:22px}
@media(max-width:760px){.access-story>h2,.access-check>h2{font-size:32px}.access-story-grid,.access-check-grid{grid-template-columns:1fr;gap:30px}.access-story-grid h3{min-height:0}.access-story-grid article:not(:last-child)::after{display:none}.access-takeaway{font-size:23px}.access-check-flow{flex-wrap:wrap;font-size:20px}.access-check-grid p{font-size:23px}.access-check-grid h3{font-size:32px}}

@media(min-width:761px){
 .access-story>h2 {margin-bottom:76px}
 .access-story-grid {gap:48px}
 .access-story-grid h3 {min-height:66px;margin-bottom:24px}
 .access-story-grid article>p {margin-top:28px}
 .access-story-grid article:not(:last-child)::after {right:-35px}
}

.access-story>.eyebrow,.access-story>h2 {text-align:left;align-self:flex-start}
@media(min-width:761px){.access-story>h2{font-size:54px;white-space:nowrap}}

@media(min-width:761px){.access-story>.eyebrow,.access-story>h2,.access-story>.access-story-grid{position:relative;top:-40px}}

@media(min-width:761px){.access-story>.access-story-grid{top:-20px}}

.access-check-grid {gap:32px}
.access-check-grid article {border:1px solid rgba(139,233,247,.26);border-top:3px solid #439df5;border-radius:20px;background:linear-gradient(160deg,rgba(67,157,245,.10),rgba(67,157,245,.035));padding:34px 30px 38px;min-height:300px;box-shadow:0 14px 36px rgba(0,16,60,.2)}
.access-check-grid article>span {display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(139,233,247,.25);border-radius:12px;background:rgba(67,157,245,.09);font-size:17px;font-weight:600}
.access-check-grid h3 {margin:24px 0 20px;font-size:38px}
.access-check-grid p {font-size:25px;line-height:1.8}
@media(max-width:760px){.access-check-grid article{min-height:0;padding:26px}.access-check-grid h3{font-size:30px}.access-check-grid p{font-size:21px}}

.access-check-grid article {position:relative;background:#10183b;border:1px solid rgba(228,233,255,.14);box-shadow:none}
.access-card-key {position:absolute;top:32px;right:30px;width:34px;height:34px;color:var(--cyan-soft);opacity:.8}

.access-check-grid article:nth-child(1) {--access-accent:var(--ring-1);background:#0b253b;border-color:rgba(22,200,239,.28)}
.access-check-grid article:nth-child(2) {--access-accent:var(--ring-2);background:#10203f;border-color:rgba(67,157,245,.28)}
.access-check-grid article:nth-child(3) {--access-accent:var(--ring-4);background:#241b40;border-color:rgba(172,103,237,.28)}
.access-check-grid .access-card-key,.access-check-grid h3,.access-check-grid article>span {color:var(--access-accent)}
.access-check-grid article>span {border-color:currentColor;background:transparent}

.access-check-grid article:nth-child(1) {background:#087f9c;border-color:rgba(123,232,255,.45)}
.access-check-grid article:nth-child(2) {background:#2258b5;border-color:rgba(143,192,255,.45)}
.access-check-grid article:nth-child(3) {background:#7542b3;border-color:rgba(212,171,255,.45)}
.access-check-grid h3,.access-check-grid .access-card-key,.access-check-grid article>span {color:#f4f8ff}
.access-check-grid p {color:rgba(244,248,255,.88)}
.access-check-grid article>span {border-color:rgba(244,248,255,.35)}
.access-check-grid .access-card-key {opacity:.9}

/* One-time entrance: cards arrive, locks close, then the next steps appear. */
.access-check-grid article {--card-delay:0ms}
.access-check-grid article:nth-child(2) {--card-delay:120ms}
.access-check-grid article:nth-child(3) {--card-delay:240ms}
.access-check.active .access-check-grid article {animation:access-card-enter 580ms cubic-bezier(.22,.7,.25,1) var(--card-delay) both}
.lock-shackle {transform-origin:16px 10px}
.access-check.active .lock-shackle {animation:access-lock-close 360ms ease-in-out calc(var(--card-delay) + 360ms) both}
.access-check-grid article::after {content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(235,249,255,.65);box-shadow:inset 0 0 24px rgba(235,249,255,.13);opacity:0}
.access-check.active .access-check-grid article::after {animation:access-lock-glint 400ms ease-out calc(var(--card-delay) + 620ms) both}
.access-check.active .access-check-flow {animation:access-card-enter 420ms ease-out 950ms both}
.access-check.active .access-check-note {animation:access-card-enter 380ms ease-out 1100ms both}
@keyframes access-card-enter {from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes access-lock-close {from{transform:translateY(-2px) rotate(24deg)}to{transform:translateY(0) rotate(0)}}
@keyframes access-lock-glint {0%,100%{opacity:0}25%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.access-check.active .access-check-grid article,.access-check.active .lock-shackle,.access-check.active .access-check-grid article::after,.access-check.active .access-check-flow,.access-check.active .access-check-note{animation:none}.lock-shackle{transform:none}}

.access-story .story-browser {height:290px;border-radius:14px;overflow:hidden;padding:0;display:block}
.story-browser-bar {height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;background:rgba(228,233,255,.07);border-bottom:1px solid var(--line)}
.story-browser-dots {display:flex;gap:5px;flex:none}
.story-browser-dots i {width:6px;height:6px;border-radius:50%;background:#7c89a6}
.story-browser-address {font-size:12px;letter-spacing:.3px;color:var(--muted);background:rgba(5,8,46,.35);padding:4px 10px;border-radius:5px;flex:1;line-height:1.4}
.access-prompt .story-browser-content {height:244px;display:flex;align-items:center;padding:24px;font-size:25px;line-height:1.7}
.access-share .story-browser-content {height:244px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:20px}
.access-story .quote-url {padding:11px 18px;font-size:17px}
.access-story .quote-sheet {padding:16px 20px}
.access-story .quote-sheet strong {margin:9px 0 12px}
.access-story-grid article:not(:last-child)::after {top:244px}

.access-story .story-browser-bar {height:54px;padding:0 12px;gap:10px}
.story-browser-address.quotation-address {font-size:21px;letter-spacing:0;padding:6px 9px;white-space:nowrap}
.quotation-address b {color:var(--cyan-soft)}
.access-leak .quotation-address b {color:#f5b293}
.access-story .quote-sheet {padding:26px 20px}
.access-prompt .story-browser-content,.access-share .story-browser-content {height:234px}

.url-alert {display:inline-block;color:#ffc09b;font-size:18px;font-weight:700;margin-left:5px;opacity:.25;transform-origin:center}
.access-story.active .url-alert {animation:url-alert-pulse 3s ease-in-out infinite}
@keyframes url-alert-pulse {0%,22%,100%{opacity:.2;transform:scale(1)}5%,14%{opacity:1;transform:scale(1.2)}10%,19%{opacity:.6;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.access-story.active .url-alert{animation:none;opacity:1}}

.access-leak .quotation-address {position:relative;padding-right:25px}
.access-leak .url-alert {position:absolute;right:7px;top:50%;margin:0;transform:translateY(-50%)}
.access-story.active .url-alert {animation:url-alert-blink 900ms ease-in-out infinite}
@keyframes url-alert-blink {0%,100%{opacity:.15}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.access-story.active .url-alert{animation:none;opacity:1}}

.ops-overview>h2,.ops-explainer>h2 {font-size:54px;line-height:1.4;margin-bottom:26px}
.ops-diagram {display:block;width:100%;height:auto;overflow:visible}
.ops-node rect {fill:#101b40;stroke:#47718f;stroke-width:1.5}
.ops-node text {fill:#e4edff;font-size:20px;font-weight:600;font-family:inherit}
.ops-node .ops-sub {fill:#9bb5ca;font-size:14px;font-weight:400}
.ops-wire {stroke:#4a6a85;stroke-width:2;fill:none}
.ops-packet {stroke:#67d9ee;stroke-width:3;fill:none;stroke-dasharray:7 45;opacity:0}
.ops-overview.active .ops-packet {opacity:.7;stroke-dasharray:7 20;animation:ops-overview-flow 1.55s linear infinite}
.ops-overview.active .ops-pipeline,.ops-overview.active .ops-staging,.ops-overview.active .ops-approval {animation-delay:-.5s}
.ops-overview.active .ops-release,.ops-overview.active .ops-app,.ops-overview.active .ops-db {animation-delay:-1s}
.ops-overview.active .ops-monitor,.ops-overview.active .ops-backup {animation-delay:-1.5s}
.ops-overview .ops-rollback.ops-packet {stroke:#f0b08b;animation-duration:1.55s;animation-delay:-.8s}
.ops-overview .ops-rollback rect {stroke:#a67d70}
@keyframes ops-flow {to{stroke-dashoffset:-104}}
.ops-process {display:flex;gap:28px;align-items:center;font-size:24px;color:var(--cyan-soft);margin:15px 0 8px}
.ops-process b {font-weight:400;color:var(--muted)}
.ops-footnote {font-size:17px;color:var(--muted);margin-top:16px}
.ops-explain-layout {display:grid;grid-template-columns:410px 1fr;gap:60px;align-items:center}
.ops-questions {display:grid;gap:16px}
.ops-questions button {display:flex;text-align:left;align-items:center;gap:18px;padding:22px 20px;border:1px solid var(--line);border-radius:14px;background:#101838;color:var(--muted);font:inherit;font-size:23px;line-height:1.5;cursor:pointer}
.ops-questions small {font-size:16px;color:var(--cyan-soft)}
.ops-questions button[aria-pressed=true] {border-color:var(--cyan);color:#e4f4ff;background:#133048}
.ops-questions button:focus-visible {outline:3px solid var(--cyan);outline-offset:4px}
.ops-detail-area {min-height:170px;padding:28px 10px 0}
.ops-explanation h3 {font-size:29px;color:var(--cyan-soft);margin-bottom:14px}
.ops-explanation p {font-size:24px;line-height:1.7;color:var(--muted)}
.ops-explainer .ops-node,.ops-explainer .ops-wire {opacity:.2;transition:opacity .3s}
.ops-explainer[data-ops-selected=changes] .ops-source,
.ops-explainer[data-ops-selected=safe] :is(.ops-pipeline,.ops-staging,.ops-approval,.ops-release),
.ops-explainer[data-ops-selected=detect] .ops-monitor,
.ops-explainer[data-ops-selected=recover] :is(.ops-rollback,.ops-backup,.ops-db,.ops-source) {opacity:1}
.ops-explainer .ops-node text {font-size:22px}
@media(prefers-reduced-motion:reduce){.ops-overview.active .ops-packet{animation:none}.ops-explainer .ops-node,.ops-explainer .ops-wire{transition:none}}
@media(max-width:760px){.ops-overview>h2,.ops-explainer>h2{font-size:32px}.ops-process{flex-wrap:wrap;font-size:18px;gap:12px}.ops-explain-layout{grid-template-columns:1fr;gap:20px}.ops-questions button{font-size:19px}.ops-detail-area{min-height:0}.ops-explanation p{font-size:20px}.ops-footnote{font-size:13px}}

@media(min-width:761px){
 .ops-explainer>h2 {font-size:52px;margin-bottom:30px}
 .ops-explain-layout {display:block;width:100%}
 .ops-questions {grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:12px}
 .ops-questions button {font-size:22px;padding:16px 18px;gap:14px}
 .ops-explainer .ops-diagram {height:490px;width:100%}
 .ops-explainer .ops-node text {font-size:22px}
 .ops-explainer .ops-node .ops-sub {font-size:15px}
 .ops-detail-area {min-height:120px;padding:18px 20px 0}
 .ops-explanation h3 {font-size:27px;margin-bottom:10px}
 .ops-explanation p {font-size:23px;line-height:1.6}
}

@media(min-width:761px){.ops-explainer>.ops-explain-layout{position:relative;top:24px}}

@media(min-width:761px){.ops-explainer .ops-diagram{position:relative;top:20px}}

.ops-questions button[aria-pressed=true] {background:#2463ce;border-color:#2463ce;color:#f0f7ff;box-shadow:none}
.ops-questions button[aria-pressed=true] small {color:#cce5ff}

.ops-explainer .ops-packet {opacity:0!important;animation:none}
.ops-explainer.active[data-ops-selected=changes] .ops-packet.ops-source,
.ops-explainer.active[data-ops-selected=safe] .ops-packet:is(.ops-pipeline,.ops-staging,.ops-approval,.ops-release),
.ops-explainer.active[data-ops-selected=detect] .ops-packet.ops-monitor,
.ops-explainer.active[data-ops-selected=recover] .ops-packet:is(.ops-rollback,.ops-backup,.ops-db) {opacity:.85!important;animation:ops-flow 2.4s linear infinite}
@media(prefers-reduced-motion:reduce){.ops-explainer.active .ops-packet{animation:none!important}}

@keyframes ops-overview-flow {from{stroke-dashoffset:0}to{stroke-dashoffset:-54}}

.slot-number {font-variant-numeric:tabular-nums}
.slot-display {display:none}
.slot-number .slot-final {font:inherit}
@media(prefers-reduced-motion:no-preference){
 .slot-number .slot-final {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .slot-display {display:inline-flex;height:1.15em;line-height:1.15;vertical-align:bottom;letter-spacing:0}
 .slot-digit {display:inline-block;width:.64em;height:1.15em;overflow:hidden}
 .slot-comma {width:.3em;line-height:1.15}
 .slot-reel {display:flex;flex-direction:column;transform:translateY(var(--slot-end))}
 .slot-reel>span {display:block;flex:none;height:1.15em;line-height:1.15;text-align:center;font:inherit}
 .slide.active .slot-reel {animation:slot-roll var(--slot-duration) cubic-bezier(.16,.48,.18,1) -1100ms both}
}
@keyframes slot-roll {from{transform:translateY(0)}to{transform:translateY(var(--slot-end))}}

.slot-symbol {display:inline-block;line-height:1.15}
.big-comparison .slot-digit {width:.56em}

.descending-window {display:inline-block;overflow:hidden;height:1.15em;line-height:1.15;vertical-align:bottom;font-variant-numeric:tabular-nums}
.descending-reel {display:flex;flex-direction:column;transform:translateY(var(--countdown-end));will-change:transform}
.descending-reel>span {display:block;flex:none;height:1.15em;line-height:1.15;white-space:nowrap;text-align:left;font:inherit}

/* AEGIS Clarity: presenter-controlled, semantic HTML scenes. */
.clarity-heading {display:flex;align-items:center;justify-content:space-between;width:100%}
.clarity-heading img {width:175px;height:auto}
.clarity-story h2 {font-size:60px;margin-bottom:24px}
.clarity-tabs {display:flex;gap:14px;margin-bottom:28px}
.clarity-tabs button {border:1px solid var(--line);border-radius:999px;padding:12px 22px;background:transparent;color:var(--muted);font:inherit;font-size:21px;cursor:pointer}
.clarity-tabs button b {margin-right:9px;color:var(--cyan)}
.clarity-tabs button[aria-pressed="true"] {background:var(--lab-surface);border-color:var(--cyan);color:var(--lab-text)}
.clarity-tabs button:focus-visible {outline:3px solid var(--cyan);outline-offset:5px}
.clarity-panels {width:100%;min-height:540px}
.clarity-panel {display:grid;grid-template-columns:1.6fr 1fr;gap:56px;animation:clarity-enter .3s ease-out}
.clarity-panel[hidden] {display:none}
.clarity-kicker {font-size:18px;color:var(--muted);letter-spacing:1px;margin-bottom:20px}
.clarity-message {padding:19px 24px;border:1px solid var(--line);border-radius:18px;margin-bottom:15px;background:var(--lab-surface)}
.clarity-message.is-ai {margin-right:55px;border-left:3px solid var(--cyan)}
.clarity-message.is-owner {margin-left:55px}
.clarity-message b {font-size:16px;color:var(--cyan);display:block;margin-bottom:6px}
.clarity-message p {font-size:26px;line-height:1.5}
.clarity-insight {border-left:1px solid var(--line);padding-left:42px;align-self:center}
.clarity-letter {font-size:100px;line-height:1;color:var(--cyan);font-weight:600}
.clarity-insight h3 {font-size:36px;margin:20px 0}
.clarity-insight p {font-size:23px;color:var(--muted);line-height:1.6}
.clarity-brief>div {display:grid;grid-template-columns:175px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);font-size:25px;line-height:1.5}
.clarity-brief b {color:var(--cyan);font-size:22px}
.clarity-build {display:block;text-align:center;padding-top:18px}
.clarity-build-intro {font-size:30px;color:var(--muted)}
.clarity-tools {font-size:43px;margin:15px 0 42px;font-weight:600}
.clarity-tools>span {color:var(--cyan)}
.clarity-roles {display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:24px;text-align:left}
.clarity-roles>div {padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--lab-surface)}
.clarity-roles b {color:var(--cyan);font-size:18px;letter-spacing:1px}
.clarity-roles h3 {font-size:29px;margin-top:15px}
.clarity-takeaway {font-size:30px;margin-top:35px;color:var(--cyan-soft)}
.clarity-footnote {font-size:20px;color:var(--muted);margin-top:18px}
@keyframes clarity-enter {from {opacity:0;transform:translateY(8px)}to {opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce) {.clarity-panel {animation:none}}
@media(max-width:760px) {
 .clarity-story h2 {font-size:30px}.clarity-heading img {width:95px}
 .clarity-tabs {flex-wrap:wrap;gap:8px}.clarity-tabs button {font-size:13px;padding:8px 12px}
 .clarity-panel {grid-template-columns:1fr;gap:20px}.clarity-panels {min-height:0}
 .clarity-message p,.clarity-insight p,.clarity-brief>div {font-size:17px}
 .clarity-message.is-owner {margin-left:15px}.clarity-message.is-ai {margin-right:15px}
 .clarity-insight {padding-left:18px}.clarity-letter {font-size:45px}.clarity-insight h3 {font-size:24px;margin:10px 0}
 .clarity-brief>div {grid-template-columns:1fr;gap:6px;padding:15px 0}.clarity-brief b {font-size:17px}
 .clarity-tools {font-size:24px}.clarity-build-intro {font-size:20px}.clarity-roles {grid-template-columns:1fr;gap:12px}
 .clarity-roles>div {padding:18px}.clarity-roles h3 {font-size:22px}.clarity-takeaway {font-size:21px}
 .clarity-kicker,.clarity-footnote {font-size:14px}
}

/* AEGIS introduction and iterative clarity walkthrough. */
.aegis-intro-head {display:flex;align-items:center;gap:80px;margin-bottom:48px}
.aegis-intro-head>img {width:290px;height:auto}
.aegis-intro-head h2 {font-size:52px;margin:0;line-height:1.35}
.aegis-journey {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%}
.aegis-journey article {min-width:0}
.aegis-journey header {display:flex;align-items:center;gap:16px}
.aegis-journey header>b {color:#439df5;font-size:22px}
.aegis-journey h3 {font-size:30px;margin:0}
.aegis-journey article>p {font-size:20px;color:var(--muted);margin:12px 0 24px}
.aegis-shot {overflow:hidden;border-radius:16px;background:#f4f4f8;height:370px}
.aegis-shot img {display:block;width:100%;height:auto}
.aegis-journey .create-shot img {width:155%;max-width:none;transform:translate(-27%,-4%)}
.aegis-journey .console-shot img {width:150%;max-width:none;transform:translate(-27%,-3%)}
.aegis-intro-footer {font-size:24px;color:var(--muted);margin-top:32px}
.clarity-iterate h2 {font-size:60px;margin-bottom:28px}
.clarity-iterate .clarity-tabs {margin-bottom:28px}
.clarity-iterate .clarity-panels {min-height:0}
.clarity-iterate .iterate-panel {display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center;height:460px}
.clarity-iterate .iterate-panel[hidden] {display:none}
.agent-prompt {background:#101b40;border:1px solid #33436b;border-radius:20px;padding:28px 30px;min-height:240px}
.agent-prompt header {font-size:20px;color:#a7b9dc;display:flex;justify-content:space-between;gap:12px}
.agent-prompt small {font-size:14px;color:#7f91b6}
.typed-prompt {font-size:29px;line-height:1.65;margin:24px 0 0;color:#e4e9ff}
.iterate-copy h3 {font-size:30px;color:#48daff;margin:26px 0 10px}
.iterate-caption {font-size:21px;color:var(--muted);line-height:1.5}
.workspace-label {display:flex;align-items:center;gap:14px;font-size:23px;margin-bottom:16px}
.workspace-label img {width:44px;height:44px;border-radius:10px}
.iterate-result .aegis-shot {height:385px}
.iterate-result .aegis-shot img {width:115%;max-width:none;transform:translateX(-13%)}
.iterate-bottom {font-size:25px;color:var(--muted);margin-top:30px}
.aegis-intro.active .aegis-journey article {animation:aegis-enter .65s ease both}
.aegis-intro.active .aegis-journey article:nth-child(2) {animation-delay:.12s}
.aegis-intro.active .aegis-journey article:nth-child(3) {animation-delay:.24s}
@keyframes aegis-enter {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.aegis-intro.active .aegis-journey article{animation:none}}
.iterate-result .aegis-shot img {transform:translate(-13%,-24%)}

.aegis-reveal {isolation:isolate}
.aegis-reveal::after {content:none}
.aegis-reveal-content {width:100%;padding:50px 28px 0}
.aegis-reveal .eyebrow {font-size:23px;letter-spacing:4px;margin-bottom:46px}
.aegis-reveal-logo {display:block;width:1050px;max-width:85%;height:auto;margin:0 0 46px}
.aegis-full-name {font-size:32px;line-height:1.5;color:rgba(228,233,255,.68);border-left:3px solid #439df5;padding-left:32px;margin:0}
.aegis-full-name b {color:#439df5;font-weight:700}
.aegis-reveal.active .aegis-reveal-logo {animation:aegis-reveal-in 1s cubic-bezier(.2,.7,.2,1) both}
.aegis-reveal.active .aegis-full-name {animation:aegis-enter .8s .35s both}
@keyframes aegis-reveal-in {from{opacity:0;transform:translateY(16px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.aegis-reveal.active .aegis-reveal-logo,.aegis-reveal.active .aegis-full-name{animation:none}}
.aegis-reveal-content {padding:0;text-align:center;display:flex;flex-direction:column;align-items:center}
.aegis-reveal-logo {width:1155px;max-width:85%;margin:0 0 22px}
.aegis-full-name {border:0;padding:0;font-size:35.53px;color:rgba(228,233,255,.72);font-weight:300}

.aegis-foundation h2 {font-size:58px;margin-bottom:38px;line-height:1.3}
.aegis-gap-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;position:relative;padding-bottom:30px}
.aegis-gap-steps article {position:relative;background:#101c43;border:1px solid #293c63;border-radius:16px;padding:24px 26px;min-height:265px}
.aegis-gap-steps article::after {content:"";position:absolute;left:50%;bottom:-31px;height:30px;border-left:1px solid #439df5;opacity:.55}
.aegis-gap-steps header {display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:20px;color:#9badd0}
.aegis-gap-steps header b {color:#48daff;font-size:25px;font-weight:500}
.aegis-gap-steps h3 {font-size:31px;line-height:1.35;margin:0 0 18px;font-weight:600}
.aegis-gap-steps p {font-size:21px;line-height:1.6;margin:0;color:var(--muted)}
.aegis-infra {width:100%;background:#142950;border:1px solid #345780;border-radius:16px;padding:25px 30px}
.infra-heading {display:flex;gap:20px;align-items:center}
.infra-mark {font-size:44px;color:#48daff}
.infra-heading h3 {font-size:29px;margin:0 0 6px}
.infra-heading p {font-size:21px;color:var(--muted);margin:0}
.infra-capabilities {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:23px;padding-top:20px;border-top:1px solid #345780;font-size:20px;color:#bfcee7;text-align:center}
.aegis-foundation.active .aegis-gap-steps article {animation:aegis-enter .65s var(--step-delay) both}
.aegis-foundation.active .aegis-infra {animation:aegis-enter .8s .4s both}
@media(prefers-reduced-motion:reduce){.aegis-foundation.active .aegis-gap-steps article,.aegis-foundation.active .aegis-infra{animation:none}}
.aegis-foundation h2 {font-size:49px;margin-bottom:24px}
.aegis-foundation .aegis-gap-steps {padding-bottom:20px;gap:22px}
.aegis-foundation .aegis-gap-steps article {min-height:0;padding:18px 22px}
.aegis-foundation .aegis-gap-steps header {margin-bottom:10px}
.aegis-foundation .aegis-gap-steps h3 {font-size:28px;margin-bottom:10px}
.aegis-foundation .aegis-gap-steps p {font-size:19px}
.aegis-foundation .aegis-gap-steps article::after {height:20px;bottom:-21px}
.aegis-backbone {width:100%;border-top:1px solid #345780;padding-top:18px}
.backbone-heading {display:flex;align-items:center;justify-content:space-between;gap:24px}
.backbone-heading h3 {font-size:25px;margin:0 0 5px}
.backbone-heading p,.backbone-note {font-size:17px;color:var(--muted);margin:0}
.backbone-toggle {background:transparent;border:1px solid #47718f;border-radius:999px;padding:10px 18px;color:#48daff;font:inherit;font-size:18px;cursor:pointer}
.backbone-toggle:focus-visible {outline:2px solid #48daff;outline-offset:4px}
.aegis-backbone .ops-diagram {height:240px;margin:4px auto 0}
.backbone-note {text-align:center;font-size:15px}
.aegis-foundation.active .ops-packet {opacity:.7;stroke-dasharray:7 20;animation:ops-overview-flow 1.55s linear infinite}
.aegis-foundation.backbone-expanded .aegis-gap-steps {display:none}
.aegis-foundation.backbone-expanded .ops-diagram {height:490px}
.aegis-foundation.backbone-expanded .backbone-heading h3 {font-size:30px}
.aegis-foundation.backbone-expanded .aegis-backbone {animation:aegis-enter .45s ease both}
@media(prefers-reduced-motion:reduce){.aegis-foundation.active .ops-packet,.aegis-foundation.backbone-expanded .aegis-backbone{animation:none}}
/* Show the shared backbone at readable scale, continuing below the frame. */
.aegis-backbone .backbone-window {height:260px;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}
.aegis-backbone .backbone-window .ops-diagram {width:100%;height:auto;margin:-40px auto 0}
.aegis-foundation.backbone-expanded .backbone-window {height:auto;overflow:visible;mask-image:none;-webkit-mask-image:none}
.aegis-foundation.backbone-expanded .backbone-window .ops-diagram {height:490px;margin:4px auto 0}
/* Expand the backbone over the existing story instead of replacing it. */
.aegis-foundation.backbone-expanded .aegis-gap-steps {display:grid}
.aegis-foundation.backbone-expanded .aegis-backbone {position:absolute;z-index:5;left:90px;right:90px;bottom:110px;width:auto;padding:32px 36px 24px;border:1px solid rgba(98,141,190,.35);border-radius:24px;background:rgba(5,8,46,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,16,60,.4);animation:backbone-rise .65s cubic-bezier(.2,.7,.2,1) both}
.aegis-foundation.backbone-expanded .aegis-backbone .ops-diagram {height:490px}
@keyframes backbone-rise {from{opacity:.45;transform:translateY(240px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.aegis-foundation.backbone-expanded .aegis-backbone{animation:none}}
.aegis-foundation.backbone-expanded::after {content:"";display:block;flex:none;height:360px;width:100%}
.aegis-foundation.backbone-expanded .aegis-backbone {background:rgba(5,8,46,.68)}
/* Keep the layout and diagram scale fixed; lift only the backbone layer. */
.aegis-foundation .aegis-backbone {position:relative;z-index:5;box-sizing:border-box;transform:translateY(0);transition:transform .65s cubic-bezier(.22,.7,.2,1)}
.aegis-foundation.backbone-expanded::after {content:none}
.aegis-foundation.backbone-expanded .aegis-backbone {position:relative;left:auto;right:auto;bottom:auto;width:100%;padding:18px 0 0;border:0;border-top:1px solid #345780;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;animation:none;transform:translateY(-270px)}
.aegis-foundation.backbone-expanded .backbone-window {height:260px;overflow:visible;mask-image:none;-webkit-mask-image:none}
.aegis-foundation.backbone-expanded .backbone-window .ops-diagram {width:100%;height:auto;margin:-40px auto 0}
.aegis-foundation.backbone-expanded .backbone-heading h3 {font-size:25px}
.aegis-foundation.backbone-expanded .backbone-note {visibility:hidden}
.aegis-foundation .aegis-backbone::before {content:"";position:absolute;z-index:-1;inset:-20px -24px -280px;border-radius:20px;background:rgba(5,8,46,.65);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .4s ease}
.aegis-foundation.backbone-expanded .aegis-backbone::before {opacity:1}
@media(prefers-reduced-motion:reduce){.aegis-foundation .aegis-backbone,.aegis-foundation .aegis-backbone::before{transition:none}}
.aegis-backbone .backbone-window {display:flow-root}
.aegis-backbone .backbone-heading {position:relative;justify-content:center;min-height:46px;text-align:center}
.aegis-backbone .backbone-heading h3 {margin:0}
.aegis-backbone .backbone-toggle {position:absolute;right:0;top:50%;transform:translateY(-50%)}
.aegis-foundation .backbone-links {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.backbone-link-base {fill:none;stroke:#47718f;stroke-width:1.4;opacity:.5}
.backbone-link-flow {fill:none;stroke:#48daff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:8 38;opacity:.8}
.aegis-foundation.active .backbone-link-flow {animation:backbone-link-travel 2s linear infinite;animation-delay:var(--link-delay)}
@keyframes backbone-link-travel {to{stroke-dashoffset:-92}}
.aegis-foundation .aegis-gap-steps article::after {content:none}
.aegis-foundation .backbone-heading>div {position:relative;z-index:2;background:#05082e;padding:4px 22px}
.aegis-foundation.backbone-expanded .backbone-links {opacity:0}
@media(prefers-reduced-motion:reduce){.aegis-foundation.active .backbone-link-flow{animation:none}}
.aegis-foundation .aegis-backbone,.aegis-foundation.backbone-expanded .aegis-backbone {border-top:0}
.backbone-link-flow {stroke-dasharray:1;stroke-dashoffset:0;opacity:.65}
.aegis-foundation.active .backbone-link-flow {animation:backbone-link-reveal .7s ease-out .9s both}
.aegis-foundation.active .backbone-link-flow[data-link="4"] {animation-delay:1.6s;animation-duration:.35s}
.aegis-foundation.active .backbone-link-flow:is([data-link="5"],[data-link="6"],[data-link="7"],[data-link="8"],[data-link="9"],[data-link="10"]) {animation-delay:1.95s}
@keyframes backbone-link-reveal {from{stroke-dashoffset:1;opacity:.85}to{stroke-dashoffset:0;opacity:.65}}
@media(prefers-reduced-motion:reduce){.aegis-foundation.active .backbone-link-flow{animation:none}}
/* Quiet, single-pass connectors: no underlying line before entry. */
.aegis-foundation .backbone-link-base {opacity:0}
.aegis-foundation .backbone-link-flow {stroke:#8490a5;stroke-width:1.4;opacity:.5}
@keyframes backbone-link-reveal {from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:.5}}
.aegis-foundation h2 {white-space:nowrap;font-size:49px}
html[lang="en"] .aegis-foundation h2 {font-size:43px}
.aegis-foundation .backbone-window {height:324px}
.aegis-foundation.backbone-expanded .backbone-window {height:324px}
/* More separation between the workflow and its infrastructure. */
.aegis-foundation .aegis-gap-steps {padding-bottom:68px}
.aegis-foundation .backbone-window,
.aegis-foundation.backbone-expanded .backbone-window {height:276px}
.aegis-foundation .backbone-link-flow {stroke:#39445e;opacity:1}
@keyframes backbone-link-reveal {from{stroke-dashoffset:1;opacity:1}to{stroke-dashoffset:0;opacity:1}}
.aegis-foundation > .eyebrow,
.aegis-foundation > h2 {width:100%;text-align:center;align-self:center}
.aegis-foundation > h2 {margin-bottom:48px}
.aegis-foundation .backbone-window,
.aegis-foundation.backbone-expanded .backbone-window {height:252px}
.aegis-foundation .aegis-backbone::before {top:-58px}
.aegis-foundation.backbone-expanded .backbone-heading>div {background:transparent}
/* Reveal the backbone caption as the connecting lines finish drawing. */
.aegis-foundation.active .backbone-heading>div {animation:backbone-caption-in .65s cubic-bezier(.22,.7,.2,1) 2.25s both}
@keyframes backbone-caption-in {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.aegis-foundation.active .backbone-heading>div{animation:none}}
/* CLEAR actions use the opening charts' cyan-to-violet palette. */
.aegis-foundation .aegis-gap-steps article:nth-child(1) {background:#086c87;border-color:#23859c}
.aegis-foundation .aegis-gap-steps article:nth-child(2) {background:#225aa6;border-color:#3b73bb}
.aegis-foundation .aegis-gap-steps article:nth-child(3) {background:#494b9d;border-color:#6669b6}
.aegis-foundation .aegis-gap-steps article:nth-child(4) {background:#75439b;border-color:#925caf}
.aegis-foundation .aegis-gap-steps h3 {color:#f1f5ff}
.aegis-foundation .aegis-gap-steps header,
.aegis-foundation .aegis-gap-steps p {color:#dce8f8}
.aegis-foundation .aegis-gap-steps header b {color:#f1f5ff}
.aegis-foundation-brand {width:100%;height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;flex:none}
.aegis-foundation-brand img {display:block;width:240px;height:auto}
.aegis-foundation-brand img {transform:translateY(-44px)}
.aegis-foundation {top:10px;bottom:-10px}
.backbone-endurance rect {fill:rgba(119,124,244,.30);stroke:#a6abff;stroke-width:3;stroke-dasharray:8 5}
.backbone-endurance text {fill:#afb3ff;font-size:28px;font-weight:500;font-family:inherit}

.aegis-foundation.active .backbone-endurance rect {animation:endurance-border-flow 3s linear infinite}
@keyframes endurance-border-flow {from{stroke-dashoffset:0}to{stroke-dashoffset:-26}}
@media(prefers-reduced-motion:reduce){.aegis-foundation.active .backbone-endurance rect{animation:none}}
.builder-control .control-frame {fill:rgba(22,200,239,.03);stroke:#466475;stroke-width:1.5;stroke-dasharray:6 5}
.governed-control .control-frame {fill:rgba(67,157,245,.03);stroke:#4a607d;stroke-width:1.5;stroke-dasharray:6 5}
.builder-control text,.governed-control text {fill:#b9d9ef;font-size:18px;font-weight:600;font-family:inherit}
.control-icon {fill:none;stroke:#9fdcf0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.aegis-foundation .ops-dev>text:not(.ops-sub) {font-size:18px}
.aegis-foundation .ops-dev>.ops-sub {font-size:12px}
.builder-control text,.governed-control text {font-size:16px}
/* Keep the expanded drawing intact while it travels back into its frame. */
.aegis-foundation.backbone-collapsing .backbone-window {overflow:visible;mask-image:none;-webkit-mask-image:none}
.aegis-foundation.backbone-collapsing .backbone-links {opacity:0}
.aegis-foundation.backbone-collapsing .backbone-note {visibility:hidden}
.aegis-foundation.backbone-collapsing .backbone-heading>div {background:transparent}
.aegis-foundation .backbone-heading {transition:transform .65s cubic-bezier(.22,.7,.2,1)}
@media(prefers-reduced-motion:reduce){.aegis-foundation .backbone-heading{transition:none}}
/* The caption stays anchored inside the backbone; only the parent moves. */
.aegis-foundation .backbone-heading {transition:none}
/* Restore the crop and connectors gradually during collapse. */
.aegis-foundation .backbone-links {transition:opacity .4s ease}
.aegis-foundation.backbone-collapsing .backbone-links {opacity:1;transition-delay:.25s}
.aegis-foundation .backbone-window {position:relative}
.aegis-foundation .backbone-window::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 65%,#05082e 100%);opacity:0;transition:opacity .4s ease}
.aegis-foundation.backbone-collapsing .backbone-window::after {opacity:1;transition-delay:.25s}
.aegis-foundation .backbone-note {transition:opacity .4s ease}
.aegis-foundation.backbone-expanded .backbone-note {visibility:visible;opacity:0}
.aegis-foundation.backbone-collapsing .backbone-note {visibility:visible;opacity:1;transition-delay:.25s}
@media(prefers-reduced-motion:reduce){.aegis-foundation .backbone-links,.aegis-foundation .backbone-window::after,.aegis-foundation .backbone-note{transition:none}}
@property --backbone-reveal {syntax:'<number>';inherits:false;initial-value:0}
.aegis-foundation .backbone-window,
.aegis-foundation.backbone-expanded .backbone-window,
.aegis-foundation.backbone-collapsing .backbone-window {overflow:visible;mask-image:none;-webkit-mask-image:none}
.aegis-foundation .backbone-window::after {display:none}
.aegis-foundation .backbone-window .ops-diagram {--backbone-reveal:0;mask-image:linear-gradient(to bottom,#000 0px,#000 200px,rgba(0,0,0,var(--backbone-reveal)) 292px);-webkit-mask-image:linear-gradient(to bottom,#000 0px,#000 200px,rgba(0,0,0,var(--backbone-reveal)) 292px);transition:--backbone-reveal .65s ease}
.aegis-foundation.backbone-expanded .backbone-window .ops-diagram {--backbone-reveal:1}
@media(prefers-reduced-motion:reduce){.aegis-foundation .backbone-window .ops-diagram{transition:none}}
/* Fixed veil over the cards; the diagram alone travels above it. */
.aegis-foundation .aegis-backbone::before {display:none}
.backbone-fixed-blur {position:absolute;z-index:3;border-radius:22px;pointer-events:none;background:rgba(5,8,46,0);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .65s ease,backdrop-filter .65s ease,-webkit-backdrop-filter .65s ease}
.aegis-foundation.backbone-expanded .backbone-fixed-blur {background:rgba(5,8,46,.65);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(prefers-reduced-motion:reduce){.backbone-fixed-blur{transition:none}}
/* Balance the title's spacing between the logo and the workflow cards. */
.aegis-foundation-brand {margin-bottom:6px}
.aegis-foundation > h2 {margin-bottom:66px}