/* X Corporate Website v8.3 | Experience and video handoff */
:root{--x-header-height:76px}
/* Critical alignment fix: v8.2 applied both scroll padding and scroll margin (double 76px offset). */
html:has(body.home-story){scroll-padding-top:var(--x-header-height)!important;scroll-snap-type:y mandatory!important}
.home-story main>section{scroll-snap-align:start!important;scroll-margin-top:0!important;scroll-margin-block-start:0!important}
/* Taller editorial chapters stay readable under native browser snap. Wheel events are never captured. */
.home-story .cinema{height:calc(100svh - var(--x-header-height));min-height:520px;}
.home-story .cinema-content{height:100%;min-height:0;position:relative;z-index:3}
.home-story .cinema-media{z-index:-2}
.home-story .cinema-media video{transition:opacity .35s ease;}
.home-story .cinema-fallback{z-index:0;transition:opacity .45s ease}
.home-story .cinema-scrim{transition:opacity .35s ease}
/* Film mode: no headline over the picture. Only unobtrusive navigation and sound/skip controls. */
.home-story .cinema.is-playing .cinema-copy{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}
.home-story .cinema.is-playing .cinema-scrim{opacity:0;}
.home-story .cinema.is-playing .cinema-bottom .next-chapter{background:rgba(7,12,20,.28);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 16px;}
.home-story .cinema.is-playing .cinema-media video{opacity:1}
.home-story .cinema.is-playing .cinema-fallback{opacity:0}
.home-story .cinema .cinema-copy{transition:opacity .32s ease,transform .32s ease}
/* Manifesto mode, reached by scroll/skip/end: no residual playing picture behind the headline. */
.home-story .cinema.is-resting .cinema-media video{opacity:0}
.home-story .cinema.is-resting .cinema-fallback{opacity:1;background:linear-gradient(90deg,rgba(5,9,17,.64),rgba(5,9,17,.13)),url('assets/banking-advisor.png') center / cover no-repeat}
.home-story .cinema.is-resting .cinema-scrim{opacity:1}
.home-story .cinema.is-resting .cinema-copy{opacity:1;visibility:visible;transform:none}
.home-story .cinema .v83-hero-support{font-size:clamp(15px,1.5vw,20px);color:#f4f6fc;line-height:1.5;font-weight:590;letter-spacing:-.015em;margin-top:20px}
.home-story .cinema.is-playing .v83-replay,.home-story .cinema.is-playing .film-fallback-cta{display:none}
.home-story .cinema.is-resting .v83-skip,.home-story .cinema.is-resting [data-sound-toggle]{display:none}
.home-story .cinema.is-playing .v83-skip{display:inline-flex}
.home-story .cinema.is-playing [data-sound-toggle]{display:inline-flex}
.home-story .cinema.is-resting .v83-replay{display:inline-flex}
.home-story .cinema.is-resting .film-fallback-cta{display:none}
.home-story .cinema.is-resting:has(.cinema-media.video-unavailable) .v83-replay{display:none}
.home-story .cinema.is-resting:has(.cinema-media.video-unavailable) .film-fallback-cta{display:inline-flex}
.home-story .cinema .cinema-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.home-story .cinema .cinema-bottom .next-chapter{margin-left:auto;}
.home-story .cinema .cinema-bottom [data-sound-toggle]{margin-left:0;}
/* The human principle belongs between Why X and the AODocs platform. */
.home-story .v82-mission{scroll-snap-align:start;}
.v83-chapter-next{display:inline-flex;color:#253e74;font-size:14px;font-weight:800;margin-top:24px;text-decoration:underline;text-underline-offset:4px}
.home-story .v82-mission .v83-mission-next{margin-top:1px;color:#142f69!important}
.home-story .v82-mission .v83-mission-secondary{margin-top:14px;color:#53617a!important;font-size:12px}
/* The principle section should be editorial, not an extra full-height obstacle before the actual platform. */
.v82-mission-grid{min-height:420px}
.v82-mission-copy{padding-top:48px;padding-bottom:48px}
/* Prevent reduced-motion auto-play and forced snap. */
@media(prefers-reduced-motion:reduce){html:has(body.home-story){scroll-snap-type:none!important}.home-story .cinema .cinema-copy,.home-story .cinema .cinema-media video{transition:none!important}}
@media(max-width:900px){html:has(body.home-story){scroll-snap-type:y proximity!important}}
@media(max-width:600px){:root{--x-header-height:68px}.home-story .cinema{min-height:500px;height:calc(100svh - var(--x-header-height))}.home-story .cinema-content{min-height:0;padding-bottom:24px}.home-story .cinema .cinema-bottom .next-chapter{flex-basis:100%;margin-left:0;order:2}.home-story .cinema.is-playing .cinema-bottom .next-chapter{display:none}.home-story .cinema h1{font-size:clamp(40px,9vw,62px)}.home-story .cinema .v83-hero-support{font-size:14px}.v82-mission-grid{min-height:0}.v82-mission-copy{padding-top:45px;padding-bottom:38px}}


/* 2026-10 v8.3 finished: film > human > trusted context > AODocs platform > outcomes > proof */
.home-story #difference{background:linear-gradient(180deg,#f8faff,#fff 30%);}
.v83-trust-head{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:end;margin:0 0 40px}
.v83-trust-head h2{font-size:clamp(44px,5vw,75px);line-height:1;letter-spacing:-.065em;margin:15px 0 0}
.v83-trust-lead p{font-size:18px;line-height:1.6;color:#465368;margin:0}
.v83-trust-lead strong{color:#141d2f;font-weight:850}
.v83-trust-lead .v83-trust-fragment{color:#273e76;font-size:17px;font-weight:850;line-height:1.5;margin-top:14px}
.v83-trust-demo{display:grid;grid-template-columns:1fr 64px 1fr;align-items:stretch;gap:0}
.v83-trust-demo>div:first-child,.v83-trust-demo>div:last-child{border-radius:18px;padding:31px;min-height:355px;position:relative;overflow:hidden}
.v83-unchecked{background:#edf0f5;border:1px solid #dce2ec;color:#172138}
.v83-verified{background:#13263a;border:1px solid #284866;color:#fff}
.v83-diagram-label{display:block;font-size:10px;font-weight:850;letter-spacing:.15em;color:#62728c;margin-bottom:16px}
.v83-verified .v83-diagram-label{color:#a9c9e5}
.v83-paper{height:146px;background:#fff;border-radius:11px;border:1px solid #dce0e8;box-shadow:0 14px 26px rgba(17,31,49,.09);padding:19px 22px;max-width:320px;position:relative}
.v83-paper strong{display:block;font-size:17px;color:#182235}.v83-paper small{display:block;font-size:12px;color:#6e7d90;margin-top:4px}
.v83-document-icon{position:absolute;top:13px;right:17px;width:29px;height:32px;border:1px solid #c4d0df;border-radius:5px;color:#566a8f;text-align:center;line-height:24px;font-size:21px}
.v83-lines{margin-top:21px;display:grid;gap:6px}.v83-lines i{display:block;background:#dce2ea;height:5px;width:86%;border-radius:99px}.v83-lines i:nth-child(2){width:70%}.v83-lines i:nth-child(3){width:48%}
.v83-trust-demo h3{font-size:23px;letter-spacing:-.035em;margin:22px 0 7px;font-weight:850;line-height:1.17}
.v83-trust-demo p{font-size:14px;line-height:1.55;margin:0;max-width:460px;color:#626f82}
.v83-verified p{color:#bfcede}
.v83-trust-arrow{display:grid;place-items:center;font-size:41px;font-weight:350;color:#405d95}
.v83-context-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:146px}
.v83-context-metadata>div{border:1px solid rgba(194,220,245,.22);border-radius:10px;background:rgba(239,247,255,.07);padding:14px 15px}
.v83-context-metadata span{display:block;font-size:9px;color:#9fc0dc;letter-spacing:.1em;font-weight:850}
.v83-context-metadata b{display:block;color:#fff;font-size:13px;line-height:1.25;margin-top:9px;font-weight:750}
.v83-trust-outcome{border-top:1px solid #dce4ed;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:28px;padding-top:27px}
.v83-trust-outcome>div span{display:block;color:#49679a;font-weight:850;font-size:10px;letter-spacing:.12em}
.v83-trust-outcome>div strong{display:block;font-weight:850;color:#0b1729;font-size:clamp(18px,1.8vw,23px);line-height:1.25;margin-top:6px;letter-spacing:-.02em}
.v83-trust-outcome a,.v83-platform-continue,.v83-section-continuation{font-weight:820;color:#234781!important;font-size:14px;text-decoration:underline;text-underline-offset:6px}
.v83-trust-outcome a{white-space:nowrap}
.v83-illustration-note{color:#7d8a9b;font-size:11px;line-height:1.55;margin:14px 0 0}
.v83-platform-continue{display:inline-block;margin-top:22px;color:#b4d1ff!important}
.v83-section-continuation{display:inline-block;margin-top:32px}
.v83-verified h3{color:white}
/* Accessible film: video is unobscured in active playback; overlay shows only on the resting identity still. */
.home-story .cinema.is-playing .cinema-copy{opacity:0!important;visibility:hidden!important}
.home-story .cinema.is-playing .cinema-scrim{opacity:0!important}
.home-story .cinema.is-playing .cinema-media video{opacity:1!important;visibility:visible!important}
/* Account for sticky header exactly once. */
html:has(body.home-story){scroll-padding-top:76px!important}
.home-story main>section{scroll-margin-top:0!important;scroll-margin-block-start:0!important}
@media(max-width:900px){
 .v83-trust-head{grid-template-columns:1fr;gap:17px}
 .v83-trust-demo{grid-template-columns:1fr 37px 1fr}
 .v83-trust-demo>div:first-child,.v83-trust-demo>div:last-child{padding:23px 18px;min-height:0}
 .v83-context-metadata{grid-template-columns:1fr 1fr}
 .v83-trust-outcome{align-items:start;flex-direction:column;gap:16px}
}
@media(max-width:620px){
 html:has(body.home-story){scroll-padding-top:68px!important}
 .v83-trust-lead p{font-size:16px}
 .v83-trust-demo{grid-template-columns:1fr;gap:14px}
 .v83-trust-demo>div:first-child,.v83-trust-demo>div:last-child{padding:22px}
 .v83-trust-arrow{transform:rotate(90deg);font-size:30px;line-height:18px}
 .v83-paper{height:130px}
 .v83-trust-demo h3{font-size:20px}
 .v83-trust-outcome a{white-space:normal}
}