.page-hero{text-align:center}
.page-hero .lead{max-width:720px;margin-left:auto;margin-right:auto}
.sample-report{border-color:#e3c766;background:#fffbea;padding:6px}

/* Report switch: two demo businesses, one viewer */
.report-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;margin:-6px -6px 0;background:#fff3c4;border-bottom:1px solid #ecd78a;border-radius:12px 12px 0 0}
.switch-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:76px;padding:12px 16px;border:1px solid transparent;border-radius:10px;text-align:center;text-decoration:none;color:var(--muted);cursor:pointer;transition:background-color .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,color .18s ease-out}
.switch-opt:hover{background:#fff8dc;color:var(--ink)}
.switch-name{font-size:clamp(17px,2.2vw,22px);font-weight:750;line-height:1.2;letter-spacing:-.01em}
.switch-line{font-size:14px;line-height:1.35}
.switch-opt[aria-selected="true"]{background:#fff;color:var(--ink);border-color:#d9b84a;box-shadow:0 6px 16px #6b520014,0 1px 2px #6b52001a;cursor:default}
.switch-opt[aria-selected="true"] .switch-name{font-weight:800}
.switch-opt[aria-selected="true"] .switch-line{color:var(--muted)}
.switch-opt:focus-visible{outline:3px solid #0b6bcb;outline-offset:2px}

/* Panel: caption + download, viewer, demo note */
.report-panel{padding:14px 8px 4px}
.panel-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.panel-caption{color:#7a5d00;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.pdf-frame{width:100%;height:830px;border:1px solid var(--line);border-radius:12px;background:#fff;display:block}
.panel-note{color:var(--muted);max-width:640px;margin:14px auto 8px;font-size:15px;text-align:center}
.report-panel[hidden]{display:none}
.sample-tabs.tabs-ready .report-panel:not([hidden]){animation:panel-in .22s cubic-bezier(.16,1,.3,1)}
@keyframes panel-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Without the script: salon shown, a link to the other report swaps via #target */
.sample-tabs:not(.tabs-ready) #report-agency{display:none}
.sample-tabs:not(.tabs-ready):has(#report-agency:target) #report-agency{display:block}
.sample-tabs:not(.tabs-ready):has(#report-agency:target) #report-salon{display:none}

.guard-next{margin:40px auto 0;max-width:680px;text-align:center;border:1px dashed var(--line);border-radius:14px;background:var(--wash);padding:26px 24px}
.guard-next h2{font-size:clamp(22px,2.6vw,28px);margin:0 0 10px}
.guard-next p{color:var(--muted);margin:0 0 12px}
.guard-next .qa-hint{display:block;font-size:13px;color:var(--muted);margin-top:8px}

@media(max-width:760px){.pdf-frame{height:560px}}
@media(max-width:520px){
.switch-opt{min-height:68px;padding:10px 8px}
.switch-name{font-size:16px}
.switch-line{font-size:13px}
.report-panel{padding:12px 2px 2px}
.panel-bar{justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){.switch-opt{transition:none}.sample-tabs.tabs-ready .report-panel:not([hidden]){animation:none}}
@media(forced-colors:active){.switch-opt[aria-selected="true"]{outline:2px solid Highlight;outline-offset:-2px}}
.pdf-fallback{margin:8px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.pdf-fallback a{color:var(--ink);font-weight:650;text-underline-offset:2px}
.pdf-fallback a:hover{color:#0a4a7d}