/* Keep the first 0.6 scroll screens, then bring the first walkthrough step closer. */
.journey{height:calc(var(--tour-screens,24) * 100svh)}.outcome-copy{display:none}
.tour-copy{position:absolute;z-index:4;left:7%;top:24%;width:34%;max-width:480px;pointer-events:auto}
.tour-copy[hidden],.tour-screen[hidden],.tour-chapters[hidden],.tour-caption[hidden],.tour-intro[hidden]{display:none}.tour-eyebrow{color:#a5b0b9;font-size:10px;line-height:1.5;letter-spacing:.18em;max-width:none;margin:0 0 35px}.tour-role{font-size:12px;letter-spacing:.06em;line-height:1.4;color:#c4d0c7;margin:0 0 14px;max-width:none}.tour-copy h2{font-family:CentreDisplay,Georgia,serif;font-size:clamp(34px,3.15vw,56px);font-weight:400;line-height:1.12;letter-spacing:-.025em;max-width:15ch;margin:0 0 24px}.tour-explanation{color:#c0c6ce;font-size:clamp(16px,1.15vw,19px);line-height:1.65;max-width:34ch;margin:0}.tour-caption{min-height:285px}.tour-chapters{display:flex;gap:9px;margin:28px 0 22px}.tour-chapters button{color:#b2bcc6;background:none;border:0;border-bottom:1px solid #5a626b;font-size:11px;min-width:40px;min-height:44px;padding:10px 6px}.tour-chapters button[aria-current="step"]{color:#fff;border-color:#e7ede9}.tour-skip{font-size:12px;text-decoration:none}.tour-skip span{margin-left:10px}.tour-disclaimer{font-size:10px;color:#9aa6b1;max-width:none;margin-top:25px}.tour-screen{position:absolute;z-index:3;overflow:hidden;border-radius:14% / 6%;pointer-events:none;background:#fcfbf8;transform-origin:0 0}.tour-screen iframe{border:0;display:block;width:390px;height:846px;transform-origin:0 0}/* Hole exposes the original 3D island and lens, never a second CSS island. */
.tour-screen{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 738 1601'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='738' height='1601' fill='white'/%3E%3Crect x='245' y='34.835' width='248' height='65' rx='32.5' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='738' height='1601' fill='white' mask='url(%23m)'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}

.tour-mobile{display:none}.tour-end{min-height:220px;padding:70px 7%;background:#080a0d;border-top:1px solid #ffffff14}.tour-end h2{font-family:CentreDisplay,Georgia,serif;font-size:36px;font-weight:400;margin:0 0 14px}.tour-end p{font-size:16px;color:#c0c6ce;max-width:45ch}.tour-end a{display:inline-block;font-size:14px;margin-top:16px}.tour-end .compact-demo{display:none}
@media(max-height:720px) and (min-width:820px){.tour-copy{top:13%}.tour-eyebrow{margin-bottom:22px}.tour-caption{min-height:240px}.tour-copy h2{font-size:38px}.tour-chapters{margin:12px 0}.tour-disclaimer{margin-top:15px}}
@media(prefers-reduced-motion:reduce){
 .journey{height:420vh}.tour-copy,.tour-screen{display:none!important}.tour-mobile{display:block;background:#0c1015;padding:60px max(6%,20px) 10px}.tour-mobile>header{max-width:600px;margin:0 auto 50px}.tour-mobile>header h2{font:400 36px/1.1 CentreDisplay,Georgia,serif;margin:0 0 18px}.tour-mobile>header p:not(.tour-eyebrow){font-size:16px;max-width:36ch;color:#c0c6ce}.tour-mobile>header a{font-size:13px}.tour-mobile .tour-eyebrow{margin-bottom:20px}.tour-mobile article{padding:25px 0 50px;margin:0 auto 30px;max-width:600px;border-top:1px solid #ffffff20}.mobile-step-copy h3{font:400 29px/1.15 CentreDisplay,Georgia,serif;margin:0 0 14px;max-width:24ch}.mobile-step-copy>p:last-child{font-size:15px;line-height:1.5;color:#c0c6ce;max-width:42ch;margin-bottom:24px}.mobile-product{width:min(290px,100%);aspect-ratio:390/740;border:6px solid #96999a;border-radius:38px;position:relative;overflow:hidden;margin:0 auto;background:#fcfbf8;box-shadow:0 0 0 1px #d0d3d5,0 15px 40px #0005}.mobile-product iframe{width:100%;height:100%;border:0;pointer-events:none}.mobile-island{position:absolute;top:2.5%;left:34%;width:32%;height:4%;background:#08090b;border-radius:99px;pointer-events:none}.mobile-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.mobile-actions button{background:none;border:1px solid #64716c;border-radius:99px;color:#c9d1cf;font-size:12px;min-height:44px;padding:10px 18px}.mobile-actions button[aria-pressed="true"]{background:#e9eeeb;color:#15251d}.tour-end{padding:45px 6%}.tour-end .compact-demo{display:block}
}
@media(prefers-reduced-motion:reduce){.journey{height:100svh}.tour-mobile *{scroll-behavior:auto;animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.mobile-product{width:100%;max-width:360px;height:390px;aspect-ratio:auto;border:1px solid #88938d;border-radius:18px;box-shadow:0 15px 40px #0003}.mobile-island{display:none}.tour-mobile article{padding-bottom:35px}.mobile-step-copy>p:last-child{margin-bottom:18px}}

/* Comprehension pass: the explanation sits beside the physical phone, not at the page edge. */
@media(min-width:820px) and (prefers-reduced-motion:no-preference){
 .tour-copy{left:auto;right:calc(100% - var(--tour-phone-left,57vw) + 48px);top:28%;width:270px;max-width:29vw}
 .tour-eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:24px}
 .tour-copy h2{font-size:clamp(27px,2.5vw,38px);max-width:14ch;margin-bottom:18px}
 .tour-explanation{font-size:16px;line-height:1.5;max-width:26ch}
 .tour-caption{min-height:210px}.tour-chapters{gap:4px;margin:14px 0}.tour-chapters button{min-width:32px}
 .tour-disclaimer{margin-top:16px}
}

/* Guided gestures belong to the page; no disabled treatment on the product. */
.tour-screen[data-mode="guided"]{cursor:auto;touch-action:pan-y pinch-zoom}
