/* A lightweight, captioned tour of captures from the actual product components. */
.house-product-hero{display:block;min-width:0;color:inherit;text-decoration:none;transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);transition:transform .4s ease}
.house-product-hero:hover{transform:perspective(1600px) rotateY(-1deg)}
.house-product-hero figure{margin:0;border:1px solid #8db1ff45;border-radius:16px;overflow:hidden;background:#10151f;box-shadow:0 35px 80px #0008,0 0 80px #527fc318}
.house-product-hero figure>img{display:block;width:100%;height:auto}
.house-product-hero figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-top:1px solid var(--house-line);font-size:11px;color:var(--house-muted)}
.hero-watch{display:flex;align-items:center;gap:10px;color:var(--house-copy);font-size:13px}
.hero-watch>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--house-line-strong);border-radius:50%;font-size:9px;color:var(--house-accent)}
.hero-demo-note{display:block;margin:13px 8px;color:var(--house-muted);font-size:10px;letter-spacing:.025em}
.product-tour{border:1px solid var(--house-line-strong);border-radius:20px;overflow:hidden;background:#0d121c;box-shadow:0 30px 80px #0004;--tour-progress:0}
.tour-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;padding:15px 24px;border-bottom:1px solid var(--house-line);background:#121925}
.tour-topbar-title{display:flex;align-items:center;gap:12px;color:var(--house-copy);font-size:14px}
.tour-topbar-title>span{color:#5f6e84}.tour-topbar-title>b{font-weight:400;color:var(--house-muted);font-size:12px}
.tour-demo-label{border:1px solid var(--house-line);border-radius:5px;color:#a3b3cc;padding:5px 8px;font-size:8px;letter-spacing:.12em;white-space:nowrap}
.tour-scene{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;border-bottom:1px solid var(--house-line)}
.tour-screen{position:relative;align-self:center;overflow:hidden;line-height:0;background:#080b12;aspect-ratio:8/5}
.tour-screen>img{display:block;width:100%;height:100%;object-fit:contain}
.tour-story{align-self:stretch;display:flex;flex-direction:column;padding:28px 25px;background:linear-gradient(135deg,#172131,#0e1521);border-left:1px solid var(--house-line)}
.tour-story .kicker{font-size:9px;letter-spacing:.1em;margin:25px 0 12px}
.tour-scene-index{color:var(--house-accent);font-size:28px;line-height:1;font-weight:500;letter-spacing:-.04em}
.tour-scene-index>span{font-size:12px;color:#6e809d;letter-spacing:0}
.house-site .tour-story h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:0 0 18px}
.tour-story>p:not(.kicker){font-size:13px;color:#b2bed0;line-height:1.8;margin:0 0 24px}
.tour-tool{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:15px;border-top:1px solid var(--house-line);color:#a5bcdf;font-size:11px}
.tour-tool>span{color:var(--house-green)}
.tour-transport{min-height:66px;display:flex;align-items:center;gap:22px;padding:12px 24px;background:#101722;border-bottom:1px solid var(--house-line)}
.tour-transport button,.tour-transport a{display:inline-flex;align-items:center;gap:10px;min-height:38px;border:0;background:none;color:#c1cee2;font-size:12px;text-decoration:none;cursor:pointer;padding:4px}
.tour-transport button:hover,.tour-transport a:hover{color:#fff}
.tour-play{min-width:74px;justify-content:flex-start}.tour-play>span:first-child{font-size:15px;min-width:15px;color:var(--house-accent)}
.tour-clock{color:#91a2ba;font-size:11px;font-variant-numeric:tabular-nums;min-width:74px}
.tour-transport-spacer{flex:1}
.tour-chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:#0c121d}
.tour-chapter{position:relative;display:flex;align-items:flex-start;gap:9px;min-height:82px;padding:23px 16px 20px;border:0;border-right:1px solid var(--house-line);background:transparent;color:#8494ac;font-size:11px;line-height:1.5;text-align:left;cursor:pointer;transition:color .2s,background .2s}
.tour-chapter:last-child{border-right:0}.tour-chapter:hover{color:#e0eafb;background:#8db1ff09}.tour-chapter[aria-current="step"]{color:#e5edfb;background:#8db1ff0b}
.tour-chapter-number{font-size:10px;color:#657994;font-variant-numeric:tabular-nums}.tour-chapter[aria-current="step"] .tour-chapter-number{color:var(--house-accent)}
.tour-chapter i{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--house-accent);transform:scaleX(0);transform-origin:left}
.tour-chapter.is-complete i{transform:scaleX(1);opacity:.35}
.tour-chapter[aria-current="step"] i{transform:scaleX(var(--tour-progress));opacity:1}
.tour-disclosure{margin:18px 0 32px;color:#8494ac;font-size:11px;line-height:1.7}
.tour-cursor{display:none;position:absolute;left:var(--cursor-x);top:var(--cursor-y);width:20px;height:25px;filter:drop-shadow(0 2px 4px #0008);pointer-events:none;transform:translate(0,0)}
.tour-cursor svg{position:relative;z-index:2;width:100%;height:100%;fill:white;stroke:#1f3551;stroke-width:1.5}
.tour-cursor i{position:absolute;z-index:1;top:1px;left:0;width:12px;height:12px;border:2px solid #9bc1ff;border-radius:50%;opacity:0}
.product-tour.is-ready .tour-cursor{display:block}
.product-tour.is-playing .tour-scene:not([hidden]) .tour-cursor{animation:tour-cursor-arrive 1.4s cubic-bezier(.22,.8,.3,1) both}
.product-tour.is-playing .tour-scene:not([hidden]) .tour-cursor i{animation:tour-click 2.5s .9s ease-out both}
.product-tour.is-playing .tour-scene:not([hidden]) .tour-screen>img{animation:tour-image-arrive .65s ease-out both}
@keyframes tour-image-arrive{from{opacity:.25}to{opacity:1}}
@keyframes tour-cursor-arrive{from{opacity:0;transform:translate(40px,22px)}30%{opacity:1}to{opacity:1;transform:translate(0,0)}}
@keyframes tour-click{0%{opacity:0;transform:scale(.4)}15%{opacity:.8}65%,100%{opacity:0;transform:scale(5)}}
@media(max-width:1100px){.tour-scene{grid-template-columns:minmax(0,1fr) 240px}.tour-story{padding:22px 20px}.house-site .tour-story h3{font-size:22px}.tour-story .kicker{margin-top:18px}.tour-chapter{padding:20px 10px;font-size:10px;gap:6px}}
@media(max-width:860px){.house-product-hero{transform:none;max-width:680px}.tour-scene{grid-template-columns:1fr}.tour-story{border-left:0;border-top:1px solid var(--house-line);display:block;padding:25px}.tour-scene-index{display:block;margin:0 0 16px;font-size:25px}.tour-story .kicker{margin:0 0 9px}.house-site .tour-story h3{font-size:25px;margin-bottom:14px}.tour-story>p:not(.kicker){max-width:600px;font-size:14px;margin-bottom:15px}.tour-tool{padding-top:12px}.tour-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.tour-chapter{min-height:65px;padding:19px 14px;font-size:11px}.tour-chapter:nth-child(3){border-right:0}.tour-chapter:nth-child(-n+3){border-bottom:1px solid var(--house-line)}}
@media(max-width:500px){.product-tour{border-radius:13px}.tour-topbar{padding:13px 14px;min-height:55px}.tour-topbar-title{font-size:12px;gap:8px}.tour-topbar-title>b{font-size:10px}.tour-demo-label{font-size:6px;padding:4px}.tour-topbar-title img{width:18px;height:18px}.tour-story{padding:22px 18px;min-height:225px}.house-site .tour-story h3{font-size:23px}.tour-story>p:not(.kicker){font-size:13px}.tour-transport{gap:13px;padding:10px 14px}.tour-transport button,.tour-transport a{font-size:11px}.tour-clock{font-size:10px;min-width:67px}.tour-play{min-width:58px}.tour-chapter{gap:6px;padding:16px 10px;font-size:10px}.tour-cursor{width:12px;height:16px}.house-product-hero figcaption{padding:14px;font-size:9px}.hero-watch{font-size:11px}.hero-demo-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.house-product-hero{transform:none!important;transition:none}.tour-cursor{display:none!important}.tour-screen>img{animation:none!important}}
.hero-preview-viewport{position:relative;aspect-ratio:8/5;overflow:hidden}
.hero-preview-viewport>img{display:block;width:100%;height:100%;object-fit:contain}
.hero-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease;pointer-events:none}
.hero-motion.is-loaded{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-motion{display:none!important}}

.tour-workflow-details{margin:24px 0;color:var(--house-muted);font-size:13px}
.tour-workflow-details>summary{cursor:pointer;padding:9px 0;width:fit-content}
.tour-workflow-details[open]>summary{margin-bottom:18px}