/* ClaroVision calm layer (TK-1540, 2026-10-14). Loads AFTER the page's own styles.
   Brings the public site onto the surfaces of the Scout tour mock
   (business/marketing/design/scout-tour/prototype.html): flat dark page, hairline
   bordered panels, pill tabs, small solid buttons, no ambient glow.
   Same tokens as the app; no new colours. Rollback = remove the <link> to this file. */
:root{--cv-panel:rgba(15,23,36,.55);--cv-panel2:#0d141f;--cv-line:rgba(148,163,184,.14);--cv-line2:rgba(34,211,238,.35);--cv-txt:#e7eef6;--cv-mut:#9db0c3;--cv-cyan:#22d3ee;--cv-r:14px}

/* 1. Flat page: no blobs, no grid, no grain, no halo behind the phone */
.aurora,.hero-grid-bg,.hero-glow{display:none!important}
body::after{display:none}
.progress{box-shadow:none;height:2px}

/* 2. Header: compact bar, pill tabs (active = faint cyan fill + cyan inset line) */
header.sticky{padding-top:12px;padding-bottom:12px;background:rgba(4,7,12,.92);backdrop-filter:none;-webkit-backdrop-filter:none}
.logo .dot{box-shadow:none}
.logo .c1,.logo .c2{animation:none;background:none;-webkit-text-fill-color:currentColor}
.logo .c1{color:var(--cv-txt)}.logo .c2{color:var(--cv-cyan)}
header nav.md\:flex{gap:4px}
header nav a.font-mono,header nav a{font-family:Inter,system-ui,sans-serif;font-size:.9rem;letter-spacing:0;text-transform:none;color:var(--cv-mut);padding:7px 13px;border-radius:8px;transition:background .15s,color .15s}
header nav a:hover{opacity:1;color:var(--cv-txt);background:rgba(148,163,184,.08)}
header nav a.text-brand,header nav a[aria-current]{color:var(--cv-txt);background:rgba(34,211,238,.12);box-shadow:inset 0 0 0 1px var(--cv-line2)}
#mobileMenu a.font-mono{font-family:Inter,system-ui,sans-serif;font-size:.95rem;letter-spacing:0;text-transform:none;border-bottom:1px solid var(--cv-line)}

/* 3. Buttons: solid cyan primary, bordered secondary, 10px corners, no lift or glow */
a.brand-gradient,button.brand-gradient{background:var(--cv-cyan);color:#04070c!important;border-radius:10px;box-shadow:none}
a.rounded-full.border,button.rounded-full.border{border-radius:10px;background:var(--cv-panel2);border-color:var(--cv-line)}
a.brand-gradient:hover,a.rounded-full:hover,button.brand-gradient:hover{transform:none!important;opacity:.92}
a[href="https://app.claro.vision/demo"]{will-change:auto}
#menuBtn{border-radius:10px}

/* 3b. Icon tiles and the closing demo card: flat cyan, no vignette, same corners as the other cards */
div.brand-gradient{background:var(--cv-cyan)}
div.brand-gradient.rounded-xl{border-radius:10px}
div.brand-gradient.rounded-\[28px\],.bg-elevated.rounded-\[28px\]{border-radius:var(--cv-r)}
div.brand-gradient.rounded-\[28px\]>.absolute.inset-0{display:none}
div.brand-gradient.rounded-\[28px\]{background:rgba(34,211,238,.06);border:1px solid var(--cv-line2)}
div.brand-gradient.rounded-\[28px\] span{color:var(--cv-cyan)}
div.brand-gradient.rounded-\[28px\] h3{color:var(--cv-txt)}
div.brand-gradient.rounded-\[28px\] p,div.brand-gradient.rounded-\[28px\] p a{color:var(--cv-mut)}
div.brand-gradient.rounded-\[28px\] a.rounded-full{background:var(--cv-cyan);color:#04070c;border-radius:10px;box-shadow:none}
#mobileMenu{background:var(--cv-panel2)}

/* 4. Panels: one card style everywhere, hairline border, no blur */
.bg-elevated{background:var(--cv-panel)!important;border:1px solid var(--cv-line)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.glass-card{background:var(--cv-panel2)!important;border:1px solid var(--cv-line)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.glass-card.rounded-2xl,.bg-elevated.rounded-2xl,.plan-hot.rounded-2xl,.rounded-2xl.p-8{border-radius:var(--cv-r)}
.shadow-2xl{box-shadow:0 8px 24px rgba(0,0,0,.35)!important}
.float{animation:none}
.plan-hot{background:rgba(34,211,238,.06);border:1px solid var(--cv-line2);box-shadow:none}
.pop{background:var(--cv-cyan);color:#04070c}
.kpi,.ministrip,.chartwrap,.shelf,.how .pin{border-color:var(--cv-line)}

/* 5. Glow off on the demo graphics (the motion stays, the halos go) */
.chart .ln{filter:none}.chart .pt{filter:none}
.ministrip .mbox,.det,.appbar .dot{box-shadow:none}
.ministrip .mscan,.sline{box-shadow:none}
.calc input[type=range]::-webkit-slider-thumb{box-shadow:none}

/* 6. Chat launcher: flat, matches the primary button */
.cb-launch{background:var(--cv-cyan);color:#04070c;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.cb-launch:hover{transform:none;box-shadow:0 6px 20px rgba(0,0,0,.4);opacity:.92}
.cb-user{background:var(--cv-cyan);color:#04070c}
.cb-av{background:radial-gradient(circle at 35% 30%,#67e8f9,#0e7490)}
.cb-h-s i{box-shadow:none}