/* Measured scene geometry. This layer replaces the earlier pinned chapters. */
.full-video,.letter-video{animation:none;filter:none;opacity:1;transform:none;transition:none}
h1.hero-title{width:min(960px,100%);max-width:960px;font-size:80px;line-height:1.14;letter-spacing:0}
.intro-title-contain .display{font-size:72px;line-height:1.2;letter-spacing:0}
.js .reveal{transform:none;transition:none}
.letter-section .letter-inner{opacity:1;transform:none;transition:none}
.hero-section{height:calc(100svh - 80px);min-height:640px}
.intro-section{padding-bottom:160px}
.intro-title-contain{padding-top:128px;padding-bottom:200px}
.intro-body{grid-column:1/6;max-width:520px}
.intro-body .body-large{font-size:30px;line-height:1.42;font-weight:300}
.intro-body .body-copy{font-size:16px;line-height:1.65;max-width:46ch}
.intro-rules{padding-top:64px;padding-bottom:64px}
.intro-section .intro-vid{width:90%;bottom:-80px;opacity:1}
.intro-vid .gradient-overlay{background:linear-gradient(90deg,#000,transparent 48%),linear-gradient(0deg,#000,transparent 20%,transparent 85%,#000)}
.protection-section{min-height:0;padding-bottom:96px}
.protection-grid{column-gap:64px;align-items:start}
.protection-left{gap:24px;align-self:stretch}
.protection-left .max-h3{max-width:100%;font-size:56px;line-height:1.2}
.protection-left>.body-large{max-width:38ch;font-size:22px;line-height:1.5;color:#b8b8b8}
.protection-left .protection-vid-container{position:relative;inset:auto;width:calc(100% + 48px);padding:0;margin:-24px 0 -24px -48px;opacity:1}
.protection-vid-container .frame{width:100%;height:auto;aspect-ratio:2.25;overflow:hidden}
.protection-vid-container .gradient-overlay{background:linear-gradient(#000,transparent 20%,transparent 74%,#000),linear-gradient(90deg,transparent 80%,#000)}
.protection-right{padding-top:0;gap:0;min-width:0}
.role-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;color:#999}
.role-kicker .subheading{display:flex;gap:24px;align-items:center}
#role-number{color:#ddd;font-variant-numeric:tabular-nums;white-space:nowrap}
.role-auto{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;font-size:11px;cursor:pointer;white-space:nowrap}
.role-auto input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.role-auto-track{position:relative;flex:none;width:32px;height:18px;border:1px solid #666;border-radius:12px;transition:background .2s ease,border-color .2s ease}
.role-auto-track::after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#888;transition:transform .2s ease,background .2s ease}
.role-auto input:checked+.role-auto-track{border-color:#ddd;background:#ddd}
.role-auto input:checked+.role-auto-track::after{background:#111;transform:translateX(14px)}
.role-auto input:focus-visible+.role-auto-track{outline:2px solid #fff;outline-offset:4px}
.role-auto:has(input:disabled){opacity:.5;cursor:default}
.protection-right .medium-flex{display:flex;flex-direction:column;margin-top:36px;gap:0}
.protection-right .small-flex{gap:24px}
.protection-right .swap{font-size:56px;line-height:1.24;font-weight:300}
.swap-list{max-width:100%}
.swap-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:48px}
.swap-meta .row{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;min-width:0;min-height:136px;padding:20px 0 0}
.swap-meta .row span:first-child{color:#929292}
.swap-meta .row span:last-child{display:block;width:100%;min-height:4.2em;text-align:left;font-size:22px;line-height:1.4;overflow-wrap:anywhere}
#role-line{max-width:32ch;min-height:4.35em;font-size:24px;line-height:1.45;color:#bfbfbf}
.role-index{gap:24px;padding-top:48px;padding-bottom:0;background:none}
.role-index button{position:relative;min-width:0;min-height:100px;padding:20px 0 0;align-content:start;gap:10px;border-top-color:#343434}
.role-index button::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-p3)}
.role-index button.is-active::before{transform:scaleX(1)}
.role-index button .k{color:#929292}
.role-index button .v{font-size:20px;line-height:1.5;color:#a3a3a3;transition:color .25s ease}
.role-index button.is-active .v,.role-index button:hover .v{color:#fff}
.mobile-toggle{width:44px;height:44px}
.ref-word{display:inline-block;white-space:nowrap}
.ref-char{display:inline-block}
.ref-reveal.is-inview .ref-char{animation:ref-char-blink .32s var(--ease-p2) both;animation-delay:calc(var(--char) * 28ms + 125ms)}
.motion-on .ref-reveal:not(.is-inview) .ref-char{opacity:1}
.ref-words.is-inview .word{display:inline-block;animation:ref-word-blink .26s ease-out both;animation-delay:calc(var(--wi) * 28ms + 125ms)}
.motion-on .ref-words:not(.is-inview) .word{opacity:.3}
@keyframes ref-char-blink{
  0%{color:inherit;opacity:1}
  1%{color:var(--flash);opacity:1}
  15%{opacity:.2}
  30%{opacity:.8}
  40%{color:var(--flash);opacity:1}
  55%{opacity:1}
  70%{color:inherit;opacity:.7}
  85%,100%{opacity:1}
}
@keyframes ref-word-blink{
  0%{opacity:0;color:var(--flash)}
  25%{opacity:1;color:var(--flash)}
  45%{opacity:.4}
  100%{opacity:1;color:inherit}
}

/* Reference-style hover: a brief signal blink, then a grapheme-safe text turn. */
[data-button]{position:relative;-webkit-user-select:none;user-select:none}
[data-button-text]{position:relative;display:inline-block;min-width:0;max-width:100%;font-variant-numeric:tabular-nums;font-kerning:none;font-variant-ligatures:none;letter-spacing:0}
.button-label{display:block}
.button-motion{position:absolute;inset:0;opacity:0;pointer-events:none}
[data-button-text].is-turning>.button-label{opacity:0}
[data-button-text].is-turning>.button-motion{opacity:1}
@keyframes ref-color-blink{
  0%{color:var(--flash);opacity:0}
  20%{opacity:1}
  35%{color:var(--flash)}
  55%{opacity:.6}
  70%{color:inherit}
  85%,100%{opacity:1}
}
@keyframes ref-button-blink{
  0%{color:var(--flash);opacity:0;background:rgba(255,255,255,.1)}
  20%{opacity:1}
  35%{color:var(--flash);background:rgba(255,255,255,.2)}
  55%{opacity:.6;background:rgba(255,255,255,.1)}
  70%{color:inherit}
  85%,100%{opacity:1}
}
@keyframes ref-button-dark-blink{
  0%{color:var(--flash);opacity:0;background:rgba(0,0,0,.08)}
  20%{opacity:1}
  35%{color:var(--flash);background:rgba(0,0,0,.02)}
  55%{opacity:.6;background:rgba(0,0,0,.08)}
  70%{color:inherit}
  85%,100%{opacity:1}
}
@media (prefers-reduced-motion:no-preference){
  [data-button]:focus-visible{animation:ref-color-blink .32s cubic-bezier(.645,.045,.355,1) both}
  [data-button].icon-button:focus-visible{animation-name:ref-button-blink}
  [data-button].icon-button.is-dark:focus-visible{animation-name:ref-button-dark-blink}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  [data-button]:hover{animation:ref-color-blink .32s cubic-bezier(.645,.045,.355,1) both}
  [data-button].icon-button:hover{animation-name:ref-button-blink}
  [data-button].icon-button.is-dark:is(:hover,:focus-visible){animation-name:ref-button-dark-blink}
  .icon-button svg{transition:transform .35s var(--ease-p3)}
  .icon-button:hover svg,.icon-button:focus-visible svg{transform:translate(3px,-2px)}
  .role-index button:is(:hover,:focus-visible)::before{transform:scaleX(1)}
  .copy-button svg{transition:transform .35s var(--ease-p3)}
  .copy-button:hover svg,.copy-button:focus-visible svg{transform:translate(2px,-2px)}
  .legal-column a{position:relative;transition:color .3s ease}
  .legal-column a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-p3)}
  .legal-column a:hover::after,.legal-column a:focus-visible::after{transform:scaleX(1)}
}
@media (prefers-reduced-motion:reduce){
  [data-button]{animation:none!important}
  [data-button-text].is-turning>.button-label{opacity:1}
  [data-button-text].is-turning>.button-motion{opacity:0}
}

/* Perpetual admission signal, matching the reference's mono ticker. */
.letter-subheading[data-typing]{align-items:center;gap:clamp(8px,1.15vw,18px);flex-wrap:nowrap;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}
.letter-subheading[data-typing] .subheading{display:inline-flex;align-items:center;min-height:1em}
.letter-subheading[data-typing] [data-typing-arrow]{gap:0;color:#363636}
.letter-subheading[data-typing] .typing-char{display:inline-block;animation:typing-opacity-blink 1.2s step-start infinite;animation-delay:calc(var(--typing-index) * .15s)}
.letter-subheading[data-typing] [data-typing-blink]{animation:typing-opacity-blink 1.2s step-start infinite}
.letter-subheading[data-typing] [data-typing-text-blink]{animation:typing-color-blink 1.2s linear infinite}
@keyframes typing-opacity-blink{0%,48%{opacity:1}50%,72%{opacity:0}74%,100%{opacity:1}}
@keyframes typing-color-blink{0%,45%{color:var(--light)}30%{color:var(--flash)}60%,100%{color:var(--light)}}

/* Match the sample's broad manifesto lead instead of compressing it into a
   short centred card. The supporting paragraphs remain in the narrow column. */
.letter-heading{padding:clamp(36px,5vw,82px) 0 clamp(42px,5vw,88px);text-align:left}
.letter-heading .heading-4{width:100%;max-width:none;margin:0;font-size:clamp(34px,3.9vw,64px);line-height:1.1;letter-spacing:0;text-wrap:balance}
.letter-heading .letter-lead-reveal{display:inline}
.letter-heading .gradient-text{display:inline}
.letter-container{grid-column:4/10}

@media (max-width:767px){
  .letter-subheading[data-typing]{justify-content:flex-start;gap:7px;overflow:visible;white-space:normal;flex-wrap:wrap;line-height:1.6}
  .letter-heading{padding:28px 0 48px}
  .letter-heading .heading-4{font-size:30px;line-height:1.18}
  .letter-container{grid-column:1/-1}
}

/* Exact reference rhythm for the workflow numerals: the glyphs start just
   below the mask, flash once, then settle into the near-black ink tone. */
@keyframes number-blink-in{
  0%{color:#f7f7f7;opacity:0}
  20%{opacity:.25}
  35%{color:#f7f7f7}
  55%{opacity:.1}
  70%{color:#141414}
  85%{opacity:1}
  100%{opacity:1;color:#141414}
}
.workflow-stage [data-number] .number-mask{overflow:hidden}
.workflow-stage [data-number].is-inview [data-number-item]{animation:number-blink-in .36s var(--ease-p2) both;animation-delay:calc(var(--index) * 36ms + .2s)}

/* A real line box anchors the masked word rail to the surrounding baseline. */
.role-proof{display:block;max-width:34ch;min-height:3.2em;margin:18px 0 0;color:#f3f3f3;font-size:24px;line-height:1.35}
.role-proof .proof-tail{white-space:nowrap}
.reference-swap{display:inline-block;vertical-align:baseline;position:relative;max-width:100%;overflow:clip;line-height:inherit;width:var(--swap-width,auto);transition:width .35s var(--ease-p2)}
.reference-swap-list{display:block;position:relative;line-height:inherit}
.reference-swap-list::before{content:"\00a0";visibility:hidden}
.reference-swap-word{position:absolute;inset:0 auto auto 0;display:block;width:max-content;white-space:nowrap;opacity:0;transform:translateY(100%);transition:transform .35s var(--ease-p2),opacity .35s var(--ease-p2);-webkit-mask:linear-gradient(90deg,rgba(255,255,255,.58),rgba(0,0,0,.2));mask:linear-gradient(90deg,rgba(255,255,255,.58),rgba(0,0,0,.2))}
.reference-swap-word.is-current{opacity:1;transform:translateY(0)}
.reference-swap-word.is-leaving{opacity:0;transform:translateY(-100%)}

@media (prefers-reduced-motion:reduce){
  .reference-swap{width:auto!important;overflow:visible;transition:none}
  .reference-swap-list::before{display:none}
  .reference-swap-word{position:static;display:none;opacity:1;transform:none;transition:none;mask:none;-webkit-mask:none}
  .reference-swap-word.is-current{display:inline}
  .workflow-stage [data-number] .number-mask{overflow:visible}
  .workflow-stage [data-number] [data-number-item]{animation:none!important;color:#141414!important;opacity:1!important;transform:none!important}
}

@media (max-width:991px){
  .role-proof{font-size:21px;line-height:1.4;min-height:0}
}

/* Vertical guides introduce the long, staggered text wall. */
.industry-section{position:relative;min-height:0;padding:0;background:#000;overflow:clip}
.industry-stage{position:relative;z-index:3;width:100%;padding:320px 0 128px}
.industry-stage>.section-intro{position:relative;inset:auto;width:min(540px,90%);padding:0;margin:0 auto;gap:24px}
.industry-stage>.section-intro .heading-5{max-width:100%;font-size:38px;line-height:1.2;font-weight:300}
.industry-stage>.section-intro .subheading{color:#929292}
.industry-stage>.section-intro .svg-guideline{display:none}
.industry-stage>.section-intro::before,.industry-stage>.section-intro::after{content:"";position:absolute;width:1px;left:50%;height:280px;background:linear-gradient(transparent,#282828,transparent);pointer-events:none}
.industry-stage>.section-intro::before{bottom:calc(100% + 48px)}
.industry-stage>.section-intro::after{top:calc(100% + 48px)}
.industry-vid{position:absolute;inset:auto 0 0;height:1080px;z-index:0;opacity:1;overflow:hidden}
.industry-vid .full-video{width:100%;height:100%;object-fit:cover}
.industry-stage .is-industry{position:relative;inset:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;width:100%;min-height:0;margin-top:min(44svh,400px);padding:0 var(--grid-margin)}
.industry-section .industry-stage .list-row{position:relative;inset:auto;display:block;width:max-content;max-width:100%;min-width:0;padding:4px 0;border:0;opacity:1;transform:none;transition:none;cursor:default;background:none}
.industry-stage .list-row::after,.industry-stage .list-row .tag{display:none}
.industry-stage .list-row .heading-3{display:block;white-space:normal;font-size:80px;line-height:1.18;letter-spacing:0;font-weight:300;text-align:left;color:#f7f7f7}
.industry-stage .list-row:nth-child(1){grid-column:2/-1;justify-self:start}
.industry-stage .list-row:nth-child(2){grid-column:3/-1;justify-self:start}
.industry-stage .list-row:nth-child(3){grid-column:1/-1;justify-self:start}
.industry-stage .list-row:nth-child(4){grid-column:3/-1;justify-self:start}
.industry-stage .list-row:nth-child(5){grid-column:5/-1;justify-self:end;margin-top:96px}
.industry-stage .list-row:nth-child(6){grid-column:4/12;justify-self:end}
.industry-stage .list-row:nth-child(7){grid-column:4/-1;justify-self:end}
.industry-stage .list-row:nth-child(8){grid-column:3/11;justify-self:start}

/* Both instruments share a fixed stage, so ticks and orbits stay circular. */
.stats-section{position:relative;min-height:0;padding:0 var(--grid-margin) 224px;background:#000;overflow:clip}
.stats-section>.micro-strip{position:absolute;inset:48px var(--grid-margin) auto;padding:0;opacity:.8}
.stats-section>.section-intro{width:100%;padding:336px 0 0;margin:0;gap:0}
.stats-section>.section-intro .svg-guideline{display:none}
.stats-section>.section-intro .heading-5{font-size:56px;line-height:1.14;font-weight:300;max-width:15ch;letter-spacing:0}
.stats-section>.section-intro::before,.stats-section>.section-intro::after{content:"";position:absolute;left:50%;width:1px;background:linear-gradient(transparent,#292929,transparent);height:200px;pointer-events:none}
.stats-section>.section-intro::before{top:100px}
.stats-section>.section-intro::after{top:calc(100% + 44px);height:220px}
.stats-section .stats-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin:128px 0 0;padding:0;position:relative;z-index:2}
.stats-section .stat-half{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:38px;padding:0;border:0}
.stats-section .stat-half+.stat-half{border:0;padding:0}
.stats-section .stat-number-wrap{position:relative;display:grid;grid-template:1fr/1fr;place-items:center;width:100%;height:560px;aspect-ratio:auto;border:0;border-radius:0;transform:none;opacity:1;transition:none;overflow:visible}
.stats-section .stat-number-wrap::before,.stats-section .stat-number-wrap::after{content:none}
.stats-section .stat-ticks{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.stats-section .stat-number{position:relative;grid-area:1/1;z-index:2;font:300 204px/1 var(--display);letter-spacing:0;font-variant-numeric:tabular-nums;color:#fff}
.stats-section .stat-orbit{position:absolute;width:67%;height:auto;aspect-ratio:1;border:1px solid #303030;border-radius:50%;margin-block:auto}
.stats-section .orbit-left{inset:0 auto 0 0}
.stats-section .orbit-right{inset:0 0 0 auto}
.stats-section .orbit-center{inset:0;width:34%;margin:auto;background:transparent}
.stats-section .stat-note{position:static;transform:none;width:100%;max-width:38ch;display:grid;gap:12px;text-align:center}
.stats-section .stat-note .stat-descriptor{font-size:16px;line-height:1.5;color:#eee}

/* Statement, film, then the four proof columns. */
.process-section{padding:0 0 224px;min-height:0;background:#000;overflow:clip}
.workflow-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:0;min-height:0;height:auto}
.workflow-stage .offlimits-wrap{position:relative;z-index:3;width:100%;padding:48px var(--grid-margin);text-align:left}
.workflow-stage .offlimits-wrap>.subheading{display:none}
.workflow-stage .offlimits-text{max-width:none;width:100%;margin:0;font-size:54px;line-height:1.14;letter-spacing:0;font-weight:300;text-align:left;text-wrap:balance}
.workflow-stage .process-media{position:relative;inset:auto;z-index:1;width:90%;height:auto;aspect-ratio:16/9;min-height:0;max-height:none;margin:-36px 0 0;overflow:hidden;clip-path:none!important;opacity:1!important;transition:none}
.workflow-stage .process-media::before,.workflow-stage .process-media::after{content:none}
.workflow-stage .process-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:none}
.workflow-stage .process-media .gradient-overlay{background:linear-gradient(#000,transparent 20%,transparent 80%,#000)}
.workflow-stage .steps-container{position:relative;inset:auto;z-index:3;display:flex;flex-direction:column;align-items:center;gap:128px;width:100%;margin:-128px 0 0;padding:0 var(--grid-margin)}
.workflow-stage .steps-heading{display:block;align-self:center;width:min(480px,100%);margin:0;padding:0;text-align:center}
.workflow-stage .steps-heading .heading-5{font-size:54px;line-height:1.14;font-weight:300}
.workflow-stage .workflow-count,.workflow-chapters{display:none!important}
.workflow-stage .steps-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:none;gap:24px;align-items:start;width:100%;min-height:0}
.workflow-stage .icon-column,.workflow-stage .icon-column.is-active{position:static!important;grid-area:auto!important;align-self:start;width:100%;min-width:0;margin:0;display:flex;flex-direction:column;gap:0;opacity:var(--ref-opacity,1)!important;visibility:visible!important;transform:translate3d(0,var(--ref-y,0px),0)!important;pointer-events:auto;transition:none}
.workflow-stage .number-mask{position:relative;width:100%;height:88px;overflow:hidden;background:none;border-bottom:1px dashed #202020}
.workflow-stage .step-number{position:static;display:block;font:300 144px/1 var(--display);letter-spacing:0;color:#151515}
.workflow-stage .icon-column .gate-ico{width:40px;height:40px;margin:24px 0 112px}
.workflow-stage .icon-column h3{font-size:28px;line-height:1.2;max-width:100%;font-weight:300;margin:0 0 40px}
.workflow-stage .icon-column p{font:300 27px/1.3 var(--display);max-width:18ch;color:#969696;letter-spacing:0}

/* Only the comparison rail is sticky. The four left titles remain in flow. */
.benefits-section{position:relative;min-height:0;padding:0;background:#000;overflow:clip}
.benefits-stage{position:relative;min-height:0;overflow:visible}
.benefits-media{position:absolute;inset:0;z-index:0;opacity:1;overflow:clip}
.benefits-media::after{content:none}
.benefits-background{position:sticky;top:0;width:100%;height:100svh;background:url('assets/images/drone-bg.jpg') center/cover no-repeat;transform:none;transition:none}
.benefits-stage .benefits-inner{position:relative;z-index:2;display:flex;gap:0;align-items:stretch;padding:0 var(--grid-margin);min-height:0}
.benefits-section .benefits-left{width:50%;flex:0 0 50%;display:block;padding:0;opacity:1;transform:none;transition:none}
.benefits-nav{position:sticky;top:48px;z-index:4;margin-top:48px;margin-bottom:-82px;display:flex;align-items:center;justify-content:center;height:34px;width:122px;padding:0 12px;background:rgba(255,255,255,.1);backdrop-filter:blur(24px);border-radius:2px;font-size:11px;letter-spacing:0}
.benefits-title-wrap{position:relative;display:block;margin:0;padding:50svh 24px 224px;width:100%;transform:none}
.benefit-story{height:78svh;min-height:460px}
.benefit-story .heading-4{max-width:100%;font-size:50px;line-height:1.18;font-weight:300;letter-spacing:0}
.benefit-story .gradient-text{color:#909090}
.benefits-title-wrap>.pager{display:none}
.benefits-section .benefits-right{width:50%;flex:0 0 50%;height:100svh;min-height:620px;position:sticky;top:0;align-self:flex-start;display:flex;padding:48px 0 48px 24px;opacity:1;transform:none;transition:none}
.benefits-section .benefits-box{display:block;width:100%;height:100%;padding:10px;border:0;background:none;backdrop-filter:none}
.benefits-box::before,.benefits-box::after,.benefits-box>.corner-bl,.benefits-box>.corner-br{display:none}
.benefits-section .compare-stack{display:grid;width:100%;height:100%}
.benefits-section .compare-slide{grid-area:1/1;display:flex;flex-direction:column;gap:58px;width:100%;height:100%;padding:0;opacity:0;visibility:hidden;transform:none;transition:none}
.benefits-section .compare-slide.is-active{opacity:1;visibility:visible}
.comparison-topic{display:none}
.comparison-topic>span{display:block;color:#999}
.benefits-section .comparison-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:24px;flex:1;min-height:0;padding:42px 48px;background:#000;border:0;opacity:1}
.comparison-panel::before,.comparison-panel::after{content:"";position:absolute;inset:-10px;pointer-events:none;background:linear-gradient(#ddd,#ddd) left top/25px 1px no-repeat,linear-gradient(#ddd,#ddd) left top/1px 25px no-repeat,linear-gradient(#ddd,#ddd) right top/25px 1px no-repeat,linear-gradient(#ddd,#ddd) right top/1px 25px no-repeat}
.comparison-panel::after{transform:rotate(180deg)}
.comparison-old::before,.comparison-old::after{opacity:.22}
.benefits-section .comparison-brand{font:400 36px/1.2 var(--display);letter-spacing:0;color:#fff;text-transform:none}
.benefits-section .comparison-panel .compare-head{display:none}
.benefits-section .comparison-panel .compare-text,.benefits-section .comparison-old p{font:300 28px/1.28 var(--display);max-width:100%;color:#fff;letter-spacing:0}
.benefits-section .comparison-old h4{font:300 36px/1.2 var(--display);color:#fff;letter-spacing:0}
.benefits-section .comparison-old p{color:#929292}
.motion-on .compare-slide.is-active .comparison-panel p:not(.comparison-brand) .word{display:inline-block;animation:ref-word-blink .26s ease-out both;animation-delay:calc(var(--wi) * 28ms + 125ms)}

@media (min-width:1600px){
  h1.hero-title{font-size:92px}
  .intro-title-contain .display{font-size:86px}
  .industry-stage{padding-top:360px}
  .industry-stage .list-row .heading-3{font-size:100px}
  .industry-vid{height:1320px}
  .stats-section .stat-number-wrap{height:720px}
  .stats-section .stat-number{font-size:260px}
  .workflow-stage .offlimits-text{font-size:68px}
  .workflow-stage .steps-heading .heading-5{font-size:60px}
  .benefit-story .heading-4{font-size:60px}
  .benefits-section .comparison-panel .compare-text,.benefits-section .comparison-old p{font-size:32px}
}
@media (max-width:1199px){
  h1.hero-title{font-size:64px}
  .protection-grid{column-gap:40px}
  .protection-left .max-h3{font-size:44px}
  .protection-left>.body-large{font-size:20px}
  .protection-right .swap{font-size:40px}
  .swap-meta{gap:20px 24px}
  .swap-meta .row span:last-child{font-size:20px}
  #role-line{font-size:22px}
  .industry-stage .list-row .heading-3{font-size:64px}
  .stats-section .stat-number-wrap{height:440px}
  .stats-section .stat-number{font-size:168px}
  .workflow-stage .offlimits-text{font-size:44px}
  .workflow-stage .icon-column h3{font-size:24px}
  .workflow-stage .icon-column p{font-size:22px}
  .benefit-story .heading-4{font-size:38px}
  .benefits-section .comparison-panel{padding:32px 28px}
  .benefits-section .comparison-brand,.benefits-section .comparison-old h4{font-size:28px}
  .benefits-section .comparison-panel .compare-text,.benefits-section .comparison-old p{font-size:23px}
}
@media (max-width:991px){
  h1.hero-title{font-size:60px}
  .intro-title-contain .display{font-size:56px}
  .intro-title-contain{padding-top:96px;padding-bottom:112px}
  .intro-section{padding-bottom:96px}
  .intro-body{grid-column:1/-1}
  .intro-section .intro-vid{position:relative;inset:auto;grid-column:1/-1;width:calc(100% + var(--grid-margin) * 2);height:auto;aspect-ratio:16/9;margin:-80px calc(var(--grid-margin) * -1) 32px}
  .intro-vid .gradient-overlay{background:linear-gradient(#000,transparent 20%,transparent 78%,#000)}
  .protection-left .max-h3{font-size:48px}
  .protection-left .protection-vid-container{width:calc(100% + var(--grid-margin) * 2);margin:-24px calc(var(--grid-margin) * -1)}
  .protection-vid-container .frame{aspect-ratio:1.85;max-height:480px}
  .protection-right{margin-top:64px}
  .protection-right .swap{font-size:48px}
  .swap-meta .row{min-height:0}
  .role-index{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:32px}
  .role-index button .v{font-size:16px}
  .industry-stage{padding:240px 0 128px}
  .industry-stage .list-row .heading-3{font-size:52px}
  .industry-vid{height:1000px}
  .stats-section{padding-bottom:140px}
  .stats-section>.section-intro{padding-top:240px}
  .stats-section>.section-intro .heading-5{font-size:44px}
  .stats-section .stats-container{gap:32px;margin-top:100px}
  .stats-section .stat-number-wrap{height:340px}
  .stats-section .stat-number{font-size:128px}
  .stats-section .stat-note .stat-descriptor{font-size:14px}
  .workflow-stage .steps-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 32px}
  .workflow-stage .icon-column .gate-ico{margin-bottom:56px}
  .workflow-stage .steps-heading .heading-5{font-size:44px}
  .workflow-stage .steps-container{margin-top:-80px;gap:80px}
  .process-section{padding-bottom:128px}
}

/* Small screens show complete stories instead of a hidden sticky slideshow. */
@media (max-width:991px),(max-height:559px),(prefers-reduced-motion:reduce){
  .benefits-stage .benefits-inner{display:block;padding:64px var(--grid-margin)}
  .benefits-section .benefits-left{display:none}
  .benefits-section .benefits-right{position:relative;top:auto;display:block;width:100%;height:auto;min-height:0;padding:0}
  .benefits-section .benefits-box{height:auto;padding:10px}
  .benefits-section .compare-stack{height:auto;display:flex;flex-direction:column;gap:96px}
  .benefits-section .compare-slide{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;height:auto;opacity:1;visibility:visible}
  .comparison-topic{display:block;grid-column:1/-1;font:300 40px/1.2 var(--display);letter-spacing:0;padding:0 0 24px}
  .benefits-section .comparison-panel{min-height:320px;padding:32px;gap:48px}
  .benefits-background{height:100svh}
}
@media (max-width:767px){
  h1.hero-title{font-size:40px;line-height:1.18;width:100%;max-width:100%}
  .hero-container{gap:24px;padding-top:104px}
  .hero-section{height:auto;min-height:calc(100svh - 80px);padding-bottom:56px}
  .intro-title-contain .display{font-size:36px;line-height:1.24}
  .intro-title-contain{padding-top:80px;padding-bottom:96px}
  .intro-section{padding-bottom:64px}
  .intro-body .body-large{font-size:24px;line-height:1.45}
  .intro-body .body-copy{font-size:15px;line-height:1.65}
  .intro-section .intro-vid{aspect-ratio:1.25;margin-top:-64px;margin-bottom:24px}
  .intro-section>.micro-row{grid-template-columns:32px 1fr;gap:16px}
  .intro-section>.micro-row .col-icon{grid-column:1!important}
  .intro-section>.micro-row .col-text{grid-column:2!important}
  .intro-section>.micro-row .col-text~.col-text{display:none}
  .protection-left .max-h3{font-size:36px;line-height:1.24}
  .protection-left .body-large{font-size:18px;line-height:1.5}
  .protection-left .protection-vid-container{margin-top:-16px;margin-bottom:-24px}
  .protection-vid-container .frame{aspect-ratio:1.35}
  .protection-right{margin-top:48px}
  .protection-right .medium-flex{margin-top:24px}
  .protection-right .swap{font-size:34px;line-height:1.24}
  .swap-meta{margin-top:24px;gap:16px 24px}
  .swap-meta .row{gap:12px;padding-top:16px}
  .swap-meta .row span:last-child{font-size:17px;line-height:1.5;min-height:4.5em}
  #role-line{font-size:19px;line-height:1.5;min-height:4.5em}
  .role-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding-top:24px}
  .role-index button{min-height:96px;padding-top:16px}
  .workflow-stage .offlimits-text{max-width:24ch}
  .ref-word{max-width:100%}
  .industry-stage{padding:180px 0 96px}
  .industry-stage>.section-intro{width:calc(100% - 40px);gap:24px}
  .industry-stage>.section-intro .heading-5{font-size:28px;line-height:1.25}
  .industry-stage>.section-intro::before,.industry-stage>.section-intro::after{height:150px}
  .industry-stage .is-industry{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:34px;margin-top:196px;padding:0 20px}
  .industry-stage .list-row .heading-3{white-space:normal;font-size:34px;line-height:1.24}
  .industry-stage .list-row:nth-child(n){grid-column:1/-1;justify-self:start}
  .industry-stage .list-row:nth-child(even){justify-self:end}
  .industry-stage .list-row:nth-child(4){grid-column:2/-1;justify-self:start}
  .industry-stage .list-row:nth-child(5){margin-top:40px;justify-self:end}
  .industry-vid{height:1000px}
  .stats-section{padding:0 16px 96px}
  .stats-section>.micro-strip{display:none}
  .stats-section>.section-intro{padding-top:164px}
  .stats-section>.section-intro .heading-5{font-size:34px;line-height:1.18}
  .stats-section>.section-intro::before{top:0;height:120px}
  .stats-section>.section-intro::after{display:none}
  .stats-section .stats-container{grid-template-columns:1fr;gap:72px;margin-top:72px}
  .stats-section .stat-half{gap:24px}
  .stats-section .stat-number-wrap{height:340px;max-width:430px}
  .stats-section .stat-number{font-size:132px}
  .stats-section .stat-note .stat-descriptor{font-size:15px}
  .workflow-stage .offlimits-wrap{padding:40px 20px}
  .workflow-stage .offlimits-text{font-size:30px;line-height:1.24}
  .workflow-stage .process-media{width:100%;margin-top:-20px;aspect-ratio:1.3}
  .workflow-stage .steps-container{margin-top:-48px;padding:0 20px;gap:72px}
  .workflow-stage .steps-heading .heading-5{font-size:34px;line-height:1.2}
  .workflow-stage .steps-row{grid-template-columns:1fr;gap:72px}
  .workflow-stage .icon-column{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px}
  .workflow-stage .number-mask{grid-column:1/-1;height:70px;margin-bottom:24px}
  .workflow-stage .step-number{font-size:112px}
  .workflow-stage .icon-column .gate-ico{grid-column:1;grid-row:2/4;width:36px;height:36px;margin:0}
  .workflow-stage .icon-column h3{grid-column:2;font-size:26px;margin:0 0 20px}
  .workflow-stage .icon-column p{grid-column:2;font-size:22px;line-height:1.4;max-width:100%}
  .benefits-stage .benefits-inner{padding:64px 26px 96px}
  .benefits-section .compare-stack{gap:96px}
  .benefits-section .compare-slide{grid-template-columns:1fr;gap:40px}
  .comparison-topic{font-size:32px;line-height:1.22;padding:0 0 8px}
  .benefits-section .comparison-panel{min-height:310px;padding:28px 24px;gap:48px}
  .benefits-section .comparison-brand,.benefits-section .comparison-old h4{font-size:26px}
  .benefits-section .comparison-panel .compare-text,.benefits-section .comparison-old p{font-size:22px;line-height:1.4}
  .scroll-progress{display:none}
}
@media (max-width:359px){
  h1.hero-title{font-size:36px}
  .industry-stage .list-row .heading-3{font-size:30px}
  .stats-section .stat-number-wrap{height:290px}
  .comparison-topic{font-size:28px}
}
@media (min-width:992px) and (max-height:760px){
  .benefits-section .benefits-right{min-height:0;padding-top:32px;padding-bottom:32px}
  .benefits-section .compare-slide{gap:40px}
  .benefits-section .comparison-panel{padding:24px 32px;gap:16px}
  .benefits-section .comparison-brand,.benefits-section .comparison-old h4{font-size:28px}
  .benefits-section .comparison-panel .compare-text,.benefits-section .comparison-old p{font-size:22px;line-height:1.25}
}
@media (prefers-reduced-motion:reduce){
  .ref-char,.motion-on .ref-reveal:not(.is-inview) .ref-char{opacity:1;animation:none!important}
  .word{opacity:1!important;animation:none!important}
  .workflow-stage .icon-column{--ref-opacity:1!important;--ref-y:0px!important}
  .full-video,.letter-video{transform:none!important}
}