/* Shared components. Colors and dimensions come from design-tokens.css. */
html{background:var(--bg);scroll-behavior:smooth}body,body.arc-workspace{background:var(--bg);color:var(--ink)}body{font-family:var(--font-sans)}a{color:var(--acc)}:focus-visible{outline:var(--size-3) solid var(--focus);outline-offset:var(--size-4)}button,input,select,textarea,.btn{border-radius:var(--size-12)}button,.btn{min-height:var(--size-44)}button,.btn{background:var(--acc);color:var(--on-accent)}input,select,textarea{background:var(--card);border-color:var(--strong-line);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--mut);opacity:1}h1,h2{font-weight:450;letter-spacing:-.045em}h1{font-size:clamp(var(--type-36),5.4vw,var(--type-76));line-height:1.08}h2{font-size:clamp(var(--type-27),3vw,var(--type-40));line-height:1.15}.w{max-width:var(--size-1160)}.top{background:var(--bg);color:var(--ink);border-bottom:var(--size-1) solid var(--line);display:flex;align-items:center;max-width:var(--size-1160);margin:auto}.top .w{flex:1;margin:0;padding:var(--size-18) var(--size-28);min-width:0}.top a{color:var(--ink)}.top .logo{font-size:var(--type-18);letter-spacing:calc(var(--size-6) * -0.1)}.arc-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-7);min-width:var(--size-44);min-height:var(--size-44);padding:var(--size-8) var(--size-12);background:var(--card);color:var(--ink);border:var(--size-1) solid var(--line);font-size:var(--type-14);white-space:nowrap;margin-right:var(--size-20)}.card,details,.product,.sign-in,.prev,.hx .vis{border-radius:var(--size-20);background:var(--card);border-color:var(--line)}.note,.lead,.hx .sub,.hx .trust{color:var(--mut)}.btn.alt{background:var(--card);color:var(--ink);border-color:var(--line)}table{background:var(--card);color:var(--ink)}th{background:var(--surface)}pre{background:var(--surface);color:var(--ink)}.hx{display:block;padding:var(--size-76) 0 var(--size-30);text-align:center;background:radial-gradient(ellipse at 50% 20%,var(--hero-glow),transparent 70%)}.hx .copy{max-width:var(--size-840);margin:auto}.hx h1{font-size:clamp(var(--type-38),5.6vw,var(--type-76));font-weight:450;line-height:1.08;margin:var(--size-16) 0 var(--size-24)}.hx .eb,.eyebrow{color:var(--mut);font-size:var(--type-11);letter-spacing:var(--size-1_4);font-weight:500;border:var(--size-1) solid var(--line);background:var(--card);border-radius:var(--size-99);padding:var(--size-8) var(--size-13);display:inline-block}.hx .sub{font-size:var(--type-18);line-height:1.65;max-width:var(--size-680);margin:0 auto var(--size-26)}.hx form.scan{max-width:var(--size-600);margin:0 auto var(--size-14);gap:var(--size-10)}.hx .trust{margin:var(--size-12) auto;max-width:var(--size-650)}.hx .vis{max-width:var(--size-960);margin:var(--size-56) auto 0;box-shadow:0 var(--size-30) var(--size-90) var(--shade);text-align:left}.hx .vis .crop{aspect-ratio:1200/590}.hx .vis img{width:100%;margin:0}.hx .vis figcaption{padding:var(--size-16) var(--size-20);background:var(--card)}#plans,#sample19{padding:var(--size-60) 0}#plans>h2,#sample19>h2{max-width:var(--size-600);margin:0 0 var(--size-32)}.grid{gap:var(--size-20)}.price{padding:var(--size-30);display:flex;flex-direction:column}.price .big{font-size:var(--type-44);font-weight:450;letter-spacing:-2px;margin:var(--size-16) 0}.price h3{font-weight:500}.price ul{margin-bottom:var(--size-28);flex:1}.price li{margin:var(--size-12) 0;color:var(--mut);font-size:var(--type-14)}.price.hl{background:var(--inverse);color:var(--inverse-text);border-color:var(--inverse)}.price.hl li,.price.hl .note{color:var(--inverse-mut)}.price.hl .btn{background:var(--inverse-text);color:var(--inverse)}footer{border-color:var(--line);padding-top:var(--size-24)}.arc-wordmark{font-size:clamp(var(--type-44),9vw,var(--type-128));line-height:1.2;letter-spacing:-.065em;color:var(--ink);max-width:var(--size-1120);margin:var(--size-30) auto var(--size-50);font-weight:500;display:flex;justify-content:space-between;padding:0 var(--size-20)}.arc-wordmark span{font-weight:300}.pr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--size-20)}.pr-cards .card{padding:var(--size-28)}.pr-cards h2{font-size:var(--type-25)}.pr-wide{display:none}.pr-cards .hl{background:var(--inverse);color:var(--inverse-text)}.pr-cards .hl dt{color:var(--inverse-mut)}.pr-cards dd{overflow-wrap:anywhere}.pr-cards .hl .btn{background:var(--inverse-text);color:var(--inverse)}
/* Monitor landing: numbered steps alongside the product's real demo interface. */
[data-arc-page=monitor] header{max-width:var(--size-1160)}[data-arc-page=monitor] .brand{color:var(--ink)}[data-arc-page=monitor] .mark{background:var(--surface);color:var(--ink)}[data-arc-page=monitor] .hero{display:block;text-align:center;max-width:var(--size-850);margin:var(--size-10) auto var(--size-80)}[data-arc-page=monitor] h1{font-size:clamp(var(--type-42),6vw,var(--type-76));font-weight:450}[data-arc-page=monitor] h1 span{color:var(--mut)}[data-arc-page=monitor] .intro{max-width:var(--size-620);margin:0 auto var(--size-28);color:var(--mut)}[data-arc-page=monitor] .ctas{justify-content:center}[data-arc-page=monitor] .notice{max-width:var(--size-680);margin:var(--size-24) auto;background:var(--card);border-color:var(--line);color:var(--mut)}[data-arc-page=monitor] .features{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;padding:var(--size-40) 0 var(--size-80);gap:var(--size-60)}.arc-steps article{padding:var(--size-24) 0;border-bottom:var(--size-1) solid var(--line)}.arc-steps h2{font-size:var(--type-24)!important;font-weight:450}.arc-steps p{line-height:1.8}.product-top{background:var(--surface);color:var(--ink)}.product-content{padding:var(--size-28)}.product-row{flex-wrap:wrap}.product-row span{white-space:normal}.preview-metrics div{color:var(--mut);background:var(--surface);border-color:var(--line)}.preview-metrics strong{color:var(--ink)}.entry{background:var(--card);border-radius:var(--size-24);padding:var(--size-36)!important;margin:var(--size-40) 0}.entry p,.features p,.sample-note{color:var(--mut)!important}[data-arc-page=monitor] footer{display:block}
/* Workspace retains all existing information architecture and controls. */
#ment-out{--navy:var(--nav);--blue:var(--acc);--muted:var(--mut);color:var(--ink)}#ment-out .ws-sidebar{background:var(--nav);color:var(--nav-text);border-right:var(--size-1) solid var(--line)}#ment-out .ws-sidebar a,#ment-out .ws-workspace small,#ment-out .ws-brand{color:var(--nav-text)}#ment-out .ws-workspace,#ment-out .ws-mark{background:var(--surface);border-color:var(--line)}#ment-out .ws-nav a:hover,#ment-out .ws-nav a[aria-current=page]{background:var(--surface);color:var(--ink)}#ment-out .ws-topbar{background:var(--bg)}#ment-out .ws-card,#ment-out .ws-stat,#ment-out dialog{border-radius:var(--size-18);background:var(--card);color:var(--ink)}#ment-out .ws-card-head{border-color:var(--line)}#ment-out button,#ment-out .ws-btn{color:var(--on-accent);border-radius:var(--size-10)}#ment-out button.ws-secondary,#ment-out .ws-btn.ws-secondary{background:var(--surface);color:var(--ink)}#ment-out .arc-theme-toggle{background:var(--surface);color:var(--ink);margin:0;min-width:var(--size-44);padding:var(--size-8)}#ment-out .ws-stat strong{font-family:inherit;font-weight:450;font-size:var(--type-34)}#ment-out h2{font-weight:450}#ment-out .ws-top-actions{gap:var(--size-10)}#ment-out .ws-demo-banner{background:var(--surface);color:var(--ink)}
@media(max-width:760px){.top .w{padding:var(--size-14) var(--size-16);gap:var(--size-10);flex-wrap:wrap}.top .logo{flex-basis:100%}.top a{font-size:var(--type-13)}.arc-theme-toggle{margin-right:var(--size-12)}.arc-theme-toggle span{display:none}.hx{padding-top:var(--size-40)}.hx .sub{font-size:var(--type-16)}.hx .vis{margin-top:var(--size-36)}.hx .trust{font-size:var(--type-13)}.grid,.pr-cards{grid-template-columns:1fr}.price{padding:var(--size-26)}#plans,#sample19{padding:var(--size-32) 0}.arc-wordmark{margin:var(--size-20) 0 var(--size-30)}.links{gap:var(--size-12)!important}[data-arc-page=monitor] header{padding:0 var(--size-16)}[data-arc-page=monitor] .brand{font-size:var(--type-14)}[data-arc-page=monitor] .brand .mark{display:none}[data-arc-page=monitor] .links a{font-size:var(--type-12)}[data-arc-page=monitor] .features{grid-template-columns:1fr;gap:var(--size-30)}[data-arc-page=monitor] .hero{margin-bottom:var(--size-36)}.entry{padding:var(--size-24)!important}.preview-metrics{gap:var(--size-10)}.preview-metrics div{padding:var(--size-12)}.product-content{padding:var(--size-20)}#ment-out .ws-top-status{display:none}#ment-out .ws-topbar{padding:var(--size-12) var(--size-16);gap:var(--size-8);height:auto;min-height:var(--size-70)}#ment-out .ws-crumb{gap:var(--size-6);font-size:var(--type-11)}#ment-out .ws-top-actions{gap:var(--size-6)}#ment-out .ws-top-actions button{padding:var(--size-8)}#ment-out .arc-theme-toggle span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.arc-feature-tabs{display:flex;gap:var(--size-8);margin:var(--size-24) 0;flex-wrap:wrap}.arc-feature-tabs button{background:var(--card);color:var(--mut);border:var(--size-1) solid var(--line);font-size:var(--type-14)}.arc-feature-tabs button[aria-selected=true]{background:var(--inverse);color:var(--inverse-text)}[role=tabpanel][hidden]{display:none!important}.arc-shot-light{display:none!important}[data-theme=light] .arc-shot-light{display:block!important}[data-theme=light] .arc-shot-dark{display:none!important}
#sample19 .prev{display:block}.arc-feature-tabs+div{min-width:0}#ment-out svg text{fill:var(--mut)}
.bb-tag{color:var(--on-accent)!important}.pr-cards .hl details{background:transparent;color:var(--inverse-text);border-color:var(--strong-line)}.pr-cards .hl p.note{background:transparent;color:var(--inverse-mut)}.pr-cards .hl details dt{color:var(--inverse-mut)}
.pr-cards .hl .mm-more summary{color:var(--inverse-text)}

button:disabled,.btn[aria-disabled=true],#ment-out button:disabled{background:var(--disabled);color:var(--disabled-text);border-color:var(--line);cursor:not-allowed;opacity:1}#ment-out :focus-visible{outline-color:var(--focus)}#ment-out dialog::backdrop{background:color-mix(in srgb,var(--shadow) 44%,transparent)}
button:not(:disabled):hover,.btn:hover{filter:brightness(.92)}a:hover{text-decoration:underline;text-underline-offset:var(--size-4)}.card.price:hover{border-color:var(--strong-line)}.arc-theme-toggle:hover{border-color:var(--strong-line)}
@media(min-width:800px){.pr-cards details.mm-more{border:0;border-radius:0;padding:0;background:transparent;margin:0}}

.arc-desktop-features{display:block}@media(min-width:800px){.pr-cards details.mm-more{display:none}}@media(max-width:799px){.arc-desktop-features{display:none}}

.arc-utilitybar{display:flex;justify-content:flex-end;max-width:var(--size-1160);margin:auto;padding:var(--size-10) var(--size-20)}.arc-utilitybar .arc-theme-toggle{margin:0}summary{min-height:var(--size-44);display:flex;align-items:center}main a:not(.btn),footer a{min-height:var(--size-44);display:inline-flex;align-items:center;max-width:100%}footer{flex-wrap:wrap}footer>.arc-wordmark{flex:1 1 100%;width:100%}nav>.arc-theme-toggle{margin-left:auto;margin-right:0}footer a{overflow-wrap:anywhere}
@media print{.arc-theme-toggle,.arc-utilitybar,.arc-wordmark{display:none!important}}
.arc-wordmark,.arc-utilitybar{box-sizing:border-box;min-width:0;max-width:100%}
body.arc-workspace>.arc-utilitybar{display:none}

/* The embedded paid-report viewer follows the host theme on screen only. */
[data-arc-report-viewer] body{background:var(--bg);color:var(--ink);box-shadow:none}
[data-arc-report-viewer] .cover{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);color:var(--ink);border-color:var(--line)}[data-arc-report-viewer] .chero{background:var(--card);border-color:var(--line)}[data-arc-report-viewer] .brand{color:var(--acc)}[data-arc-report-viewer] .brand .mk i{background:var(--acc)}[data-arc-report-viewer] .brand .mk i:nth-child(2){background:var(--you)}[data-arc-report-viewer] .brand .mk i:nth-child(3){background:var(--ink)}[data-arc-report-viewer] .rbot .rb-h{fill:var(--ink)}[data-arc-report-viewer] .rbot .rb-v{fill:var(--card)}[data-arc-report-viewer] .rbot .rb-b,[data-arc-report-viewer] .rbot .rb-e{fill:var(--acc)}[data-arc-report-viewer] .rbot .rb-eo{stroke:var(--acc)}[data-arc-report-viewer] .rbot .rb-a{fill:var(--warn)}[data-arc-report-viewer] .gauge .gt{stroke:var(--surface)}[data-arc-report-viewer] a{color:var(--acc)}
[data-arc-report-viewer] .brand,[data-arc-report-viewer] .cover .sub,[data-arc-report-viewer] .legend,[data-arc-report-viewer] .meta span,[data-arc-report-viewer] .gw,[data-arc-report-viewer] .mut,[data-arc-report-viewer] .note,[data-arc-report-viewer] td small,[data-arc-report-viewer] .aff{color:var(--mut)}
[data-arc-report-viewer] .sample,[data-arc-report-viewer] .toc,[data-arc-report-viewer] .fx,[data-arc-report-viewer] .kpis>div{background:var(--card);border-color:var(--line);border-radius:var(--radius-card)}
[data-arc-report-viewer] th,[data-arc-report-viewer] table.kv td:first-child,[data-arc-report-viewer] pre,[data-arc-report-viewer] .bar{background:var(--surface);color:var(--ink)}
[data-arc-report-viewer] td,[data-arc-report-viewer] th,[data-arc-report-viewer] .meta>div,[data-arc-report-viewer] h2,[data-arc-report-viewer] .foot{border-color:var(--line)}
[data-arc-report-viewer] .toc a{color:var(--ink)}
[data-arc-report-viewer] .t{background:var(--surface)}[data-arc-report-viewer] .fh .n{background:var(--acc-soft);color:var(--acc)}
[data-arc-report-viewer] .s1,[data-arc-report-viewer] .i1,[data-arc-report-viewer] td.n{background:var(--badb);color:var(--bad)}
[data-arc-report-viewer] .s2,[data-arc-report-viewer] .i2{background:var(--warnb);color:var(--warn)}
[data-arc-report-viewer] .s3,[data-arc-report-viewer] .i3{background:var(--surface);color:var(--ink)}
[data-arc-report-viewer] td.y{background:var(--okb);color:var(--ok)}
[data-arc-report-viewer] .ch span[style]{color:var(--mut)!important}
[data-arc-report-viewer] svg text{fill:var(--ink)}[data-arc-report-viewer] svg text.gs{fill:var(--mut)}
nav a{min-height:var(--size-44);display:inline-flex;align-items:center}
.arc-link-phrase{display:inline-flex;align-items:center;max-width:100%;vertical-align:baseline}.arc-link-phrase>a{min-width:0;white-space:normal}
label:has(>input[type=checkbox]){display:flex;gap:var(--size-10);align-items:center;min-height:var(--size-44)}
[data-arc-report-viewer] h2 .no{color:var(--acc)}[data-arc-report-viewer] h2{border-bottom-color:var(--acc)}

a{display:inline-flex;align-items:center;min-width:var(--size-44);min-height:var(--size-44);max-width:100%}select{min-height:var(--size-44);max-width:100%}
.dirb a{min-width:var(--size-44);min-height:var(--size-44);padding:var(--size-10);background:var(--card);border:var(--size-1) solid var(--line);border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center}
.dirb img{height:var(--size-24);max-width:100%;width:auto;object-fit:contain}
[data-theme=dark] .dirb img{filter:grayscale(1) invert(1) brightness(1.8);mix-blend-mode:screen}
.arc-link-phrase>a{min-width:var(--size-44);overflow-wrap:anywhere}

/* Standalone report upsells do not inherit the marketing page button layout. */
.buybox .btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--size-44);line-height:var(--size-24);padding:var(--size-10) calc(var(--size-10) + var(--size-12));font-weight:700;text-decoration:none}

/* Brand (2026-10-27): display type, the pixel logo mark and the robot mascot. Colors from tokens. */
h1,h2,h3{font-family:var(--font-display)}
header.top .logo,.top .logo{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:var(--size-10)}
header.top .logo::before,.top .logo::before{content:"";flex:none;width:23px;height:15px;background:linear-gradient(var(--ink),var(--ink)) 0 0/7px 7px no-repeat,linear-gradient(var(--acc),var(--acc)) 8px 0/7px 7px no-repeat,linear-gradient(var(--ink),var(--ink)) 16px 0/7px 7px no-repeat,linear-gradient(var(--acc),var(--acc)) 0 8px/7px 7px no-repeat,linear-gradient(var(--you),var(--you)) 8px 8px/7px 7px no-repeat}
.arc-bot{display:block;overflow:visible;animation:arc-bob 1.8s ease-in-out infinite}
.arc-bot .b-h{fill:var(--ink)}.arc-bot .b-v{fill:var(--card)}.arc-bot .b-b{fill:var(--acc)}.arc-bot .b-y{fill:var(--you)}.arc-bot .b-a{fill:var(--warn);animation:arc-blink 1.2s steps(1) infinite}
.arc-bot .b-e{fill:var(--acc)}.arc-bot .b-eo{fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linecap:round}
.arc-bot .b-eyes{transform-box:fill-box;transform-origin:center;animation:arc-eye 4s infinite}
.arc-bot .b-qb{fill:var(--card);stroke:var(--you);stroke-width:1.2}.arc-bot .b-q text{fill:var(--you);font:600 11px var(--font-mono)}
.arc-bot .b-fl{fill:var(--warn)}.arc-bot .b-f{animation:arc-blink .25s steps(1) infinite}
@media(max-width:430px){header.top .logo::before,.top .logo::before{display:none}}
@keyframes arc-bob{50%{transform:translateY(-3px)}}
@keyframes arc-blink{50%{opacity:.25}}
@keyframes arc-eye{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.15)}}
@media(prefers-reduced-motion:reduce){.arc-bot,.arc-bot *{animation:none!important}}

/* Legacy inline buttons (2026-10-27): shared generators hard-code dark navy, which the theme maps to the pale nav
   color. On this site they are primary actions, so give them the accent. */
#nl-box{background:var(--card)!important;border-color:var(--line)!important;border-radius:var(--size-14)!important}
#nl-box button[type=submit],.nvchk button.b,.nvcta a.b{background:var(--acc)!important;color:var(--on-accent)!important;border:0!important;border-radius:var(--size-10)!important;font-weight:600}
.buybox{background:var(--acc-soft)!important;border-color:var(--acc-line)!important;border-radius:var(--size-14)!important}
.buybox a:not(.btn){color:var(--acc)!important;border-color:var(--acc)!important;background:var(--card)}
/* 2026-10-28 site review: directory badges sit in the footer column, not against the window edge; no gap before the full stop after the email link. */
footer>.dirb{flex:1 1 100%;width:100%;max-width:var(--size-1160);margin:0 auto var(--size-24);padding:0 var(--size-20);box-sizing:border-box}
footer .arc-link-phrase>a{margin-right:0}
@media(max-width:760px){footer>.dirb{padding:0 var(--size-16)}}

/* Keep public entry pages on the same phone header, including the monitor. */
@media(max-width:560px){
 header.top .w{display:flex;flex-wrap:nowrap;gap:var(--size-10);padding:var(--size-10) var(--size-14)}
 header.top .w>a.logo{flex-basis:auto;font-size:var(--type-16);white-space:nowrap}
 header.top .w>a[href="/pricing"],header.top .w>a.top-opt{display:none}
 header.top .w>a{font-size:var(--type-13);white-space:nowrap}
 header.top .w>a.top-cta{padding:0 var(--size-12)}
 header.top .arc-theme-toggle{margin-right:var(--size-10);min-width:var(--size-44);padding:var(--size-6)}
}

/* The full label is the checkbox touch target. Keep the control itself compact. */
.lp-remind-ok{min-height:var(--size-44);align-items:center;cursor:pointer}