/* StoreWitness product design: native typography, quiet surfaces, clear hierarchy. */
:root{--paper:#fafafa;--ink:#17191c;--muted:#626871;--line:#e5e7eb;--lime:#e8edf3;--white:#fff;--green:#168554;--amber:#9d681a;--red:#be4343;--radius:20px;--ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Helvetica,Arial,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;line-height:1.6}button,input,select,textarea{font-family:inherit}svg text{font-family:var(--ui-font)!important}h1,h2,h3,h4,p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #647caa;outline-offset:4px}::selection{background:#dce6f7;color:#17243a}
.site-header,body>header{position:sticky;top:0;z-index:30;max-width:none;padding:17px max(32px,calc((100vw - 1180px)/2));background:#fafafae8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #e8eaed;gap:25px;min-height:76px}.site-header::after,body>header::after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:calc(var(--reading-progress,0)*100%);background:#344d72;transition:width .08s linear}.brand{display:inline-flex;align-items:center;gap:0;white-space:nowrap;line-height:1;font-size:23px;letter-spacing:-1.1px;font-weight:650;text-decoration:none;color:#15171a}.brand .wordmark-light{font-weight:400;color:#717783}.brand small,.brand-mark,.brand b,.prototype-pill{display:none!important}.site-header nav{background:transparent;padding:0;gap:23px;border-radius:0}.nav-button{font-size:12px;color:#737983;padding:9px 0;font-weight:500;border-radius:0;position:relative;box-shadow:none!important;background:transparent!important}.nav-button.active{color:#15171a}.nav-button.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#1c1f24;border-radius:2px}.demo-entry,.back{font-size:12px;font-weight:550;letter-spacing:-.1px;text-decoration:none;border:1px solid #dcdfe4;padding:8px 14px;border-radius:9px;background:#fff;color:#303640}.demo-entry:hover,.back:hover{background:#eff1f4}.pill{border:1px solid #dce0e7;background:transparent;font-size:9px;color:#6c737e;letter-spacing:.7px;padding:6px 10px}
main{max-width:1180px;padding:0 0 70px;margin:auto}.hero{padding:84px 0 60px;grid-template-columns:minmax(0,1fr) 240px;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.6px;font-weight:550;color:#6c737e;margin-bottom:18px;text-transform:none}.hero h1,.page-intro h1,.intro h1{font-family:var(--ui-font);font-size:clamp(48px,5.5vw,76px);line-height:1.04;letter-spacing:-3.8px;font-weight:600;margin:0 0 25px}.hero h1 em,.page-intro h1 em,.intro h1 em{font:inherit;letter-spacing:inherit;color:#8b919b}.hero-copy{font-size:17px;line-height:1.7;color:#737983;max-width:525px}.hero-aside{border-left:0;border:1px solid #e2e5ea;background:#fff;border-radius:16px;padding:23px}.hero-aside .orbit{font-size:12px;font-weight:600;letter-spacing:0;margin:0 0 20px;line-height:1.5;color:#767e89}.hero-aside p{font-size:17px;letter-spacing:-.45px;line-height:1.5;margin:0 0 20px;color:#7b838d}.hero-aside p strong{color:#262c34;font-weight:550}.fine-label{font-size:10px;color:#737983;letter-spacing:0}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.hero-actions a,.hero-actions button{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:550;padding:11px 17px;border:1px solid #d9dde4;border-radius:10px;text-decoration:none;background:#fff;color:#303640;line-height:1.5}.hero-actions a:first-child{background:#20252d;color:#fff;border-color:#20252d}.hero-actions a:hover{transform:translateY(-2px);box-shadow:0 5px 16px #17191c10}
.store-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px}.status-card,.activity-card,.panel{border:1px solid #e0e4ea;background:#fff;border-radius:18px;box-shadow:0 3px 6px #1d293503;padding:30px}.card-top .eyebrow{font-size:10px;letter-spacing:1px;color:#808793}.source-badge{font-size:10px;background:#f5f6f8;border:1px solid #e5e8ed;padding:5px 9px;color:#606976;border-radius:6px}.status-card h2{font-size:25px;letter-spacing:-.9px;line-height:1.25;font-weight:550;margin-top:23px}.demo-notice{color:#808793;font-size:11px}.status-center{margin:32px 0 12px;gap:13px}.big-status{font-size:47px;letter-spacing:-2px;font-weight:600;line-height:1.15}.status-dot{height:11px;width:11px;box-shadow:0 0 0 5px #f2f4f5;background:#a0a7af}.status-detail{font-size:13px;color:#747c87;min-height:38px}.freshness-row{border-color:#edf0f4;font-size:11px;gap:15px;align-items:center}.freshness-row strong{font-variant-numeric:tabular-nums;font-weight:500}.health-badge{background:#f3f5f7;color:#616a77;border-radius:6px;font-size:10px}.confirmation{margin-top:22px}.progress-label{font-size:10px;color:#7b838e}.progress-track{height:3px;background:#edf0f4;margin-top:9px}.progress-track>div{background:#375f91}.card-actions{margin-top:26px;padding-top:0;gap:20px}.button{border-radius:9px;font-size:12px;font-weight:500;padding:11px 15px;min-height:40px;transition:background .2s,transform .2s,box-shadow .2s}.button-dark{background:#222730;color:#fff;border:1px solid #222730}.button-dark:hover{background:#3a424f;transform:translateY(-1px);box-shadow:0 4px 12px #1d293514}.button-outline{border:1px solid #d9dfe7;color:#333c49;background:#fff}.button-outline:hover{background:#f3f5f8}.button-text{color:#68717e;background:none}.quiet-note{font-size:10px;line-height:1.65;color:#8a919b}.activity-card{background:#f1f3f6;color:#303640;display:flex;flex-direction:column;box-shadow:none}.section-kicker{font-size:9px;letter-spacing:1px;color:#7b838f}.tiny-square{background:#7f92ac;width:5px;height:5px}.activity-card h3{font-size:31px;line-height:1.15;letter-spacing:-1.4px;font-weight:550;margin:29px 0 16px}.activity-card .muted{color:#7b838f;font-size:12px;line-height:1.75;max-width:300px}.timeline{margin-top:25px;max-height:190px;overflow:auto}.timeline li{border-left-color:#dbe0e7}.timeline strong{color:#3e4959;font-size:11px;font-weight:550}.timeline p{color:#838d9a;font-size:10px}.timeline-dot{background:#719083;border:3px solid #f1f3f6}.activity-bottom{color:#9099a5;border-top-color:#dfe4eb;font-size:8px;margin-top:auto;padding-top:20px}.trust-grid{gap:35px;margin-top:55px}.trust-grid article{border-color:#e5e9ee;padding-top:22px}.feature-number{font-size:10px;color:#9ba3af;letter-spacing:0}.trust-grid h3{font-size:17px;font-weight:550;letter-spacing:-.45px;margin:12px 0}.trust-grid p{font-size:13px;color:#828a96;line-height:1.8;max-width:315px}
.page-intro{padding:65px 0 35px}.page-intro h1{font-size:59px}.page-intro>p:last-child{font-size:15px;line-height:1.8;color:#77808d;max-width:620px}.panel-heading{gap:15px;margin-bottom:23px}.panel-heading h2,.panel h2{font-size:20px;letter-spacing:-.7px;font-weight:550}.panel-heading p,.panel .muted{color:#7a8390;font-size:12px;line-height:1.75}.step-tag{background:#f0f3f7;color:#7a879a;border-radius:8px;font-size:10px;border:1px solid #e4e9f0}.panel label{font-size:11px;color:#626d7c;margin-top:16px}.panel input,.panel select{border:1px solid #dfe4ea;border-radius:8px;padding:11px 12px;background:#fcfcfd;color:#303844;outline-offset:2px;font-size:12px}.info-box{background:#f3f5f8;border:1px solid #e8ecf2;border-radius:9px;color:#697687;line-height:1.8;font-size:11px}.connect-details summary{font-size:12px;color:#617087}.camera-frame{background:#20262f;border-radius:12px}.camera-placeholder{color:#adb7c4}.camera-placeholder p{font-size:11px}.camera-placeholder strong{font-weight:500}.camera-guide{border-color:#aab8cb}.camera-guide span{background:#20262fb3;color:#bac8dc;letter-spacing:1px}.camera-state{background:#303a48d9;color:#c0cfdf;border:1px solid #4b596d;border-radius:5px;font-size:8px}.readout-grid{border-color:#e5e9ef}.readout-grid span{font-size:9px;letter-spacing:.7px;color:#98a0ac}.readout-grid strong{font-size:12px;font-weight:500;color:#556476}.sign-download{border-color:#e4e9ef;border-radius:10px;background:#fafbfd}.sign-icon{background:#edf1f7;color:#6b7d94}.override-panel{margin-top:22px}.metric-grid{background:#edf1f6;color:#304158;border-radius:16px}.metric-grid strong{font-family:var(--ui-font);font-size:56px;font-weight:500;letter-spacing:-3px}.metric-grid p{color:#788598;font-size:12px}.metric-grid>div{border-color:#dce3ed}.scope-note{border-left:2px solid #b1bfd2;padding-left:26px}.scope-note h2{font-weight:550;font-size:25px}.scope-note p:last-child{color:#7a8390;font-size:13px}.maker-line{padding-top:12px}.maker-line p{font-size:11px}.maker-line strong{color:#56616f}.maker-line .brand-mark{display:none!important}.toast{background:#283342;border-radius:10px}.error-banner{background:#8d4141}
footer{max-width:1180px;padding:25px 0 32px;font-size:10px;color:#8a939f;border-color:#e5e9ee}.footer-divider{color:#c2c8d0}.intro{padding:70px 0 45px;grid-template-columns:1fr 400px;gap:45px}.intro .lead{color:#7c8490;font-size:15px;line-height:1.85}.stage{border:1px solid #dfe5ed;border-radius:19px;box-shadow:0 5px 20px #20385805;background:#fff}.scene-header{background:#fff;font-size:9px;color:#7b8593;border-color:#e6eaf0}.scene-header i{background:#8da4c2}.illustration{background:#eef1f6}.signal-route{background:#eef1f6;color:#7c8899}.signal-route .active{background:#dce4ef;color:#435b7e}.customer-preview{background:#f4f6f9}.phone{border-color:#344052;box-shadow:5px 9px 0 #e1e6ee;background:#fff}.phone-top{background:#344052}.phone-content>small{color:#7a8492}.phone h2{color:#2b3748;font-size:31px;font-weight:550;letter-spacing:-1px}.phone p{color:#7f8a98}.map-art{background:#e5eaf2}.map-road{background:#fbfcfe}.map-pin{background:#536a8b;color:#f0f5fc}.source-label{background:#edf1f6;color:#6b7a8f}.checks i{background:#edf0f5}.checks i.filled{background:#7c9b83}.privacy{color:#8993a0}.narration{background:#edf1f7;color:#33445c;min-height:140px}.narration>span{background:#fff;color:#7c8fa9;border:1px solid #e1e7f0}.narration h2{font-weight:550;letter-spacing:-.65px;font-size:22px}.narration p{color:#76869b;font-size:12px}.control-panel{padding:26px 0}.scenarios button,.play-controls button{border-color:#dce2eb;background:#fff;border-radius:8px;color:#69778c;font-size:11px}.scenarios button[aria-pressed=true],#demo-play{background:#2c3748;border-color:#2c3748;color:#fff}.control-panel .eyebrow{font-size:10px}.timing-note{color:#9099a6}.explanation-grid{padding-top:35px;gap:35px}.explanation-grid article{border-color:#e3e8ef}.explanation-grid span{color:#9aa5b4;font-size:9px;letter-spacing:.5px}.explanation-grid h3{font-size:20px;letter-spacing:-.6px;font-weight:550}.explanation-grid p{color:#7f8a99;font-size:13px;line-height:1.85}.scope{background:#f0f3f7;border:1px solid #e2e8f0;border-radius:17px;padding:34px;gap:40px}.scope h2{font-weight:550;font-size:29px;letter-spacing:-1px}.scope p{color:#7c8797;font-size:12px}.scope a{color:#506b91}.scope .eyebrow{font-size:9px}
/* Reveal only when JS has attached an observer; content remains readable without it. */
.motion-enabled .reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .reveal.is-visible{opacity:1;transform:translateZ(0)}.view:not([hidden]){animation:view-enter .35s ease-out}@keyframes view-enter{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1250px){main,footer{margin-left:32px;margin-right:32px}.site-header,body>header{padding-left:32px;padding-right:32px}.site-header nav{gap:17px}.hero{gap:35px}}
@media(max-width:950px){.brand{font-size:21px}.site-header{gap:18px}.site-header nav{gap:14px}.nav-button{font-size:11px}.demo-entry{font-size:10px;padding:7px 10px}.hero{grid-template-columns:1fr 200px}.hero h1{font-size:60px}.hero-aside{padding:20px}.store-layout{grid-template-columns:1.3fr 1fr}.status-card,.activity-card{padding:25px}.big-status{font-size:40px}.intro{grid-template-columns:1fr 310px}.intro h1{font-size:57px}}
@media(max-width:700px){.site-header,body>header{padding:16px 20px;gap:15px;min-height:70px}.site-header{flex-wrap:wrap}.brand{font-size:23px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:14px}.nav-button{font-size:12px;flex:0 1 auto;padding:8px 0}.demo-entry{order:2;margin-left:auto;font-size:10px}.back{padding:7px 10px;font-size:10px}.pill{display:none}main,footer{margin-left:20px;margin-right:20px}main{padding-bottom:40px}.hero{display:block;padding:46px 0 34px}.hero h1,.page-intro h1,.intro h1{font-size:48px;line-height:1.06;letter-spacing:-2.4px;font-weight:600}.hero h1 em,.page-intro h1 em,.intro h1 em{letter-spacing:inherit}.hero-copy{font-size:15px;line-height:1.75}.hero-aside{display:none}.hero-actions{gap:8px;margin-top:23px}.hero-actions a,.hero-actions button{font-size:11px;padding:10px 13px}.eyebrow{font-size:10px;letter-spacing:.2px}.store-layout{grid-template-columns:1fr;gap:16px}.status-card,.activity-card,.panel{padding:23px;border-radius:16px}.status-card h2{font-size:24px}.big-status{font-size:43px}.activity-card h3{font-size:29px}.activity-card h3 br{display:none}.activity-card .muted{max-width:none}.activity-bottom{margin-top:28px}.trust-grid{grid-template-columns:1fr;margin-top:35px;gap:20px}.trust-grid h3{font-size:18px}.trust-grid p{max-width:none;font-size:13px}.page-intro{padding-top:40px}.page-intro>p:last-child{font-size:14px}.operator-grid,.secondary-grid,.override-panel{grid-template-columns:1fr}.metric-grid{padding:24px 18px}.metric-grid strong{font-size:43px}.metric-grid p{font-size:10px}.scope-note h2{font-size:23px}.intro{display:block;padding:42px 0 28px}.intro .lead{font-size:14px;margin-top:22px}.narration{padding:22px 17px;min-height:170px}.narration h2{font-size:19px}.narration p{font-size:11px}.explanation-grid{grid-template-columns:1fr;gap:20px}.scope{grid-template-columns:1fr;padding:24px;gap:22px}.scope h2{font-size:27px}footer{font-size:9px;gap:8px;flex-direction:column}.motion-enabled .reveal{transform:translate3d(0,16px,0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1!important;transform:none!important}}

.hero-copy,.intro .lead,.activity-card .muted,.trust-grid p,.panel-heading p,.panel .muted,.page-intro>p:last-child,.explanation-grid p,.scope p,.scope-note p:last-child{color:#69727e}.status-detail{color:#69727e}.quiet-note{color:#737d8a}

/* Persistent, readable metric values; avoid nested reveal styling inheriting colors. */
.metric-grid strong{color:#304158!important;opacity:1!important}.metric-grid strong span{color:#52627a!important}.page-intro{scroll-margin-top:110px}.view{padding-top:1px}.site-header{isolation:isolate}