/* Clear, task-led interaction cues for the selected preview. */
.proof-summary{display:grid;grid-template-columns:1fr 1.15fr;gap:20px 60px;padding-block:36px;border-block:1px solid var(--line);margin-bottom:38px}
.proof-summary-title h2{font-size:27px;margin:13px 0 0}.proof-summary-title .text-link{margin-top:10px}
.proof-summary-result>span{font-size:11px;color:var(--muted)}.proof-summary-result>div{display:flex;align-items:center;gap:22px;margin-top:8px}
.proof-summary-result strong{font:500 64px/1.1 var(--font-num);letter-spacing:-4px;color:var(--purple)}.proof-summary-result strong small{font-size:29px;letter-spacing:-1px}
.proof-summary-result>div>span{font-size:12px;line-height:1.7}.proof-summary-result p{font-size:12px;color:var(--muted);margin:10px 0 0}.proof-summary-result p b{color:var(--fg)}
.proof-summary-note{grid-column:1/-1;font-size:10px!important;color:var(--muted);margin:0;max-width:118ch}.proof-summary-note a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.proof-summary-result>div{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.proof-summary-result>div>strong{grid-column:1;grid-row:1}.proof-summary-result>div>span{grid-column:1;grid-row:2}.proof-summary-result .proof-versus{display:none}.proof-competitor{grid-column:2;grid-row:1/3;align-self:stretch;border-left:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column;justify-content:center;gap:10px}.proof-competitor>b{font:500 47px/1.1 var(--font-num);letter-spacing:-3px}.proof-competitor>b small{font-size:24px;letter-spacing:-1px}.proof-competitor>span{font-size:11px;color:var(--muted)}
.selected-site .rich-race-section{scroll-margin-top:24px}.demo-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:60px;align-items:center;margin:35px 0 26px}
.interactive-label{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:var(--purple);font-weight:600;line-height:1.7}
.interactive-label i{width:8px;height:8px;border:2px solid var(--purple);border-radius:50%}.demo-intro h2{font-size:36px;margin:14px 0 12px;letter-spacing:-1.2px}
.demo-intro>div>p{font-size:14px;color:var(--muted);max-width:55ch;margin:0}.demo-guide-invite{border-left:1px solid var(--line);padding-left:32px}.demo-guide-invite>p{font-size:13px!important;margin:9px 0 18px!important}.demo-guide-invite .button{gap:30px}
.race-guide{position:sticky;top:12px;z-index:30;border:1px solid var(--line);border-radius:12px;background:var(--card);margin:0 0 18px;overflow:hidden;box-shadow:0 8px 24px #00000012}
.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--purple-bg)}
.guide-heading p{font-size:12px;margin:0;line-height:1.6!important}.guide-heading button{flex-shrink:0;background:transparent;border:0;cursor:pointer;min-height:40px;padding:8px 0;color:var(--purple);font-size:11px}
.race-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.race-guide li+li{border-left:1px solid var(--line)}
.race-guide li button{display:flex;gap:12px;align-items:center;text-align:left;width:100%;height:100%;border:0;background:transparent;color:var(--fg);cursor:pointer;padding:20px 16px}
.race-guide li button:hover,.race-guide li button[aria-current=step]{background:var(--purple-bg)}.guide-number{font:12px var(--font-num);border:1px solid var(--line);width:27px;height:27px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
.race-guide button b{font-size:12px;display:block;line-height:1.6}.race-guide button small{font-size:10px;color:var(--muted);display:block;margin-top:4px;line-height:1.6}.guide-check{margin-left:auto;color:var(--purple)}
.race-guide button[data-complete=true] .guide-number{background:var(--purple);color:var(--card);border-color:var(--purple)}
.analysis-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px 2px;border-top:1px solid var(--line)}
.analysis-tools>p{font-size:12px;color:var(--purple);margin:0;line-height:1.7}.analysis-navigation{display:flex;align-items:center;gap:7px}.analysis-navigation span{font-size:10px;color:var(--muted);margin-right:10px}
.analysis-navigation button{height:38px;min-width:38px;background:var(--card);border:1px solid var(--line);border-radius:8px;color:var(--purple);cursor:pointer}
.selected-site .depth-tabs{scroll-behavior:auto}.selected-site .depth-tabs button{border:1px solid transparent}.selected-site .depth-tabs button:hover{border-color:var(--purple);color:var(--purple)}
.scroll-cue{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);padding:8px 18px;margin:0;border-block:1px solid var(--line);background:var(--surface-2)}
.scroll-cue span:last-child{color:var(--purple)}.selected-site .rc-runner{padding:9px 10px;margin:-9px -10px;border:1px solid transparent;border-radius:8px;min-height:54px}.selected-site .rc-runner small{color:var(--purple);font-size:10px}
.selected-site .rc-runner:hover,.selected-site .rc-runner[aria-expanded=true]{background:var(--purple-bg);border-color:var(--purple)}
.selected-site #rc-detail{scroll-margin-top:var(--guide-clearance,24px);border-top:1px solid var(--line)}.runner-detail-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:13px 24px;background:var(--surface-2)}
.runner-detail-actions a,.runner-detail-actions button{border:0;background:transparent;color:var(--purple);font-size:12px;padding:8px 0;min-height:40px;cursor:pointer;font-weight:600}.runner-detail-actions a:hover,.runner-detail-actions button:hover{text-decoration:underline}
.demo-next-step{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:25px 30px;margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #00000006}
.demo-next-step h3{font-size:23px;margin:8px 0}.demo-next-step p{font-size:12px;color:var(--muted);margin:0;max-width:60ch}.demo-next-step>.button{flex-shrink:0}.tool-label{margin-bottom:16px}
.tool-instruction{font-size:13px;color:var(--muted);margin-top:0}.tool-instruction b{color:var(--purple)}.tool-continuation{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 25px;border-top:1px solid var(--line);margin-top:20px;padding-top:5px}
.inspect-runner{display:inline-flex;align-items:center;gap:10px;color:var(--purple);font-size:12px;font-weight:600;min-height:44px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.scanner-runner{display:flex;align-items:center;gap:11px;min-height:48px;color:var(--fg);padding:7px;border:1px solid transparent;border-radius:8px;min-width:180px}.scanner-runner b{font-size:12px}.scanner-runner small{display:block;color:var(--purple);font-size:10px;margin-top:5px;text-decoration:underline;text-underline-offset:3px}.scanner-runner:hover{border-color:var(--purple);background:var(--purple-bg)}[data-scanner] td:first-child,[data-scanner] th:first-child{position:sticky;left:0;z-index:1;background:var(--card)}[data-scanner] th:first-child{background:var(--surface-2)}
.connected-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end}.connected-heading h2{margin:15px 0 0}.connected-heading>p{font-size:14px;color:var(--muted);margin:0;max-width:46ch}
.connected-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;list-style:none;padding:0;margin:38px 0 0;position:relative}
.connected-steps:before{content:"";position:absolute;top:29px;left:40px;right:20%;height:1px;background:var(--purple);opacity:.35}
.connected-steps li{position:relative;min-width:0}.connected-icon{position:relative;display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--purple);box-shadow:0 0 0 9px var(--bg)}
.connected-icon svg{width:28px;height:28px}.connected-icon small{position:absolute;bottom:-9px;right:-9px;border-radius:50%;background:var(--purple);color:var(--card);border:3px solid var(--bg);font:9px var(--font-num);width:25px;height:25px;display:grid;place-items:center}
.connected-steps h3{font-size:23px;margin:25px 0 18px}.connected-token{display:flex;gap:11px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:13px 11px;background:var(--card)}.connected-token b{font-size:11px;line-height:1.7;font-weight:500}.connected-token .jacket{width:23px;height:27px;font-size:11px;flex-shrink:0}
.connected-steps p{color:var(--muted);font-size:13px;margin:18px 0 8px}.connected-steps a{font-size:12px;color:var(--purple);font-weight:600;min-height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.connected-steps a:hover{border-color:var(--purple)}
.connected-branch{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding:26px 0 0}.connected-branch>span{color:var(--purple)}.connected-branch svg{width:29px;height:29px}.connected-branch p{font-size:12px;color:var(--muted);margin:0;flex:1}.connected-branch p b{display:block;color:var(--fg);margin-bottom:5px}.connected-branch>a{font-size:12px;color:var(--purple);font-weight:600;padding:14px 0}
.showcase-visual{pointer-events:none}.hero-product-shot>a,.product-capture>a{cursor:zoom-in}.hero-product-shot figcaption a,.product-capture figcaption a{text-decoration:underline;text-underline-offset:3px}.showcase-sample{line-height:1.6!important}
.nav-actions .nav-demo-link{display:flex;align-items:center;padding:12px 4px;font-size:11px;font-weight:600}.nav-actions .nav-demo-link:hover{text-decoration:underline}
.nav-mobile-access{display:none}
@media(max-width:1050px){.marketing-nav{gap:16px}.navlinks{gap:15px}.nav-actions .nav-demo-link{display:none}.demo-intro{gap:35px}.connected-steps{gap:25px}}
@media(max-width:800px){.proof-summary{gap:20px 30px}.connected-heading{grid-template-columns:1fr;gap:20px}.connected-heading>p{max-width:65ch}.connected-steps{gap:18px}.connected-token{align-items:flex-start}.connected-branch{flex-wrap:wrap}.connected-branch p{min-width:70%}.connected-branch>a{margin-left:49px}.demo-next-step{align-items:flex-start;flex-direction:column;gap:17px}.demo-next-step>.button{min-width:220px}.demo-intro{gap:25px}.demo-guide-invite{padding-left:22px}}
@media(max-width:600px){
 .proof-summary{grid-template-columns:1fr;gap:20px;padding-block:26px;margin-bottom:20px}.proof-summary-title h2{font-size:25px}.proof-summary-title h2 br{display:none}.proof-summary-title .text-link{margin-top:3px}.proof-summary-result{border-top:1px solid var(--line);padding-top:18px}.proof-summary-result strong{font-size:58px}.proof-summary-note{font-size:10px!important}
 .demo-intro{grid-template-columns:1fr;gap:20px;margin-top:25px}.demo-intro h2{font-size:31px}.demo-intro>div>p{font-size:13px}.demo-guide-invite{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.demo-guide-invite .eyebrow{display:none}.demo-guide-invite>p{margin-top:0!important;font-size:12px!important}.demo-guide-invite .button{width:100%;justify-content:space-between}.interactive-label{font-size:10px}
 .race-guide ol{grid-template-columns:1fr}.race-guide li+li{border-left:0;border-top:1px solid var(--line)}.race-guide li button{padding:14px 16px}.guide-heading{padding:9px 14px;align-items:flex-start}.guide-heading p{font-size:11px;padding-top:7px}.guide-heading button{font-size:10px}.guide-check{font-size:15px}.race-guide button small{font-size:10px}
 .analysis-tools{padding:12px 14px 0;align-items:flex-start;flex-direction:column;gap:7px}.analysis-tools>p{font-size:11px}.analysis-navigation{width:100%;justify-content:flex-end}.analysis-navigation span{margin-right:auto;font-size:9px}.analysis-navigation button{min-height:40px;min-width:40px}.scroll-cue{font-size:9px;padding:9px 12px;gap:10px}.scroll-cue span:last-child{white-space:nowrap}
 .selected-site .rc-runner{min-width:179px}.selected-site .rc-runner small{font-size:9px}.runner-detail-actions{padding:12px 15px;gap:0 15px}.runner-detail-actions a,.runner-detail-actions button{font-size:11px}.runner-detail-actions>a{width:100%;order:3}
 .demo-next-step{padding:22px 19px}.demo-next-step h3{font-size:23px}.demo-next-step>.button{min-width:0;width:100%;justify-content:space-between}
 .connected-steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.connected-steps:before{top:30px;bottom:80px;left:23px;width:1px;height:auto;right:auto}.connected-steps li{padding-left:70px}.connected-icon{position:absolute;left:0;top:0;width:47px;height:47px;border-radius:12px}.connected-icon svg{width:24px;height:24px}.connected-steps h3{font-size:22px;margin:8px 0 15px}.connected-steps p{font-size:12px;margin-top:13px}.connected-token{padding:10px;align-items:center}.connected-token b{font-size:10px}.connected-branch{gap:14px;margin-top:25px}.connected-branch p{font-size:11px}.connected-branch>a{margin-left:43px;font-size:11px}
 .tool-continuation{gap:0}.tool-continuation a{font-size:11px!important}.tool-instruction{font-size:12px}.inspect-runner{font-size:11px}
 .nav-actions>.button{display:none}.mobile-menu a.mobile-access{font-weight:700;color:var(--purple)}
 .marketing-nav{gap:9px}.marketing-nav .brand{font-size:18px}.nav-actions{gap:6px}.nav-actions .iconbtn{width:36px;height:38px}.nav-mobile-access{display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--lime);color:#16180d;min-height:38px;padding:9px 10px;font-size:10px;font-weight:700;white-space:nowrap}.proof-summary-result>div{gap:5px 12px}.proof-competitor{padding-left:15px}.proof-competitor>b{font-size:42px}.proof-summary-result strong{font-size:51px}
}
@media(max-width:360px){.marketing-nav .brand{font-size:0;gap:0}.proof-competitor>b{font-size:36px}.proof-summary-result strong{font-size:45px}.proof-competitor>b small{font-size:19px}}
@media(prefers-reduced-motion:reduce){.race-guide *,.rc-runner{transition:none!important}}

/* A compact in-context controller. It sticks only for the height of the demo. */
.race-guide .guide-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line);align-items:center}
.guide-heading>div{min-width:0}.guide-label{display:block;font:9px/1.5 var(--font-num);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:3px}
.race-guide .guide-heading p{font-size:12px;line-height:1.6!important;color:var(--fg);margin:0;padding:0;font-weight:500}
.race-guide #guide-locate{border:1px solid var(--line);background:var(--surface-2);color:var(--fg);border-radius:7px;padding:10px 13px;min-height:42px;font-size:11px}
.race-guide #guide-locate:hover{border-color:var(--fg)}.race-guide #guide-dismiss{font-size:23px;width:36px;min-height:42px;padding:0;border:0;color:var(--muted);border-radius:6px}.race-guide #guide-dismiss:hover{color:var(--fg);background:var(--surface-2)}
.race-guide ol{grid-template-columns:repeat(3,minmax(0,1fr))}.race-guide li+li{border-top:0;border-left:1px solid var(--line)}.race-guide li button{padding:10px 16px;gap:10px;min-height:44px}.race-guide button b{font-size:12px;font-weight:500}.race-guide button small{display:none}
.race-guide .guide-number{width:auto;height:auto;border:0;border-radius:0;font-size:10px;color:var(--muted)}.race-guide .guide-check{font-size:13px;color:var(--muted)}
.race-guide li button:hover,.race-guide li button[aria-current=step]{background:var(--surface-2)}.race-guide li button[aria-current=step] b{font-weight:700}.race-guide li button[aria-current=step] .guide-check{color:var(--fg)}
.race-guide button[data-complete=true] .guide-number{background:transparent;border:0;color:var(--muted)}.race-guide button[data-complete=true] .guide-check{color:var(--fg)}
.race-guide :focus-visible{outline-offset:-4px}
.guide-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.selected-site [data-guide-target]{box-shadow:inset 0 0 0 2px var(--fg);border-color:transparent;background:var(--card);border-radius:8px;scroll-margin-top:var(--guide-clearance,24px)}
.selected-site .depth-tabs [data-guide-target],.selected-site .runner-detail-actions [data-guide-target]{display:inline-flex;align-items:center;gap:10px;padding-inline:12px}
.selected-site .guide-target-label,.selected-site .rc-runner .guide-target-label{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;margin-left:4px;padding:3px 6px;border-radius:3px;background:var(--fg);color:var(--card);font:500 9px/1.5 var(--font-num);text-transform:none;letter-spacing:0}
.rich-race-section[data-guiding] #rc-panel,.rich-race-section[data-guiding] .depth-tabs button{scroll-margin-top:var(--guide-clearance,24px)}
@media(max-width:600px){
 .race-guide{top:8px;border-radius:10px}.race-guide .guide-heading{padding:10px;gap:8px}.guide-label{display:none}.race-guide .guide-heading p{font-size:11px}.race-guide #guide-locate{font-size:10px;padding:8px;max-width:92px;line-height:1.5;min-height:44px}.race-guide #guide-dismiss{width:28px;min-height:44px}
 .race-guide li button{padding:10px;gap:7px;min-height:44px}.race-guide button b{font-size:11px}.race-guide .guide-check{font-size:11px}.selected-site .rc-runner .guide-target-label{font-size:8px;padding:3px 4px;margin-left:0}
}
@media(max-height:500px){
 .race-guide{top:4px}.race-guide ol{display:none}.race-guide .guide-label{display:none}.race-guide .guide-heading{padding:6px 10px;gap:8px}.race-guide .guide-heading p{font-size:11px}.race-guide #guide-locate{min-height:38px;font-size:10px;max-width:100px;padding:5px 8px}.race-guide #guide-dismiss{min-height:38px}
}