:root{--navy:#0a1937;--navy2:#12264c;--blue:#2467ed;--sky:#6dc7ff;--ink:#101e37;--muted:#5d687a;--line:#dfe5ed;--pale:#f4f7fb;--white:#fff;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--white);font-size:16px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2b80ff;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}button{border:0}p{line-height:1.65}h1,h2,h3{font-family:var(--heading);font-weight:650;margin:0;letter-spacing:-.045em}h2{font-size:clamp(32px,3.4vw,46px);line-height:1.15}h3{font-size:23px;letter-spacing:-.03em;line-height:1.3}.container{max-width:1224px;margin:0 auto;padding:0 36px}.preview-notice{height:29px;background:#eaf1ff;color:#325178;text-align:center;display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.08em}.preview-notice span{font-size:12px;font-weight:400;letter-spacing:0}.header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:10;border-bottom:1px solid #eef0f4}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center}.brand img{max-width:100%;height:auto;object-fit:contain}.nav nav{display:flex;gap:32px;margin-left:auto;margin-right:30px}.nav nav a{font-size:14px;font-weight:500;color:#3f4a60;transition:color .2s}.nav nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:23px;padding:18px 24px;background:var(--navy);color:#fff;font-weight:600;font-size:16px;line-height:1.25;border-radius:7px;transition:background .18s,transform .18s;min-height:54px}.button:hover{background:#1e3f72;transform:translateY(-1px)}.button svg{width:20px;height:20px}.button-small{font-size:14px;padding:13px 19px;min-height:46px;gap:20px}.button-blue{background:#2d6ced}.button-blue:hover{background:#457fff}.hero{background:radial-gradient(ellipse at 90% 95%,#12386b77,transparent 62%),var(--navy);color:#fff;padding:79px 0 78px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:62px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:#346291;line-height:1.5;margin:0 0 18px}.eyebrow.light{color:#9bb9df}.hero h1{font-size:clamp(50px,5.2vw,74px);line-height:1.06;letter-spacing:-.055em;font-weight:600}.hero h1 span{color:var(--sky)}.hero-description{max-width:445px;color:#bcc9db;font-size:17px;line-height:1.7;margin:25px 0 30px}.hero-actions{display:flex;align-items:center;gap:26px}.text-link{font-size:14px;font-weight:500;border-bottom:1px solid #697f9c;padding:8px 0;white-space:nowrap}.text-link span{padding-left:12px}.hero-meta{display:flex;gap:10px;align-items:center;color:#9facbf;font-size:13px;margin:19px 0 0}.hero-meta svg{width:15px;height:15px}.hero-meta span{padding:0 1px}.call-flow{position:relative;background:linear-gradient(140deg,#21395985,#0b1e3b90);border:1px solid #3d557580;border-radius:14px;padding:23px 26px 19px;box-shadow:0 20px 70px #020b1e4d}.flow-top{display:flex;justify-content:space-between;color:#9db7d8;font-size:12px;letter-spacing:.11em;font-weight:600;margin-bottom:27px}.flow-sequence{color:#93a5bf;white-space:nowrap;margin-left:10px}.flow-row{display:flex;align-items:center;gap:18px;position:relative;border:1px solid #49628055;padding:19px 17px;border-radius:8px;background:#172e4c;min-height:104px}.flow-icon{width:45px;height:45px;border:1px solid #58729880;border-radius:50%;display:grid;place-items:center;color:#b3d8ff;flex-shrink:0}.flow-icon svg{width:22px;height:22px}.step-label{font-size:12px;letter-spacing:.11em;font-weight:600;color:#8eadce}.flow-row h3{font-family:var(--font);font-size:17px;font-weight:550;letter-spacing:-.01em;line-height:1.5;margin:3px 0}.flow-row p{font-size:14px;line-height:1.5;color:#aec0d7;margin:0}.flow-row.calling{background:#2463cf;border-color:#4e8df4;box-shadow:0 5px 25px #0d204b44}.calling .step-label{color:#cee5ff}.calling .flow-icon{border-color:#76a4eb;color:#fff;background:#5388df44}.calling p{color:#d4e5ff}.flow-connector{height:29px;position:relative;margin-left:39px;width:1px;background:#47617f}.flow-connector span{position:absolute;width:5px;height:5px;bottom:5px;left:-2px;border-right:1px solid #86a8d1;border-bottom:1px solid #86a8d1;transform:rotate(45deg)}.flow-bottom{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:20px;font-size:12px;color:#bacbe1}.flow-bottom svg{width:13px;height:13px}.flow-bottom svg:nth-of-type(2){margin-left:9px}.benefit-band{background:#eff4fa;border-bottom:1px solid #e8edf5}.benefit-items{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1050px}.benefit-items p{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500;margin:22px 0}.benefit-items svg{width:18px;height:18px;color:#38649b}.section{padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 3px;max-width:340px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:28px}.steps article{padding-right:25px}.steps .number{font-size:13px;font-weight:650;letter-spacing:.04em;color:#466ca1;display:inline-flex;margin:0 0 19px}.steps h3{font-size:23px;margin-bottom:11px}.steps p{font-size:16px;color:var(--muted);margin:0;max-width:310px}.stories{background:var(--pale);padding-top:65px;padding-bottom:67px}.placeholder-explanation span{color:#6b7a90;font-size:12px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.story-placeholder{border:1px solid #d7e0ed;background:#fff;border-radius:10px;overflow:hidden}.story-frame{aspect-ratio:2.32;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#e1e9f2,#edf2f8);color:#61758d}.story-frame.alternate{background:linear-gradient(145deg,#e8edf4,#dce6f1)}.story-frame svg{width:28px;height:28px;margin:0 0 12px;stroke-width:1.25}.story-frame p{margin:0;font-size:15px;font-weight:500;color:#536780}.story-frame span{font-size:12px;margin-top:6px;color:#77879b}.story-caption{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#607087}.story-caption span:first-child{font-size:12px;letter-spacing:.09em;font-weight:650}.demo-section{padding:66px 0;background:var(--navy);color:#fff}.demo-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:105px;align-items:center}.demo-section h2{font-size:46px;line-height:1.17}.demo-section h2 span{color:var(--sky)}.demo-section p:not(.eyebrow):not(.agenda-heading):not(.demo-meta){font-size:16px;color:#b9c9dd;max-width:440px;margin:18px 0 27px}.demo-meta{font-size:12px;color:#92a9c7;margin-top:15px}.demo-agenda{border-top:1px solid #3b5272}.agenda-heading{font-size:12px;letter-spacing:.15em;color:#8fb0d4;margin:20px 0}.demo-agenda div{border-bottom:1px solid #314562;display:flex;gap:23px;align-items:center;min-height:83px}.demo-agenda div span{font-size:12px;color:#6c8eb7}.demo-agenda div p{margin:0!important;color:#e2eafa!important;line-height:1.5!important;font-size:16px!important}.faq{padding:78px 0 64px}.faq-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:70px}.faq-grid>div>p:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:23px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{border-top:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font-weight:550;font-size:17px;line-height:1.45}summary::-webkit-details-marker{display:none}summary span{font-weight:400;font-size:23px;color:#687d98;transition:transform .15s}details[open] summary span{transform:rotate(45deg)}details p{font-size:16px;color:var(--muted);padding-right:40px;line-height:1.7;margin:15px 0 0}footer{background:#f8fafc;border-top:1px solid var(--line);padding-top:28px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:28px}.footer-row p{color:#617084;font-size:14px}.footer-row>a:last-child{font-size:14px;color:#354e70}.footer-row>a:last-child span{padding-left:10px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:18px;padding-bottom:20px;border-top:1px solid var(--line);color:#7a8595;font-size:12px}
[hidden]{display:none!important}dialog{border:0;padding:0;border-radius:15px;width:min(930px,calc(100vw - 40px));max-height:calc(100dvh - 40px);color:var(--ink);overflow:auto;box-shadow:0 30px 130px #02091577}dialog::backdrop{background:#061327b8;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:15px;top:14px;z-index:2;width:34px;height:34px;background:#eef2f8;color:#4c5e77;border-radius:50%;font-size:26px;line-height:1}.booking-layout{display:grid;grid-template-columns:300px 1fr;min-height:620px}.booking-aside{background:var(--navy);color:#fff;padding:36px 33px;display:flex;flex-direction:column}.booking-aside>img{width:126px;height:auto;margin-bottom:59px}.booking-aside h2{font-size:40px}.booking-aside p:not(.eyebrow){color:#acbed6;font-size:15px;margin:18px 0 23px}.booking-aside ul{list-style:none;margin:0;padding:0}.booking-aside li{display:flex;align-items:center;gap:12px;font-size:14px;color:#c4d1e2;margin:17px 0}.booking-aside li svg{width:18px;height:18px}.booking-preview-note{border-top:1px solid #364c6c;margin-top:auto;padding-top:20px;font-size:13px;color:#c6d7ed;line-height:1.7}.booking-preview-note span{font-size:12px;color:#8ea6c6}.booking-main{padding:38px 42px 32px}.booking-progress{display:flex;gap:20px;font-size:12px;color:#8d98a8;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:29px}.booking-progress span.active{color:var(--blue);font-weight:650}.booking-step .eyebrow{font-size:12px;margin-bottom:9px}.booking-step h3{font-size:28px;margin-bottom:24px;letter-spacing:-.04em}.booking-step>label{display:block;font-size:14px;font-weight:550;margin:19px 0 9px}.booking-step input:not([type=radio]),.booking-step select{width:100%;border:1px solid #ced8e7;border-radius:6px;padding:12px 13px;min-height:46px;font-size:15px;background:white;color:var(--ink)}input:focus,select:focus{outline:2px solid #5594ed;outline-offset:1px}input::placeholder{color:#8b97a9}fieldset{border:0;padding:0;margin:22px 0 0}legend{font-size:14px;font-weight:550;margin-bottom:11px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-grid label{position:relative}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{display:block;border:1px solid #d6dfeb;border-radius:6px;padding:12px 11px;font-size:14px;cursor:pointer;color:#65748b}.choice-grid input:checked+span{border-color:#4282e7;background:#edf4ff;color:#174dad;box-shadow:inset 0 0 0 1px #4282e7}.choice-grid input:focus-visible+span{outline:3px solid #83b4ff;outline-offset:2px}.booking-step>.button{width:100%;margin-top:3px;font-size:14px}.form-error{min-height:17px;font-size:12px;line-height:1.5;color:#aa2e37;margin:11px 0}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:19px}.form-actions .button{font-size:14px;gap:12px;padding:15px 18px}.back-step{font-size:14px;background:transparent;color:#65748b;padding:12px 0}.calendar-preview-label{font-size:14px;color:#445c7d;margin-top:-9px;line-height:1.6}.calendar-preview-label span{font-size:12px;color:#8190a3}.date-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:26px 0 20px}.date-option{border:1px solid var(--line);border-radius:7px;background:#fff;padding:11px 4px;color:#5d718c;font-size:12px}.date-option strong{display:block;font-size:22px;color:var(--ink);margin:5px 0}.date-option.selected{border-color:var(--blue);background:#edf4ff;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.date-option.selected strong{color:var(--blue)}.time-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.time-option{border:1px solid #d4dfea;border-radius:5px;padding:12px;background:#fff;font-size:14px;color:#3a5578}.time-option.selected{background:var(--navy);border-color:var(--navy);color:white}.booking-summary{font-size:14px;background:#eff4fb;border-radius:6px;padding:14px;color:#41618c;margin:-6px 0 24px}.form-privacy{font-size:12px;line-height:1.6;color:#75859a;margin-top:20px}.confirmation{text-align:center;padding-top:37px}.confirmation-icon{margin:0 auto 23px;width:66px;height:66px;background:#e9f2ff;border-radius:50%;display:grid;place-items:center;color:var(--blue)}.confirmation-icon svg{width:30px;height:30px}.confirmation h3{margin-bottom:18px}.confirmation>p:not(.eyebrow){font-size:15px;color:#637790}.confirmation-note{font-size:13px;line-height:1.7;padding:18px;background:#f1f5fa;border-radius:7px;color:#63758d;margin:24px 0}
@media(min-width:1500px){.hero{padding:94px 0 91px}.hero h1{font-size:78px}.container{max-width:1280px}}
@media(max-width:1050px){.container{padding:0 28px}.hero-grid{gap:35px}.hero{padding:65px 0}.hero h1{font-size:61px}.hero-description{font-size:16px}.call-flow{padding:20px 18px}.flow-row{padding:16px 12px;gap:12px}.flow-row h3{font-size:17px}.flow-row p{font-size:14px}.flow-icon{width:37px;height:37px}.flow-bottom{font-size:12px;gap:4px}.flow-top{font-size:12px}.flow-sequence{display:none}.hero-actions{gap:20px}.hero-actions .button{font-size:14px;padding:17px 19px;gap:15px}.text-link{font-size:13px}.demo-grid{gap:65px}.nav nav{margin-right:0;gap:24px}.booking-layout{grid-template-columns:265px 1fr}.booking-main{padding:38px 32px}.booking-aside{padding:36px 27px}}
@media(max-width:760px){html{scroll-padding-top:84px}.container{padding:0 22px}.preview-notice{height:26px;font-size:12px;gap:8px}.preview-notice span{font-size:12px}.nav{height:75px;gap:20px}.brand img{width:115px}.nav nav{display:none}.button-small{padding:11px 15px;font-size:13px;gap:12px;min-height:42px}.hero{padding:49px 0 44px}.hero-grid{grid-template-columns:1fr;gap:39px}.hero h1{font-size:clamp(49px,9.5vw,68px);letter-spacing:-.055em;line-height:1.08}.hero h1 br:last-child{display:none}.hero-copy .eyebrow{font-size:12px;margin-bottom:18px}.hero-description{max-width:480px;font-size:16px;margin:23px 0 26px}.hero-meta{font-size:12px}.hero-actions{gap:25px}.hero-actions .button{font-size:15px;padding:17px 20px}.text-link{font-size:13px}.call-flow{max-width:540px;width:100%;padding:22px 23px}.flow-top{font-size:12px;margin-bottom:22px}.flow-row{min-height:90px;padding:15px;gap:18px}.flow-icon{width:40px;height:40px}.flow-row h3{font-size:17px}.flow-row p{font-size:14px}.flow-connector{height:20px}.flow-bottom{font-size:12px;gap:7px;padding-top:18px}.benefit-items{gap:8px;align-items:stretch}.benefit-items p{flex-direction:column;text-align:center;justify-content:flex-start;font-size:12px;line-height:1.5;gap:7px;width:33.333%;margin:19px 0}.benefit-items svg{width:17px;height:17px}.section{padding:50px 0}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:18px;max-width:100%;font-size:16px}.section-heading h2{font-size:32px}.eyebrow{font-size:12px;margin-bottom:12px}.steps{grid-template-columns:1fr;gap:0;padding-top:0}.steps article{display:grid;grid-template-columns:38px 1fr;column-gap:10px;padding:25px 0;border-bottom:1px solid var(--line)}.steps .number{grid-column:1;grid-row:1 / 3;padding-top:4px;margin:0}.steps h3{grid-column:2;font-size:22px;margin-bottom:8px}.steps p{grid-column:2;max-width:100%;font-size:16px}.story-grid{gap:15px}.story-frame{aspect-ratio:1.4}.story-frame svg{width:22px;height:22px;margin-bottom:10px}.story-frame p{font-size:12px}.story-frame span{font-size:12px;text-align:center;max-width:105px;line-height:1.5}.story-caption{padding:12px;display:block;line-height:1.7}.story-caption span{display:block;font-size:12px}.story-caption span:first-child{font-size:12px}.demo-section{padding:50px 0}.demo-grid{grid-template-columns:1fr;gap:28px}.demo-section h2{font-size:38px}.demo-section p:not(.eyebrow):not(.agenda-heading):not(.demo-meta){font-size:15px}.demo-agenda div{min-height:67px}.demo-agenda div p{font-size:15px!important}.faq-grid{grid-template-columns:1fr;gap:24px}.faq-grid>div>p:not(.eyebrow){display:none}.faq h2{font-size:32px}.faq-list details{padding:19px 0}.faq-list summary{font-size:15px}.faq-list details p{font-size:16px;padding-right:18px}.footer-row{flex-wrap:wrap;gap:15px;padding-top:0;padding-bottom:25px}.footer-row p{font-size:12px}.footer-row>a:last-child{font-size:13px;width:100%;margin-top:1px}.footer-bottom{font-size:12px;line-height:1.7;display:block;padding-top:17px;padding-bottom:17px}.footer-bottom span{display:block}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.booking-layout{grid-template-columns:1fr;min-height:0}.booking-aside{padding:24px 26px}.booking-aside>img{width:98px;margin-bottom:19px}.booking-aside h2{font-size:27px}.booking-aside h2 br{display:none}.booking-aside .eyebrow,.booking-aside>div>p:not(.eyebrow),.booking-aside ul{display:none}.booking-preview-note{border:0;margin:10px 0 0;padding:0;font-size:12px;line-height:1.5}.booking-preview-note br{display:none}.booking-preview-note span{font-size:12px;margin-left:7px}.booking-main{padding:24px 25px 27px}.booking-progress{gap:16px;font-size:12px;margin-bottom:24px;padding-bottom:15px}.booking-step h3{font-size:25px;margin-bottom:22px}.booking-step input:not([type=radio]),.booking-step select{font-size:16px}.booking-step>label,legend{font-size:14px}.close-dialog{background:#ffffff24;color:white;right:16px;top:16px}.choice-grid span{font-size:14px;padding:12px 10px}.form-actions .button{font-size:13px;padding:15px 14px}.date-options{gap:7px}.date-option{font-size:12px}.date-option strong{font-size:20px}.time-option{font-size:13px}.confirmation{padding-top:10px}.confirmation h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* The entire page is a single scroll-driven spatial scene. */
html{scroll-padding-top:0;background:#060d1a}body.immersive{background:#060d1a;color:#eef5ff;overflow-x:hidden}button{touch-action:manipulation}.journey-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 4vw;background:linear-gradient(#060d1ae0,transparent);pointer-events:none}.journey-header>*{pointer-events:auto}.journey-brand img{display:block;width:123px;height:auto}.header-note{font-size:11px;letter-spacing:.15em;color:#96a7be}.journey-book,.journey-primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#e8f2ff;color:#0b1a31;border-radius:100px;min-height:46px;padding:12px 23px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.journey-book:hover,.journey-primary:hover{background:#b6dcff;transform:translateY(-2px)}.journey-book svg,.journey-primary svg{width:18px;height:18px}.skip-link{position:fixed;left:20px;top:-80px;z-index:50;background:#fff;color:#0b1a31;padding:15px}.skip-link:focus{top:10px}
.journey-environment{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,#142c4945,transparent 65%),#060d1a;z-index:0}.environment-glow{position:absolute;width:82vw;height:80vh;left:9vw;top:13vh;border-radius:50%;background:radial-gradient(ellipse,#174c8438,transparent 67%);transition:background 1s}.environment-horizon{position:absolute;left:-30%;width:160%;height:75vh;top:68vh;border:1px solid #37679829;border-radius:50%;box-shadow:0 -25px 90px #3478bb08,inset 0 30px 80px #3478bb0b}#journey-canvas{position:fixed;inset:0;z-index:1;touch-action:pan-y}#journey-canvas canvas{display:block;width:100%;height:100%}#story-track{height:680svh;position:relative}#story-viewport{position:fixed;inset:0;z-index:3;pointer-events:none}.chapter{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity,transform}.chapter:first-child{opacity:1;visibility:visible}.chapter button,.chapter a{pointer-events:auto}.chapter-kicker{font-size:12px;font-weight:500;letter-spacing:.17em;color:#98b9d9;line-height:1.5;margin:0 0 22px}.chapter h1,.chapter h2{font-weight:500;letter-spacing:-.057em;line-height:1.06}.chapter em{font-style:normal;color:#8ecbfa}.intro-title{position:absolute;top:14%;left:5%;width:90%;text-align:center}.intro-title .chapter-kicker{margin-bottom:15px}.intro-title h1{font-size:clamp(45px,6.3vw,99px)}.intro-title h1 span{color:#88c7f8}.intro-side{position:absolute;bottom:22%;width:25%;max-width:290px}.intro-left{left:6%}.intro-right{right:6%;text-align:right}.intro-side p{font-size:17px;line-height:1.65;color:#b4c5d8;margin:12px 0}.tiny-label{font-size:11px;letter-spacing:.19em;color:#748ba4}.round-link{font-size:14px;display:inline-flex;align-items:center;gap:20px;color:#e5f3ff}.round-link span{display:grid;place-items:center;border:1px solid #7cacd355;width:40px;height:40px;border-radius:50%;font-size:20px}.scene-note{font-size:10px;letter-spacing:.22em;color:#7891ac;text-align:center}.intro-note{position:absolute;bottom:14.5%;left:0;right:0;margin:0}.scene-copy{position:absolute;top:50%;transform:translateY(-50%);width:39%;max-width:570px}.copy-right{left:56%}.copy-left{left:7%}.scene-copy h2{font-size:clamp(40px,4.9vw,78px)}.scene-copy>p:not(.chapter-kicker){color:#b2c5d9;font-size:17px;line-height:1.7;max-width:400px;margin:25px 0}.scene-copy .copy-detail{font-size:14px!important;color:#7f9ab5!important;border-left:1px solid #6791b54a;padding-left:17px;margin:23px 0!important}.scene-next{font-size:14px;display:inline-flex;gap:18px;align-items:center;color:#d7eeff;padding:12px 0;border-bottom:1px solid #5d8eb355}.scene-next svg{width:18px}.device-label{position:absolute;font-size:10px;letter-spacing:.19em;color:#759aba;bottom:15%;text-align:center}.consumer-label,.story-label{width:48%;left:1%}.agent-label,.demo-device-label{width:45%;right:2%}.route-title{position:absolute;top:15%;width:100%;text-align:center}.route-title h2{font-size:clamp(45px,5.2vw,77px)}.route-title>p:last-child{color:#a9bfd5;font-size:16px;margin:19px 0;line-height:1.65}.routing-labels{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);display:grid;gap:12px;text-align:center}.routing-labels>span{font-size:13px;color:#cbe5fc;display:flex;align-items:center;justify-content:center;gap:10px;background:#0c1d309c;border:1px solid #7da3c83b;border-radius:8px;padding:13px 17px;backdrop-filter:blur(12px);white-space:nowrap}.routing-labels svg{width:17px;height:17px}.routing-endpoints{position:absolute;bottom:18%;left:16%;right:16%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#82a7c5}.route-next{position:absolute;bottom:13.5%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 0;font-size:13px}.answer-action{display:inline-flex;align-items:center;gap:14px;background:#a7e9d6;color:#123b38;border-radius:100px;padding:16px 25px;font-size:15px;font-weight:550}.answer-action svg{width:20px;height:20px}.answer-action:hover{background:#cbf9ed}.action-note,.demo-duration{display:block;margin-top:14px;font-size:12px;color:#7596b3}.recordings-note{display:flex;gap:16px;border-top:1px solid #5e83a83d;padding-top:21px;margin:26px 0 10px}.recordings-note>svg{width:24px;height:24px;color:#84a9ca;margin-top:3px}.recordings-note strong{font-size:14px;font-weight:500;color:#b8d1e7;display:block;line-height:1.5}.recordings-note span{font-size:12px;color:#7d9bb5;display:block;margin-top:5px}.journey-primary{background:#8fcdff;font-size:16px;padding:17px 27px;min-height:54px}.questions-link{display:block;padding:14px 0;margin-top:27px;background:none;color:#9bb8d0;font-size:14px;border-bottom:1px solid #7a9bb440}.questions-link span{padding-left:35px;font-size:18px}.chapter-nav{position:fixed;z-index:20;left:50%;bottom:38px;transform:translateX(-50%);display:flex;padding:7px 9px 9px;background:#0e1b2ac9;border:1px solid #5d84a333;backdrop-filter:blur(20px);border-radius:16px;max-width:calc(100vw - 48px)}.chapter-nav a{position:relative;display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:9px;color:#738eaa;font-size:12px;white-space:nowrap;transition:color .2s,background .2s}.chapter-nav a:hover{color:#d6e9ff}.chapter-nav a[aria-current]{color:#eef7ff;background:#41638932}.nav-number{font-size:10px;letter-spacing:.03em;color:#5c7c9f}.chapter-nav a[aria-current] .nav-number{color:#8fccff}.journey-progress{height:2px;position:absolute;bottom:0;left:18px;right:18px;background:#20375144;overflow:hidden}.journey-progress span{display:block;transform-origin:left;width:100%;height:100%;background:#95d0ff;transform:scaleX(0)}.experience-meta{position:fixed;bottom:12px;left:4vw;right:4vw;z-index:20;display:flex;justify-content:space-between;align-items:center;color:#637e99;font-size:10px;letter-spacing:.02em}.experience-meta span:first-child{font-size:9px;letter-spacing:.13em}.experience-meta button{background:transparent;color:#7894ae;padding:0;font-size:10px}.experience-meta button:hover{color:white}.experience-meta button[aria-pressed=true]{color:#acd4f9}#questions-dialog{padding:50px;width:min(660px,calc(100vw - 32px));background:#f8fbff}#questions-dialog h2{font-size:36px;margin-bottom:30px}#questions-dialog .close-dialog{background:#e4ebf4;color:#354f70}#questions-dialog .eyebrow{color:#577694}#questions-dialog summary{font-size:16px}.faq-contact{display:block;font-size:14px;margin-top:30px;color:#466d99}dialog .button{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:white;gap:22px;border-radius:5px;padding:16px 23px;font-weight:550}dialog .eyebrow{color:#52779b}dialog .eyebrow.light{color:#81a7ce}
@media(min-width:1600px){.scene-copy{max-width:580px}.intro-side{max-width:330px}.intro-side p{font-size:20px}.scene-copy>p:not(.chapter-kicker){font-size:19px}}
@media(max-width:1000px){.header-note{font-size:9px}.journey-header{padding:20px 28px}.chapter-nav a{padding:12px 10px;font-size:11px;gap:7px}.scene-copy{width:39%}.scene-copy h2{font-size:45px}.scene-copy>p:not(.chapter-kicker){font-size:16px}.scene-copy .chapter-kicker{font-size:10px}.intro-side{bottom:25%;width:24%}.intro-side p{font-size:15px}.intro-left{left:5%}.intro-right{right:5%}.intro-title h1{font-size:63px}.intro-title{top:15%}.intro-title .chapter-kicker{font-size:10px}.route-title{top:16%}.route-title h2{font-size:55px}.routing-labels>span{font-size:12px;padding:11px}.scene-copy.copy-left{left:6%}.scene-copy.copy-right{left:57%}}
@media(max-width:700px){.journey-header{padding:16px 22px}.journey-brand img{width:101px}.header-note{display:none}.journey-book{font-size:12px;min-height:39px;padding:10px 15px;gap:12px}.journey-book svg{width:15px;height:15px}.chapter-nav{bottom:37px;max-width:calc(100vw - 28px);width:calc(100vw - 28px);justify-content:space-between;padding:6px 7px 9px;border-radius:12px}.chapter-nav a{padding:10px;min-width:37px;justify-content:center;gap:0;font-size:11px}.nav-title{display:none}.chapter-nav a[aria-current] .nav-title{display:inline;margin-left:7px}.nav-number{font-size:10px}.experience-meta{left:20px;right:20px;font-size:9px;bottom:12px}.experience-meta button{font-size:9px}.experience-meta span:first-child{font-size:8px}.intro-title{top:14%;left:5%;width:90%}.intro-title .chapter-kicker{font-size:9px;letter-spacing:.14em;margin-bottom:17px}.intro-title h1{font-size:clamp(36px,8.6vw,55px);line-height:1.1;letter-spacing:-.045em}.intro-left{left:7%;bottom:15%;width:60%;max-width:none}.intro-left .tiny-label{display:none}.intro-left p{font-size:13px;line-height:1.6;margin:0}.intro-right{right:7%;bottom:15%;width:auto}.intro-right>p{display:none}.intro-right .round-link{font-size:0;gap:0}.intro-right .round-link span{font-size:20px;width:36px;height:36px}.intro-note{display:none}.scene-copy,.scene-copy.copy-right,.scene-copy.copy-left{left:7%;top:14%;transform:none;width:86%;max-width:100%;text-align:left}.chapter-kicker,.scene-copy .chapter-kicker{font-size:9px;letter-spacing:.12em;margin:0 0 13px}.scene-copy h2{font-size:clamp(32px,8.5vw,50px);line-height:1.06}.scene-copy h2 br{display:none}.scene-copy h2 br::after{content:' '}.scene-copy h2 em{display:block;margin-top:3px}.scene-copy>p:not(.chapter-kicker){font-size:14px;line-height:1.55;margin:16px 0;max-width:100%}.scene-copy .copy-detail{display:none}.chapter-consumer .scene-next{position:fixed;top:66svh;right:0;font-size:12px;padding:8px 0}.device-label{font-size:8px;bottom:15%;letter-spacing:.13em}.consumer-label{left:7%;width:auto}.agent-label{left:7%;width:auto;right:auto}.route-title{top:14%;left:7%;width:86%;text-align:left}.route-title h2{font-size:clamp(38px,10vw,53px)}.route-title>p:last-child{font-size:14px;margin-top:15px;line-height:1.6}.routing-labels{top:49%;display:flex;gap:7px;justify-content:center;width:100%}.routing-labels>span{font-size:10px;gap:6px;padding:9px}.routing-labels svg{width:13px;height:13px}.routing-endpoints{left:14%;right:14%;bottom:19%;font-size:8px}.route-next{bottom:14%;font-size:12px}.answer-action{font-size:13px;gap:10px;padding:13px 18px;position:fixed;top:63svh;left:0}.answer-action svg{width:17px;height:17px}.action-note{position:fixed;top:69svh;left:0;font-size:10px}.chapter-answer .scene-copy>p:not(.chapter-kicker){max-width:88%}.chapter-answer .scene-copy>p:not(.chapter-kicker) br{display:none}.recordings-note{position:fixed;top:57svh;left:0;max-width:45%;display:block;padding-top:16px;margin:0}.recordings-note>svg{margin:0 0 8px}.recordings-note strong{font-size:12px}.recordings-note span{font-size:10px;line-height:1.6;max-width:135px}.chapter-stories .scene-next{position:fixed;top:66svh;left:0;font-size:12px;max-width:45%;line-height:1.4;gap:8px}.story-label{right:7%;left:auto;width:45%;bottom:15%;line-height:1.5}.chapter-demo .scene-copy h2{font-size:39px}.chapter-demo .scene-copy>p:not(.chapter-kicker){max-width:100%;font-size:14px}.journey-primary{position:fixed;top:50svh;left:0;font-size:13px;padding:13px 18px;gap:10px;min-height:46px}.demo-duration{position:fixed;top:56svh;left:0;font-size:10px}.questions-link{position:fixed;top:61svh;left:0;margin:0;font-size:12px;max-width:42%;text-align:left;line-height:1.5}.questions-link span{padding-left:7px}.demo-device-label{right:3%;width:45%;font-size:8px;bottom:15%;line-height:1.5}#questions-dialog{padding:38px 25px}#questions-dialog h2{font-size:29px}#questions-dialog summary{font-size:15px}#questions-dialog details p{font-size:15px}.chapter-nav .journey-progress{left:13px;right:13px}}
@media(max-width:700px) and (max-height:750px){.intro-title{top:14%}.intro-title h1{font-size:35px}.scene-copy,.scene-copy.copy-right,.scene-copy.copy-left,.route-title{top:13%}.scene-copy h2{font-size:32px}.scene-copy>p:not(.chapter-kicker){font-size:13px;margin-top:12px}.route-title h2{font-size:38px}.route-title>p:last-child{font-size:13px}.chapter-demo .scene-copy h2{font-size:33px}.chapter-demo .scene-copy>p:not(.chapter-kicker){font-size:13px}.chapter-nav{bottom:34px}.intro-left p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter{will-change:auto}}
/* Legible navigation and clearances around the physical devices. */
.header-note,.tiny-label,.device-label,.chapter-kicker,.scene-copy .chapter-kicker,.intro-title .chapter-kicker{font-size:12px}.header-note{letter-spacing:.09em}.chapter-nav a,.nav-number{font-size:12px}.chapter-nav a{padding:12px}.experience-meta,.experience-meta span:first-child,.experience-meta button{font-size:12px}.experience-meta span:first-child{letter-spacing:.06em}.device-label{bottom:11.8%;font-size:11px}.routing-endpoints{top:44%;bottom:auto;left:16%;right:16%;font-size:11px}.route-next{bottom:12.8%}.chapter-nav{bottom:37px}.chapter-kicker{letter-spacing:.13em}
@media(max-width:1000px){.header-note{font-size:10px}.chapter-nav a{padding:12px 10px}.device-label{font-size:10px}.intro-title .chapter-kicker{font-size:12px}.scene-copy .chapter-kicker{font-size:11px}}
@media(max-width:700px){.chapter-kicker,.scene-copy .chapter-kicker,.intro-title .chapter-kicker{font-size:11px}.chapter-nav a{padding:10px 7px;font-size:12px}.nav-number{font-size:11px}.experience-meta,.experience-meta span:first-child,.experience-meta button{font-size:10px}.device-label{bottom:15%;font-size:9px}.routing-endpoints{top:53%;bottom:auto;left:14%;right:14%;font-size:10px}.route-next{bottom:14%}.chapter-consumer .scene-next{right:7vw}.answer-action,.action-note,.recordings-note,.chapter-stories .scene-next,.journey-primary,.demo-duration,.questions-link{left:7vw}.consumer-label,.agent-label{display:none}.intro-title h1{font-size:clamp(35px,8.5vw,52px)}.recordings-note{max-width:40%}.scene-copy>p:not(.chapter-kicker){font-size:16px}.scene-copy .copy-detail{font-size:14px}.route-title>p:last-child{font-size:16px}.chapter-demo .scene-copy>p:not(.chapter-kicker){font-size:16px}}
@media(max-width:700px) and (max-height:750px){.scene-copy>p:not(.chapter-kicker),.chapter-demo .scene-copy>p:not(.chapter-kicker),.route-title>p:last-child{font-size:14px}.intro-title .chapter-kicker{font-size:10px}}
.no-webgl .scene-copy{width:min(80%,640px);left:10%}.no-webgl .intro-side{bottom:32%}.no-webgl .routing-labels{top:62%}.no-webgl .device-label,.no-webgl .routing-endpoints{display:none}
.device-label{display:none}.scene-copy .copy-detail{color:#93abc3!important}.experience-meta,.experience-meta button{color:#8ca4bc}.no-webgl .chapter-stories .scene-copy{max-width:640px}
@media(max-width:700px){.chapter-consumer .scene-next{top:79svh;font-size:14px}.recordings-note{position:static;display:flex;max-width:100%;padding-top:14px;margin-top:18px;gap:13px}.recordings-note>svg{margin:2px 0 0;width:20px;height:20px}.recordings-note strong{font-size:13px}.recordings-note span{font-size:12px;max-width:none}.chapter-stories .scene-next{top:79svh;font-size:13px;max-width:85%;white-space:nowrap}.answer-action{max-width:46%;font-size:13px;text-align:left;line-height:1.5}.chapter-answer .action-note{max-width:40%;line-height:1.5}}
@media(max-width:700px){.routing-labels>span{font-size:12px;padding:10px 8px}.routing-labels{gap:7px}}

/* Genuine agent recording, integrated with the existing call journey. */
.story-shortcut{display:inline-flex;align-items:center;gap:9px;color:#d9eeff;background:none;padding:8px 0;font-size:14px;border-bottom:1px solid #729dbe70}.story-shortcut>span{font-size:20px}.story-shortcut:hover{color:#fff;border-color:#b6dfff}.story-watch{display:flex;align-items:center;gap:16px;text-align:left;background:#122a43;color:#f2f8ff;border:1px solid #6c9fc866;padding:17px 22px;border-radius:12px;font-size:17px;margin:27px 0 14px;min-height:75px}.story-play{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#93ceff;color:#10263e;font-size:26px}.story-watch small{display:block;font-size:14px;font-weight:400;color:#b2cbe0;margin-top:5px}.story-watch:hover{background:#1a3959;border-color:#93ceff}.story-shortcut:focus-visible,.story-watch:focus-visible,.story-close:focus-visible{outline:3px solid #a9ddff;outline-offset:5px}#james-dialog{padding:0;background:#091321;color:#f2f8ff;border:1px solid #37516b;border-radius:18px;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 28px 100px #0009}#james-dialog::backdrop{background:#020812e8;backdrop-filter:blur(9px)}.story-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px}.story-dialog-header h2{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin:0;font-weight:500}.story-dialog-header p{font-size:14px;color:#9fb8cf;margin:4px 0 0}.story-close{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;background:#23374e;color:#fff;font-size:27px}#james-video{display:block;width:100%;max-height:calc(100dvh - 155px);aspect-ratio:9/16;background:#000;object-fit:contain}.story-playback-status:empty{display:none}.story-playback-status{font-size:14px;padding:0 20px 15px;margin:0;color:#b2cbe0}
@media(max-width:700px){.intro-left{bottom:16%;width:65%}.intro-left p{font-size:16px;line-height:1.5}.story-shortcut{font-size:14px;padding:7px 0;margin-top:7px}.story-watch{margin-top:20px;padding:13px 16px;font-size:16px;min-height:65px;gap:12px}.story-watch small{font-size:14px}.story-play{width:34px;height:34px;font-size:23px}.chapter-stories .scene-copy>p:not(.chapter-kicker){margin:14px 0;max-width:350px}.chapter-stories .scene-copy h2{font-size:36px}.chapter-stories .scene-copy h2 br{display:none}.chapter-stories .scene-copy h2 em{display:inline}.chapter-stories .scene-next{top:79svh}.story-dialog-header{padding:14px 16px}.story-dialog-header h2{font-size:16px}}
@media(max-width:700px) and (max-height:750px){.chapter-stories .scene-copy h2{font-size:32px}.chapter-stories .scene-copy>p:not(.chapter-kicker){font-size:14px;margin:10px 0}.story-watch{padding:10px 14px;min-height:56px;margin-top:12px}.story-watch small{font-size:12px}.intro-left p{font-size:14px}.intro-left{bottom:16%}}

/* One featured agent in the persistent 3D phone, with compact story selection. */
.stories-layout{position:absolute;left:52%;top:49%;transform:translateY(-50%);width:42%;max-width:630px}
.stories-heading .chapter-kicker{margin:0 0 14px}
.stories-heading h2{font-size:clamp(35px,4.35vw,65px);line-height:1.05;margin:0}
.story-feature{margin-top:26px}
.story-quote{margin:0;max-width:520px;font-size:clamp(19px,1.8vw,27px);line-height:1.5;font-weight:400;letter-spacing:-.02em;color:#d0e2f2}
#story-quote-short{display:none}
.story-feature-person{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-top:16px}
.story-feature-person strong{font-size:17px;font-weight:550;color:#f1f8ff}
.story-feature-person>span{font-size:13px;color:#95b1c9}
.story-feature-watch{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:10px 18px 10px 10px;margin-top:20px;color:#eef7ff;border:1px solid #8bc6f463;border-radius:100px;background:#17324b;text-align:left;font-size:14px;line-height:1.35;transition:background .2s,border-color .2s}
.story-feature-watch:hover{background:#234563;border-color:#b3defb}
.story-feature-play{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#c6e7ff;color:#0c2238;font-size:23px}
.story-feature-watch small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#b1cadf}
.stories-collection{margin-top:28px;padding-top:17px;border-top:1px solid #759db836}
.stories-collection-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}
.stories-collection-label{font-size:10px;letter-spacing:.15em;color:#85a4bd}
.gallery-navigation{display:flex;align-items:center;gap:10px}
.gallery-navigation button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #8fc4ec36;background:#10263b;color:#d4ebfe;font-size:17px}
.gallery-navigation span{font-size:11px;white-space:nowrap;color:#a9c1d7;font-variant-numeric:tabular-nums}
.gallery-navigation button:disabled,.story-player-navigation button:disabled{opacity:.35;cursor:default}
.stories-gallery{position:relative;display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#294c68 transparent;padding:3px 3px 8px;margin:-3px -3px 0;pointer-events:auto}
.story-card-item{flex:0 0 calc((100% - 18px)/3);min-width:122px;scroll-snap-align:start}
.story-card{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:7px;border:1px solid #40627e66;border-radius:10px;background:#0c1c2d;color:#e7f3ff;text-align:left;min-height:67px;transition:background .2s,border-color .2s}
.story-card:hover{background:#193248;border-color:#89bee9}
.story-card[aria-pressed=true]{background:#18334d;border-color:#a7d9ff;box-shadow:inset 0 0 0 1px #a7d9ff20}
.story-card-poster{display:block;flex-shrink:0;width:35px;height:49px;object-fit:cover;object-position:50% 30%;border-radius:5px}
.story-card-caption{display:block;min-width:0}
.story-card-name{display:block;font-size:13px;font-weight:550;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-card-role{display:block;font-size:10px;line-height:1.35;color:#a4bfd6;margin-top:4px}
.story-card-number{position:absolute;right:8px;top:6px;color:#7e9eb8;font-size:8px;font-variant-numeric:tabular-nums}
.stories-preview-note{font-size:11px;line-height:1.5;color:#819db6;margin:8px 0 0;letter-spacing:0}
.chapter-stories .story-demo-link{position:static;top:auto;left:auto;margin-top:14px;padding:8px 0;font-size:12px;max-width:none;white-space:normal}
.story-device-fallback{display:none}
.no-webgl .story-device-fallback{display:block;position:absolute;left:12%;top:50%;transform:translateY(-50%);width:min(29vw,310px);height:min(67svh,580px);padding:8px;border:2px solid #728aa0;border-radius:38px;background:#07101c;overflow:hidden;box-shadow:0 20px 60px #0008}
.story-device-fallback img{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px}
.story-device-fallback>span{position:absolute;display:grid;place-items:center;left:50%;top:72%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;background:#e3f3ff;color:#18324a;font-size:32px}
.story-feature-watch:focus-visible,.story-card:focus-visible,.gallery-navigation button:focus-visible,.story-player-navigation button:focus-visible,.story-device-fallback:focus-visible{outline:3px solid #a9ddff;outline-offset:4px}
.story-player-footer{padding:14px 18px 17px;border-top:1px solid #3c58743d;background:#091321}
.story-player-navigation{display:flex;justify-content:space-between;align-items:center;gap:14px}
.story-player-navigation button{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;background:#20364c;color:#ebf7ff;border:1px solid #5674914d;border-radius:8px;font-size:13px}
.story-player-navigation>span{font-size:12px;color:#b3c8dc;white-space:nowrap;font-variant-numeric:tabular-nums}
#story-preview-context{font-size:11px;line-height:1.5;text-align:center;color:#94adc5;margin:13px 0 0}
#james-video{max-height:calc(100dvh - 232px)}
.story-playback-status{padding-top:0;font-size:13px}
@media(min-width:701px) and (max-height:780px){.stories-layout{top:48%}.stories-heading h2{font-size:clamp(34px,3.4vw,50px)}.stories-heading .chapter-kicker{margin-bottom:10px}.story-feature{margin-top:18px}.story-quote{font-size:20px;line-height:1.4}.story-feature-person{margin-top:12px}.story-feature-watch{margin-top:14px;min-height:52px}.stories-collection{margin-top:18px;padding-top:12px}.stories-collection-head{margin-bottom:8px}.chapter-stories .story-demo-link{margin-top:8px}}
@media(min-width:701px) and (max-width:1000px){.stories-layout{left:49%;width:46%}.stories-heading h2{font-size:42px}.story-quote{font-size:19px}.story-card-item{min-width:107px}.story-card{gap:7px}.story-card-poster{width:30px;height:43px}.story-card-name{font-size:12px}.story-card-role{font-size:9px}.story-card-number{display:none}}
@media(max-width:700px){
 .stories-layout{inset:0;width:auto;max-width:none;transform:none}
 .stories-heading{position:absolute;left:7%;top:13svh;width:86%}
 .stories-heading .chapter-kicker{font-size:10px;margin-bottom:10px}
 .stories-heading h2{font-size:clamp(30px,8.1vw,39px);line-height:1.06}
 .stories-heading h2 br{display:none}
 .stories-heading h2 em{display:block;margin-top:3px}
 .story-feature{position:absolute;left:54%;top:33svh;width:39%;margin:0}
 .story-quote{font-size:clamp(15px,4.1vw,18px);line-height:1.45;letter-spacing:-.015em}
 #story-quote-full{display:none}
 #story-quote-short{display:inline}
 .story-feature-person{display:block;margin-top:14px}
 .story-feature-person strong{display:block;font-size:15px}
 .story-feature-person>span{display:block;font-size:11px;line-height:1.5;margin-top:3px}
 .story-feature-watch{gap:8px;font-size:12px;padding:8px 10px 8px 7px;min-height:48px;margin-top:16px;border-radius:12px;width:100%}
 .story-feature-play{width:27px;height:27px;font-size:19px}
 .story-feature-watch small{font-size:10px;line-height:1.4;margin-top:3px}
 .stories-collection{position:absolute;left:7%;bottom:108px;width:86%;padding-top:10px;margin:0;border-color:#759db82b}
 .stories-collection-head{margin-bottom:8px}
 .stories-collection-label{font-size:9px}
 .gallery-navigation{gap:9px}
 .gallery-navigation button{width:30px;height:30px}
 .gallery-navigation span{font-size:10px}
 .stories-gallery{gap:7px;padding-bottom:3px}
 .story-card-item{flex-basis:calc((100% - 14px)/3);min-width:91px}
 .story-card{gap:6px;padding:6px;min-height:52px;border-radius:8px}
 .story-card-poster{width:25px;height:36px;border-radius:4px}
 .story-card-name{font-size:11px}
 .story-card-role{font-size:8px;margin-top:3px}
 .story-card-number{display:none}
 .stories-preview-note{font-size:10px;line-height:1.4;margin:7px 0 0;max-width:100%}
 .chapter-stories .story-demo-link{display:none}
 /* No WebGL on a phone: the poster covered the AGENT STORIES label and the gallery arrows. The story's own Watch button
    stays, so the poster is left out and the quote uses the full width. */
 .no-webgl .story-device-fallback{display:none}.no-webgl .chapter-stories .story-feature{left:7%;width:86%}
 .story-device-fallback img{border-radius:16px}
 .story-device-fallback>span{width:38px;height:38px;font-size:25px}
 .story-player-navigation button{min-height:40px;padding:8px 10px;font-size:12px}
}
@media(max-width:700px) and (max-height:720px){
 .stories-heading{top:13svh}.stories-heading h2{font-size:29px}
 .story-feature{top:32svh}.story-quote{font-size:15px;line-height:1.4}
 .story-feature-person{margin-top:11px}.story-feature-watch{margin-top:12px}
 .stories-collection{bottom:103px;padding-top:0;border:0}
 .stories-collection-head{margin-bottom:5px}.stories-collection-label{font-size:8px}
 .gallery-navigation button{width:26px;height:26px}.stories-preview-note{font-size:9px;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){.story-card,.story-feature-watch{transition:none}}

/* A bounded desktop stage: fit both wide monitors and short laptop windows. */
@media(min-width:701px){
 :root{--desktop-stage:min(88vw,1400px)}
 .intro-title{top:clamp(100px,11vh,148px)}
 .intro-title h1{font-size:clamp(42px,min(5.2vw,8.4vh),84px)}
 .intro-side{bottom:25%;width:calc(var(--desktop-stage)*.24);max-width:300px}
 .intro-left{left:calc((100% - var(--desktop-stage))/2)}
 .intro-right{right:calc((100% - var(--desktop-stage))/2)}
 .intro-side p{font-size:clamp(15px,1.2vw,18px)}
 .scene-copy,.scene-copy.copy-left,.scene-copy.copy-right{top:var(--desktop-center,48%);width:calc(var(--desktop-stage)*.43);max-width:580px}
 .scene-copy.copy-left{left:calc((100% - var(--desktop-stage))/2 + var(--desktop-stage)*.02)}
 .scene-copy.copy-right{left:calc(50% + var(--desktop-stage)*.06)}
 .scene-copy h2{font-size:clamp(36px,min(4.5vw,7.5vh),70px)}
 .scene-copy>p:not(.chapter-kicker){font-size:clamp(15px,1.25vw,18px);margin:20px 0;line-height:1.6}
 .scene-copy .chapter-kicker{margin-bottom:17px}
 .route-title{top:clamp(100px,11vh,148px)}
 .route-title h2{font-size:clamp(40px,min(4.5vw,7vh),68px)}
 .route-title .chapter-kicker{margin-bottom:14px}
 .route-title>p:last-child{margin:15px 0 0}
 .routing-labels{top:var(--route-center,60%)}
 .routing-endpoints{top:var(--route-label-top,44%);left:calc(50% - var(--desktop-stage)*.34);right:calc(50% - var(--desktop-stage)*.34)}
 .stories-layout{left:calc(50% + var(--desktop-stage)*.03);top:var(--desktop-center,48%);width:calc(var(--desktop-stage)*.46);max-width:620px}
 .stories-heading h2{font-size:clamp(34px,min(4.2vw,6.6vh),62px)}
 .story-quote{font-size:clamp(19px,min(1.8vw,2.8vh),25px)}
}
@media(min-width:701px) and (max-height:900px){
 .stories-heading .chapter-kicker{margin-bottom:10px}
 .story-feature{margin-top:17px}.story-quote{line-height:1.4}
 .story-feature-person{margin-top:12px}.story-feature-watch{margin-top:13px;min-height:50px}
 .stories-collection{margin-top:17px;padding-top:11px}.stories-collection-head{margin-bottom:8px}
 .chapter-stories .story-demo-link{margin-top:8px}
 .questions-link{margin-top:18px}
}
@media(min-width:701px) and (max-height:650px){
 .intro-title{top:91px}.intro-title h1{font-size:42px}
 .scene-copy h2{font-size:36px}.scene-copy>p:not(.chapter-kicker){font-size:14px;margin:14px 0}
 .scene-copy .copy-detail{margin:14px 0!important}.chapter-kicker{margin-bottom:10px!important}
 .stories-heading h2{font-size:32px}.story-quote{font-size:18px}
 .story-feature{margin-top:12px}.story-feature-person{margin-top:9px}
 .story-feature-watch{margin-top:10px;min-height:45px}.stories-collection{margin-top:12px;padding-top:8px}
 .chapter-stories .story-demo-link{padding:8px 0}
 .route-title{top:91px}.route-title h2{font-size:40px}.route-title>p:last-child{font-size:14px}
}

/* Preserve the original navy/blue logo against the dark site. */
.journey-brand{background:#f8fbff;padding:7px 10px;border-radius:10px;box-shadow:0 0 0 1px #d7e5f033}
.journey-brand img{display:block;height:auto}
.booking-shell-head img{background:#f8fbff;padding:7px 9px;border-radius:8px;box-sizing:content-box}
@media(max-width:700px){.journey-brand{padding:6px 8px;border-radius:8px}}

.experience-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Fit the existing immersive design to the available reading area. */
.journey-book{flex-shrink:0;white-space:nowrap}
.journey-brand{flex-shrink:0}
.chapter-nav{max-width:calc(100% - 28px)}
.scene-copy,.stories-layout{min-width:0}
/* Keep the gallery inside its scrollable reading column, including focus-ring padding. */
.stories-gallery{margin-inline:0;scrollbar-width:none}
.stories-gallery::-webkit-scrollbar{display:none}
.story-card-item{min-width:0}
.story-card-caption{overflow:hidden}
.story-card-role{overflow-wrap:normal}
#questions-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}
#james-dialog{width:fit-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
/* Before iOS 15.4, Safari shows a closed <dialog> as page content. */
dialog:not([open]){display:none}
#james-video{width:auto;height:min(70dvh,730px);max-width:100%;max-height:calc(100dvh - 190px);margin:auto;object-fit:contain}
.story-dialog-header{max-width:460px;padding:12px 16px}
.story-dialog-header h2{font-size:16px}.story-dialog-header p{font-size:12px}
.story-player-footer{padding:10px 14px}
.story-player-navigation{gap:10px}
.story-dialog-header,.story-player-footer{flex-shrink:0}

@media(max-width:1100px){
 .story-card-role,.story-card-number{display:none}
 .story-card{gap:7px;min-height:62px}
 .story-card-poster{width:30px;height:43px}
 .story-card-name{font-size:12px}
}
@media(max-width:960px){
 .header-note{display:none}
 .chapter-nav{width:min(520px,calc(100% - 28px));justify-content:space-between}
 .chapter-nav a{padding:10px;min-width:38px;justify-content:center;gap:0}
 .nav-title{display:none}
 .chapter-nav a[aria-current] .nav-title{display:inline;margin-left:7px}
}
@media(max-width:700px){
 .journey-header{padding:14px 18px;gap:12px}
 .journey-brand img{width:98px}
 .journey-book{padding:10px 13px;gap:10px;font-size:12px}
 .intro-title,.scene-copy,.scene-copy.copy-left,.scene-copy.copy-right,.route-title,.stories-heading{top:var(--reading-top,94px)}
 .scene-copy{width:86%}
 .intro-title .chapter-kicker{margin-bottom:12px}
 .intro-left{bottom:var(--intro-bottom,130px)}
 .intro-right{bottom:var(--intro-bottom,130px)}
 .intro-left p{font-size:14px}
 .story-shortcut{font-size:13px}
 .chapter-consumer .scene-next{top:auto;bottom:var(--content-bottom,108px)}
 .routing-labels{top:var(--routing-pill-top,49%);gap:7px}
 .routing-endpoints{top:var(--routing-endpoint-top,53%)}
 .routing-labels>span{font-size:12px;padding:9px 8px}
 .route-next{bottom:var(--content-bottom,108px)}
 .answer-action{top:var(--answer-action-top,63svh);max-width:46%}
 .chapter-answer .action-note{top:var(--answer-note-top,75svh);margin:0}
 .journey-primary{top:var(--demo-action-top,50svh);max-width:51%;font-size:13px;padding:12px 15px;gap:8px;white-space:nowrap}
 .demo-duration{top:var(--demo-duration-top,59svh);margin:0}
 .questions-link{top:var(--demo-question-top,64svh);padding:10px 0}
 .story-feature{top:var(--story-feature-top,33svh);left:54%;width:39%}
 .stories-collection{bottom:var(--collection-bottom,108px);padding-top:8px}
 .stories-collection-label{font-size:9px}
 .story-card{padding:5px;gap:5px;min-height:55px}
 .story-card-poster{width:27px;height:38px}
 .story-card-name{font-size:12px}
 .story-feature-watch{min-height:48px;font-size:12px}
 .story-feature-watch small{font-size:10px}
 #james-dialog{width:min(430px,calc(100vw - 20px))}
 #james-video{width:100%;height:auto;max-height:calc(100dvh - 190px)}
}
@media(max-width:700px) and (max-height:700px){
 .intro-title h1{font-size:clamp(29px,8.4vw,38px)}
 .scene-copy h2,.chapter-demo .scene-copy h2,.route-title h2{font-size:clamp(29px,8vw,35px)}
 .scene-copy>p:not(.chapter-kicker),.chapter-demo .scene-copy>p:not(.chapter-kicker),.route-title>p:last-child{font-size:14px;line-height:1.45;margin:12px 0}
 .chapter-kicker,.scene-copy .chapter-kicker{font-size:10px;margin-bottom:10px}
 .stories-heading h2{font-size:28px}
 .stories-heading .chapter-kicker{font-size:9px;margin-bottom:8px}
 .story-quote{font-size:14px;line-height:1.35}
 .story-feature-person{margin-top:8px}
 .story-feature-person>span{display:none}
 .story-feature-watch{margin-top:9px;padding:7px;gap:6px}
 .story-feature-play{width:24px;height:24px;font-size:18px}
 .stories-collection{padding-top:0;border:0}
 .stories-collection-head{margin-bottom:5px}
 .gallery-navigation button{width:27px;height:27px}
 .intro-left p{font-size:13px}.story-shortcut{font-size:12px;padding:5px 0;margin-top:4px}
}
@media(max-width:360px){
 .experience-meta{left:14px;right:14px;font-size:9px}
 .experience-meta button{font-size:9px}
 .chapter-nav a{padding:10px 7px;min-width:30px;font-size:11px}
 .chapter-nav a[aria-current] .nav-title{margin-left:4px}
 .nav-number{font-size:10px}
 .story-card{flex-direction:column;gap:4px;padding:5px 3px}
 .story-card-poster{width:25px;height:32px}.story-card-name{font-size:11px}
 .routing-labels>span{font-size:11px;padding:8px 7px;gap:5px}
 .routing-labels svg{width:14px;height:14px}
 .story-feature-watch{font-size:11px}.story-feature-watch small{font-size:9px}
 .story-feature-play{width:21px;height:21px;font-size:16px}
}

/* Short landscape windows retain the 3D stage, with scrollable reading panels. */
@media(min-width:701px) and (max-height:640px),(min-width:561px) and (max-width:700px) and (max-height:520px){
 .journey-header{padding:4px 4vw}.journey-brand{padding:4px 7px}
 .header-note{display:none}.journey-book{min-height:34px;padding:7px 14px;font-size:12px}
 .chapter-nav{bottom:21px;padding:3px 7px 5px}
 .chapter-nav a{padding:6px 10px;font-size:11px}
 .experience-meta{bottom:4px;font-size:9px}.experience-meta button,.experience-meta span:first-child{font-size:9px}
 .chapter{top:var(--reading-top,64px);bottom:var(--content-bottom,76px);overflow:visible;pointer-events:none}
 .scene-copy,.scene-copy.copy-left,.scene-copy.copy-right,.stories-layout{position:relative;top:auto;transform:none;width:43%;padding-bottom:4px;max-height:var(--reading-height);overflow-y:auto;pointer-events:auto}
 .scene-copy.copy-left{left:6%}.scene-copy.copy-right,.stories-layout{left:53%}
 .scene-copy h2,.stories-heading h2{font-size:28px;line-height:1.06}
 .scene-copy .chapter-kicker,.chapter-kicker{font-size:9px!important;margin-bottom:8px!important}
 .scene-copy>p:not(.chapter-kicker){font-size:13px;line-height:1.4;margin:8px 0}
 .copy-detail{display:none}.scene-next{font-size:13px}
 .journey-primary,.answer-action{font-size:13px;padding:9px 17px;min-height:40px}
 .demo-duration,.action-note{font-size:10px;line-height:1.2;margin-top:5px}.questions-link{margin-top:5px;padding:5px 0;min-height:32px;font-size:12px;line-height:1.4}
 .questions-link span{font-size:15px}
 .intro-title,.route-title{position:relative;top:auto;left:6%;width:43%;text-align:left}
 .intro-title h1,.route-title h2{font-size:28px}
 .intro-title .chapter-kicker{font-size:9px}
 .intro-side{position:relative;bottom:auto;left:6%;width:43%;max-width:none;text-align:left;margin-top:8px}
 .intro-side .tiny-label,.intro-right>p{display:none}.intro-side p{font-size:13px;line-height:1.4;margin:8px 0}
 .intro-right .round-link{font-size:13px}.intro-right .round-link span{width:28px;height:28px}
 .route-title>p:last-child{font-size:13px;line-height:1.4;margin-top:8px}
 .routing-labels{position:relative;top:auto;left:6%;width:43%;transform:none;margin-top:8px;display:flex;flex-wrap:wrap;gap:7px}
 .routing-labels>span{font-size:11px;padding:8px}.routing-labels svg{width:14px;height:14px}
 .routing-endpoints{position:absolute;top:var(--routing-endpoint-top,83px);left:55%;right:7%;font-size:9px}
 .route-next{position:relative;top:auto;bottom:auto;left:6%;transform:none;margin-top:8px}
 .story-quote{font-size:16px;line-height:1.4}.story-feature{margin-top:13px}
 .story-feature-person{margin-top:10px}.story-feature-watch{margin-top:12px}
 .stories-collection{margin-top:16px;padding-top:10px}.chapter-stories .story-demo-link{font-size:12px}
 .story-card-role{display:none}
 .booking-shell-head{padding:12px 60px 12px 18px;gap:14px}.booking-shell-head img{width:80px}
 .booking-shell-head h2{font-size:17px}.booking-shell-head p{font-size:11px}
 .booking-shell-footer{padding:7px 18px;font-size:10px}
}
@media(max-width:360px) and (min-height:521px){
 .story-feature{left:51%;width:42%}
 .story-feature-watch{gap:5px;padding:7px 6px}
 .story-feature-watch small{line-height:1.3}
}
@media(max-height:560px){
 #james-dialog{width:min(600px,calc(100vw - 24px))}
 #james-video{width:100%;height:calc(100dvh - 150px);max-height:none}
 .story-dialog-header{max-width:none;padding:8px 14px}
 .story-dialog-header h2{font-size:14px}.story-dialog-header p{font-size:11px;margin-top:2px}
 .story-player-footer{padding:6px 12px}.story-player-navigation button{padding:7px 10px;min-height:36px}
}

@media(min-width:701px){
 .intro-title,.route-title{top:max(var(--reading-top,120px),min(11vh,148px))}
 .route-next{bottom:var(--content-bottom,120px)}
 .scene-copy,.stories-layout{max-height:var(--reading-height);overflow-y:auto;scrollbar-width:thin;pointer-events:auto}
 /* Preserve scrolling on short displays without a scrollbar beside the stories. */
 .stories-layout{scrollbar-width:none}
 .stories-layout::-webkit-scrollbar{display:none}
}
@media(min-width:701px) and (max-height:640px),(min-width:561px) and (max-width:700px) and (max-height:520px){
 .chapter .intro-title,.chapter .route-title{top:auto}
 .chapter .scene-copy,.chapter .stories-layout{max-height:var(--reading-height);overflow-y:auto;pointer-events:auto}
 .chapter .route-next{bottom:auto}
}

/* Supplied Adlux A mark: retain the light badge and the artwork's square proportions. */
.journey-brand{display:inline-flex;align-items:center;justify-content:center}
.journey-brand img{width:48px;height:48px;object-fit:contain}
.booking-shell-head img{width:44px;height:44px;object-fit:contain;padding:6px;box-sizing:content-box}
@media(max-width:700px),(max-height:640px){
 .journey-brand img{width:44px;height:44px}
}
@media(min-width:701px) and (max-height:640px),(min-width:561px) and (max-width:700px) and (max-height:520px){
 .journey-brand img{width:28px;height:28px}
}
@media(max-width:700px) and (max-height:600px){
 .journey-header{padding:8px 16px;gap:10px}.journey-brand{padding:4px 6px}
 .journey-brand img{width:30px;height:30px}
 .journey-book{min-height:34px;padding:7px 12px;font-size:11px}
 .chapter-nav{bottom:24px;padding:3px 6px 5px}
 .chapter-nav a{padding:7px 6px;font-size:10px}.nav-number{font-size:9px}
 .experience-meta{bottom:5px;font-size:9px}.experience-meta button,.experience-meta span:first-child{font-size:9px}
 .intro-title h1,.scene-copy h2,.chapter-demo .scene-copy h2,.route-title h2,.stories-heading h2{font-size:26px;line-height:1.06}
 .chapter-kicker,.scene-copy .chapter-kicker,.intro-title .chapter-kicker,.stories-heading .chapter-kicker{font-size:9px;margin-bottom:8px}
 .scene-copy>p:not(.chapter-kicker),.chapter-demo .scene-copy>p:not(.chapter-kicker),.route-title>p:last-child{font-size:13px;line-height:1.4;margin:8px 0}
 .intro-left p{font-size:12px;line-height:1.4}.story-shortcut{font-size:11px;padding:4px 0}
 .answer-action,.journey-primary{min-height:40px;padding:9px 12px;font-size:12px}
 .chapter-answer .action-note,.demo-duration{font-size:9px;line-height:1.3}
 .questions-link{min-height:32px;padding:5px 0;font-size:11px}
 .story-quote{font-size:13px;line-height:1.35}.story-feature-person{margin-top:6px}
 .story-feature-person strong{font-size:13px}
 .story-feature-watch{min-height:44px;margin-top:7px;padding:6px;font-size:11px}
 .story-feature-watch small{font-size:9px}.story-feature-play{width:22px;height:22px;font-size:17px}
 .stories-collection-head{margin-bottom:4px}.gallery-navigation button{width:24px;height:24px}
 .story-card{min-height:48px;padding:4px;gap:4px}.story-card-poster{width:23px;height:31px}
 .story-card-name{font-size:10px}
}

/* Keep controls intact when their labels wrap or the browser chrome reduces height. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.questions-link{display:inline-flex;align-items:center;gap:10px}
.questions-link span{padding-left:0;flex-shrink:0}
@media(max-width:700px){
 .story-feature{overflow-y:auto;scrollbar-width:none;pointer-events:auto}
 .story-feature::-webkit-scrollbar{display:none}
 .questions-link{max-width:51%;gap:6px;white-space:nowrap}
}

/* Narrow landscape shares the two-column stage, without portrait viewport offsets. */
@media(min-width:561px) and (max-width:700px) and (max-height:520px){
 .journey-header{padding:4px 4vw}.journey-brand{padding:4px 7px}
 .journey-brand img{width:28px;height:28px}
 .journey-book{min-height:34px;padding:7px 14px;font-size:12px}
 .chapter-nav{bottom:21px;padding:3px 7px 5px}
 .chapter-nav a{padding:6px 10px;font-size:11px}.nav-number{font-size:10px}
 .experience-meta{bottom:4px}
 .chapter .scene-copy,.chapter .stories-layout{position:relative;inset:auto;transform:none;width:43%;max-width:none;max-height:var(--reading-height);overflow-y:auto;pointer-events:auto}
 .chapter .scene-copy.copy-left{left:6%}.chapter .scene-copy.copy-right,.chapter .stories-layout{left:53%}
 .chapter .scene-copy h2{font-size:28px;line-height:1.06}
 .scene-copy h2 br,.chapter-answer .scene-copy>p:not(.chapter-kicker) br{display:initial}
 .scene-copy h2 em{display:inline;margin:0}
 .chapter .scene-copy>p:not(.chapter-kicker){font-size:13px;line-height:1.4;margin:8px 0;max-width:100%}
 .chapter .scene-next:not(.route-next),.chapter .answer-action,.chapter .action-note,.chapter .journey-primary,.chapter .demo-duration,.chapter .questions-link{position:static;inset:auto;transform:none;max-width:100%}
 .journey-primary,.answer-action{min-height:40px;padding:9px 17px;font-size:13px}
 .chapter .action-note,.demo-duration{font-size:10px;line-height:1.2;margin-top:5px}
 .questions-link{min-height:32px;margin-top:5px;padding:5px 0;font-size:12px;line-height:1.4;gap:10px}
 .questions-link span{font-size:15px}
 .chapter .intro-title,.chapter .route-title{position:relative;inset:auto;left:6%;width:43%;text-align:left}
 .intro-title h1,.route-title h2{font-size:28px}
 .intro-side{position:relative;inset:auto;left:6%;width:43%;max-width:none;margin-top:8px;text-align:left}
 .intro-side p{font-size:13px;line-height:1.4;margin:8px 0}
 .intro-right .round-link{font-size:13px;gap:12px}.intro-right .round-link span{width:28px;height:28px}
 .routing-labels{position:relative;inset:auto;left:6%;width:43%;transform:none;margin-top:8px;flex-wrap:wrap;gap:7px;justify-content:flex-start}
 .routing-endpoints{top:0;bottom:auto;left:55%;right:7%;font-size:9px}
 .chapter .route-next{position:relative;inset:auto;left:6%;transform:none;margin-top:8px}
 .chapter .stories-heading,.chapter .story-feature,.chapter .stories-collection{position:static;inset:auto;width:auto;max-width:none;transform:none}
 .stories-heading h2 br{display:initial}.stories-heading h2 em{display:inline;margin:0}
}

/* Keep story selection visible; longer quotes scroll within the middle of the panel. */
@media(min-width:701px) and (max-height:640px),(min-width:561px) and (max-width:700px) and (max-height:520px){
 .chapter-stories .stories-layout{display:grid;grid-template-rows:auto minmax(84px,1fr) auto;gap:4px;height:var(--reading-height);padding-bottom:4px;overflow-y:auto;scrollbar-width:none}
 .chapter-stories .stories-layout::-webkit-scrollbar{display:none}
 .stories-heading h2{font-size:26px;line-height:1.06}
 .stories-heading .chapter-kicker{margin-bottom:6px!important}
 .chapter-stories .story-feature{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:6px 8px;min-height:0;margin:0;overflow-y:auto;scrollbar-width:none;pointer-events:auto}
 .chapter-stories .story-feature::-webkit-scrollbar{display:none}
 .story-quote{grid-column:1 / -1;font-size:14px;line-height:1.4}
 #story-quote-full{display:none}#story-quote-short{display:inline}
 .story-feature-person{align-self:center;margin:0;display:block}
 .story-feature-person strong{font-size:14px}.story-feature-person>span{display:none}
 .story-feature-watch{width:auto;min-height:40px;margin:0;padding:6px 8px;gap:7px;font-size:12px}
 .story-feature-watch small{font-size:10px;line-height:1.3;margin-top:2px}
 .story-feature-play{width:24px;height:24px;font-size:18px}
 .chapter-stories .stories-collection{margin:0;padding-top:4px;border-top:1px solid #759db836}
 .stories-collection-head{margin-bottom:3px;gap:8px}
 .stories-collection-label{font-size:9px}
 .gallery-navigation{gap:8px}.gallery-navigation button{width:24px;height:24px}
 .gallery-navigation span{font-size:10px}
 .stories-gallery{gap:7px;padding:3px}
 .story-card-item{flex-basis:calc((100% - 14px)/3);min-width:0}
 .story-card{min-height:44px;padding:4px;gap:5px}
 .story-card-poster{width:23px;height:31px}.story-card-name{font-size:11px}
 .chapter-stories .story-demo-link{display:none}
}

@media(min-width:701px) and (max-height:640px),(min-width:561px) and (max-width:700px) and (max-height:520px){
 .chapter .scene-copy{scrollbar-width:none}
 .chapter .scene-copy::-webkit-scrollbar{display:none}
}


/* The page header uses the full transparent Adlux Media logo; the A mark remains the favicon. */
.journey-brand img{width:123px!important;height:auto!important;object-fit:contain!important}
.booking-shell-head img{width:105px!important;height:auto!important;object-fit:contain!important;padding:0!important;box-sizing:content-box!important}

/* Keep the stories panel contained on short landscape phones. */
@media (min-width:561px) and (max-width:700px) and (max-height:520px){
 .chapter-stories .stories-layout{
  grid-template-columns:minmax(0,1fr);
  min-width:0;
  width:43%;
  max-width:43%;
  overflow-x:hidden;
 }
 .chapter-stories .stories-heading,
 .chapter-stories .story-feature,
 .chapter-stories .stories-collection,
 .chapter-stories .stories-gallery{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
 }
 .chapter-stories .story-feature{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
 .chapter-stories .story-feature-watch{min-width:0;max-width:100%}
}
@media(max-width:700px){
 .journey-brand img{width:101px!important;height:auto!important}
 .booking-shell-head img{width:80px!important;height:auto!important}
}
@media(max-width:480px){
 .journey-brand img{width:86px!important;height:auto!important}
 .booking-shell-head img{width:70px!important;height:auto!important}
}

/* Keep every short-landscape control reachable within the space above navigation. */
@media(min-width:701px) and (max-height:640px),(min-width:561px) and (max-width:700px) and (max-height:520px){
 .chapter-intro,.chapter-routing{max-height:var(--reading-height);overflow-y:auto;overflow-x:hidden;pointer-events:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .chapter .scene-copy,.chapter-stories .stories-layout,.chapter-stories .story-feature{scrollbar-width:thin;overscroll-behavior:contain}
 .chapter .scene-copy::-webkit-scrollbar,.chapter-stories .stories-layout::-webkit-scrollbar,.chapter-stories .story-feature::-webkit-scrollbar{display:initial;width:5px}
 .chapter-stories .stories-layout{grid-template-columns:minmax(0,1fr);min-width:0}
 .chapter-stories .stories-heading,.chapter-stories .story-feature,.chapter-stories .stories-collection,.chapter-stories .stories-gallery{max-width:100%;min-width:0;box-sizing:border-box}
 .chapter-stories .story-feature{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
 .chapter-stories .story-feature-watch{min-width:0;max-width:100%}
 .chapter-stories .story-feature-watch>span:last-child{min-width:0}
}

/* V6: the original cinematic call journey, with a clear client-portal destination. */
#story-track{height:780svh}
.journey-header{padding:20px 4vw;gap:20px}
.journey-header-actions{display:flex;align-items:center;gap:25px;pointer-events:auto}
.header-portal{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#c9dcf0;min-height:44px;white-space:nowrap}
.header-portal:hover{color:#fff}.header-portal span{color:#88c7f8;font-size:18px}
.journey-book{background:#a6d7ff;color:#0a2039;min-height:46px}
.journey-book:hover{background:#c5e7ff}
.journey-header .header-note{font-size:10px;letter-spacing:.13em;margin-left:auto;margin-right:24px}
.chapter-nav{bottom:37px;padding-inline:8px}.chapter-nav a{font-size:12px;padding:12px 11px;gap:8px}
.intro-title h1{font-weight:500}.intro-title .chapter-kicker{color:#aac1d8}
.intro-title h1 span{color:#96cefa}
.intro-side p{color:#b8c9db}.intro-right .round-link{margin-top:8px}
/* No WebGL: chapter 05 keeps the centred layout (left:50% with portal-preview.css's translateX(-50%)); a plain
   left:6% here kept that transform and slid the chapter ~630 px off-screen at 701 px and wider. Phones have no
   transform (portal-preview.css), so they keep the 6% inset. */
.no-webgl .chapter-portal .portal-layout{width:88%;left:50%}
@media(max-width:700px){.no-webgl .chapter-portal .portal-layout{left:6%}}
.portal-layout{position:absolute;top:var(--reading-top,100px);bottom:var(--content-bottom,125px);left:6%;width:88%;display:grid;grid-template-columns:minmax(230px,.73fr) minmax(0,1.27fr);align-items:center;gap:5%;max-width:1500px}
.portal-copy{min-width:0;pointer-events:auto}
.portal-copy h2{font-size:clamp(40px,4.7vw,74px);line-height:1.07}
.portal-copy>p:not(.chapter-kicker){font-size:18px;line-height:1.65;color:#abc2d7;margin:25px 0 28px}
.portal-open{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #8bbbdf80;background:#183750;color:#e6f5ff;border-radius:100px;padding:15px 22px;font-size:14px;font-weight:500;min-height:48px;white-space:nowrap}
.portal-open:hover{background:#224b6c;border-color:#b6e4ff}.portal-open svg{width:18px;height:18px}
.portal-signup{display:block;margin-top:17px;font-size:13px;color:#8daecb;line-height:1.5;width:fit-content}
.portal-signup:hover{color:#d5edff}.portal-copy .portal-next{margin-top:30px;font-size:13px;gap:10px;color:#b1d0ea}
.portal-stage{position:relative;min-width:0;pointer-events:auto;transform:perspective(1600px) rotateY(-5deg) rotateX(1deg);transform-origin:center;border:1px solid #5c90b860;border-radius:15px;background:#0d1a2a;box-shadow:0 30px 100px #0006,0 0 65px #3379b715;overflow:hidden}
.portal-chrome{display:flex;align-items:center;gap:18px;padding:15px 18px;border-bottom:1px solid #42627b42;font-size:10px;letter-spacing:.1em;color:#94aac0;background:#14253a}
.portal-chrome small{margin-left:auto;font-size:9px;letter-spacing:.06em;color:#738ba3}
.portal-window-dots{display:flex;gap:5px}.portal-window-dots i{width:6px;height:6px;border-radius:50%;background:#3b526b}
.portal-screen{padding:24px 25px 15px;background:linear-gradient(135deg,#101e30,#0a1727)}
.portal-screen-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.portal-greeting{font-size:23px;font-family:var(--heading);letter-spacing:-.045em;color:#ebf5ff;font-weight:550}
.portal-greeting small{display:block;font-family:var(--font);font-size:12px;letter-spacing:0;color:#859eb6;margin-top:7px;font-weight:400}
.portal-sample-badge{display:flex;align-items:center;gap:7px;letter-spacing:.1em;font-size:9px;color:#97b3ce}.portal-sample-badge i{width:5px;height:5px;border-radius:50%;background:#8fc4eb}
.portal-view-tabs{display:flex;gap:5px;margin-top:24px;padding-bottom:11px;border-bottom:1px solid #6484a133}
.portal-view-tabs button{padding:10px 12px;font-size:12px;color:#86a0b8;background:transparent;border-radius:7px;white-space:nowrap;min-height:38px}
.portal-view-tabs button[aria-selected=true]{color:#ddecfb;background:#24405b}.portal-view-tabs button:hover{color:#fff}
#portal-preview{min-height:245px;padding-top:19px}
.portal-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12px;color:#c5d9ea}.portal-list-head small{color:#6f8da8;font-size:10px}
.portal-call-row{display:grid;grid-template-columns:30px minmax(85px,1fr) auto auto;align-items:center;gap:10px;width:100%;background:transparent;text-align:left;border-top:1px solid #536e8730;padding:13px 0;color:#d5e6f5;font-size:12px;min-height:61px}
.portal-call-row:hover,.portal-call-row.selected{background:#88b7dc09}.portal-call-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#24486055;color:#8bc7e8}.portal-call-icon svg{width:14px;height:14px}
.portal-call-row strong{font-size:12px;font-weight:500}.portal-call-row strong small{display:block;color:#7f9ab4;font-size:10px;font-weight:400;margin-top:4px}.portal-call-row>span:nth-last-child(2){color:#8ca7be;font-size:11px;font-variant-numeric:tabular-nums}.portal-call-row>span:last-child{font-size:10px;background:#183f3c;color:#99d5bd;padding:5px 7px;border-radius:5px;min-width:64px;text-align:center}.portal-call-row>span.status-blue:last-child{background:#193a5b;color:#91bddd}
.portal-call-detail{border-top:1px solid #57728c30;color:#9cbbd3;font-size:11px;line-height:1.5;padding:12px 0 3px;min-height:42px}.portal-call-detail b{font-weight:500;color:#d2e5f6}
.portal-screen-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;padding-top:14px;margin-top:9px;border-top:1px solid #6484a133;font-size:10px;color:#6987a2;line-height:1.5}
.portal-screen-footer a{color:#b0d7f2;font-size:11px;white-space:nowrap}
.portal-outcome-focus{display:flex;align-items:center;gap:12px;margin-bottom:18px}.portal-outcome-avatar{display:grid;place-items:center;background:#214560;border-radius:50%;width:39px;height:39px;color:#a6d6f2;font-size:12px}.portal-outcome-focus strong{font-size:14px;font-weight:500}.portal-outcome-focus small{display:block;font-size:11px;color:#7998b1;margin-top:4px}
.portal-field-label{display:block;font-size:11px;color:#9ab6ce;margin-bottom:9px}.portal-outcome-choices{display:flex;gap:6px;flex-wrap:wrap}.portal-outcome-choices button{background:#182f44;border:1px solid #3d5e783b;border-radius:6px;min-height:36px;padding:8px 11px;color:#a6bfd5;font-size:11px}.portal-outcome-choices button[aria-pressed=true]{background:#245344;border-color:#5aa58a77;color:#c1efd9}
.portal-sample-note{padding:13px;background:#162b40;border:1px solid #486d8c33;border-radius:7px;font-size:12px;line-height:1.5;color:#a8c0d5;margin-top:15px}.portal-outcome-status{font-size:11px;color:#8dc4aa;margin-top:12px;min-height:16px}
.portal-wallet-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-wallet-header span{font-size:12px;color:#9ebbd2}.portal-wallet-header b{font-size:28px;color:#d9efff;font-weight:450;letter-spacing:-.05em}
.portal-source-options{display:flex;gap:6px;margin:14px 0}.portal-source-options button{min-height:34px;border-radius:6px;background:#16324a;color:#89aec9;padding:8px 13px;font-size:11px}.portal-source-options button[aria-pressed=true]{background:#315b7b;color:#e1f3ff}
.portal-budget-label{display:flex;justify-content:space-between;font-size:12px;color:#b2cada;align-items:center;margin-top:18px}.portal-budget-label output{color:#d4eafa}
.portal-budget-range{display:block;width:100%;height:22px;margin:9px 0 12px;accent-color:#8fc9f0;cursor:pointer}
.portal-budget-details{font-size:11px;color:#7698b3;line-height:1.6}.portal-budget-details b{color:#aac8df;font-weight:400}
.portal-wallet-next{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #526f8b3b;font-size:11px;color:#7796ad}.portal-wallet-next a{color:#b4d9f3}
@media(min-width:1705px){.portal-layout{left:50%;transform:translateX(-50%)}}
@media(max-width:1050px){.journey-header .header-note{display:none}.portal-layout{gap:4%;grid-template-columns:.8fr 1.2fr}.portal-copy h2{font-size:44px}.portal-copy>p:not(.chapter-kicker){font-size:16px}.portal-open{font-size:13px;padding:13px 18px}.portal-screen{padding:20px 18px 12px}.portal-greeting{font-size:20px}.portal-chrome{padding:12px 15px;font-size:9px}.portal-chrome small{display:none}.portal-copy .portal-next{font-size:12px}.portal-call-row{gap:7px}.portal-screen-footer{align-items:flex-start}.portal-screen-footer>span{max-width:135px}}
@media(max-width:960px){.chapter-nav{width:min(600px,calc(100% - 28px))}.chapter-nav a{padding:10px 8px;min-width:34px;gap:0}.chapter-nav a[aria-current] .nav-title{margin-left:6px}}
@media(max-width:700px){
 .journey-header{padding:14px 18px;gap:10px}.journey-header-actions{gap:15px}.header-portal{font-size:12px;gap:5px;min-height:40px}.header-portal span{font-size:15px}.journey-book{padding:10px 13px;font-size:12px;gap:9px;min-height:40px}
 .chapter-nav a{padding:10px 6px;min-width:28px;font-size:11px}.nav-number{font-size:10px}.chapter-nav a[aria-current] .nav-title{margin-left:5px}.intro-right .round-link{margin-top:0}
 .portal-layout{left:7%;width:86%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:20px;overflow-y:auto;scrollbar-width:none;pointer-events:auto;padding-bottom:2px}.portal-layout::-webkit-scrollbar{display:none}
 .portal-copy{display:grid;grid-template-columns:1fr;flex-shrink:0}.portal-copy .chapter-kicker{margin-bottom:10px;font-size:10px}.portal-copy h2{font-size:clamp(31px,8.4vw,42px);line-height:1.07}.portal-copy h2 br{display:none}.portal-copy h2 em{display:block}.portal-copy>p:not(.chapter-kicker){display:none}.portal-open{margin-top:17px;min-height:42px;width:fit-content;font-size:12px;padding:12px 17px;gap:14px}.portal-signup{font-size:11px;margin-top:10px}.portal-copy .portal-next{display:none}
 .portal-stage{transform:none;border-radius:10px;flex-shrink:0}.portal-chrome{padding:10px 13px;font-size:9px;gap:10px}.portal-window-dots i{width:4px;height:4px}.portal-chrome small{display:inline;font-size:7px;letter-spacing:0}
 .portal-screen{padding:17px 14px 12px}.portal-greeting{font-size:19px}.portal-greeting small{font-size:12px;line-height:1.5;margin-top:4px}.portal-sample-badge{display:none}.portal-view-tabs{margin-top:15px;gap:2px;padding-bottom:9px;justify-content:space-between}.portal-view-tabs button{font-size:12px;padding:8px 7px;min-height:36px}
 #portal-preview{min-height:222px;padding-top:13px}.portal-list-head{font-size:12px;margin-bottom:7px}.portal-list-head small{font-size:11px}.portal-call-row{grid-template-columns:25px minmax(72px,1fr) auto auto;gap:7px;padding:11px 0;min-height:57px}.portal-call-icon{width:24px;height:24px;border-radius:6px}.portal-call-row strong{font-size:12px}.portal-call-row strong small{font-size:11px}.portal-call-row>span:nth-last-child(2){font-size:11px}.portal-call-row>span:last-child{font-size:10px;padding:4px;min-width:56px}.portal-call-detail{font-size:12px;padding-top:10px;min-height:46px}.portal-screen-footer{display:block;font-size:11px;margin-top:4px;padding-top:11px}.portal-screen-footer>span{display:block;max-width:none}.portal-screen-footer a{display:block;font-size:12px;margin-top:7px}
 .portal-outcome-focus{margin-bottom:15px}.portal-outcome-focus small,.portal-field-label,.portal-outcome-choices button,.portal-outcome-status,.portal-budget-details,.portal-wallet-next,.portal-source-options button{font-size:12px}.portal-sample-note{font-size:12px}.portal-wallet-header b{font-size:27px}.portal-wallet-header span{font-size:12px}.portal-source-options button{flex:1;padding-inline:8px}.portal-budget-label{font-size:12px}.portal-budget-details{font-size:12px}.portal-wallet-next{font-size:12px;gap:6px}
}
@media(max-width:480px){.journey-brand img{width:86px!important}.journey-header-actions{gap:12px}.header-portal{font-size:11px}.journey-book{padding:10px 12px;font-size:11px;gap:8px}.journey-book svg{width:15px;height:15px}.journey-header{padding-inline:17px}.experience-meta{font-size:10px}.experience-meta span{font-size:10px}.chapter-nav{width:calc(100% - 28px)}.chapter-nav a{min-width:27px;padding-inline:5px}.chapter-nav a[aria-current] .nav-title{margin-left:4px}}
@media(max-width:700px) and (max-height:760px){
 .portal-layout{justify-content:flex-start;gap:12px}.portal-copy h2{font-size:29px}.portal-copy h2 br{display:none}.portal-copy h2 em{display:inline;margin-left:5px}.portal-copy .chapter-kicker{margin-bottom:8px;font-size:9px}.portal-open{margin-top:11px;min-height:38px;font-size:12px;padding:9px 13px}.portal-signup{font-size:11px;margin-top:7px}.portal-screen{padding:12px 12px 10px}.portal-chrome{padding:8px 12px}.portal-greeting{font-size:17px}.portal-greeting small{display:none}.portal-view-tabs{margin-top:10px;padding-bottom:7px}.portal-view-tabs button{min-height:32px;padding:7px;font-size:11px}#portal-preview{min-height:194px;padding-top:10px}.portal-call-row{min-height:47px;padding:9px 0}.portal-call-detail{min-height:40px;padding-top:9px;font-size:11px}.portal-list-head{font-size:11px}.portal-screen-footer{padding-top:8px;font-size:10px}.portal-screen-footer a{font-size:11px;margin-top:4px}.portal-sample-note{margin-top:10px;padding:10px}.portal-outcome-status{margin-top:10px}.portal-source-options{margin:10px 0}.portal-budget-label{margin-top:13px}.portal-wallet-next{margin-top:10px;padding-top:10px}
}
@media(max-width:360px){.journey-header{padding-inline:14px;gap:8px}.journey-brand img{width:74px!important}.journey-header-actions{gap:10px}.header-portal{font-size:10px;gap:4px}.journey-book{padding:9px 10px;font-size:10px;gap:6px}.header-portal span{font-size:13px}.chapter-nav a{min-width:24px;padding:9px 4px;font-size:10px}.nav-number{font-size:9px}.portal-copy h2{font-size:27px}.portal-chrome small{display:none}.portal-view-tabs button{font-size:11px;padding-inline:5px}.portal-call-row{grid-template-columns:22px minmax(66px,1fr) auto auto;gap:5px}}
@media(min-width:701px) and (max-height:640px),(min-width:561px) and (max-width:700px) and (max-height:520px){.journey-header{padding:7px 4vw}.journey-header-actions{gap:18px}.journey-book{min-height:36px;padding:8px 14px}.header-portal{min-height:36px;font-size:12px}.chapter-portal{top:0;bottom:0}.portal-layout{top:var(--reading-top,65px);bottom:var(--content-bottom,80px);display:grid;grid-template-columns:.72fr 1.28fr;gap:5%;overflow-y:auto;justify-content:initial}.portal-copy{display:block;max-height:var(--reading-height);overflow-y:auto}.portal-copy h2{font-size:32px}.portal-copy h2 br{display:inline}.portal-copy h2 em{display:inline;margin:0}.portal-copy>p:not(.chapter-kicker){display:block;font-size:13px;line-height:1.45;margin:12px 0}.portal-open{font-size:12px;min-height:39px;padding:10px 14px;margin:0}.portal-signup{font-size:11px;margin-top:11px}.portal-copy .portal-next{display:none}.portal-stage{transform:none}.portal-chrome{padding:8px 12px}.portal-screen{padding:12px}.portal-greeting{font-size:17px}.portal-greeting small{display:none}.portal-view-tabs{margin-top:10px;padding-bottom:6px}.portal-view-tabs button{font-size:11px;min-height:30px;padding:7px 8px}#portal-preview{min-height:192px;padding-top:10px}.portal-call-row{min-height:44px;padding:8px 0}.portal-call-detail{min-height:36px;padding-top:9px}.portal-screen-footer{padding-top:8px;margin-top:4px;display:flex}.portal-screen-footer>span{max-width:160px}.portal-screen-footer a{font-size:10px;margin:0}.portal-sample-note{margin-top:10px;padding:10px}}
@media(prefers-reduced-motion:reduce){.portal-stage{transform:none}}
/* Short phones keep the complete sample workspace above the chapter controls. */
@media(max-width:700px) and (max-height:760px){
 .portal-copy .portal-open{display:none}
 .portal-copy .portal-signup{margin-top:10px}
 .portal-screen-heading{display:none}
 .portal-view-tabs{margin-top:0}
 .portal-call-row[data-sample-call="2"]{display:none}
 .portal-screen-footer>span{display:none}
 .portal-screen-footer a{margin-top:0;font-size:12px}
 .portal-wallet-next{display:none}
 .portal-layout{gap:14px}
}

/* Self-service and guided setup share the same journey. */
.intro-start{display:inline-flex;gap:16px;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid #8dc7f091;border-radius:40px;background:#153956;color:#d9eeff;font-size:14px;margin-bottom:12px}
.intro-start:hover{background:#245474}.intro-right .round-link{display:flex;justify-content:flex-end;font-size:13px}
.demo-duration a{display:inline-flex;align-items:center;min-height:44px;color:#b5d9f4;text-decoration:underline;text-underline-offset:5px}
.portal-signup{color:#c2e7ff;min-height:44px;display:flex;align-items:center}
.portal-setup-path{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;color:#b9d7ed;font-size:11px}.portal-setup-path span{border:1px solid #5986ad55;border-radius:5px;padding:5px 7px}
.portal-view-tabs button,.portal-source-options button,.portal-outcome-choices button{min-height:44px}
.journey-header{padding-top:max(14px,env(safe-area-inset-top))}.journey-header-actions a{min-height:44px}
.experience-meta{bottom:max(12px,env(safe-area-inset-bottom))}.chapter-nav{bottom:calc(37px + env(safe-area-inset-bottom,0px))}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:700px){.intro-start{font-size:12px;padding:10px 15px;min-height:44px;margin-bottom:5px}.intro-right .round-link{justify-content:center;font-size:11px;gap:10px}.intro-right>p{display:none}.portal-layout{justify-content:flex-start;overscroll-behavior:contain;padding-bottom:16px}.portal-signup{margin-top:4px}.portal-wallet-next{display:flex;min-height:44px}.portal-wallet-next a{padding-block:12px}.portal-budget-details{font-size:11px}.portal-setup-path{font-size:10px;gap:4px}.portal-setup-path span{padding:5px}.portal-open{min-height:44px}.portal-copy .portal-signup{margin-top:4px}.chapter-nav a{min-height:40px}.questions-link{min-height:44px}.demo-duration a{font-size:12px;line-height:1.4;max-width:210px}.portal-budget-range{height:32px}}
@media(max-width:480px){.journey-header{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.journey-header-actions{gap:9px}.portal-layout{left:5%;width:90%}}

@media(max-width:700px) and (max-height:760px){
 .portal-budget-label,.portal-budget-range{display:none}.portal-wallet-header>span{max-width:170px;line-height:1.45}.portal-wallet-next{margin-top:6px;padding-top:6px;min-height:36px}.portal-wallet-next a{padding:6px 0}.portal-setup-path{margin-top:7px}.portal-screen-footer{padding-top:6px;margin-top:0}.portal-screen-footer a{min-height:32px;display:flex;align-items:center}.portal-layout{gap:10px}.portal-copy .chapter-kicker{margin-bottom:4px}.portal-copy .portal-signup{min-height:38px}
}
/* Wide, short phones keep both paths above the chapter rail. */
@media(min-width:561px) and (max-height:520px){
 .chapter-intro .intro-left{display:none}.chapter-intro .intro-right{margin-top:13px}.chapter-intro .intro-start{margin-bottom:4px;min-height:44px;padding:10px 17px}.chapter-intro .intro-right .round-link{justify-content:flex-start;margin-top:0;min-height:40px}
 .chapter-demo .scene-copy .chapter-kicker{display:none}.chapter-demo .journey-primary{display:inline-flex;min-height:44px;padding-inline:14px;font-size:12px}.chapter-demo .demo-duration{display:inline-flex;position:static;vertical-align:middle;margin:0 0 0 8px}.chapter-demo .demo-duration a{font-size:11px;min-height:44px;max-width:155px}.chapter-demo .questions-link{margin-top:2px;min-height:36px}.chapter-demo .scene-copy>p:not(.chapter-kicker){margin-block:8px;line-height:1.4}
}

/* Clear account paths alongside the interactive call journey. */
.header-signup{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#e5f3ff;font-size:14px;white-space:nowrap}
.header-signup span{color:#99d5ff}.journey-header-actions{gap:22px}
.intro-agency{display:block;color:#9db5ca;font-size:12px;line-height:1.6;min-height:44px;padding:5px 0 10px}
.intro-agency strong{display:block;color:#c7e7ff;font-size:13px;font-weight:500}
.account-entry{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.account-entry .journey-primary{margin-bottom:0}.agency-entry{display:inline-flex;gap:22px;align-items:center;color:#bcdcf5;font-size:14px;min-height:44px;padding:8px 0}
.chapter-demo .scene-copy .entry-assurance{font-size:12px;color:#8ba6bf;margin:8px 0 2px;line-height:1.5}
.intro-agency:hover,.agency-entry:hover,.header-signup:hover{color:white}
@media(max-width:700px){.journey-header-actions{gap:13px}.header-signup{font-size:12px}.header-signup span{display:none}.intro-agency{font-size:10px;line-height:1.5;padding:3px 0;min-height:39px}.intro-agency strong{display:inline;font-size:11px;margin-left:4px}.intro-right .round-link{min-height:33px}.account-entry{gap:0}.agency-entry{font-size:12px;min-height:38px}.chapter-demo .scene-copy .entry-assurance{font-size:10px;margin:4px 0}.chapter-demo .scene-copy>p:not(.chapter-kicker):not(.entry-assurance){font-size:14px;line-height:1.5}}
@media(max-width:380px){.journey-header-actions{gap:10px}.header-signup,.header-portal{font-size:10px}.journey-book{padding-inline:8px;font-size:10px}.journey-book svg{display:none}.journey-brand img{width:72px!important}.intro-agency{font-size:10px}.intro-agency strong{font-size:10px}.intro-start{font-size:11px;padding-inline:12px}}
@media(min-width:561px) and (max-height:520px){.account-entry{display:inline-flex;flex-direction:row;align-items:center;gap:12px}.chapter-demo .scene-copy .entry-assurance{display:none}.intro-agency{padding:0;min-height:36px}.intro-agency strong{display:inline;margin-left:4px}.intro-right .round-link{display:none}}

/* Account-first entry: the homepage explains setup without asking for a purchase. */
.portal-start-heading strong{display:block;color:#dcefff;font-size:22px;font-weight:450;letter-spacing:-.035em;margin:6px 0}.portal-start-heading p{color:#8eaec5;font-size:12px;line-height:1.5;margin:0 0 15px}.portal-start-steps{display:grid;gap:14px}.portal-start-steps>div{display:flex;align-items:center;gap:12px}.portal-start-steps i{font-size:11px;font-style:normal;color:#96c6eb;border:1px solid #5b83a459;border-radius:9px;display:grid;place-items:center;width:34px;height:34px;flex-shrink:0}.portal-start-steps b{display:block;font-size:13px;font-weight:500;color:#cbe4f4}.portal-start-steps small{display:block;font-size:11px;color:#7d9fb8;margin-top:3px}
@media(max-width:700px){.portal-start-heading strong{font-size:19px}.portal-start-heading p{font-size:11px;margin-bottom:10px}.portal-start-steps{gap:9px}.portal-start-steps b{font-size:12px}.portal-start-steps small{font-size:10px}.portal-start-steps i{width:28px;height:28px;font-size:10px}}

/* One portal entry, with a direct link to the existing call guide. */
.journey-header .header-portal{display:inline-flex;gap:9px;align-items:center;white-space:nowrap}
.consumer-guide{display:flex;align-items:center;width:max-content;max-width:100%;gap:16px;color:#b9dfff;font-size:14px;padding:9px 0;margin:0 0 14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#6199c36b}.consumer-guide:hover{color:white;text-decoration-color:#b9dfff}.consumer-guide span{font-size:17px}
@media(max-width:700px){.journey-header-actions{gap:10px}.journey-header .header-portal{font-size:12px;gap:5px;min-height:42px}.consumer-guide{font-size:12px;gap:9px;margin:0;padding:6px 0;min-height:36px}}
@media(max-width:370px){.journey-header{padding-inline:16px}.journey-brand img{width:90px}.journey-book{font-size:11px;padding:9px 10px;gap:4px}.journey-header .header-portal{font-size:11px}}

/* One account-entry action with a plain next step. */
.portal-copy>.portal-entry-note{display:block;font-size:12px;line-height:1.6;color:#88a8c3;margin:14px 0 0;max-width:300px}
@media(max-width:700px){.portal-copy>.portal-entry-note{display:block;font-size:11px;margin-top:11px;max-width:270px}}

/* Touch targets remain usable when the immersive panels become scrollable. */
@media(pointer:coarse){
 .gallery-navigation button{min-width:44px;min-height:44px}
 .portal-view-tabs button,.portal-outcome-choices button{min-height:44px}
 .portal-screen-footer a{display:inline-flex;align-items:center;min-height:44px}
 .story-close,.close-dialog{min-width:44px;min-height:44px}
 .consumer-guide,.story-shortcut{min-height:44px}
 .chapter-nav a{min-height:44px}
 .portal-layout{scrollbar-width:thin;scrollbar-color:#476981 transparent}
}
@media(max-width:700px){
 .journey-header .header-portal{min-height:44px}
 .portal-call-row>strong,.portal-call-row>span{min-width:0}
 .portal-call-row strong{overflow-wrap:anywhere}
 .portal-wallet-next{flex-wrap:wrap;gap:7px 14px}
 .portal-start-steps small{font-size:11px;line-height:1.45}
}
@media(max-width:360px){
 .portal-call-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px}
 .portal-call-row .portal-call-icon{display:none}
 .portal-call-row strong{grid-row:span 2}
 .portal-call-row>span:last-child{min-width:56px;justify-self:end}
 .portal-view-tabs{gap:3px;flex-wrap:wrap;justify-content:flex-start}
 .portal-view-tabs button{flex:1;font-size:11px;padding-inline:6px}
}

/* Portrait intro: copy and actions have their own rows, never competing columns. */
@media(max-width:700px) and (min-height:521px),(max-width:560px){
 .chapter-intro .intro-left{left:7%;right:auto;width:86%;max-width:none;bottom:calc(var(--intro-bottom,130px) + 108px);text-align:center}
 .chapter-intro .intro-left p{font-size:14px;line-height:1.45;margin:0 auto;max-width:290px}
 .chapter-intro .intro-left p br{display:none}
 .chapter-intro .story-shortcut{justify-content:center;min-height:44px;margin:6px 0 0;font-size:13px;padding:7px 0}
 .chapter-intro .intro-right{left:7%;right:auto;width:86%;max-width:none;bottom:var(--intro-bottom,130px);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
 .chapter-intro .intro-start{min-height:44px;min-width:180px;margin:0;font-size:13px;padding:10px 20px}
 .chapter-intro .intro-right .round-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;font-size:12px;gap:12px}
 .chapter-intro .intro-right .round-link span{width:30px;height:30px;font-size:17px}
}
/* The mobile showcase is a short preview; the real workspace opens from the CTA above. */
@media(max-width:560px){
 .portal-copy>.portal-entry-note{display:none}
 .chapter-portal .portal-layout{gap:12px;scrollbar-width:thin}
 .portal-greeting small{display:none}
 .portal-screen{padding:14px 13px 10px}
 .portal-view-tabs{margin-top:12px;padding-bottom:8px}
 #portal-preview{min-height:0;padding-top:12px}
 .portal-screen-footer a{display:none}
 .portal-screen-footer{font-size:11px;padding-top:10px;margin-top:7px}
 .portal-call-detail{min-height:0;font-size:11px;line-height:1.5}
}

/* Homepage copy follows its surface; the phone and miniature workspace remain illustrations. */
:root[data-theme] body[data-adlux-page="home"] .nav-number{color:var(--adlux-muted)}
:root[data-theme="light"] body[data-adlux-page="home"] :is(.portal-copy>.portal-entry-note,.demo-duration>a,.header-portal>span){color:var(--adlux-accent)}
:root[data-theme="light"] body[data-adlux-page="home"] :is(.gallery-navigation>span,.story-player-navigation>span,.story-feature-watch small){color:var(--adlux-muted)}
:root[data-theme="light"] body[data-adlux-page="home"] .story-feature-watch{background:var(--adlux-surface-raised);border-color:var(--adlux-border);color:var(--adlux-text)}
:root[data-theme="light"] body[data-adlux-page="home"] .story-feature-watch:hover{background:var(--adlux-accent-bg);border-color:var(--adlux-accent)}

/* Two clear account actions: Sign in, and Create free account as the self-serve path. Book a demo stays available. */
.journey-header-actions{gap:18px}
.header-signin,.entry-signin{display:inline-flex;align-items:center;min-height:44px;color:#c9dcf0;font-size:15px;text-decoration:underline;text-decoration-color:#7cacd380;text-underline-offset:4px;white-space:nowrap}
.header-signin{padding:0 4px}
.entry-signin{min-width:44px;padding:0 4px}
.header-signin:hover,.entry-signin:hover{color:#fff}
.journey-book.header-create{background:#a6d7ff;color:#0a2039}
.journey-book.header-demo{background:transparent;color:#e8f2ff;border:1px solid #8fcdffa6}
.journey-book.header-demo:hover{background:#8fcdff1f;border-color:#b6dcff}
.entry-path{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 16px;margin-bottom:10px}
.entry-path .intro-start{margin:0;white-space:nowrap}
@media(min-width:701px) and (max-width:1100px){.chapter-intro .intro-right{width:auto;max-width:320px}.chapter-intro .intro-left{width:30%}}
.intro-start svg,.account-entry .journey-primary svg{width:17px;height:17px}
.entry-note{flex-basis:100%;font-size:13px;line-height:1.45;color:#9fb6cb}
.account-entry{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 18px}
body[data-adlux-page="home"] .chapter-demo .scene-copy .entry-assurance{font-size:13px;color:#9fb6cb}
.portal-copy>.portal-entry-note{font-size:13px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#7cacd366}
:is(.header-signin,.entry-signin,.experience-meta a,.experience-meta button):focus-visible{outline:3px solid #a9ddff;outline-offset:3px}
html[dir="rtl"] body[data-adlux-page="home"] :is(.intro-start,.journey-primary,.journey-book) svg{transform:scaleX(-1)}
/* Arabic: the stories run right to left, so the gallery and story-player arrows point that way and the chapter bar fills from the right. */
html[dir="rtl"] .gallery-navigation button,html[dir="rtl"] .story-player-navigation button>[aria-hidden="true"]{transform:scaleX(-1)}
html[dir="rtl"] .journey-progress span{transform-origin:right}
/* Footer: company and contact are plain, selectable text; links keep a 44px tap area. */
body[data-adlux-page="home"] .experience-meta{gap:6px 24px;flex-wrap:wrap;font-size:13px}
.experience-meta .meta-company,.experience-meta .meta-links,.experience-meta .meta-account{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px}
body[data-adlux-page="home"] .experience-meta .meta-company span,body[data-adlux-page="home"] .experience-meta .meta-note{font-size:12px;letter-spacing:.02em;user-select:text;-webkit-user-select:text}
.experience-meta .meta-contact{direction:ltr;unicode-bidi:isolate}
body[data-adlux-page="home"] .experience-meta :is(a,button){display:inline-flex;align-items:center;font-size:13px;min-height:44px;padding:0 6px;margin:-14px -6px}
.experience-meta .meta-account a{color:#c9dcf0}
/* Readable labels: nothing below 13px, except 12px for truly tertiary notes. */
body[data-adlux-page="home"] :is(.chapter-kicker,.tiny-label){font-size:13px!important;letter-spacing:.1em}
body[data-adlux-page="home"] :is(.header-note,.device-label,.routing-endpoints,.stories-collection-label,.story-card-role,.stories-preview-note,#story-preview-context){font-size:12px}
body[data-adlux-page="home"] :is(.chapter-nav a,.nav-number,.nav-title,.gallery-navigation span,.story-card-name,.story-feature-person>span,.story-feature-watch small,.story-dialog-header p,.action-note,.routing-labels>span,.consumer-guide,.portal-entry-note){font-size:13px}
body[data-adlux-page="home"] :is(.demo-duration,.demo-duration a,.questions-link){font-size:14px}
body[data-adlux-page="home"] .story-card-number{display:none}
body[data-adlux-page="home"] :is(.questions-link,.round-link,.consumer-guide,.story-shortcut){min-height:44px}
@media(max-width:700px){
 body[data-adlux-page="home"] :is(.chapter-kicker,.tiny-label){letter-spacing:.06em}
 .journey-header-actions{gap:10px}
 .header-signin{font-size:14px}
 /* Phones: the hero carries Create free account; the header keeps Sign in and Book a demo. */
 .journey-book.header-demo{font-size:13px;padding:10px 14px}
 .chapter-intro .intro-left{bottom:calc(var(--intro-bottom,130px) + 150px)}
 .entry-path{justify-content:center;gap:2px 14px;margin:0}
 .entry-note{text-align:center}
 .chapter-intro .intro-start{min-width:0;font-size:14px;gap:10px}
 /* The last chapter flows top to bottom in the column beside the phone. */
 body[data-adlux-page="home"] .chapter-demo :is(.journey-primary,.demo-duration,.questions-link){position:static;inset:auto;transform:none}
 .chapter-demo .account-entry{flex-direction:column;align-items:flex-start;gap:0;max-width:none;margin-top:14px}
 body[data-adlux-page="home"] .chapter-demo .journey-primary{max-width:none;font-size:14px;padding:12px 16px;gap:10px;min-height:46px}
 body[data-adlux-page="home"] .chapter-demo .scene-copy .entry-assurance{max-width:56%;margin:2px 0 4px;font-size:13px}
 .chapter-demo .demo-duration{display:block;max-width:56%}
 .chapter-demo .questions-link{max-width:56%;margin:0;padding:0;display:inline-flex;align-items:center}
 /* Footer: company line, then one row of links. Account links live in the header and hero on phones. */
 body[data-adlux-page="home"] .experience-meta{flex-direction:column;align-items:stretch;gap:2px;left:16px;right:16px;bottom:max(6px,env(safe-area-inset-bottom))}
 .experience-meta .meta-company{justify-content:center;gap:2px 14px}
 .experience-meta .meta-links{justify-content:space-between;flex-wrap:nowrap;gap:10px}
 .experience-meta .meta-account{display:none}
 body[data-adlux-page="home"] .experience-meta :is(a,button){margin:-10px -6px -6px;padding:0 6px}
}
@media(max-width:560px){.journey-book.header-create{display:none}}
/* The 3D phone stays on the right in every language. In Arabic the last chapter's buttons and notes sit in the
   left column beside it, as before, instead of running over the phone. Not in the one-page (stacked) layout. */
@media(min-width:300px) and (max-width:700px) and (min-height:460px){
 html[dir="rtl"] .chapter-demo .account-entry{align-items:flex-end}
 html[dir="rtl"] body[data-adlux-page="home"] .chapter-demo .scene-copy .entry-assurance,html[dir="rtl"] body[data-adlux-page="home"] .chapter-demo .demo-duration{margin-right:auto;margin-left:0}
 html[dir="rtl"] body[data-adlux-page="home"] .chapter-demo .questions-link{display:flex;width:fit-content;margin-right:auto;margin-left:0}
}
/* The shared preferences sheet shrinks header buttons on narrow phones; keep Book a demo readable. */
@media(max-width:420px){body[data-adlux-page="home"] .journey-header .journey-book.header-demo{font-size:13px!important;padding-inline:12px!important}}
@media(max-width:360px){body[data-adlux-page="home"] .journey-header .journey-book.header-demo{font-size:12px!important;padding-inline:9px!important}}
@media(max-width:380px){
 .journey-header-actions{gap:8px}
 .header-signin{font-size:13px;padding:0 2px}
 .journey-book.header-demo{font-size:12px;padding:9px 10px}
 body[data-adlux-page="home"] .experience-meta .meta-note{display:none}
}
/* Short landscape screens keep the earlier compact rows. */
@media(min-width:561px) and (max-height:520px){
 .entry-note{display:none}
 .chapter-intro .intro-left{bottom:auto}
 .chapter-demo .account-entry{flex-direction:row;max-width:none;margin-top:6px}
}
:root[data-theme="light"] body[data-adlux-page="home"] :is(.header-signin,.entry-signin,.experience-meta .meta-account a){color:#174f82;text-decoration-color:#174f8266}
:root[data-theme="light"] body[data-adlux-page="home"] .journey-book.header-create{background:#215e9c;color:#fff}
:root[data-theme="light"] body[data-adlux-page="home"] .journey-book.header-create:hover{background:#174d84}
:root[data-theme="light"] body[data-adlux-page="home"] .journey-book.header-demo{background:transparent;color:#174f82;border-color:#99bada}
:root[data-theme="light"] body[data-adlux-page="home"] .journey-book.header-demo:hover{background:#deebff}
:root[data-theme="light"] body[data-adlux-page="home"] :is(.entry-note,.chapter-demo .scene-copy .entry-assurance){color:#49667f}
:root[data-theme="light"] body[data-adlux-page="home"] .portal-copy>.portal-entry-note{text-decoration-color:#174f8266}

/* First paint uses the positions home.js measures, so the intro and chapter bar do not jump when the script arrives. */
:root{--reading-top:112px;--intro-bottom:116px;--content-bottom:116px;--collection-bottom:116px;--reading-height:calc(100vh - 228px)}
@media(max-width:700px){
 :root{--reading-top:86px;--intro-bottom:135px;--content-bottom:135px;--collection-bottom:135px;--reading-height:calc(100vh - 221px);--reading-height:calc(100dvh - 221px)}
 .chapter-nav{bottom:59.5px}
}
@media(min-width:701px) and (max-height:640px),(min-width:561px) and (max-width:700px) and (max-height:520px){
 :root{--reading-top:87px;--intro-bottom:103px;--content-bottom:103px;--collection-bottom:103px;--reading-height:calc(100vh - 190px)}
}
@media(min-width:701px) and (max-width:900px) and (max-height:640px){
 :root{--intro-bottom:124px;--content-bottom:124px;--collection-bottom:124px;--reading-height:calc(100vh - 211px)}
 .chapter-nav{bottom:57.5px}
}

/* Very small screens, including a 390 px phone at 200% text size: the chapters become one readable
   page, so every heading, sentence and button stays on screen. Keep this query equal to home.js. */
@media(max-width:299px),(max-width:560px) and (max-height:459px){
 #story-track{height:auto!important}
 #story-viewport{position:relative!important;inset:auto!important;pointer-events:auto}
 #journey-canvas,.journey-environment,.chapter-nav,.story-device-fallback,.portal-stage,.device-label,.routing-endpoints{display:none!important}
 body.immersive .journey-header{position:relative;inset:auto;flex-wrap:wrap;gap:10px;padding:12px 12px 4px;background:none}
 body.immersive .journey-header-actions{flex-wrap:wrap;gap:8px 12px}
 body.immersive .header-note{display:none}
 .chapter,.chapter:first-child{position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;max-height:none!important;overflow:visible!important;pointer-events:auto!important;padding:26px 12px;border-bottom:1px solid #5d84a333}
 .chapter :not(svg):not(svg *):not(img){position:static!important;inset:auto!important;transform:none!important;max-height:none!important;max-width:100%!important;overflow:visible}
 .chapter :is(.intro-title,.intro-side,.scene-copy,.route-title,.routing-labels,.stories-layout,.portal-layout,.portal-copy,.story-feature,.stories-collection){width:auto!important;height:auto!important;margin:0 0 14px;text-align:start!important;display:block}
 .chapter :is(h1,h2){font-size:30px!important;line-height:1.12;overflow-wrap:anywhere}
 .chapter :is(p,blockquote,a,button,small,span){overflow-wrap:anywhere;white-space:normal!important}
 .chapter .routing-labels{display:grid!important;gap:8px}
 .chapter .stories-gallery{display:flex!important;overflow-x:auto!important}
 .chapter :is(a,button){margin-top:8px}
 .intro-right .round-link{font-size:14px!important;gap:12px!important}
 body.immersive .experience-meta{position:relative;inset:auto;flex-wrap:wrap;gap:8px;padding:16px 12px 24px}
}

/* Chapter arrows: every chapter after the hero gets Back (↑) and Next (↓) in the hero's round "See how it works ↓"
   style, in a row just above the chapter bar (where the hero's arrow sits on phones). home.js measures the row and
   keeps each of those chapters' copy, buttons and 3D phone above it. Arrows stay vertical in Arabic; the pair mirrors. */
:root{--steps-bottom:116px;--steps-content-bottom:calc(var(--content-bottom) + 58px);--steps-reading-height:calc(var(--reading-height) - 58px)}
#story-viewport>.chapter:not(.chapter-intro){--content-bottom:var(--steps-content-bottom);--collection-bottom:var(--steps-content-bottom);--reading-height:var(--steps-reading-height)}
.chapter-steps{position:fixed;left:0;right:0;bottom:var(--steps-bottom,116px);z-index:4;display:flex;justify-content:center;align-items:center;gap:8px 40px;padding:0 16px;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}
.chapter-steps .round-link{pointer-events:auto;white-space:nowrap}
.chapter-steps .round-link span{flex-shrink:0}
.chapter-steps .step-top-icon{text-decoration:overline;text-decoration-thickness:1.5px}
@media(max-width:700px){
 .chapter-steps{gap:8px 28px}
 .chapter-steps .round-link{font-size:12px;gap:12px}
 .chapter-steps .round-link span{width:30px;height:30px;font-size:17px}
}
.chapter-steps-intro{display:none}
/* Short landscape windows: icon-only arrows (the hero's own narrow-screen look) either side of the chapter bar, so no
   chapter gives up reading height. The bar leaves room for them. The hero's own link is hidden at 520 px tall and
   below, so its Next arrow shows there. */
@media(min-width:701px) and (max-height:640px),(min-width:561px) and (max-width:700px) and (max-height:520px){
 .chapter-nav{max-width:calc(100% - 120px)}
 .chapter-steps{left:calc(50% - var(--steps-span,600px)/2 - 52px);right:calc(50% - var(--steps-span,600px)/2 - 52px);height:var(--steps-height,44px);padding:0;justify-content:space-between;gap:0}
 .chapter-steps .round-link{font-size:0;gap:0;min-width:44px;justify-content:center}
 .chapter-steps .round-link span{width:36px;height:36px;font-size:20px}
 .chapter-steps [data-step="next"],.chapter-steps [data-step="top"]{margin-inline-start:auto}
}
@media(min-width:561px) and (max-height:520px){.chapter-steps-intro{display:flex}}
@media(prefers-reduced-motion:reduce){.chapter-steps{will-change:auto}}

/* Keep the phone's quiet resting motion on the compositor. The real 3D scene
   redraws for scroll/pointer/state changes, not continuously while reading. */
#journey-canvas.journey-compositor-float{animation:adlux-scene-float 9.6666667s ease-in-out infinite!important;will-change:transform}
#journey-canvas.journey-motion-paused{animation-play-state:paused!important}
.journey-flow-dot{position:absolute;left:0;top:0;width:var(--scene-flow-size,8px);height:var(--scene-flow-size,8px);margin:calc(var(--scene-flow-size,8px)/-2);border-radius:50%;background:#e2f7ff;box-shadow:0 0 7px #b6e5ff88;pointer-events:none;will-change:transform}
.journey-flow-dot[hidden]{display:none}
@keyframes adlux-scene-float{0%,50%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(0,calc(var(--scene-float-distance,2.5px)*-1),0)}75%{transform:translate3d(0,var(--scene-float-distance,2.5px),0)}}
/* One-page layout (very small screens, 200% text): the arrows follow each chapter as a plain row of links. */
@media(max-width:299px),(max-width:560px) and (max-height:459px){
 .chapter-steps{position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto;flex-wrap:wrap;justify-content:flex-start;gap:4px 24px;padding:0 12px 20px;border-bottom:1px solid #5d84a333}
 .chapter:has(+.chapter-steps){border-bottom:0;padding-bottom:14px}
 .chapter-steps .round-link{font-size:14px;gap:12px;white-space:normal}
}
/* Arrival focus: an arrow (or "See how it works") moves focus to the new chapter's heading. Keyboard users see a ring
   there; a tap or click never leaves one (home.js marks pointer arrivals with data-arrival="pointer"). */
.chapter :is(h1,h2)[tabindex="-1"]:focus{outline:none}
.chapter :is(h1,h2)[tabindex="-1"]:focus-visible:not([data-arrival="pointer"]){outline:3px solid #a9ddff;outline-offset:6px;border-radius:6px}

/* Laptop-height windows: fit the existing story beside its phone before adding a reading scrollbar.
   Keep every sentence and action; reduce spacing and put the story attribution beside its play button. */
@media(min-width:701px) and (min-height:641px) and (max-height:800px){
 body[data-adlux-page="home"] :is(.scene-copy,.stories-layout){padding:2px 8px 6px 2px;scrollbar-width:thin;scrollbar-color:#7892aa66 transparent;overscroll-behavior:contain}
 body[data-adlux-page="home"] :is(.scene-copy,.stories-layout)::-webkit-scrollbar{display:block;width:5px}
 body[data-adlux-page="home"] :is(.scene-copy,.stories-layout)::-webkit-scrollbar-thumb{background:#7892aa66;border-radius:5px}
 .scene-copy h2,.stories-heading h2{font-size:clamp(34px,5.8vh,46px);line-height:1.08}
 .scene-copy .chapter-kicker,.stories-heading .chapter-kicker{margin-bottom:10px}
 .scene-copy>p:not(.chapter-kicker){font-size:16px;line-height:1.5;margin:12px 0}
 .chapter-consumer .consumer-guide{margin:0;min-height:44px;padding:8px 0}
 .chapter-consumer .scene-next{margin-top:8px;padding:10px 0;min-height:44px}
 .answer-action{min-height:46px;padding:12px 22px}
 .action-note{margin-top:10px;line-height:1.5}
 .chapter-demo .account-entry{margin-top:10px;gap:6px 18px}
 .chapter-demo .journey-primary{min-height:46px;padding:12px 20px;font-size:15px}
 body[data-adlux-page="home"] .chapter-demo .scene-copy .entry-assurance{margin:6px 0 0;line-height:1.5}
 .chapter-demo .demo-duration{margin-top:6px;line-height:1.5}
 .chapter-demo .questions-link{min-height:44px;padding:8px 0;margin-top:0;line-height:1.5}
 .story-feature{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;margin-top:12px}
 .story-quote{grid-column:1/-1;font-size:19px;line-height:1.4}
 .story-feature-person{display:block;margin:0}.story-feature-person>span{display:block;margin-top:3px;line-height:1.4}
 .story-feature-watch{min-height:48px;margin:0;padding:8px 12px;gap:9px}
 .story-feature-play{width:30px;height:30px;font-size:22px}
 .stories-collection{margin-top:12px;padding-top:10px}.stories-collection-head{margin-bottom:6px}
 .story-card{min-height:58px;padding:7px;gap:8px}.story-card-poster{width:30px;height:42px}
 .chapter-stories .story-demo-link{min-height:44px;padding:8px 0;margin-top:4px}
}

/* Translated phone headers need two rows: brand and preferences, then account actions.
   home.js measures the header and footer so chapter copy stays clear of both. */
@media(max-width:560px){
 body[data-adlux-page="home"] .journey-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px!important;align-items:center}
 body[data-adlux-page="home"] .journey-header-actions{display:contents}
 body[data-adlux-page="home"] .journey-brand{grid-column:1;grid-row:1;justify-self:start;max-width:100%}
 body[data-adlux-page="home"] .journey-brand img{width:86px!important;max-width:100%;height:auto}
 body[data-adlux-page="home"] .journey-header-actions>[data-adlux-preferences]{grid-column:2;grid-row:1;justify-self:end;gap:8px}
 body[data-adlux-page="home"] .journey-header .header-signin{grid-column:1;grid-row:2;justify-content:center;font-size:14px;min-width:0;min-height:44px;white-space:normal;text-align:center;line-height:1.35;padding:8px 10px}
 body[data-adlux-page="home"] .journey-header .journey-book.header-demo{grid-column:2;grid-row:2;font-size:13px!important;min-width:0;min-height:44px;white-space:normal;text-align:center;line-height:1.35;padding:8px 10px!important}
 body[data-adlux-page="home"] .experience-meta .meta-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;align-items:center}
 body[data-adlux-page="home"] .experience-meta .meta-links>a{grid-column:1;grid-row:1;justify-self:start}
 body[data-adlux-page="home"] .experience-meta #motion-toggle{grid-column:2;grid-row:1;justify-self:end;text-align:end;justify-content:flex-end}
 body[data-adlux-page="home"] .experience-meta .meta-links :is(a,button){margin:0;padding:4px 0;min-height:44px;line-height:1.4;white-space:normal;max-width:100%}
 body[data-adlux-page="home"] .experience-meta .meta-note{grid-column:1/-1;grid-row:2;text-align:center;line-height:1.4}
 body[data-adlux-page="home"] .experience-meta .meta-company{gap:2px 12px;line-height:1.4;text-align:center}
}

/* Oct 17 (home2). Phones: the routing line's desktop line break left "licensed" alone on its own line. The hero and routing lines wrap without a one-word last line. In dark mode "A few quick answers" uses the agent-story dialog's dark card instead of a white sheet. */
@media(max-width:700px){.route-title>p:last-child br{display:none}}
.intro-right>p,.route-title>p:last-child{text-wrap:pretty}
:root[data-theme="dark"] #questions-dialog{background:#091321;color:#f2f8ff;border:1px solid #37516b}
:root[data-theme="dark"] #questions-dialog h2,:root[data-theme="dark"] #questions-dialog summary{color:#eef4fb}
:root[data-theme="dark"] #questions-dialog details p{color:#b4c6d9}
:root[data-theme="dark"] #questions-dialog .eyebrow{color:#81a7ce}
:root[data-theme="dark"] #questions-dialog .close-dialog{background:#16263a;color:#d6e4f3}
:root[data-theme="dark"] #questions-dialog .faq-list details{border-color:#24384f}
:root[data-theme="dark"] #questions-dialog a,:root[data-theme="dark"] #questions-dialog .faq-contact{color:#8cc4ff}
/* FAQ answers that send visitors somewhere carry the link that goes there (lane-actions, Oct 17). */
.faq-list .faq-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 0 0;padding-right:18px}.faq-list .faq-links a{display:inline-flex;align-items:center;min-height:36px;font-size:15px;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* Tap targets on phones (plain-home2, Oct 17): quick-answer rows, the links in the answers, the chapter numbers and
   the footer links are at least 44 px. Sizes only grow; text sizes are unchanged. Seven 44 px numbers and the current
   chapter's name don't fit side by side under 480 px, so there the bar shows numbers only: the chapter's own heading
   already names it ("05 / YOUR ACCOUNT"). */
@media(max-width:700px){
 body[data-adlux-page="home"] #questions-dialog summary{min-height:44px}
 body[data-adlux-page="home"] #questions-dialog :is(.faq-links a,.faq-contact){min-height:44px;display:inline-flex;align-items:center}
 body[data-adlux-page="home"] .chapter-nav a{min-width:44px}
 body[data-adlux-page="home"] .experience-meta .meta-legal-links a{min-width:44px}
}
@media(max-width:480px){body[data-adlux-page="home"] .chapter-nav a[aria-current] .nav-title{display:none}body[data-adlux-page="home"] .chapter-nav a[aria-current]{padding-inline:10px}}
/* Light theme: focus rings in the light theme's own focus colour. The pale #a9ddff rings above are drawn for the dark
   theme and are 1.34:1 on the light page, so a focused control looked unfocused (a11y F049). */
:root[data-theme="light"] body[data-adlux-page="home"] :is(.story-shortcut,.story-watch,.story-close,.story-feature-watch,.story-card,.gallery-navigation button,.story-player-navigation button,.story-device-fallback,.header-signin,.entry-signin,.experience-meta a,.experience-meta button):focus-visible,
:root[data-theme="light"] body[data-adlux-page="home"] .chapter :is(h1,h2)[tabindex="-1"]:focus-visible:not([data-arrival="pointer"]){outline-color:var(--adlux-focus,#1659b3)}

/* Plain-language pass (owner, Oct 17 PM, rule 8): on phones the chapter words, buttons and quick answers read at 16 px.
   Sizes only; positions and layout are unchanged. */
@media(max-width:700px){
 body[data-adlux-page="home"] :is(.intro-side p,.scene-copy>p,.route-title>p,.portal-copy>p){font-size:16px}
 body[data-adlux-page="home"] :is(.intro-start,.journey-primary,.entry-signin,.answer-action,.story-shortcut,.scene-next,.questions-link,.demo-duration a,.entry-note,.entry-assurance){font-size:16px}
 body[data-adlux-page="home"] #questions-dialog :is(summary,details p,li,.faq-links a){font-size:16px}
}
/* Every language (fin-home, Oct 17): shared/appearance.css shrinks non-English phone text to 12 px and the chapter bar
   to 10 px (html:not([lang="en"]) …, specificity 0-3-2), which beat the 16 px rule above. These selectors are more
   specific, so chapter words read at 16 px and the chapter bar at 14 px in every language. Sizes only. */
@media(max-width:700px){
 :root body[data-adlux-page="home"] :is(.intro-side p,.scene-copy>p:not(.chapter-kicker),.route-title>p,.portal-copy>p){font-size:16px}
 :root body[data-adlux-page="home"] .chapter-nav a,:root body[data-adlux-page="home"] .chapter-nav :is(.nav-number,.nav-title){font-size:14px}
}