/* Scoped product presentation: the existing landing below is untouched. */
.product-tour{--zoom:0;--phone-width:min(355px,calc((100svh - 260px)*.462085));height:285svh;position:relative}
.tour-sticky{height:calc(100svh - 102px);min-height:570px;position:sticky;top:0;isolation:isolate;overflow:hidden}
.tour-intro{position:absolute;top:3%;left:20px;right:20px;text-align:center;pointer-events:none;opacity:calc(1 - var(--zoom));transform:translateY(calc(var(--zoom)*-50px))}
.tour-intro h1{font-size:clamp(50px,7.2vw,110px);line-height:1.09;letter-spacing:-.035em}
.tour-backdrop{position:absolute;inset:3% 3% 15%;background:var(--surface);border:1px solid var(--line);border-radius:22px;opacity:var(--zoom);transform:scaleX(calc(.72 + var(--zoom)*.28));z-index:-1}
.tour-device-position{position:absolute;width:var(--phone-width);left:50%;top:calc(30% - var(--zoom)*26%);transform:translateX(-50%);z-index:3}
.tour-device{border:4px solid #4a453e;padding:3px;border-radius:30px;background:#090909;overflow:hidden;box-shadow:0 25px 70px #0006;transform:scale(calc(.66 + var(--zoom)*.34));transform-origin:top center}
.tour-viewport{position:relative;width:100%;aspect-ratio:390/844;overflow:hidden;border-radius:22px;background:#090909}
.tour-screens,.tour-screen{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tour-screen{object-fit:contain;user-select:none}
.tour-copy{position:absolute;left:8%;top:34%;width:25%;opacity:clamp(0,calc(var(--zoom)*3 - 2),1);transform:translateY(calc((1 - var(--zoom))*12px));pointer-events:none}
.tour-copy h2{font-family:Onest,Arial,sans-serif;font-weight:400;text-transform:none;font-size:clamp(27px,3vw,46px);letter-spacing:-.055em;line-height:1.15}
.tour-copy p{font-size:14px;line-height:1.7;max-width:275px;color:var(--muted);margin-top:22px}
.tour-copy h2,.tour-copy p{transition:opacity .18s ease}
.tour-copy.is-changing h2,.tour-copy.is-changing p{opacity:0}
.tour-navigation{position:absolute;right:8%;top:36%;width:20%;z-index:4;display:flex;flex-direction:column;gap:4px}
.tour-step{position:relative;display:flex;align-items:center;gap:20px;text-align:left;color:var(--muted);background:none;border:0;border-bottom:1px solid var(--line);padding:15px 0;font:400 16px/1.6 Onest,sans-serif;min-height:50px}
.tour-step>span{font-size:10px}.tour-step>i{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left}
.tour-step{transition:color .3s ease}.tour-step>i{transition:transform .45s var(--ease)}
.tour-step[aria-pressed=true]{color:var(--accent)}.tour-step[aria-pressed=true]>i{transform:scaleX(1)}
.tour-actions{position:absolute;bottom:12px;left:20px;right:20px;text-align:center;z-index:5}
.tour-hint{font-size:11px;line-height:1.5;color:var(--muted)}.tour-disclaimer{font-size:9px;color:#8e877d;margin-top:5px}
@media(max-width:1050px){.tour-copy{left:6%;width:24%}.tour-copy h2{font-size:30px}.tour-copy p{font-size:12px}.tour-navigation{right:6%;width:20%}.tour-step{font-size:14px;gap:12px}}
@media(max-width:760px){.product-tour{height:265svh;--phone-width:min(calc(100vw - 84px),calc((100svh - 285px)*.462085))}.tour-sticky{height:calc(100svh - 76px);min-height:570px}.tour-intro{top:3%;left:12px;right:12px}.tour-intro h1{font-size:clamp(34px,8.2vw,61px)}.tour-device-position{top:calc(26% - var(--zoom)*17%)}.tour-device{transform:scale(calc(.78 + var(--zoom)*.22));border-radius:26px}.tour-viewport{border-radius:18px}.tour-backdrop{inset:2% 4% 17%;border-radius:16px}.tour-copy{display:none}.tour-navigation{top:auto;bottom:68px;left:8%;right:8%;width:auto;flex-direction:row;gap:14px;justify-content:center}.tour-step{flex:1;justify-content:center;gap:7px;font-size:11px;padding:8px 0;min-height:35px}.tour-step>span{font-size:8px}.tour-actions{bottom:10px;left:12px;right:12px}.tour-hint{font-size:10px;max-width:300px;margin-inline:auto}.tour-disclaimer{font-size:9px}}
@media(max-height:650px){.tour-sticky{min-height:510px}.product-tour{--phone-width:190px}.tour-intro h1{font-size:clamp(32px,5vw,65px)}.tour-device-position{top:calc(25% - var(--zoom)*22%)}.tour-device{transform:scale(calc(.7 + var(--zoom)*.3))}.tour-navigation{bottom:70px}.tour-hint{font-size:9px}}
@media(max-width:760px){.tour-device-position{top:calc(23% - var(--zoom)*14%)}}
@media(prefers-reduced-motion:reduce){.product-tour{height:auto;--zoom:1}.tour-sticky{position:relative;height:calc(100svh - 76px)}.tour-intro{opacity:1;transform:none;top:0}.tour-intro h1{font-size:28px}.tour-device-position{top:16%}.tour-device{transform:scale(.8)}.tour-backdrop{opacity:0}.tour-copy{display:none}.tour-navigation{top:auto;bottom:78px;left:10%;right:10%;width:auto;flex-direction:row;justify-content:center}.tour-step{flex:1;justify-content:center;font-size:12px}.tour-hint{font-size:10px}}