/* Attract marketing-to-audit design bridge. Keep report status colors semantic. */
@font-face{font-family:AttractDIN;src:url('./NeoDIN-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AttractDIN;src:url('./NeoDIN-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#10171d;--card:rgba(35,42,49,.78);--card-2:#202930;--text:#fafafa;--muted:#c0c7cc;--faint:#a2acb4;--line:#ffffff30;--line-2:#ffffff55;--chrome:#151e25;--btn:#fafafa;--btn-ink:#111;--chip-bg:#ffffff14;--chip-ink:#e0e5e8}
body{font-family:AttractDIN,Arial,sans-serif;font-size:16px;background:var(--bg)}
button,input,select,textarea{font-family:inherit}
#landing{min-height:100svh;padding:144px 8vw 80px;align-items:center}
.auroraBackground{background:linear-gradient(90deg,rgba(5,16,23,.83),rgba(5,16,23,.36)),url('./landing.webp') center/cover no-repeat}
.auroraLights{display:none}
.land{max-width:1200px;align-items:flex-start;margin:auto}
.brandEyebrow{font-size:13px;letter-spacing:.08em;font-weight:700;margin-bottom:24px;color:#d0d8dc}
.landTitle{font-size:clamp(40px,5.3vw,76px);line-height:1.05;letter-spacing:-.025em;text-align:left;margin-bottom:24px;max-width:850px}
.brandIntro{max-width:620px;font-size:clamp(18px,2vw,24px);line-height:1.4;color:#e1e5e8;margin-bottom:24px}
.auditLoop{color:#e1e5e8;justify-content:flex-start;font-size:18px;margin-bottom:32px}
.chatwrap{width:min(760px,100%)}
.chatbar{height:80px;border:1px solid #ffffff80;border-radius:6px;background:rgba(46,46,46,.5);padding:8px 8px 8px 24px;box-shadow:none;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.chatbar input{font-size:20px}.phChime{left:24px;color:#d2d8dc;background:none;animation:none;font-size:20px;max-width:calc(100% - 210px)}
.send{width:auto;min-width:168px;height:62px;border-radius:4px;background:#fafafa;color:#111;font-size:18px;font-weight:700;padding:0 20px;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.send svg{display:none}.send:hover{background:#e4e9eb}
.topbar{top:16px;left:8vw;right:8vw;height:72px;padding:0 24px;border-radius:8px;background:rgba(46,46,46,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.topbar::before{display:none}.topbar .logo{left:24px;transform:translateY(-50%);height:25px}
.rail,.scoreRail,.bCard,.modal,.railBiz{border-radius:8px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.rail{background:transparent;padding:28px 24px;border-color:#ffffff4d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.rail h2{font-size:28px;line-height:1.15}
.step .lbl{font-size:16px}.cpill{background:#ffffff0d;border-radius:6px}
.gsearch{border-radius:6px;background:rgba(35,42,49,.75);color:#fafafa;border:1px solid #ffffff40;backdrop-filter:blur(16px)}
/* Scanning artifacts use the same material as the marketing capability cards. */
#scanning .gbp,#scanning .rev,#scanning .browser,#scanning .gmbCard,#scanning .pinCard{background:rgba(46,46,46,.5);color:#fafafa;border:1px solid #ffffff4d;border-radius:8px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#scanning .gmbCard .gcat,#scanning .gmbCard .grate,#scanning .gmbCard .gaddr{color:#c0c7cc}
#scanning .gmbCard .grate b{color:#fafafa}
#scanning .scanline{background:linear-gradient(90deg,transparent,#ffffff50,#fafafa,#ffffff50,transparent);box-shadow:0 0 26px 5px #ffffff18}
#scanning .scanline::before{background:radial-gradient(ellipse 60% 100% at center,#ffffff0d,transparent 72%)}
#scanning .scanline::after{background:linear-gradient(90deg,transparent,#fafafa,transparent)}
.bCard .bt,.secHead{font-size:20px}.bCard .bs{font-size:15px;line-height:1.5}
.modal input{border-radius:4px}.modal .go,.ctaCard button{border-radius:4px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid rgba(255,255,255,.7);outline-offset:4px}
.chatbar input:focus-visible{outline:none}
.chatbar:focus-within{border-color:rgba(255,255,255,.85)}
.suglist{background:#17212a;border-radius:6px}.land .err{text-align:left}
@media(max-width:640px){#landing{padding:128px 24px 48px}.topbar{left:16px;right:16px;height:64px}.landTitle{font-size:42px}.chatbar{height:auto;flex-wrap:wrap;padding:16px;gap:16px}.chatbar input{height:40px;flex-basis:100%;font-size:18px}.phChime{top:36px;left:16px;max-width:calc(100% - 32px);font-size:18px}.send{width:100%;height:52px}.rail{padding:24px 20px}.brandIntro{font-size:20px}}
/* Same photographic canvas and glass material as the landing-page cards. */
body:has(#results.active){background:#10171d;isolation:isolate}
body:has(#results.active)::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,16,23,.55),rgba(5,16,23,.35)),url('./landing.webp') center/cover no-repeat}
#results{position:relative;z-index:1;background:transparent}
#scanning,#scanning .map,#scanning .map.live,#scanning .mapCanvas{background:#000}
#results .scoreRail,#results .card,#results .secCard,#results .compCard,#results .bCard,#results .adsCard,#results .ctaCard,#results .chkCounts{background:transparent;border-color:rgba(255,255,255,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#results .chkCounts>div,#results .chkCounts>div.active{background:transparent}
body:has(#results.active) .bottomFade{display:none}
@media(prefers-reduced-transparency:reduce){.rail,.scoreRail,.bCard,.modal,.topbar,.chatbar,.gsearch,#results .card,#results .secCard,#results .compCard,#results .adsCard,#results .ctaCard{background:#232a31!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@supports not (backdrop-filter:blur(1px)){.rail,.topbar,.chatbar,.gsearch{background:#232a31}}
/* Attract maskblurr: eight untinted layers; logo is a separate sharp layer. */
body:has(#scanning.active) .topbar{display:flex;top:0;left:0;right:0;height:80px;padding:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;z-index:51}
body:has(#scanning.active) .topbar .logo{left:50%;top:50%;height:28px;transform:translate(-50%,-50%);color:#fafafa}
.audit-header-blur{display:none;position:fixed;inset:0 0 auto;height:96px;z-index:50;pointer-events:none}
body:has(#scanning.active) .audit-header-blur{display:block}
.audit-header-blur span{position:absolute;inset:0;pointer-events:none;backdrop-filter:blur(var(--radius)) saturate(120%);-webkit-backdrop-filter:blur(var(--radius)) saturate(120%);mask-image:linear-gradient(to top,transparent 0%,transparent var(--start),black var(--end),black 100%);-webkit-mask-image:linear-gradient(to top,transparent 0%,transparent var(--start),black var(--end),black 100%)}
#scanning .rail{margin-top:88px;min-height:calc(100vh - 100px)}
@media(max-width:960px){#scanning .rail{min-height:0}body:has(#scanning.active) .topbar .logo{height:24px}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){.audit-header-blur span{display:none}.audit-header-blur{height:80px;background:var(--bg)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.audit-header-blur{height:80px;background:var(--bg)}}