/* Local review: clearer copy, an optional guided path, and less repetition. */
.demo-launch{border:0;background:transparent;padding:0;text-align:left;color:var(--paper)}
.hero-actions .demo-launch{font-size:14px;gap:9px}
.hero-result-link{display:inline-flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:22px;padding-bottom:9px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.hero-result-link strong{color:var(--acid);font-size:14px;font-weight:600}
.hero-result-link > span:last-child{color:var(--acid)}
.hero-result-link:hover{border-color:var(--acid);color:var(--paper)}
.hero-offer strong{display:inline-block;max-width:430px}
#try-unclog{scroll-margin-top:12px}
.demo-invitation{min-height:100px;margin-bottom:18px}
.demo-invitation-label{font-size:15px}
.demo-invitation p{max-width:340px;margin:5px auto 0;font-size:13px;min-height:20px}
.demo-guide-actions{display:flex;justify-content:center;gap:8px;margin-top:9px}
.demo-guide-start,.demo-guide-exit{font-size:12px;line-height:1.4;min-height:36px;padding:8px 13px;border-radius:30px;border:1px solid #c4b1ff55;background:#c4b1ff12;color:var(--lavender)}
.demo-guide-start:hover{background:#c4b1ff24;border-color:var(--lavender)}
.demo-guide-start > span{margin-left:9px}
.demo-guide-exit{border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.hero-demo[data-demo-guided="true"]:is([data-demo-state="viewer"],[data-demo-state="quality"],[data-demo-state="confirm"]) .demo-invitation-label{color:var(--acid)}
.hero-demo[data-demo-guided="true"][data-demo-state="viewer"] [data-demo-make-smaller],
.hero-demo[data-demo-guided="true"][data-demo-state="quality"] [data-demo-review],
.hero-demo[data-demo-guided="true"][data-demo-state="confirm"] [data-demo-confirm]{outline:2px solid var(--acid);outline-offset:3px;box-shadow:0 0 20px #e7f3ac25}
.demo-next{margin:20px auto 0;width:min(350px,100%);padding:22px 19px;border:1px solid #c4b1ff40;border-radius:18px;background:linear-gradient(140deg,#c4b1ff12,#e7f3ac05);text-align:center;animation:demo-reveal .2s ease-out}
.demo-next h3{font-size:23px;letter-spacing:-.035em;line-height:1.2;margin:7px 0 9px}
.demo-next > p:not(.eyebrow){font-size:13px;line-height:1.6;color:var(--muted)}
.demo-next .button{margin-top:15px;width:100%;min-height:46px}
.demo-next .demo-next-note{font-size:10px!important;margin-top:7px}
.demo-next .text-link{margin-top:5px;font-size:12px;min-height:36px;color:var(--lavender)}
.story-compact .story-step{padding-bottom:20px}
.story-compact .story-step > p{margin-bottom:0;max-width:330px}
.real-app-screens{border-top:1px solid #bfb5c3;margin-top:26px;border-bottom:0}
.real-app-screens > summary{font-size:14px;max-width:none;padding-block:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#403747;list-style:none;cursor:pointer}
.real-app-screens > summary::-webkit-details-marker{display:none}
.real-app-screens > summary span{font-size:24px;font-weight:400}
.real-app-screens[open] > summary span{transform:rotate(45deg)}
.screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.screen-gallery .screen-preview{margin:0;height:280px}
.screen-gallery .screen-preview img{width:205px;transform:none}
.screen-gallery .screen-preview:nth-child(2) img{transform:translateY(-110px)}
.screen-gallery .screen-preview:nth-child(3) img{transform:translateY(-165px)}
.guides-intro{padding-bottom:30px}
.guides-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.guides-heading h2{margin-top:15px}
.guide-entries{border-top:1px solid var(--line)}
.guide-entry{display:grid;grid-template-columns:50px minmax(0,1fr) 30px;align-items:center;gap:20px;padding:25px 8px;border-bottom:1px solid var(--line);transition:background .2s}
.guide-entry:hover{background:#c4b1ff08}
.guide-number{font-size:12px;color:var(--lavender);align-self:start;padding-top:5px}
.guide-entry h3{font-size:23px;font-weight:600;letter-spacing:-.035em;line-height:1.3}
.guide-entry p{font-size:14px;color:var(--muted);margin-top:6px}
.guide-arrow{font-size:27px;color:var(--lavender);transition:transform .2s}
.guide-entry:hover .guide-arrow{transform:translate(3px,-3px)}
@media(min-width:1100px){.hero{gap:60px;padding-top:36px}.hero-copy{padding-bottom:50px}.hero-demo{width:390px}.demo-phone{width:326px}.hero-lead{max-width:450px}}
@media(max-width:800px){
.hero{gap:28px;padding-top:33px}.hero-result-link{margin-top:16px;font-size:11px;gap:6px 9px}.hero-result-link strong{font-size:13px}.hero-actions .demo-launch{font-size:13px}.hero-offer{font-size:13px;line-height:1.65}
.demo-invitation{margin-bottom:13px;min-height:101px}.demo-invitation-label{font-size:15px}.demo-guide-start{font-size:12px;min-height:38px}.demo-phone{width:min(322px,100%)}
.story-compact{padding-block:44px 25px}.story-compact .section-heading{margin-bottom:25px}.story-compact .section-heading > p{font-size:14px;margin-top:15px}.story-compact .story-steps{gap:0}.story-compact .story-step{display:grid;grid-template-columns:37px minmax(0,1fr);column-gap:10px;padding:18px 0}.story-compact .step-heading{grid-row:1/3;grid-column:1;display:block;margin:3px 0 0}.story-compact .step-label{display:none}.story-compact .story-step h3{grid-column:2;font-size:19px}.story-compact .story-step > p{grid-column:2;font-size:14px;margin-top:6px;max-width:none}.real-app-screens{margin-top:4px}.real-app-screens > summary{font-size:13px}.screen-gallery{grid-template-columns:1fr;gap:16px}.screen-gallery .screen-preview{height:245px}.screen-gallery .screen-preview img{width:180px}
.guides-heading{display:block;margin-bottom:20px}.guides-heading > a{margin-top:15px}.guide-entry{grid-template-columns:25px minmax(0,1fr) 20px;gap:10px;padding:21px 0}.guide-entry h3{font-size:19px}.guide-entry p{font-size:13px}.guide-arrow{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.guide-arrow{transition:none}}
.demo-invitation-label > [data-demo-guide-label]{font-size:15px;color:inherit;vertical-align:baseline;margin:0}
@media(max-width:800px){html{scroll-padding-top:78px}.hero-demo[data-demo-guided="true"] .demo-phone{width:min(298px,100%)}}