/* One continuous brand field. One task that changes in place. */
.journey{background:#315bd6;color:#faf7ef;padding:60px 5% 65px;overflow:hidden;scroll-margin-top:20px}
.journey-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;max-width:1320px;margin:0 auto 42px}
.journey-heading h2{font-family:Slat;font-size:clamp(52px,6.8vw,100px);line-height:.98;letter-spacing:-.055em;margin:0}
.journey-heading>p{font-size:21px;line-height:1.45;margin:0 0 7px;max-width:330px}
.journey-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1320px;margin:0 auto 12px}
.journey .steps{display:flex;gap:26px;flex:1;max-width:750px}
.journey .steps button{display:block;border:0;border-bottom:1px solid #faf7ef40;border-radius:0;background:transparent;color:#faf7ef90;font:inherit;font-size:15px;padding:16px 0;min-height:50px;flex:1;text-align:left;white-space:nowrap}
.journey .steps button[aria-pressed=true]{color:#faf7ef;background:transparent}
.journey #play-demo{background:transparent;color:#faf7ef;border:1px solid #faf7ef50;border-radius:30px;padding:12px 18px;font:inherit;font-size:13px;white-space:nowrap;min-height:44px}
.journey #play-demo span{margin-left:12px}
.journey-stage{position:relative;max-width:1320px;height:570px;margin:auto;isolation:isolate;perspective:1200px;scroll-margin-top:70px}
.journey-word{position:absolute;left:1%;top:23%;font-family:Slat;font-size:clamp(110px,17vw,255px);line-height:1;letter-spacing:-.07em;color:#faf7ef0b;pointer-events:none;z-index:-2}
.journey-orbit{position:absolute;width:70%;height:65%;left:12%;top:19%;border:1px solid #faf7ef26;border-radius:50%;transform:rotate(-14deg);z-index:-1}
.journey-task{position:absolute;left:31%;top:72px;width:350px;min-height:360px;padding:28px;background:#faf7ef;color:#192849;border-radius:17px;box-shadow:0 28px 60px #17295335;transform:rotate(-4deg);transition:transform 700ms cubic-bezier(.22,1,.36,1);z-index:3}
.task-brand{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}.task-brand img{width:66px;height:auto}.task-brand>span{font-size:11px;color:#53607a}
.journey-task h3{font-family:Slat;font-size:43px;line-height:1.02;letter-spacing:-.045em;margin:0 0 18px}
.journey-task #demo-content{min-height:132px;padding:0}
.journey-task #demo-content>p{font-size:15px;line-height:1.5;margin:0 0 16px}
.task-rule{font-size:14px;border-top:1px solid #19284920;padding-top:14px}.task-rule span{display:block;color:#677186;font-size:11px;margin-top:6px}
.brief-preview{border:0;border-bottom:1px solid #19284940;background:transparent;color:#192849;padding:5px 0;font:inherit;font-size:12px;display:flex;justify-content:space-between;width:100%;margin-top:14px;min-height:32px}
.journey-materials{position:absolute;left:4%;top:92px;z-index:4;display:flex;flex-direction:column;gap:18px;transition:transform 750ms cubic-bezier(.22,1,.36,1)}
.material-chip{width:164px;background:#f7c99b;color:#192849;border:0;border-radius:9px;padding:13px;box-shadow:0 14px 25px #142b6226;transform:rotate(-9deg);text-align:left;transition:transform 650ms cubic-bezier(.22,1,.36,1),box-shadow 220ms}
.material-chip img{width:100%;height:65px;object-fit:contain;display:block}.material-chip span{font-size:12px;display:flex;justify-content:space-between;margin-top:10px}.material-chip i{font-style:normal}
.character-chip{background:#f6eee0;transform:translateX(30px) rotate(7deg)}.character-chip img{height:100px;object-fit:cover;object-position:top}
.journey-agent{position:absolute;right:1%;top:150px;width:215px;z-index:4;transition:transform 700ms cubic-bezier(.22,1,.36,1)}
.journey-agent>p{font-size:13px;color:#faf7efa0;margin:0 0 12px}.agent-choice{display:flex;flex-direction:column;gap:12px}.agent-choice button{border:0;background:transparent;padding:6px 0;color:#faf7ef80;font-family:Slat;font-size:30px;text-align:left;letter-spacing:-.04em;min-height:44px}.agent-choice button[aria-pressed=true]{color:#faf7ef}.agent-choice button:after{content:'↗';font-family:inherit;font-size:21px;margin-left:15px;opacity:0}.agent-choice button[aria-pressed=true]:after{opacity:1}
#agent-status{font-size:12px;line-height:1.5;display:block;margin-top:12px;max-width:180px;color:#faf7efc0}
.context-packet{margin-top:24px;display:flex;align-items:center;gap:9px;font-size:12px;background:#192849;color:#faf7ef;border-radius:30px;padding:13px 16px;opacity:0;transform:translateX(-75px) scale(.8);transition:transform 700ms cubic-bezier(.22,1,.36,1),opacity 300ms}.context-packet img{width:14px;height:22px}
.journey-character{position:absolute;left:19%;bottom:0;width:230px;height:290px;object-fit:contain;pointer-events:none;z-index:5;filter:drop-shadow(6px 15px 16px #16307225);transform-origin:center bottom;transition:transform 850ms cubic-bezier(.22,1,.36,1)}
.journey-return{position:absolute;left:43%;bottom:32px;z-index:6;padding:14px 20px;background:#f7c99b;color:#192849;box-shadow:0 12px 35px #17295326;border-radius:40px;font-size:14px;opacity:0;transform:translate(100px,-50px) scale(.8);transition:transform 700ms cubic-bezier(.22,1,.36,1),opacity 300ms}.journey-return span{margin-right:9px}
.journey-stage[data-scene="1"] .journey-task{transform:translate(-18px,0) rotate(2deg)}
.journey-stage[data-scene="1"] .journey-materials{transform:translate(105px,25px) scale(.78)}
.journey-stage[data-scene="1"] .journey-character{transform:translateX(155px) scale(.91)}
.journey-stage[data-scene="1"] .context-packet{opacity:1;transform:translateX(-15px) scale(1)}
.journey-stage[data-scene="2"] .journey-task{transform:translate(-15px,-5px) rotate(0)}
.journey-stage[data-scene="2"] .journey-materials{transform:translate(90px,15px) scale(.78)}
.journey-stage[data-scene="2"] .journey-character{transform:translateX(300px) scale(1.04)}
.journey-stage[data-scene="2"] .journey-return{opacity:1;transform:translate(0,0) scale(1)}
.task-context{display:flex;gap:7px;flex-wrap:wrap}.task-context span{font-size:12px;padding:8px 11px;background:#315bd610;border-radius:25px;color:#315bd6}
.task-update{padding:14px;background:#315bd60c;border-left:3px solid #315bd6}.task-update>span{font-size:11px;color:#65718b}.task-update strong{display:block;font-size:20px;line-height:1.2;margin-top:10px}.task-update p{font-size:14px;margin:7px 0 0}
.journey-bottom{display:flex;align-items:center;justify-content:space-between;gap:36px;max-width:1150px;margin:6px auto 0;padding:26px 0;border-top:1px solid #faf7ef30}
.journey-bottom h3{font-family:Slat;font-size:29px;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px}.journey-bottom p{font-size:15px;line-height:1.6;max-width:600px;margin:0;color:#faf7efce;min-height:48px}
.journey #next-step{border:0;border-radius:35px;background:#faf7ef;color:#192849;padding:17px 23px;min-width:225px;min-height:52px;font:inherit;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.journey-disclosure{font-size:11px;line-height:1.55;color:#faf7ef95;max-width:720px;margin:8px auto 0;text-align:center}
.questions.section{padding:40px 5%;background:#315bd6;color:#faf7ef;display:grid;grid-template-columns:1fr 2fr;gap:40px}.questions h2{font-size:38px;line-height:1.1;margin:0}.questions>div{margin:0}.questions details{padding:16px 0;border-color:#faf7ef30}.questions details p{color:#faf7efbb;font-size:14px}.questions summary{font-size:16px}.questions details:first-child{padding-top:0}
footer{background:#315bd6;color:#faf7efb0;border-top:1px solid #faf7ef30;margin:0 5%;padding:25px 0;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
body.motion-paused .journey-stage *,body[data-input=keyboard] .journey-stage *{transition:none!important}
@media(hover:hover) and (pointer:fine){.material-chip:hover{transform:translateY(-5px) rotate(0);box-shadow:0 22px 35px #142b623a}.character-chip:hover{transform:translate(30px,-5px) rotate(0)}.questions summary:hover{color:#f7c99b}.agent-choice button:hover{color:#faf7ef}}
@media(min-width:761px){.immersive-hero{min-height:780px;max-height:950px}.immersive-hero .intro-copy{top:16%}}
@media(max-width:1000px) and (min-width:761px){.journey-task{left:25%;width:320px}.journey-agent{right:0;width:170px}.agent-choice button{font-size:26px}.material-chip{width:135px}.journey-materials{left:0}.journey-stage[data-scene="1"] .journey-materials,.journey-stage[data-scene="2"] .journey-materials{transform:translate(45px,15px) scale(.8)}.journey-character{left:10%}.journey-stage[data-scene="2"] .journey-character{transform:translateX(245px)}}
@media(max-width:760px){
.immersive-hero{height:1080px;min-height:0}.monument{bottom:195px}.immersive-hero .immersive-characters{height:275px}
.journey{padding:38px 6% 30px}.journey-heading{display:block;margin-bottom:22px}.journey-heading h2{font-size:57px}.journey-heading>p{font-size:16px;margin-top:18px}.journey-heading>p br{display:none}
.journey-controls{display:block;margin-bottom:4px}.journey .steps{gap:12px;max-width:none}.journey .steps button{font-size:12px;white-space:normal;text-align:left;padding:10px 0;line-height:1.3}.journey #play-demo{margin-top:17px;font-size:12px;padding:8px 13px;min-height:38px}
.journey-stage{height:590px;margin-top:10px}.journey-word{font-size:93px;top:30%;left:-5%}.journey-orbit{width:115%;left:-8%;height:55%;top:25%;transform:rotate(-35deg)}
.journey-task{left:8%;top:102px;width:86%;min-height:320px;padding:22px;transform:rotate(-3deg)}.journey-task h3{font-size:35px}.task-brand{margin-bottom:18px}.task-brand img{width:56px}.task-brand>span{font-size:10px}.journey-task #demo-content{min-height:123px}.journey-task #demo-content>p{font-size:14px}.task-rule{font-size:12px}
.journey-materials{left:2%;top:2px;flex-direction:row;gap:22px;z-index:4}.material-chip{width:102px;padding:9px;transform:rotate(-8deg)}.material-chip img{height:38px}.material-chip span{font-size:10px;margin-top:5px}.character-chip{transform:translateX(0) rotate(6deg)}.character-chip img{height:38px}
.journey-agent{left:0;right:auto;top:auto;bottom:0;width:100%;z-index:7}.journey-agent>p{display:none}.agent-choice{flex-direction:row;gap:20px}.agent-choice button{font-size:24px}.agent-choice button:after{font-size:16px;margin-left:7px}#agent-status{margin-top:2px;font-size:11px;max-width:100%}.context-packet{position:absolute;right:0;bottom:80px;font-size:10px;padding:10px 12px;margin:0}
.journey-character{left:-3%;bottom:58px;width:145px;height:185px}.journey-stage[data-scene="1"] .journey-character{transform:translateX(75px) scale(.92)}.journey-stage[data-scene="2"] .journey-character{transform:translateX(185px) scale(1)}
.journey-stage[data-scene="1"] .journey-materials,.journey-stage[data-scene="2"] .journey-materials{transform:translate(35px,15px) scale(.8)}.journey-stage[data-scene="1"] .journey-task{transform:translate(0,5px) rotate(2deg)}.journey-stage[data-scene="2"] .journey-task{transform:translate(0,0) rotate(0)}
.journey-return{left:2%;bottom:95px;font-size:11px;padding:10px 13px}.journey-bottom{display:block;padding:22px 0 10px;margin-top:22px}.journey-bottom h3{font-size:27px}.journey-bottom p{font-size:14px;min-height:68px}.journey #next-step{margin-top:20px;width:100%;min-width:0}.journey-disclosure{text-align:left;font-size:10px;margin-top:16px}
.questions.section{display:block;padding:25px 6%}.questions h2{font-size:32px;margin-bottom:28px}.questions summary{font-size:14px}.questions details{padding:14px 0}footer{margin:0 6%;font-size:11px;padding-bottom:75px}
}
@media(prefers-reduced-motion:reduce){.journey-stage *{transition:none!important}}
.journey .steps{flex-direction:row}
.agent-choice button{white-space:nowrap;font-size:27px}
@media(max-width:1000px) and (min-width:761px){.agent-choice button{font-size:23px}.agent-choice button:after{margin-left:7px}}
@media(max-width:760px){.agent-choice button{font-size:23px}}
/* Soft thinking matrix: persistent gray cells, white light with eased fades. */
.journey-agent .context-packet{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:none;padding:0;border-radius:0;box-shadow:none;transform:translateY(8px);margin-top:24px}
.journey-stage[data-scene="1"] .context-packet{transform:translateY(0)}
.thinking-pixels{display:grid;grid-template-columns:repeat(7,10px);grid-template-rows:repeat(5,10px);gap:4px;isolation:isolate}
.thinking-pixels i{display:block;position:relative;background:#9ba3b3;border-radius:3px;overflow:hidden}
.thinking-pixels i:after{content:'';position:absolute;inset:0;background:#fff;border-radius:inherit;opacity:0;animation:pixel-thought var(--pixel-time) cubic-bezier(.45,0,.55,1) var(--pixel-delay) infinite;animation-play-state:paused}
.journey-stage[data-scene="1"] .thinking-pixels i:after{animation-play-state:running}
.journey-agent .context-packet>span{font-size:11px;line-height:1.4;color:#faf7efb0}
@keyframes pixel-thought{0%,12%,78%,100%{opacity:0}32%,43%{opacity:1}61%{opacity:.25}}
body.motion-paused .thinking-pixels i:after,body.page-hidden .thinking-pixels i:after,body.journey-offscreen .thinking-pixels i:after{animation-play-state:paused!important}
@media(max-width:760px){.journey-agent .context-packet{right:0;bottom:83px;margin:0;gap:8px}.thinking-pixels{grid-template-columns:repeat(7,8px);grid-template-rows:repeat(5,8px);gap:3px}.thinking-pixels i{border-radius:2.5px}.journey-agent .context-packet>span{font-size:9px;max-width:92px}}
@media(prefers-reduced-motion:reduce){.thinking-pixels i:after{animation:none!important}.thinking-pixels i:nth-child(3n):after{opacity:1}}
@media(max-width:760px){.journey-stage{height:640px}}