/* Smaller video controls, one in-place application switch. */
.hero-media .scenario-caption,.hero-media .film-control,.hero-media .try-tour-link{display:none}
.hero-media .scenario-tabs{margin:14px auto 0;padding:0;background:transparent;border:0;border-radius:0;gap:14px;width:fit-content;max-width:100%}
.hero-media .scenario-tabs button{flex:0 1 auto;min-height:36px;padding:4px 2px;border-radius:0;color:var(--muted);font-size:11px;font-weight:400;border-bottom:1px solid transparent;background:transparent}
.hero-media .scenario-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--green);background:transparent}
.hero-demo-toggle{display:block;margin:6px auto 0;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--green);font-size:12px;font-weight:500}
.hero-demo-toggle:hover{background:var(--tint)}.hero-demo-toggle:focus-visible,.feature-screen:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.hero-media[data-demo=true] .phone{transform:none!important;translate:none!important;animation:none!important}
.hero-media[data-demo=true] .scenario-tabs{visibility:hidden}
.hero-live{position:absolute;inset:0;z-index:4;background:var(--paper);overflow:hidden}.hero-live[hidden]{display:none}.hero-live iframe{width:390px;max-width:none;border:0;display:block;transform-origin:top left}.hero-live-loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--paper);color:var(--muted);font-size:12px;text-align:center;padding:18px}.hero-live-loading[hidden]{display:none}
/* A balanced trio: numbered instructions / app / outcome and entry points. */
.tour-stage{grid-template-columns:minmax(0,1fr) 350px minmax(0,1fr);gap:44px}.tour-stage .tour-side{padding-top:50px}.tour-plan{max-width:290px}.tour-roadmap{gap:24px}.tour-roadmap li,.tour-roadmap li.active{grid-template-columns:40px minmax(0,1fr);min-height:100px;gap:15px;margin:0;width:auto;padding:10px 0 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.tour-roadmap li:after{display:none}.tour-marker,.tour-roadmap li.active .tour-marker,.tour-roadmap li.done .tour-marker{height:40px;width:40px;border:0;background:transparent;color:var(--muted);border-radius:0}.tour-marker>svg{display:none}.tour-number,.tour-roadmap li.done .tour-number{position:static;display:block;width:auto;height:auto;border:0;background:none;color:inherit;border-radius:0;font:400 31px/1 Onest,sans-serif;letter-spacing:-.06em}.tour-roadmap li.active .tour-marker{color:var(--rust)}.tour-roadmap li.done .tour-marker{color:var(--green)}.tour-roadmap li.done .tour-tick{display:none}.tour-roadmap li.active{border-bottom-color:var(--rust)}.tour-roadmap h3{font-size:18px;margin-top:2px}.step-description{font-size:13px;line-height:1.6;min-height:48px}.tour-roadmap li:not(.active):not(.done) .step-description{opacity:.8}.tour-outcome{align-self:start;margin-top:140px;position:relative;z-index:3;display:flex;flex-direction:column;gap:14px;min-width:0}.tour-outcome .tour-result{margin:0;min-height:64px;height:auto;padding:13px 16px;width:100%;visibility:hidden}.tour-outcome .tour-result.visible{visibility:visible}.tour-convert{border:0;border-radius:0;background:transparent;padding:0;max-width:none}.tour-convert-title{font-size:20px;line-height:1.35;letter-spacing:-.025em;max-width:250px}.tour-convert .section-actions{margin-top:18px}.tour-convert .section-actions .button{font-size:14px;min-height:48px;padding:13px 18px}.tour-platform-links{font-size:13px;margin-top:15px}.tour-stage.completed .tour-outcome{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px}.tour-stage.completed .tour-result{border:0;padding:0;background:transparent}.tour-stage.completed .tour-convert-title{font-size:17px}.hint-caret{right:auto;left:50%;top:100%;transform:translateX(-50%) rotate(-90deg);font-size:20px}.hint-popover{font-size:12px;min-height:36px;padding:8px 11px;white-space:nowrap}.tour-scenery-frog{right:35px;width:132px}
/* Product proof is visible directly in each feature column. */
.capabilities{padding-top:38px;min-height:0;padding-bottom:24px}.capabilities-heading h2{font-size:clamp(29px,2.8vw,39px)}.capability-journey{gap:24px;margin-top:26px}.capability{padding-bottom:75px}.capability-icon{display:none}.capability-phase{padding-top:12px;font-size:11px}.capability h3{font-size:21px;min-height:48px;margin-top:15px}.feature-screen{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:12px 0 0;background:var(--white);text-align:left;box-shadow:0 7px 16px #183c2710;transition:transform .25s,box-shadow .25s}.feature-screen picture,.feature-screen img{display:block;width:100%;height:auto;aspect-ratio:390/480;object-fit:cover;object-position:top}.feature-screen>span{position:absolute;bottom:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--paper);color:var(--green);box-shadow:0 1px 6px #183c2722}.feature-screen:hover{transform:translateY(-3px);box-shadow:0 12px 22px #183c2720}.capability>p:not(.capability-proof){font-size:12.5px;line-height:1.6;margin-top:16px;max-width:none}.capability-proof{font-size:10px;line-height:1.55;margin-top:10px;max-width:none}.capability-journey .capabilities-landscape{height:175px;bottom:-100px}.capabilities-frog{width:100px;bottom:125px}.feature-dialog{padding:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);max-height:90dvh;max-width:calc(100vw - 32px);overflow:auto;margin:auto;box-shadow:0 25px 80px #10271a55}.feature-dialog::backdrop{background:#12251ed1;backdrop-filter:blur(6px)}.feature-dialog>img{display:block;width:390px;max-width:100%;height:auto}.feature-close{position:absolute;right:8px;top:8px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:24px;box-shadow:0 2px 8px #10271a22}
@media(min-width:761px) and (max-width:1100px){.tour-stage{grid-template-columns:minmax(0,1fr) 310px minmax(0,1fr);gap:24px}.tour-stage .tour-side{padding-top:30px}.tour-roadmap{gap:15px}.tour-roadmap h3{font-size:16px}.tour-roadmap li,.tour-roadmap li.active{grid-template-columns:29px minmax(0,1fr);gap:9px}.tour-number{font-size:25px}.tour-marker{width:29px}.tour-outcome{margin-top:105px}.tour-convert-title{font-size:18px}.tour-convert .section-actions .button{font-size:12px;padding:12px}.capability-journey{gap:18px}.capability h3{font-size:18px}}
@media(max-width:760px){.tour-stage{grid-template-columns:1fr;gap:0;grid-template-areas:'plan' 'app' 'outcome'}.tour-stage .tour-side{display:contents}.tour-plan{max-width:none;padding-bottom:8px}.tour-roadmap{gap:12px}.tour-roadmap li,.tour-roadmap li.active{display:flex;align-items:flex-start;flex-direction:row;gap:6px;min-height:46px;padding:8px 0;border-bottom:2px solid var(--line)}.tour-roadmap li.active{border-bottom-color:var(--rust)}.tour-marker,.tour-roadmap li.active .tour-marker,.tour-roadmap li.done .tour-marker{width:22px;height:23px;flex-shrink:0}.tour-number,.tour-roadmap li.done .tour-number{font-size:19px}.tour-roadmap h3{font-size:11px;line-height:1.3;text-align:left;min-height:0;margin-top:1px}.mobile-instruction{margin-top:5px;height:66px;min-height:66px;font-size:12px}.tour-outcome,.tour-stage.completed .tour-outcome{grid-area:outcome;margin:18px 0 0;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:14px;gap:0}.tour-outcome .tour-result{display:none}.tour-convert-title{font-size:19px;max-width:none}.tour-convert .section-actions{margin-top:13px}.tour-platform-links{margin-top:12px}.tour-convert .section-actions .button{font-size:13px}.tour-scenery-frog{display:none}.capability-journey{grid-template-columns:1fr;gap:32px;padding-bottom:95px}.capability{display:block;padding:0 0 0 0}.capability:before{display:none}.capability-phase{border-top:1px solid var(--line);padding-top:13px}.phase-dot{left:0;top:-4px}.capability h3{min-height:0;font-size:24px;margin-top:11px;max-width:none}.feature-screen{width:min(100%,310px);margin:18px auto 0}.capability>p:not(.capability-proof){font-size:14px;margin-top:17px}.capability-proof{font-size:11px}.capability-journey .capabilities-landscape{height:180px;bottom:-80px}.capabilities-frog{bottom:190px;width:100px;right:25px}.hero-demo-toggle{font-size:12px}}
@media(prefers-reduced-motion:reduce){.feature-screen{transition:none}.feature-screen:hover{transform:none}}
@media(min-width:761px){.tour-stage .tour-side{padding-top:25px}.tour-roadmap{gap:14px}.tour-roadmap li,.tour-roadmap li.active{min-height:88px}.tour-outcome{margin-top:100px}.tour-landscape{height:180px}}
@media(min-width:761px) and (max-height:800px){.capabilities{padding-top:24px}.capability-journey{margin-top:20px}.capability h3{min-height:24px}.feature-screen{max-width:250px;margin-top:12px}.capability{padding-bottom:48px}.capabilities-support{margin-top:0}}
@media(min-width:761px) and (max-height:800px){.capability-journey .capabilities-landscape{height:140px;bottom:-100px}.capabilities-frog{width:70px;bottom:90px;right:6%}}
.phone-status .hero-app-back{position:absolute;left:3px;top:0;width:28px;height:26px;border:0;background:transparent;color:inherit;font-size:24px;line-height:1}.phone-status .hero-app-back[hidden]{display:none}.hero-media[data-demo=true] .phone-status>span:first-of-type{margin-left:14px}
html[data-theme=dark] .hero-media .scenario-tabs{background:transparent;border:0}html[data-theme=dark] .hero-media .scenario-tabs button[aria-selected=true]{background:transparent;color:var(--ink);border-bottom-color:var(--green)}
@media(max-width:760px){.tour-outcome{z-index:15}}
.feature-screen:after{content:'';position:absolute;inset:auto 0 0;height:20px;background:linear-gradient(transparent,var(--paper));pointer-events:none}.feature-screen>span{z-index:1}
@media(min-width:761px) and (max-height:800px){.capabilities{padding-bottom:14px}}
