.data-journey__next{display:none}
.data-journey__sticky[data-stage="2"] .data-journey__next{display:grid}
.data-story{position:relative;min-height:calc(100svh - 84px);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:flex;align-items:center;isolation:isolate}
.data-story__inner{width:min(100%,1600px);margin-inline:auto;padding:clamp(55px,7vh,90px) var(--gutter);position:relative;z-index:2}
.data-story__split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(45px,5vw,90px)}
.data-story__narrative{max-width:650px}
.data-story h2{font-size:clamp(44px,4.25vw,68px);line-height:1.08;font-weight:800;letter-spacing:-.055em;margin:31px 0 30px;text-wrap:balance}
.data-story h2 em{font-style:normal;color:#6cddce}
.data-story p{font-size:clamp(18px,1.45vw,23px);line-height:1.48;max-width:600px;margin:0;text-wrap:pretty}
.data-story .signal-rule{--signal-length:clamp(145px,18vw,280px)}
.data-story .signal-rule::before{background:#fbbf24}
.data-story .signal-rule::after{background:#77e4d4}
.data-story--count{background:#eaf1f0;color:#102332;display:grid;grid-template-columns:1fr 1fr;height:calc(100svh - 84px)}
.data-story__photo{height:100%;min-height:0;overflow:hidden}
.data-story__photo img{width:100%;height:100%;object-fit:cover;object-position:51% 49%}
.data-story__copy{width:100%;max-width:760px;padding:clamp(55px,7vh,100px) clamp(48px,6.5vw,110px);justify-self:center}
.data-story--count h2 em,.data-story--method h2 em{color:#087f73}
.data-story--count .signal-rule::before,.data-story--method .signal-rule::before{background:#c18413}
.data-story--count .signal-rule::after,.data-story--method .signal-rule::after{background:#087f73}
.data-story--count p{font-size:clamp(17px,1.3vw,21px)}
.data-offer-terms{display:flex;align-items:center;gap:clamp(7px,1vw,13px);flex-wrap:nowrap;margin-top:clamp(34px,5vh,60px);font-size:clamp(13px,1.05vw,16px);font-weight:800}
.data-offer-terms span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px clamp(10px,1.1vw,16px);border:1px solid;border-radius:999px;white-space:nowrap;line-height:1;transform-origin:center;position:relative;z-index:1}
.data-offer-terms__supplier{border-color:#087f73;background:rgba(8,127,115,.1);color:#075e57}
.data-offer-terms__products{border-color:#8063b0;background:rgba(105,83,151,.12);color:#493965}
.data-offer-terms__experiences{border-color:#ad7d22;background:rgba(182,130,36,.13);color:#6c4910}
.data-offer-terms i{width:clamp(15px,2vw,29px);height:2px;position:relative;background:#a7b5ba;flex:none}
.data-offer-terms i::after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-top:2px solid #a7b5ba;border-right:2px solid #a7b5ba;transform:translateY(-50%) rotate(45deg)}
.data-story--method{background:#eaf1f0;color:#102332}
.data-method{height:min(70vh,650px);min-height:470px;position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid #b1cdcb;border-radius:24px;overflow:hidden}
.data-method::after{content:"→";position:absolute;z-index:3;left:50%;top:50%;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:#fbbf24;color:#102332;font-size:25px;box-shadow:0 0 0 6px #eaf1f0}
.data-method__passive,.data-method__active{display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(13px,1.45vw,23px);padding:clamp(30px,4vw,60px);padding-top:clamp(36px,calc((70vh - 350px)/2),145px);min-width:0}
.data-method__passive{background:#d9e5e3;color:#455c62}
.data-method__active{position:relative;isolation:isolate;background:radial-gradient(circle at 88% 15%,rgba(40,183,177,.28),transparent 39%),radial-gradient(circle at 12% 88%,rgba(18,102,134,.48),transparent 58%),linear-gradient(145deg,#10283d 0%,#0b3146 48%,#0b5059 100%);color:#f7fbfa}
.data-method__active::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.36;background-image:linear-gradient(rgba(119,228,212,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(119,228,212,.12) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(115deg,transparent 10%,#000 95%)}
.data-method__active>*{position:relative;z-index:1}
.data-method strong{display:block;min-height:2.2em;max-width:270px;font-family:'Avenir Next',Avenir,ui-sans-serif,sans-serif;font-size:clamp(29px,3vw,48px);line-height:1.1;letter-spacing:-.05em}
.data-method span{font-size:clamp(14px,1.2vw,18px);line-height:1.4;max-width:250px}
.data-method__passive>span,.data-method__active>span{max-width:none;min-height:1.4em;white-space:nowrap;font-size:clamp(10px,1.08vw,17px)}
.data-method__listing,.data-method__site{position:relative;flex:none;min-height:152px;width:100%;border-radius:14px;padding:17px 18px;overflow:hidden}
.data-method__listing{border:1px solid #a9bdc0;background:rgba(244,248,247,.55);box-shadow:0 12px 24px rgba(25,59,64,.06)}
.data-method__site{border:1px solid rgba(119,228,212,.55);background:#173d49;box-shadow:0 16px 30px rgba(0,0,0,.19)}
.data-method__mock-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px;font-size:clamp(11px,.82vw,13px);letter-spacing:.04em;text-transform:uppercase}
.data-method__mock-top b{font-weight:800}
.data-method__site .data-method__mock-top{color:#b4eee4}
.data-method__clock{display:block;position:relative;flex:none;width:18px;height:18px;border:2px solid #8da7a9;border-radius:50%}
.data-method__clock::before,.data-method__clock::after{content:"";position:absolute;left:7px;top:3px;background:#8da7a9;border-radius:2px}
.data-method__clock::before{width:2px;height:6px}
.data-method__clock::after{width:6px;height:2px;top:8px}
.data-method__site-dot{display:block;width:8px;height:8px;border-radius:50%;background:#77e4d4;box-shadow:0 0 0 5px rgba(119,228,212,.13)}
.data-method__mock-line{height:7px;margin-bottom:11px;border-radius:6px;background:#aabfc0;opacity:.6}
.data-method__mock-line:nth-of-type(3){width:70%}
.data-method__mock-line:nth-of-type(4){width:83%}
.data-method__site .data-method__mock-line{background:#64bcb4;opacity:.48}
.data-method__listing small{display:block;margin-top:12px;color:#61797c;font-size:clamp(10px,.78vw,12px);font-weight:700}
.data-method__scan{position:absolute;left:0;right:0;top:30px;height:44px;opacity:0;background:linear-gradient(180deg,transparent,rgba(119,228,212,.24) 75%,#77e4d4 100%);box-shadow:0 3px 15px rgba(119,228,212,.15);pointer-events:none}
.data-method__findings{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-height:29px;margin-top:clamp(3px,1vh,11px);text-align:center}
.data-method__findings small{color:#a4d8d4;font-size:clamp(10px,.8vw,12px);font-weight:700;margin-right:2px}
.data-method__findings b{border:1px solid rgba(119,228,212,.5);border-radius:999px;background:rgba(119,228,212,.12);padding:5px 6px;color:#d7fff6;font-size:clamp(10px,.79vw,12px);font-weight:750;line-height:1}
@keyframes data-offer-pop{0%,7%,30%,100%{transform:translateY(0) scale(1);box-shadow:none}13%,22%{transform:translateY(-5px) scale(1.11);box-shadow:0 12px 20px rgba(14,50,60,.21)}}
@keyframes data-method-scan{0%,10%{opacity:0;transform:translateY(-48px)}17%{opacity:1}57%{opacity:1;transform:translateY(92px)}64%,100%{opacity:0;transform:translateY(92px)}}
@keyframes data-method-found{0%,58%{opacity:.38;transform:translateY(5px) scale(.96)}66%,87%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:.38;transform:translateY(5px) scale(.96)}}
@keyframes data-method-source-dot{0%,12%,88%,100%{box-shadow:0 0 0 5px rgba(119,228,212,.13)}32%,60%{box-shadow:0 0 0 8px rgba(119,228,212,.23),0 0 18px #77e4d4}}
@media(prefers-reduced-motion:no-preference){
  .data-story--count.is-active .data-offer-terms span{animation:data-offer-pop 3.6s cubic-bezier(.18,.8,.22,1) infinite}
  .data-story--count.is-active .data-offer-terms span.data-offer-terms__products{animation-delay:1.2s}
  .data-story--count.is-active .data-offer-terms span.data-offer-terms__experiences{animation-delay:2.4s}
  .data-story--method.is-active .data-method__scan{animation:data-method-scan 4.8s ease-in-out infinite}
  .data-story--method.is-active .data-method__site-dot{animation:data-method-source-dot 4.8s ease-in-out infinite}
  .data-story--method.is-active .data-method__findings b{animation:data-method-found 4.8s ease-in-out infinite}
  .data-story--method.is-active .data-method__findings b:nth-of-type(2){animation-delay:.18s}
  .data-story--method.is-active .data-method__findings b:nth-of-type(3){animation-delay:.36s}
}
.data-story--refresh{background:#091b2a;color:#f8fbfa}
.data-refresh{height:min(70vh,650px);min-height:470px;position:relative;border:1px solid rgba(126,183,192,.36);border-radius:24px;overflow:hidden;background:#0d2738}
.data-refresh::before{content:"";position:absolute;inset:0;opacity:.46;background-image:linear-gradient(rgba(126,220,222,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(126,220,222,.075) 1px,transparent 1px);background-size:49px 49px}
.data-refresh__view{position:absolute;top:16%;width:42%;height:62%;border:1px solid #547988;border-radius:20px;background:#173748;box-shadow:0 18px 36px rgba(0,0,0,.15);padding:clamp(17px,2vw,30px);display:flex;flex-direction:column;gap:25px}
.data-refresh__view--earlier{left:5%;opacity:.78}
.data-refresh__view--clone{z-index:4;left:5%;opacity:0;pointer-events:none}
.data-refresh__view--updated{right:5%;border-color:#77e4d4;background:#173e48;opacity:0;transform:translateY(14px)}
.data-refresh__view strong{font-size:clamp(19px,2vw,30px);line-height:1.15;font-weight:800;letter-spacing:-.04em}
.data-refresh__field{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center}
.data-refresh__cell{width:100%;height:100%;display:grid;place-items:center}
.data-refresh__cell i{display:block;width:clamp(12px,1.5vw,22px);height:clamp(12px,1.5vw,22px);border-radius:50%;background:#42b9ae;box-shadow:0 0 0 5px rgba(66,185,174,.12)}
.data-refresh__cell.is-retired i{border:2px solid #d9aa4d;background:transparent;box-shadow:0 0 0 5px rgba(217,170,77,.1)}
.data-refresh__view--updated .is-new i{background:#fbbf24;box-shadow:0 0 0 5px rgba(251,191,36,.17)}
@keyframes data-refresh-clone-cycle{0%,7%{opacity:0;transform:translateX(0) scale(.98)}10%{opacity:.95;transform:translateX(0) scale(1)}27%{opacity:.95;transform:translateX(114.3%) scale(1)}34%,100%{opacity:0;transform:translateX(114.3%) scale(.98)}}
@keyframes data-refresh-view-cycle{0%,27%{opacity:0;transform:translateY(9px) scale(.96)}34%{opacity:1;transform:translateY(-5px) scale(1.015)}39%,83%{opacity:1;transform:translateY(0) scale(1)}92%,100%{opacity:0;transform:translateY(8px) scale(.98)}}
@keyframes data-refresh-retired-cycle{0%,42%{opacity:1;transform:scale(1)}52%{opacity:0;transform:scale(.2)}100%{opacity:0;transform:scale(.2)}}
@keyframes data-refresh-new-cycle{0%,51%{opacity:0;transform:scale(.2)}59%{opacity:1;transform:scale(1.35)}65%,83%{opacity:1;transform:scale(1)}92%,100%{opacity:0;transform:scale(.6)}}
@keyframes data-refresh-continuing-cycle{0%,41%{transform:scale(1)}47%{transform:scale(1.22)}54%,100%{transform:scale(1)}}
.data-story.is-active .data-refresh__view--clone{animation:data-refresh-clone-cycle 5.2s cubic-bezier(.24,.76,.24,1) infinite}
.data-story.is-active .data-refresh__view--updated{animation:data-refresh-view-cycle 5.2s ease-in-out infinite}
.data-story.is-active .data-refresh__view--updated .is-retired i{animation:data-refresh-retired-cycle 5.2s ease-in-out infinite}
.data-story.is-active .data-refresh__view--updated .is-new i{animation:data-refresh-new-cycle 5.2s cubic-bezier(.2,.8,.2,1.4) infinite}
.data-story.is-active .data-refresh__view--updated .is-continuing i{animation:data-refresh-continuing-cycle 5.2s ease-in-out infinite}
.data-refresh__note{position:absolute;left:5%;right:5%;bottom:6%;text-align:center;color:#c4dbdc;font-size:clamp(13px,1.1vw,17px);font-weight:700}
.data-story--next{background:linear-gradient(90deg,rgba(5,17,28,.91),rgba(5,17,28,.69) 49%,rgba(5,17,28,.17)),url('../assets/data/destination-estuary.png') center/cover;color:#fff}
.data-story--next h2{max-width:1000px;font-size:clamp(44px,5.1vw,82px);line-height:1.1}
.data-story--next p{max-width:620px;margin-bottom:35px}
.data-story--next .button{background:var(--destination-cta);color:#102332;border-radius:var(--destination-cta-radius);max-width:310px}
.data-story--next .button:hover{background:var(--destination-cta-hover)}
.data-story .scene-next{color:#12313c;border-color:rgba(103,129,138,.8);background:rgba(248,251,251,.8)}
.data-story .scene-next:hover{color:#08242d;background:#77e4d4;border-color:#77e4d4}
.data-story--refresh .scene-next{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(5,20,29,.22)}
.data-story--refresh .scene-next:hover{color:#08242d}
@media(prefers-reduced-motion:no-preference) and (min-width:761px){
  .data-story h2,.data-story p,.data-story .signal-rule,.data-story .button{opacity:0;transform:translateY(23px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.78,.2,1)}
  .data-story.is-active h2,.data-story.is-active p,.data-story.is-active .signal-rule,.data-story.is-active .button{opacity:1;transform:translateY(0)}
  .data-story p,.data-story .button{transition-delay:.16s}
  .data-story__photo img,.data-method,.data-refresh{opacity:.65;transform:scale(1.035);transition:opacity .85s ease,transform 1.05s cubic-bezier(.2,.78,.2,1)}
  .data-story.is-active .data-story__photo img,.data-story.is-active .data-method,.data-story.is-active .data-refresh{opacity:1;transform:scale(1)}
}
@media(max-width:1050px){.data-story__split{gap:35px}.data-story p{font-size:18px}.data-story__copy{padding-inline:clamp(30px,4vw,55px)}.data-offer-terms{gap:7px}}
@media(max-width:760px){
  .data-story{min-height:calc(100svh - 70px)}
  .data-story__inner{padding:45px var(--gutter) 65px}
  .data-story__split{display:flex;flex-direction:column;align-items:stretch;gap:30px}
  .data-story__narrative{max-width:none}
  .data-story h2{font-size:clamp(39px,9.2vw,56px);margin:22px 0 20px}
  .data-story p{font-size:clamp(16px,4.3vw,20px)}
  .data-story--count{display:flex;flex-direction:column;height:auto}
  .data-story__photo{width:100%;height:38svh;min-height:255px;flex:none}
  .data-story__photo img{object-position:center 12%}
  .data-story__copy{padding:36px var(--gutter) 90px;max-width:none}
  .data-offer-terms{margin-top:28px;gap:6px;font-size:12px}
  .data-offer-terms span{min-height:32px;padding:7px 9px}
  .data-offer-terms i{width:14px}
  .data-method,.data-refresh{height:32svh;min-height:250px}
  .data-method strong{font-size:clamp(20px,5vw,29px)}
  .data-method span{font-size:11px}
  .data-method__passive,.data-method__active{gap:9px;padding:18px}
  .data-method__passive>span,.data-method__active>span{font-size:clamp(7px,2.4vw,9.4px);letter-spacing:-.025em}
  .data-method::after{width:26px;height:26px;font-size:16px;box-shadow:0 0 0 3px #eaf1f0}
  .data-method__listing,.data-method__site{min-height:94px;padding:10px 10px;border-radius:9px}
  .data-method__mock-top{font-size:8px;margin-bottom:10px}
  .data-method__clock{width:14px;height:14px}
  .data-method__clock::before{left:5px;top:2px;height:5px}
  .data-method__clock::after{left:5px;top:6px;width:5px}
  .data-method__mock-line{height:5px;margin-bottom:7px}
  .data-method__listing small{font-size:8px;margin-top:7px}
  .data-method__scan{top:20px;height:23px}
  .data-method__findings{gap:3px;margin-top:2px}
  .data-method__findings small{font-size:8px;width:100%}
  .data-method__findings b{font-size:8px;padding:4px 5px}
  .data-refresh__view{top:13%;height:65%;padding:12px;gap:12px;border-radius:13px}
  .data-refresh__view strong{font-size:16px}
  .data-refresh__note{font-size:11px}
  .data-story--next h2{font-size:clamp(44px,5.1vw,82px)}
}
@media(max-width:420px) and (max-height:730px){.data-story__inner{padding-top:40px;padding-bottom:72px}.data-story h2{font-size:40px}.data-story p{font-size:16px}.data-method,.data-refresh{min-height:225px}}
@media(max-width:360px){.data-method__passive>span,.data-method__active>span{font-size:7px;letter-spacing:-.04em}}
@media(prefers-reduced-motion:reduce){.data-story *{animation-duration:.01ms!important;transition-duration:.01ms!important}.data-story--method .data-method__scan{opacity:0!important}.data-story--refresh .data-refresh__view--clone{opacity:0!important}.data-story--refresh .data-refresh__view--updated{opacity:1!important;transform:none!important}.data-story--refresh .data-refresh__view--updated .is-retired i{opacity:0!important}.data-story--refresh .data-refresh__view--updated .is-new i{opacity:1!important;transform:none!important}}

/* Main Data story scenes use the same editorial scale as the homepage. */
.data-story h2{font-family:var(--content-slide-font);font-size:var(--content-slide-heading-size);font-weight:800;line-height:1.06;letter-spacing:-.055em}
.data-story p{font-family:var(--content-slide-font);font-size:var(--content-slide-body-size);font-weight:500;line-height:1.5;letter-spacing:-.015em}
.data-story--next h2{font-size:var(--nonhome-cta-heading-size);line-height:1.1}
@media(max-width:420px) and (max-height:730px){.data-story:not(.data-story--next) h2{font-size:40px}.data-story:not(.data-story--next) p{font-size:16px}}

/* All three process descriptions are visible in the phone reading flow, so the
   continue control can stay visible without waiting for a stage intersection. */
@media(max-width:760px){.data-journey__next{display:grid}}