/* Fixed slide geometry keeps the introduction still throughout the feature loop. */
.engagement-home.engagement-home-artful{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}
.home-intro-copy{min-width:0}
.feature-tour{min-width:0;width:100%;max-width:480px;justify-self:end;align-self:center;padding:18px 22px 8px;background:var(--panel);border:1px solid var(--line);border-radius:6px;isolation:isolate}
.feature-tour:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}
.feature-tour-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:1.1px;text-transform:uppercase;line-height:1.4}
.feature-tour-heading [data-tour-position]{font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--theme-accent);white-space:nowrap}
.feature-tour-viewport{display:grid;min-width:0;touch-action:pan-y}
.feature-tour-slide{grid-area:1 / 1;display:grid;grid-template-rows:190px 1fr;min-width:0;visibility:hidden;opacity:0;transform:translateY(5px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.feature-tour-slide.is-active{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.feature-tour-art{display:flex;align-items:center;justify-content:center;min-width:0}
.feature-tour-art .feature-tour-illustration{display:block;width:100%;height:180px;max-width:360px;object-fit:contain;pointer-events:none;user-select:none}
.feature-tour-copy{min-width:0;padding:0 0 12px}
.feature-tour .feature-tour-copy h2{margin:0 0 8px;color:var(--text);font-size:clamp(21px,2vw,26px);font-weight:720;line-height:1.15;letter-spacing:-.65px}
.feature-tour .feature-tour-copy p{margin:0;max-width:none;color:var(--muted);font-size:13px;line-height:1.55}
.feature-tour-copy ul{display:flex;flex-wrap:wrap;gap:5px 0;list-style:none;margin:12px 0 0;padding:0;color:var(--theme-accent);font-size:10px;font-weight:550;line-height:1.5}
.feature-tour-copy li+li::before{content:'·';display:inline-block;padding:0 8px;color:var(--muted)}
.feature-tour-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;min-width:0;border-top:1px solid var(--line)}
.feature-tour-controls[hidden]{display:none}
.feature-tour-markers{display:flex;align-items:center;flex:1 1 192px;min-width:192px}
.feature-tour button{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:2px;padding:0;background:transparent;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent}
.feature-tour button:hover{color:var(--text);background:var(--theme-hover)}
.feature-tour button:focus-visible{outline:2px solid var(--theme-accent);outline-offset:0}
.feature-tour-markers button{flex:1;min-width:24px;width:auto;height:32px;padding:0 3px}
.feature-tour-markers button span{width:100%;height:3px;background:var(--line)}
.feature-tour-markers button[aria-current=true] span{background:var(--theme-accent)}
.feature-tour-buttons{display:flex;align-items:center;flex:none;margin-left:auto}
.feature-tour button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-tour .tour-play-icon,.feature-tour.is-paused .tour-pause-icon{display:none}
.feature-tour.is-paused .tour-play-icon{display:block}
.feature-tour-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:701px) and (max-width:1000px){
 .engagement-home.engagement-home-artful{gap:24px;padding:26px}
 .feature-tour{padding:16px 16px 6px}
 .feature-tour-slide{grid-template-rows:170px 1fr}
 .feature-tour-art .feature-tour-illustration{height:160px}
 .feature-tour-controls{column-gap:6px}
}
@media(max-width:700px){
 .engagement-home.engagement-home-artful{grid-template-columns:minmax(0,1fr);gap:22px}
 .feature-tour{max-width:none;justify-self:stretch;padding:14px 16px 4px}
 .feature-tour-slide{grid-template-rows:162px 1fr}
 .feature-tour-art .feature-tour-illustration{height:152px}
 .feature-tour .feature-tour-copy h2{font-size:23px;line-height:1.18}
 .feature-tour .feature-tour-copy p{font-size:12px;line-height:1.55}
 .feature-tour-copy ul{margin-top:10px;font-size:10px}
 .feature-tour-controls{column-gap:8px}
}
@media(max-width:380px){
 .engagement-home.engagement-home-artful{padding:22px 16px 16px}
 .feature-tour{padding:12px 12px 3px}
 .feature-tour .feature-tour-copy h2{font-size:21px}
 .feature-tour-heading{font-size:9px;letter-spacing:.7px}
 .feature-tour-controls{column-gap:5px}
 .feature-tour-copy li+li::before{padding:0 5px}
}
@media(prefers-reduced-motion:reduce){.feature-tour-slide{transition:none;transform:none}}