/* The product story: an animated example, two visible tours, then features. */
.hero-preview-motion{margin-top:8px;min-height:32px;padding:5px 10px;border:1px solid #c9c1ad;border-radius:20px;background:#fffdf2eb;color:#554b36;font:500 11px Inter,sans-serif;cursor:pointer}
.hero-preview-motion:hover{background:#fff}
.hero-preview-motion:focus-visible,.guide-next:focus-visible{outline:2px solid #97712c;outline-offset:4px}
.tour-section{scroll-margin-top:100px;padding-top:48px;padding-bottom:24px}
.dashboard-tour-section{padding-top:24px;padding-bottom:52px}
.tour-section .tour-heading{margin-bottom:22px}
.tour-section .tour-heading h2{font-size:clamp(30px,3.3vw,44px);line-height:1.1}
.tour-section .tour-heading h2 span{color:#8c713e}
.tour-section .guided-showcase{border-radius:14px}
.tour-section .listener-presentation{padding:26px 52px;min-height:0}
.tour-section .guided-phone{width:228px}
.tour-section .guide-intro>h3{font-size:36px}
.tour-section .guide-intro>p:not(.eyebrow){max-width:340px}
.tour-section .guide-player{padding:14px 24px}
.tour-section .guide-timing span{display:block}
.tour-section .guide-chapters button{min-height:42px}
#dashboard-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}
.guide-next{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#765621;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;text-align:right;justify-content:flex-end}
.guide-next:hover{text-decoration:underline;text-underline-offset:4px}
.tour-section .guided-dashboard{border-top:0}
.tour-section .guided-dashboard iframe{height:470px}
.feature-essentials{align-items:start}
.feature-accessibility{background:#e6ecdf;border:1px solid #ced8c2;border-radius:10px;padding:18px}
.feature-essentials>article:last-child h3{max-width:310px}
@media(max-width:900px){
 .tour-section .listener-presentation{padding:24px 28px;gap:25px}
 .tour-section .guided-phone{width:215px}
 .tour-section .guide-intro>h3{font-size:30px}
 .tour-section .tour-heading>p{max-width:270px}
}
@media(max-width:700px){
 .hero-device-wrap{bottom:10px}
 .hero-preview-motion{font-size:10px;min-height:28px;margin-top:5px;padding:4px 9px}
 .tour-section{scroll-margin-top:84px;padding-top:34px;padding-bottom:18px}
 .dashboard-tour-section{padding-top:18px;padding-bottom:34px}
 .tour-section .tour-heading{margin-bottom:18px}
 .tour-section .tour-heading h2{font-size:32px}
 .tour-section .tour-heading>p{max-width:none;margin-top:10px!important;font-size:15px!important}
 .tour-section .listener-presentation{grid-template-columns:1fr;padding:20px 14px;gap:20px}
 .tour-section .guide-intro>h3{font-size:25px;margin-bottom:9px}
 .tour-section .guide-intro>p:not(.eyebrow){font-size:15px;line-height:1.5;margin:0 auto}
 .tour-section .tour-keypoints{display:none}
 .tour-section .guided-phone{width:220px}
 .tour-section .guide-player{padding:12px 14px}
 .tour-section .guide-chapters button{padding:8px 4px;font-size:12px}
 .tour-section .guide-caption-row>p{font-size:14px;min-height:40px}
 .tour-section .guide-footer{align-items:stretch;flex-direction:column;gap:6px}
 .tour-section .guide-disclosure{max-width:none;font-size:11px}
 .guide-next{justify-content:flex-start;text-align:left;font-size:14px}
 .tour-section .guided-dashboard iframe{height:450px}
 /* Retain the whole photograph so faces stay visible at every phone width. */
 .feature-value-banner>img{width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:contain;object-position:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}