.tour-hero{padding:4.5rem 0 3rem;position:relative;overflow:hidden}.tour-hero:before{content:"";background:radial-gradient(46% 38% at 22% 12%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 70%), radial-gradient(40% 34% at 82% 26%, #d24be724, transparent 72%);pointer-events:none;height:120%;position:absolute;inset:-30% 0 auto}.tour-phone{background:linear-gradient(160deg, color-mix(in srgb, var(--color-foreground) 12%, transparent), color-mix(in srgb, var(--color-foreground) 4%, transparent));border:1px solid color-mix(in srgb, var(--color-foreground) 12%, transparent);border-radius:30px;width:min(290px,72vw);margin-inline:auto;padding:9px;position:relative;box-shadow:0 34px 70px -30px #0000008c,0 4px 14px -8px #0006}.tour-phone__screen{aspect-ratio:1080/2400;background:#0b0b12;border-radius:22px;overflow:hidden}.tour-phone__screen img{width:100%;height:auto;display:block}.tour-window{border:1px solid color-mix(in srgb, var(--color-foreground) 14%, transparent);background:var(--color-card);border-radius:12px;width:min(560px,100%);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 34px 70px -30px #00000073,0 4px 14px -8px #0000004d}.tour-window__bar{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-muted) 70%, var(--color-card));align-items:center;gap:6px;padding:10px 12px;display:flex}.tour-window__bar i{background:color-mix(in srgb, var(--color-foreground) 18%, transparent);border-radius:999px;width:10px;height:10px}.tour-window__screen{aspect-ratio:16/10}.tour-pending{text-align:center;background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, transparent) 0 12px, transparent 12px 24px), var(--color-card);place-items:center;height:100%;padding:1.5rem;display:grid}.tour-pending strong{letter-spacing:.04em;color:var(--color-primary);margin-bottom:.5rem;font-size:.75rem;display:block}.tour-pending span{color:var(--color-muted-foreground);font-size:.875rem}.tour-panel{border-top:1px solid color-mix(in srgb, var(--color-border) 55%, transparent);padding:clamp(2.6rem,7vw,5.2rem) 0}.tour-panel:first-child{border-top:0}.tour-panel__grid{align-items:center;gap:2.2rem;display:grid}@media (width>=900px){.tour-panel__grid{grid-template-columns:1fr 1fr;gap:4rem}.tour-panel:nth-child(2n) .tour-panel__media{order:2}.tour-panel__media{position:sticky;top:92px}}.tour-panel__index{letter-spacing:.06em;color:var(--color-primary);gap:.6rem;font-size:.78rem;font-weight:600;display:inline-flex}.tour-panel__index i{opacity:.55;font-variant-numeric:tabular-nums;font-style:normal}.tour-panel h2{letter-spacing:-.015em;margin-top:.8rem;font-size:clamp(1.5rem,3vw,2.05rem);font-weight:700;line-height:1.2}.tour-panel p{color:var(--color-muted-foreground);max-width:32rem;margin-top:.95rem}.tour-panel .tour-caveat{background:color-mix(in srgb, var(--color-muted) 70%, transparent);border-left:3px solid color-mix(in srgb, var(--color-primary) 55%, transparent);border-radius:.7rem;margin-top:1.15rem;padding:.8rem 1rem;font-size:.9rem}.tour-chips{flex-wrap:wrap;gap:.45rem;margin-top:1.25rem;display:flex}.tour-chips span{color:var(--color-muted-foreground);border:1px solid var(--color-border);background:var(--color-card);border-radius:999px;padding:.3rem .75rem;font-size:.78rem}@media (scripting:enabled){.tour-panel__media,.tour-panel__body{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,.8,.3,1);transform:translateY(22px)}.tour-panel__body{transition-delay:80ms}.tour-panel.is-visible .tour-panel__media,.tour-panel.is-visible .tour-panel__body{opacity:1;transform:none}}@media print{.tour-panel__media,.tour-panel__body{opacity:1!important;transform:none!important}}@supports (animation-timeline:view()){@media (width>=900px){.tour-panel__media>*{animation:linear both tour-drift;animation-timeline:view();animation-range:entry 12% exit 88%}@keyframes tour-drift{0%{transform:translateY(24px)rotate(-.4deg)}to{transform:translateY(-24px)rotate(.4deg)}}}}@media (prefers-reduced-motion:reduce){.tour-panel__media,.tour-panel__body{opacity:1!important;transition:none!important;transform:none!important}.tour-panel__media>*{animation:none!important;animation-timeline:none!important}}