/* Moving product stories. Colour and typography inherit the shared brand. */
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.product-film {position:relative;isolation:isolate;overflow:hidden;min-width:0;background:#dfe9dc;border-radius:26px;display:flex;flex-direction:column;padding:23px 26px 18px;}
.product-film::before {content:'';position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse at 20% 60%,#92bcb39c,transparent 58%),radial-gradient(ellipse at 80% 20%,#efe5a6bb,transparent 55%);transform:translate3d(-3%,0,0);animation:field-breathe 18s ease-in-out infinite alternate;animation-play-state:paused;}
.product-film.is-running::before {animation-play-state:running;}
.film-heading,.film-foot {display:flex;align-items:center;gap:14px;position:relative;z-index:5;}
.film-heading>span {font-size:13px;font-weight:500;flex:1;}
.film-toggle {border:1px solid #52716538;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#f6f8efb8;font-size:14px;flex:none;}
.film-toggle:hover {background:var(--surface);}.film-toggle:disabled {cursor:default;opacity:.65;}
.film-canvas {position:relative;flex:1;min-height:370px;margin:12px 0;perspective:1000px;}
.film-foot {font-size:11px;min-height:34px;line-height:1.35;color:#3d5c4a;}
.film-foot>small {margin-left:auto;font-size:10px;}.film-progress {display:flex;gap:4px;flex:none;}.film-progress i {width:5px;height:5px;background:#54756640;border-radius:50%;}
[data-beat="0"] .film-progress i:nth-child(1),[data-beat="1"] .film-progress i:nth-child(2),[data-beat="2"] .film-progress i:nth-child(3),[data-beat="3"] .film-progress i:nth-child(4) {background:var(--teal);}
.f-question {padding:14px 17px;border-radius:13px 13px 3px 13px;background:#f8faef;position:absolute;top:7px;right:3%;width:94%;font-size:13px;display:flex;align-items:center;gap:15px;box-shadow:0 7px 24px #284a3310;}
.f-question>span {margin-left:auto;color:var(--teal);font-size:19px;}
.f-sources {position:absolute;top:80px;left:6%;right:6%;display:flex;justify-content:center;gap:10px;}
.f-sources span {font-size:11px;background:#f8faf1cf;border:1px solid #b9cbb3;border-radius:7px;padding:6px 11px;transition:transform .65s var(--ease),background .65s;}
[data-beat="1"] .f-sources span {background:#f8faf1;transform:translateY(-3px);}
.f-connector {position:absolute;top:112px;height:33px;left:25%;right:25%;display:flex;justify-content:space-between;}
.f-connector i {height:100%;width:1px;background:linear-gradient(#8dac98,transparent);transform-origin:top;transform:scaleY(0);transition:transform .6s var(--ease);}
[data-beat="1"] .f-connector i,[data-beat="2"] .f-connector i,[data-beat="3"] .f-connector i {transform:scaleY(1);}
.f-document {position:absolute;left:4%;right:4%;top:140px;background:var(--surface);border-radius:16px;box-shadow:0 20px 35px #36543b18;padding:19px 23px;opacity:0;transform:translate3d(0,32px,-30px) rotateX(7deg);transition:opacity .7s,transform .95s var(--ease);}
.f-doc-top {display:flex;justify-content:space-between;font-size:11px;color:var(--teal);margin-bottom:10px;}.f-doc-top small {font-size:10px;}.f-document>strong {font-family:'Source Serif 4',Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.025em;}
.f-fact {font-size:12px;padding-top:12px;display:flex;gap:12px;opacity:0;transform:translateY(7px);transition:opacity .6s,transform .7s var(--ease);}.f-fact i {font-size:10px;color:#719580;font-style:normal;}.f-fact b {font-weight:550;}
[data-beat="1"] .f-document,[data-beat="2"] .f-document,[data-beat="3"] .f-document {opacity:1;transform:translateZ(0) rotateX(0);}
[data-beat="2"] .f-fact,[data-beat="3"] .f-fact {opacity:1;transform:none;}.f-fact:nth-child(4){transition-delay:.17s;}.f-fact:nth-child(5){transition-delay:.34s;}
.f-ready {position:absolute;bottom:0;left:50%;transform:translate(-50%,13px);width:max-content;max-width:100%;border-radius:99px;padding:8px 15px;background:#edf5e8;color:#31533d;font-size:11px;opacity:0;transition:opacity .6s,transform .75s var(--ease);box-shadow:0 8px 20px #30563b10;}
[data-beat="3"] .f-ready {opacity:1;transform:translate(-50%,0);}
.f-project-head {display:flex;align-items:center;gap:8px;font-size:14px;margin:14px 5px 0;}.f-project-head small {margin-left:auto;font-size:10px;}
.f-timeline {position:absolute;top:70px;left:3%;right:3%;height:64px;border-top:1px solid #a9bfa3;}
.f-window {position:absolute;top:-20px;bottom:22px;left:38%;right:0;border-radius:10px;background:#abc3a852;border-left:1px dashed #6e9272;}
.f-time-labels {display:flex;justify-content:space-between;font-size:10px;padding-top:40px;color:#55715b;}
.f-travel {position:absolute;left:5%;top:-17px;transition:transform 1.7s var(--ease);width:90%;}.f-travel span {width:34px;height:34px;display:grid;place-items:center;background:var(--teal);color:#f3f5ed;border-radius:10px;font-size:13px;box-shadow:0 5px 14px #284b3330;}
[data-beat="1"] .f-travel,[data-beat="2"] .f-travel,[data-beat="3"] .f-travel {transform:translateX(46%);}
.f-account {position:absolute;top:153px;left:3%;right:3%;display:flex;gap:11px;align-items:center;border-radius:14px;background:var(--surface);padding:16px;box-shadow:0 10px 25px #33553a10;transition:transform .8s var(--ease);}
.f-account>div {flex:1;}.f-account strong {display:block;font-size:14px;}.f-account small {display:block;font-size:11px;margin-top:3px;color:var(--muted);}.f-account .state-pill {font-size:9px;opacity:0;transition:opacity .5s;}
[data-beat="2"] .f-account,[data-beat="3"] .f-account {transform:translateY(-5px) scale(1.025);}[data-beat="2"] .f-account .state-pill,[data-beat="3"] .f-account .state-pill {opacity:1;}
.f-next-work {position:absolute;top:257px;left:7%;right:7%;display:flex;gap:12px;opacity:0;transform:translateY(20px);transition:opacity .65s,transform .9s var(--ease);}
.f-next-work>div {flex:1;display:grid;grid-template-columns:22px 1fr;gap:3px 5px;background:#f5f7ed;padding:13px 10px;border-radius:11px;}.f-next-work>div>span {grid-row:span 2;color:#5e826b;}.f-next-work strong {font-weight:500;font-size:11px;}.f-next-work small {font-size:9px;color:var(--muted);}
[data-beat="3"] .f-next-work {opacity:1;transform:none;}
.film-quote {background:#e9e5d8;}.f-template {font-size:12px;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;color:#546850;}.f-template>span {font-size:18px;color:#8b9d83;}
.f-doc-pair {position:absolute;inset:75px 0 55px;perspective:1000px;}
.f-quote,.f-email {position:absolute;border-radius:14px;background:var(--surface);padding:20px;box-shadow:0 22px 30px #4f57361a;transition:transform 1.1s var(--ease),opacity .7s;}
.f-quote {width:71%;left:14%;top:0;transform:rotate(-3deg);z-index:2;}.f-doc-label {font-size:10px;color:#62785d;display:block;margin-bottom:15px;}.f-quote>strong {font-family:'Source Serif 4',Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.03em;display:block;margin-bottom:18px;}.f-quote>div {display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:9px 0;border-top:1px solid #dce3d5;}.f-quote b {font-weight:500;}.f-quote>small {font-size:9px;color:var(--muted);}.f-total {color:var(--teal);}
.f-email {width:60%;right:0;top:14px;opacity:0;transform:translateX(30px) rotate(5deg);z-index:1;}.f-email>strong {font-size:15px;display:block;margin-bottom:12px;}.f-email p {font-size:11px;margin:0 0 12px;}.f-attachment {border-radius:6px;background:var(--stone);padding:8px;font-size:9px;color:var(--teal);}
[data-beat="1"] .f-quote {transform:rotate(0) translateY(-3px);}[data-beat="2"] .f-quote,[data-beat="3"] .f-quote {transform:translateX(-25%) rotate(-5deg) scale(.82);transform-origin:left center;}[data-beat="2"] .f-email,[data-beat="3"] .f-email {opacity:1;transform:translateX(-3%) rotate(3deg);}
.f-policy {position:absolute;left:8%;right:8%;top:12px;background:var(--surface);padding:22px;border-radius:16px;transition:transform .9s var(--ease);}.f-policy>strong {font-size:24px;font-family:'Source Serif 4',Georgia,serif;font-weight:400;}.f-policy>div {display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:14px 0 6px;}.f-policy>small {font-size:11px;color:var(--muted);}
.f-knowledge-route {position:absolute;top:207px;left:9%;right:9%;display:flex;gap:10px;align-items:center;font-size:11px;}.f-knowledge-route i {flex:1;height:1px;background:#93af90;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease);}
.f-knowledge-answer {position:absolute;top:248px;left:8%;right:8%;background:#f9faf0;padding:20px;border-radius:15px;opacity:0;transform:translateY(15px);transition:transform .8s var(--ease),opacity .7s;}.f-knowledge-answer>strong {font-size:16px;}.f-knowledge-answer p {font-size:12px;margin:8px 0;}.f-knowledge-answer small {font-size:10px;color:var(--teal);}.f-knowledge-answer .f-doc-label {margin-bottom:7px;}
[data-beat="1"] .f-policy,[data-beat="2"] .f-policy,[data-beat="3"] .f-policy {transform:translateY(-5px);}[data-beat="1"] .f-knowledge-route i,[data-beat="2"] .f-knowledge-route i,[data-beat="3"] .f-knowledge-route i {transform:scaleX(1);}[data-beat="2"] .f-knowledge-answer,[data-beat="3"] .f-knowledge-answer {opacity:1;transform:none;}
.film-knowledge .film-canvas {min-height:420px;}
.tour-playback {display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:var(--muted);padding:0 8px 13px;}
.tour-playback>div {display:flex;gap:9px;}.tour-playback button {border:1px solid var(--line);background:transparent;color:var(--teal);padding:7px 12px;border-radius:99px;font-size:12px;}.tour-playback button:disabled {opacity:.65;cursor:default;}
[data-tour-auto] .has-answer .fact-list li {animation:brief-line .6s var(--ease) both;}[data-tour-auto] .has-answer .fact-list li:nth-child(2) {animation-delay:.17s;}[data-tour-auto] .has-answer .fact-list li:nth-child(3) {animation-delay:.34s;}
[data-tour-auto] .source-badge {animation:brief-line .5s var(--ease) both;}[data-tour-auto] .source-badge:nth-child(3){animation-delay:.15s;}[data-tour-auto] .source-badge:nth-child(4){animation-delay:.3s;}
.platform-menu {border:0;position:relative;}.platform-menu>summary {font-size:15px;gap:8px;}.platform-menu>div,.mobile-nav>div {position:absolute;top:36px;left:-20px;min-width:245px;background:var(--surface);border:1px solid var(--line);box-shadow:0 15px 40px #234d3020;border-radius:16px;padding:10px;display:grid;gap:3px;}
.mega-menu{position:static}.nav{position:relative}.mega-menu>.menu-panel{top:76px;left:50%;transform:translateX(-50%);width:min(760px,90vw);padding:12px;display:grid;grid-template-columns:1.15fr 1fr;gap:12px;box-shadow:0 30px 65px #233c3026;border-radius:22px}.menu-main,.menu-side{display:flex;flex-direction:column;padding:16px;gap:7px}.menu-side{background:#edf1e6;border-radius:13px}.menu-kicker{font-size:11px;color:#71826d;padding:3px 12px 11px}.menu-main a{padding:15px 12px}.menu-main strong{display:flex;gap:20px;justify-content:space-between;font-size:18px;font-weight:500}.menu-main strong>span{color:#789473}.menu-main small{font-size:13px;line-height:1.5;color:var(--muted);display:block;margin-top:8px;max-width:30ch}.menu-side a{font-size:14px;padding:10px 12px}.mega-menu[open]>.menu-panel{animation:menu-arrive .3s var(--ease)}.platform-menu[open]>summary>span{transform:rotate(180deg)}
@keyframes menu-arrive{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
.platform-menu a,.mobile-nav a {padding:10px 13px;border-radius:9px;}.platform-menu a:hover,.mobile-nav a:hover {background:var(--stone);}.mobile-nav {display:none;border:0;}
.f-quote>div,.f-quote>small{transition:opacity .6s,translate .7s var(--ease)}[data-beat="0"] .f-quote>div,[data-beat="0"] .f-quote>small{opacity:0;translate:0 6px}.f-quote>div:nth-of-type(2){transition-delay:.15s}.f-quote>div:nth-of-type(3){transition-delay:.3s}
.footer>div{flex-wrap:wrap}
@keyframes field-breathe {to{transform:translate3d(5%,-4%,0) scale(1.08);}}
@keyframes brief-line {from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media(max-width:1050px){.product-film {padding:18px;}.f-document {padding:18px;}.film-foot {gap:8px;font-size:10px;}.film-foot>small {display:none;}}
@media(max-width:540px){.product-film {border-radius:22px;padding:18px 15px 13px;}.film-heading>span{font-size:12px;}.film-canvas{min-height:360px;}.f-question{font-size:11px;padding:12px;}.f-sources{left:0;right:0;gap:6px;}.f-sources span{font-size:10px;padding:5px 8px;}.f-document{left:0;right:0;padding:18px 15px;top:138px;}.f-document>strong{font-size:22px;}.f-fact{font-size:11px;}.f-ready{font-size:10px;padding:7px 10px;}.f-account{left:0;right:0;padding:13px;gap:7px;}.f-account strong{font-size:13px;}.f-account .state-pill{font-size:8px;padding:5px 7px;}.f-next-work{left:0;right:0;gap:7px;top:248px;}.f-next-work>div{padding:10px 8px;grid-template-columns:16px 1fr;}.f-next-work strong{font-size:10px;}.f-next-work small{font-size:8px;}.f-quote,.f-email{padding:15px;}.f-quote>strong{font-size:23px;}.f-quote>div{font-size:10px;}.f-email p{font-size:10px;}.f-doc-label{font-size:9px;}.f-template{font-size:10px;gap:9px;}.f-policy{left:0;right:0;}.f-knowledge-route{left:0;right:0;font-size:10px;}.f-knowledge-answer{left:0;right:0;}.tour-playback{align-items:flex-start;font-size:11px;padding:0 0 12px;}.tour-playback>span{max-width:150px;}.tour-playback>div{gap:5px;}.tour-playback button{padding:7px 9px;font-size:10px;}.nav{gap:10px;}.mobile-nav{display:block;margin-left:auto;position:relative;}.mobile-nav>summary{width:34px;height:40px;justify-content:center;font-size:19px;}.mobile-nav>div{left:auto;right:-80px;top:46px;min-width:260px;font-size:15px;}.nav .brand{font-size:22px;}.nav .button{font-size:12px;padding:9px 11px;gap:7px;}}
@media(prefers-reduced-motion:reduce){.product-film::before{animation:none;}.product-film *{transition:none!important;}[data-tour-auto] .fact-list li,[data-tour-auto] .source-badge{animation:none!important;}}