:root{--brand:#a855f7;--primary:#813fe4;--ink:#211934;--muted:#797382;--line:#e9e5ee;--surface:#fff;--bg:#faf9fc;--green:#26846b;--red:#d45165;--amber:#b08436;--shadow:0 16px 50px #21153609;--display:'Playfair Display',Georgia,'Times New Roman',serif;--body:'Inter',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--body);font-size:14px;line-height:1.6}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 15% 20%,#a855f70c,transparent 60%),radial-gradient(ellipse 45% 35% at 85% 60%,#c4b5fd0a,transparent 55%),radial-gradient(ellipse 40% 30% at 50% 85%,#e9d5ff08,transparent 50%)}.loy-nokta{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:0!important;pointer-events:none!important;display:block!important;margin:0!important;padding:0!important;border:0!important}#app{position:relative;z-index:1;background:transparent}#app > main,#main{background:transparent}dialog,#toast{position:relative;z-index:200}h1,h2,h3,h4,h5{font-family:var(--body);line-height:1.2;letter-spacing:-.02em;margin:0;font-weight:700}h1{font-size:66px}h2{font-size:42px}h3{font-size:23px}p{margin:0;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b785f4;outline-offset:4px}img{max-width:100%;display:block}button:disabled{cursor:not-allowed;opacity:.45}.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(1220px,100% - 80px);margin:auto}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.brand{display:inline-flex;width:130px;flex-shrink:0}.brand img{width:100%}.brand.light img{filter:brightness(0) invert(1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 23px;min-height:47px;border-radius:9px;border:1px solid transparent;font-size:12px;font-weight:650;white-space:nowrap;transition:background .18s,transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--primary);color:#fff;box-shadow:0 5px 16px #823fe422}.button.primary:hover{background:#7031d0}.button.secondary{border-color:var(--line);background:var(--surface)}.button.dark{background:#251b38;color:#fff}.button.ghost{border-color:#ffffff30;color:inherit}.button.compact{padding:9px 13px;min-height:36px;font-size:11px}.button.text{padding:0;min-height:36px;color:var(--primary)}.button.danger{background:#d451651a;color:var(--red);border-color:#d4516530}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;display:inline-grid;place-items:center;flex-shrink:0}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:650;color:var(--primary);padding:8px 0}.text-link .i{width:16px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--primary);margin-bottom:20px}.eyebrow>span{width:6px;height:6px;border-radius:2px;background:currentColor;transform:rotate(45deg)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:4px 8px;border-radius:5px;background:#ab79ec14;color:#9060cb;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.green{color:#329d7f;background:#329d7f13}.badge.amber{color:#bb914a;background:#bb914a13}.badge.red{color:#df6579;background:#df657913}.badge.grey{color:#88828f;background:#88828f13}.avatar{width:34px;height:34px;border-radius:50%;background:#a878e51c;display:inline-grid;place-items:center;color:#9b69db;font-size:10px;font-weight:700;flex-shrink:0}.avatar.large{width:54px;height:54px;font-size:16px}.icon-tile{width:42px;height:42px;display:inline-grid;place-items:center;background:#a878e513;color:#9a5fdd;border:1px solid #a878e51a;border-radius:10px}.experience-chrome{position:sticky;top:0;z-index:100}.demo-indicator{display:flex;gap:6px;align-items:center;font-size:8px}.demo-indicator .i{width:12px;height:12px}.site-header{background:#fff;position:relative;z-index:20;border-bottom:1px solid #ede9f3}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:86px;gap:25px}.site-nav{display:flex;align-items:center;gap:25px}.site-nav>a,.site-nav>button{font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;padding:20px 0}.site-nav .i{width:12px}.site-actions{display:flex;gap:16px;align-items:center}.demo-links{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#f6f3fa}.demo-links a{font-size:11px;font-weight:650;padding:7px 12px;border-radius:999px;color:var(--muted);white-space:nowrap}.demo-links a.selected,.demo-links a:hover{background:#fff;color:var(--ink);box-shadow:0 1px 3px #21153612}.demo-login-btn{gap:7px}.demo-user{display:flex;align-items:center;gap:10px}.demo-user>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650}.demo-user .avatar{width:26px;height:26px;font-size:9px}.demo-user .text-link,.text-link{font-size:11px;font-weight:650;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.demo-user .text-link:hover,.text-link:hover{color:var(--ink)}.demo-login-page{min-height:calc(100vh - 86px);display:grid;place-items:center;padding:40px 20px;background:radial-gradient(ellipse at 20% 0%,#efe3fb88,transparent 55%),transparent}.demo-login-card{width:min(440px,100%);background:var(--surface,#fff);border:1px solid var(--line);border-radius:18px;padding:36px 32px;box-shadow:0 24px 60px #2115360f}.demo-login-brand h1{font-size:32px;margin:10px 0 8px}.demo-login-brand p{font-size:13px;margin-bottom:22px}.demo-login-form{display:grid;gap:14px}.demo-login-form label{display:grid;gap:6px;font-size:12px;font-weight:650;color:var(--ink)}.demo-login-form input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.login-error{color:#ac304a;background:#ffe9ee;border-radius:8px;padding:10px 12px;font-size:12px;margin:0}.demo-login-hint{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:18px 0 14px;padding:14px;border-radius:12px;background:#f6f3fa;border:1px solid var(--line);font-size:12px}.demo-login-hint strong{grid-column:1/-1;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.access-checks .inline{display:inline-flex;align-items:center;gap:7px;font-weight:550}.mobile-menu-button{display:none}.mega-menu{position:absolute;left:50%;transform:translateX(-50%);top:85px;background:white;border:1px solid var(--line);box-shadow:0 25px 45px #2013311a;width:min(1100px,95vw);border-radius:0 0 15px 15px;display:grid;grid-template-columns:1fr 280px;padding:30px;gap:30px}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.mega-links a{display:flex;align-items:center;gap:15px;padding:14px;border-radius:10px}.mega-links a:hover{background:#f8f3ff}.mega-links strong{display:block;font-size:12px}.mega-links small{display:block;font-size:10px;color:var(--muted)}.mega-aside{background:#f3eafa;border-radius:12px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.mega-aside h3{font-size:25px}.mega-aside p{font-size:12px;margin:15px 0}.mega-aside .eyebrow{font-size:9px}.hero-v2{background:radial-gradient(ellipse at 7% 5%,#f0e6fc99,transparent 42%),radial-gradient(ellipse at 94% 50%,#e9dafa88,transparent 48%),transparent;overflow:hidden;position:relative;padding:54px 0 0}.hero-v2:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#9c7eba30 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}.hero-copy{position:relative;text-align:center;max-width:880px;margin:auto}.hero-pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#76529c;background:#ffffffb0;padding:6px 13px;border:1px solid #d9c5f1;border-radius:100px;margin-bottom:22px}.hero-pill .dot{width:5px;height:5px;background:#a855f7;border-radius:50%;box-shadow:0 0 0 3px #a855f712}.hero-copy h1,.page-hero h1,.section-heading h2,.site-cta h2,.platform-grid h2,.studio-copy h1,.demo-login-brand h1,.kit-intro h1{font-family:var(--display);font-weight:700;letter-spacing:-.02em}.hero-copy h1{font-size:62px;letter-spacing:-.02em;line-height:1.15;font-weight:700}.hero-copy h1 em{font-family:var(--display);font-style:italic;font-size:inherit;line-height:inherit;font-weight:700;color:#9553dc;letter-spacing:-.02em;background:linear-gradient(90deg,#7c3aed,#a855f7 48%,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:15px;line-height:1.8;max-width:640px;margin:20px auto 22px}.hero-actions{justify-content:center;gap:12px}.hero-trust{display:flex;justify-content:center;gap:25px;font-size:9px;color:#8b8198;margin:17px 0 30px}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust .i{width:12px;height:12px;color:#956ac7}.hero-console-wrap{position:relative;width:min(1090px,100% - 100px);margin:auto;padding:8px 8px 0;border-radius:18px 18px 0 0;background:#ffffff70;border:1px solid #d7c6e6;border-bottom:0;box-shadow:0 10px 80px #45225b22}.hero-console{border-radius:11px 11px 0 0;overflow:hidden;background:#15131d;color:#ded9e9;font-size:10px;height:365px}.hc-top{height:43px;background:#201c2a;border-bottom:1px solid #ffffff0b;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#5c536b}.hc-body{display:grid;grid-template-columns:140px 1fr;height:100%}.hc-side{background:#1b1724;border-right:1px solid #ffffff0b;padding:17px 12px}.hc-side .brand{width:85px;margin-bottom:20px}.hc-side span{display:flex;gap:9px;align-items:center;font-size:8px;color:#958bA4;padding:9px;border-radius:5px;margin:3px 0}.hc-side span.active{color:#cfa5ff;background:#a778df18}.hc-side .i{width:13px;height:13px}.hc-content{padding:17px 20px}.hc-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.hc-title strong{font-size:13px}.hc-title small{font-size:8px;color:#998fa7}.hc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}.hc-stats>div{background:#211d2c;border:1px solid #ffffff09;border-radius:7px;padding:10px 13px}.hc-stats small{display:block;font-size:7px;color:#a99eb9}.hc-stats b{font-size:20px;font-family:var(--display);font-weight:600}.hc-stats b span{color:#8c819c;font-size:11px}.hc-panels{display:grid;grid-template-columns:1.55fr 1fr;gap:13px}.hc-panels .camera-scene{height:190px;border-radius:8px}.hc-events{background:#211d2c;border:1px solid #ffffff09;padding:12px;border-radius:8px}.hc-events strong{font-size:10px}.hc-event{display:flex;gap:9px;padding:13px 0;border-bottom:1px solid #ffffff09}.hc-event .i{width:14px;height:14px;color:#bd8aed}.hc-event b{font-size:8px;display:block}.hc-event small{font-size:7px;color:#9b8faa}.floating-alert{position:absolute;right:-45px;top:140px;width:220px;background:white;padding:15px;border-radius:12px;box-shadow:0 15px 45px #2c173b22;border:1px solid #e5dceb;z-index:2;transform:rotate(3deg)}.floating-alert .row{gap:9px}.floating-alert strong{font-size:10px}.floating-alert p{font-size:9px;margin-top:8px}.floating-alert .icon-tile{width:28px;height:28px}.floating-alert .i{width:15px}.floating-mobile{position:absolute;left:-42px;bottom:24px;background:#2b203a;color:#e9dff4;padding:12px 16px;border-radius:10px;box-shadow:0 15px 30px #2c173b22;transform:rotate(-3deg);font-size:9px;z-index:2}.floating-mobile strong{display:block;font-size:11px;margin-top:3px}.industry-band{background:transparent;border-bottom:1px solid var(--line);padding:24px 0}.industry-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.industry-band small{font-size:9px;letter-spacing:.1em;color:#9b93a5}.industry-band a{display:flex;gap:9px;align-items:center;color:#685f75;font-size:11px;font-weight:600}.industry-band .i{color:#9f88b5}.section{padding:88px 0}.section.alt{background:#f3eff8cc}.section.white{background:transparent}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading>div{max-width:700px}.section-heading h2{font-size:39px}.section-heading p{max-width:600px;margin-top:17px;font-size:14px}.section-heading .eyebrow{margin-bottom:15px}.section-heading.center{justify-content:center;text-align:center}.section-heading.center .eyebrow{justify-content:center}.section-heading.center p{margin-left:auto;margin-right:auto}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bento-card{border:1px solid var(--line);border-radius:15px;background:white;overflow:hidden;transition:transform .2s,box-shadow .2s}.bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2b19390b}.bento-copy{padding:25px}.bento-copy .bento-tag{font-size:8px;letter-spacing:.14em;color:#a08baF;display:block;margin:16px 0 9px}.bento-copy h3{font-size:20px}.bento-copy p{font-size:12px;line-height:1.7;margin:11px 0}.bento-copy .icon-tile{float:right;width:35px;height:35px}.bento-visual{height:165px;background:#f6f2fa;margin:0 18px 18px;border-radius:9px;overflow:hidden;position:relative}.bento-visual .camera-scene{height:100%;border-radius:9px}.bento-visual .camera-top{display:none}.bento-visual .camera-bottom{font-size:6px}.bento-visual .detection span{font-size:6px}.bento-visual .zone-outline>span{display:none}.bento-visual.metrics-visual{padding:20px}.mini-timebar{display:flex;gap:3px;height:28px;margin:14px 0}.mini-timebar i{flex:1;background:#aa78e3;border-radius:3px}.mini-timebar i:nth-child(5n){background:#efc97f}.mini-timebar i:nth-child(9n){background:#d9cbe9}.mini-caption{display:flex;justify-content:space-between;font-size:8px;color:#9785aa}.mini-record{display:flex;align-items:center;justify-content:space-between;padding:12px;background:white;border:1px solid #eee5f7;border-radius:8px;margin:8px 0;font-size:9px}.mini-record strong{font-family:var(--display);letter-spacing:.06em}.mini-record .badge{font-size:7px}.tiny-event{display:flex;gap:10px;background:#fff;padding:11px;border-radius:8px;border:1px solid #ebe3f1;margin-bottom:8px;font-size:9px}.tiny-event .i{width:15px;color:#aa78e3}.tiny-event b{display:block}.tiny-event small{font-size:7px;color:#8f839b}.platform-section{background:#21172e;color:#f8f1ff;position:relative;overflow:hidden}.platform-section:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #c590ff12;border-radius:50%;right:-180px;top:-230px;box-shadow:0 0 0 70px #c590ff04,0 0 0 140px #c590ff03;pointer-events:none}.platform-section .eyebrow{color:#c79af6}.platform-section p{color:#a99ab9}.platform-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;position:relative;z-index:1}.platform-grid h2{font-size:42px}.platform-grid>div>p{font-size:14px;margin:22px 0}.platform-list{border-top:1px solid #ffffff14;margin:25px 0}.platform-list a{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #ffffff14;font-size:12px;color:#c8bad7}.platform-list a .i:first-child{color:#b98be9}.platform-list a .i:last-child{margin-left:auto;width:15px}.platform-demo{background:#17111f;border:1px solid #ffffff15;border-radius:15px;padding:22px;box-shadow:0 30px 70px #0d071e33}.platform-demo .camera-scene{height:250px}.platform-demo .p-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px}.platform-demo .p-top strong{font-size:12px}.platform-demo .p-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.p-cards>div{border:1px solid #ffffff10;background:#241a32;padding:12px;border-radius:7px}.p-cards small{font-size:8px;color:#a99ab9}.p-cards b{display:block;font-size:22px;margin-top:3px}.sector-layout{display:grid;grid-template-columns:350px 1fr;gap:36px;align-items:stretch}.sector-layout>#sector-feature{height:100%;min-height:100%;display:flex;flex-direction:column}.sector-layout>#sector-feature>.sector-feature{flex:1 1 auto;width:100%}.sector-options{display:flex;flex-direction:column;gap:10px}.sector-option{border:1px solid var(--line);border-radius:11px;padding:21px 22px;text-align:left;display:flex;align-items:center;gap:14px;background:white}.sector-option .i{color:#a583c6}.sector-option strong{font-size:13px}.sector-option small{font-size:10px;display:block;color:var(--muted);margin-top:5px}.sector-option.active{border-color:#ba8ce8;background:#f4eafb;box-shadow:0 4px 20px #a86ee710}.sector-option>.i:last-child{margin-left:auto;width:15px}.sector-feature{position:relative;border-radius:15px;overflow:hidden;min-height:390px;height:100%;background:#221a2f;align-self:stretch}.sector-feature>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.65}.sector-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#180f2ceb)}.sector-feature-copy{position:relative;z-index:2;color:white;padding:35px;min-height:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}.sector-feature-copy h3{font-size:29px;max-width:450px}.sector-feature-copy p{color:#e2d6ee;font-size:12px;margin:13px 0;max-width:450px}.sector-feature-copy .text-link{color:#d9b2ff}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.workflow-step{position:relative;padding-top:25px;border-top:1px solid #d9cde7}.workflow-step:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:#a36adc;border:3px solid #f3eff8;border-radius:50%}.workflow-step>span{font-size:11px;color:#a67fc9}.workflow-step h3{font-size:18px;margin:12px 0}.workflow-step p{font-size:12px;line-height:1.8}.mobile-marketing{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mobile-marketing .phone-shell{width:300px;height:590px;margin:0 auto;transform:rotate(5deg)}.mobile-marketing h2{font-size:43px}.mobile-marketing>div>p{font-size:14px;margin:22px 0}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{display:flex;gap:12px;align-items:flex-start;margin:14px 0;font-size:12px;color:var(--muted)}.check-list .i{width:16px;color:#a16cd5}.mobile-marketing-art{position:relative;background:radial-gradient(ellipse,#e9d9f9,transparent 65%)}.mobile-marketing-art .orbit-label{position:absolute;left:0;bottom:120px;background:#fff;border:1px solid var(--line);padding:16px;border-radius:10px;box-shadow:var(--shadow);font-size:10px}.security-strip{padding:30px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;background:#fff}.security-strip>div{display:flex;gap:14px}.security-strip h4{font-size:13px;margin-bottom:8px}.security-strip p{font-size:11px}.security-strip .i{color:#9a6bc9}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.article-card img{width:100%;aspect-ratio:16/9;height:auto!important;object-fit:cover;object-position:top center;border-radius:10px;margin-bottom:18px}.article-card .article-meta{font-size:8px;color:#9c75bc;letter-spacing:.08em;margin-bottom:11px}.article-card h3{font-size:19px;line-height:1.4}.article-card p{font-size:12px;margin-top:10px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-layout h2{font-size:38px}.faq-layout p{margin:20px 0;font-size:13px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:13px;font-weight:600}.faq-list summary:after{content:'+';font-size:20px;color:#a385be}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin:15px 0 0;font-size:12px;line-height:1.8}.site-cta{padding:60px;background:radial-gradient(ellipse at 100% 0,#80539d55,transparent 60%),#2a1c3d;border:1px solid #ffffff10;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:50px;color:#fff}.site-cta h2{font-size:37px;max-width:660px}.site-cta p{margin-top:16px;color:#b6a4ca;font-size:13px}.site-cta .eyebrow{color:#c494f6}.site-footer{padding:55px 0 0;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;padding-bottom:45px}.footer-grid p{font-size:11px;margin:22px 0;max-width:250px;line-height:1.8}.footer-grid h4{font-size:11px;margin-bottom:20px}.footer-grid a:not(.brand){font-size:11px;display:block;color:#8a7e94;margin:9px 0}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;font-size:9px;color:#9b90a6;display:flex;justify-content:space-between;gap:20px}.page-hero{background:radial-gradient(ellipse at 80% 0,#e9ddf799,transparent 55%),transparent;padding:35px 0 65px}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:10px;color:#9a8aa9;margin-bottom:35px}.breadcrumbs .i{width:10px;height:10px}.inner-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.inner-hero h1{font-size:49px}.inner-hero p{font-size:14px;margin:22px 0;line-height:1.9}.inner-hero img{height:330px;width:100%;object-fit:cover;object-position:top center;border-radius:15px}.inner-hero .camera-scene{height:330px}.page-hero.center{text-align:center}.page-hero.center .eyebrow,.page-hero.center .breadcrumbs{justify-content:center}.page-hero.center h1{font-size:49px;max-width:800px;margin:auto}.page-hero.center p{max-width:650px;margin:22px auto 0;font-size:14px}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:70px}.detail-main h2{font-size:31px;margin:38px 0 20px}.detail-main h2:first-child{margin-top:0}.detail-main p{font-size:13px;line-height:1.9}.detail-aside{align-self:start;position:sticky;top:20px;border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff}.detail-aside h3{font-size:17px}.detail-aside p{font-size:11px;margin:15px 0}.detail-aside a{display:block;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-aside .button{display:flex;margin-top:20px}.data-points{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.data-point{padding:23px;border:1px solid var(--line);border-radius:10px;background:#fff}.data-point .i{color:#ac7ddb;margin-bottom:20px}.data-point h4{font-size:13px}.scope-note{background:#f1ecf6;border-left:3px solid #b283dd;padding:20px;font-size:12px;color:#7b668f;line-height:1.8;margin:30px 0}.detail-step{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.detail-step>b{font-size:12px;color:#ac81d1}.detail-step p{font-size:13px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{padding:32px;background:white;border:1px solid var(--line);border-radius:15px;position:relative}.price-card.featured{border-color:#a46dde;box-shadow:0 15px 50px #8559b212}.price-card h3{font-size:24px;margin:20px 0 12px}.price-card>p{font-size:12px;min-height:60px}.price-card .price-label{font-size:27px;letter-spacing:-.04em;margin:30px 0 5px;font-weight:650}.price-card .price-sub{font-size:10px;color:#9b8ba9}.price-card .button{width:100%;margin:24px 0 10px}.price-card .check-list li{font-size:11px}.compare-table{margin-top:45px}.form-panel{background:white;border:1px solid var(--line);border-radius:15px;padding:34px}.form-panel h3{font-size:23px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}label{display:block;font-size:11px;font-weight:600}label>input:not([type=checkbox]),label>select,label>textarea{margin-top:8px;width:100%}input,select,textarea{border:1px solid var(--line);border-radius:7px;padding:11px 13px;background:var(--surface);color:var(--ink);min-width:0;max-width:100%;font-size:12px}input[type=checkbox]{accent-color:#a469e7;width:16px;height:16px}input[type=range]{accent-color:#a469e7;padding:0}.field-note{font-size:10px;color:var(--muted);margin-top:7px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-copy h2{font-size:37px}.contact-copy p{margin:22px 0;font-size:13px;line-height:1.9}.contact-line{display:flex;gap:15px;margin:25px 0;align-items:center;font-size:13px}.contact-line small{display:block;font-size:10px;color:var(--muted)}.article-body{max-width:740px;margin:auto}.article-body>img{width:100%;aspect-ratio:16/9;height:auto!important;object-fit:cover;object-position:top center;border-radius:14px;margin-bottom:30px}.article-body h2{font-size:27px;margin:32px 0 17px}.article-body p{font-size:15px;line-height:1.95}.article-body .article-disclaimer{font-size:11px;border-top:1px solid var(--line);padding-top:20px;margin-top:40px}.site-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.site-sector-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.site-sector-card img{aspect-ratio:16/9;height:auto!important;width:100%;object-fit:cover;object-position:top center}.site-sector-card>div{padding:28px}.site-sector-card h3{font-size:25px}.site-sector-card p{font-size:13px;margin:15px 0}.glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.glossary>div{border:1px solid var(--line);border-radius:12px;padding:25px}.glossary h3{font-size:17px;margin-bottom:12px}.glossary p{font-size:12px}
/* Shared product surfaces */
.product-theme{--ink:#e6e1ed;--muted:#8e849d;--line:#ffffff0c;--surface:#221d2d;--bg:#17131f;--primary:#a56be9;--shadow:none;background:var(--bg);color:var(--ink)}.product-theme.light-mode{--ink:#2c2239;--muted:#8c8197;--line:#e8e0ef;--surface:#fff;--bg:#f6f3fa;--primary:#8b4cce}.console-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 86px)}.console-sidebar{background:#1e1828;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 15px;color:#a398b3}.console-sidebar .brand{width:112px;margin:0 14px 24px}.workspace-selector{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #ffffff0b;border-radius:9px;background:#251d31;margin-bottom:24px}.workspace-selector .avatar{border-radius:8px;background:#9e66d628;color:#d2b0f4}.workspace-selector b{font-size:10px;color:#ded3e9;display:block}.workspace-selector small{font-size:8px;color:#9889ab}.sidebar-group{font-size:8px;letter-spacing:.13em;color:#675a78;margin:13px 14px 9px}.console-link{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:7px;font-size:10px;font-weight:500;margin:2px 0;color:#9d8eaf}.console-link .i{width:16px;height:16px}.console-link.active{background:linear-gradient(90deg,#a96ce324,#a96ce30c);color:#c59bef;border:1px solid #b578ed15;padding:10px 12px}.console-link:hover{background:#ffffff05;color:#d8c5e9}.console-link .count{margin-left:auto;border-radius:4px;background:#a56be925;font-size:8px;padding:1px 5px;color:#c99bf5}.sidebar-bottom{margin-top:auto;padding:30px 12px 0}.sidebar-health{border:1px solid #ffffff0a;background:#251e30;border-radius:8px;padding:13px;font-size:9px}.sidebar-health small{color:#6cbb9f;font-size:8px}.sidebar-health>div{display:flex;justify-content:space-between;margin-bottom:8px}.sidebar-bottom .text-link{font-size:9px;color:#80718e;margin-top:14px}.console-main{min-width:0}.console-header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--bg);gap:20px}.console-crumb{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px}.console-crumb .i{width:12px}.console-crumb b{font-weight:500;color:var(--ink)}.global-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 11px;width:230px;color:var(--muted);font-size:9px}.global-search .i{width:13px}.global-search kbd{margin-left:auto;border:1px solid var(--line);font-size:8px;padding:1px 4px;border-radius:3px}.header-user{border-left:1px solid var(--line);padding-left:15px;display:flex;gap:8px;align-items:center}.header-user b{font-size:9px;display:block}.header-user small{font-size:8px;color:var(--muted)}.console-header .icon-button{border:0;width:28px}.console-header .icon-button .i{width:16px}.console-content{padding:28px 30px 40px;max-width:1650px;margin:auto}.console-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.console-heading h1{font-size:24px;letter-spacing:-.035em}.console-heading p{font-size:10px;margin-top:8px}.console-heading select{font-size:10px;padding:8px 10px}.console-heading .button{font-size:10px;min-height:34px;padding:8px 12px}.console-heading .button .i{width:13px;height:13px}.demo-ribbon{display:flex;align-items:center;justify-content:space-between;border:1px solid #a66de315;background:#a66de308;padding:9px 13px;color:#9d82b4;font-size:9px;border-radius:6px;margin-bottom:20px;gap:20px}.demo-ribbon .i{width:12px;height:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:18px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px}.metric-top>.i{width:14px;height:14px;color:#a88ac6}.metric-value{display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:29px;font-weight:600;line-height:1.2;margin:16px 0 10px;letter-spacing:-.04em}.metric-value small{font-size:14px;color:var(--muted)}.sparkline{width:74px;height:27px;color:#9b68cc;opacity:.8}.metric-note{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.metric-note .i{width:10px;height:10px}.metric-note.green{color:#70b398}.metric-note.amber{color:#b3955b}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-title h2,.panel-title h3{font-size:12px;font-weight:650;letter-spacing:-.02em}.panel-title p{font-size:8px;margin-top:5px}.panel-title .text-link{font-size:9px;color:#b289d7;padding:0}.panel-title .button{font-size:8px;padding:6px 10px;min-height:27px}.panel-title select{font-size:9px;padding:6px 10px}.console-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:18px;margin-bottom:18px}.console-grid.equal{grid-template-columns:1fr 1fr}.console-grid.three{grid-template-columns:repeat(3,1fr)}.line-chart{width:100%;height:180px;display:block;overflow:visible}.line-chart text{fill:#8e7c9f;font-size:8px;font-family:var(--body)}.chart-grid{stroke:#a899ba12;stroke-dasharray:3 5}.comparison-line{stroke:#77628d;fill:none;stroke-width:1.5;stroke-dasharray:4 4;opacity:.7}.chart-legend{display:flex;align-items:center;gap:16px;font-size:8px;color:var(--muted);margin-bottom:13px}.chart-legend span:before{content:'';display:inline-block;width:6px;height:6px;background:#ab7be1;border-radius:50%;margin-right:6px}.chart-legend span:nth-child(2):before{background:#756385}.event-mini{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);text-align:left;width:100%;align-items:center}.event-mini:last-child{border-bottom:0}.event-icon{width:30px;height:30px;display:grid;place-items:center;background:#ad79ec12;color:#b389d6;border-radius:7px;flex-shrink:0}.event-icon.red{background:#dc657610;color:#d47e8c}.event-icon.amber{background:#c59b4f10;color:#b99a65}.event-icon .i{width:15px;height:15px}.event-mini-copy{flex:1;min-width:0}.event-mini-copy strong{display:block;font-size:10px;font-weight:550}.event-mini-copy small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.event-mini-copy i{font-style:normal;padding:0 3px}.event-mini-right{text-align:right}.event-mini-right .badge{font-size:7px;padding:3px 6px}.event-mini-right small{display:block;font-size:7px;color:var(--muted);margin-top:5px}.camera-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.camera-scene{position:relative;overflow:hidden;background:#15141e;border-radius:9px;height:210px;isolation:isolate}.camera-scene>img{width:100%;height:100%;object-fit:cover;object-position:top center}.camera-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(#08080f35,transparent 30%,transparent 70%,#08080f88);z-index:1;pointer-events:none}.camera-top{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;z-index:3;color:#fff;gap:10px}.cam-name{display:flex;align-items:center;gap:6px;font-size:7px;text-shadow:0 1px 4px #000}.cam-name .i{width:11px;height:11px}.cam-name b{font-weight:500}.cam-dot{width:5px;height:5px;border-radius:50%;background:#5ddd99;box-shadow:0 0 0 3px #5ddd991e}.cam-dot.off{background:#d86b7d;box-shadow:none}.camera-bottom{position:absolute;bottom:9px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;color:#d5cfdf;font-size:6px;z-index:3;letter-spacing:.04em}.camera-bottom>span:last-child{display:flex;align-items:center;gap:8px}.camera-bottom .i{width:10px;height:10px}.detection{position:absolute;border:1px solid #b48cf7;z-index:2;box-shadow:0 0 0 1px #b48cf718}.detection.one{left:53%;top:42%;width:9%;height:31%}.detection.two{left:30%;top:37%;width:7%;height:25%;border-color:#83caaa}.detection span{position:absolute;top:-14px;left:-1px;font-size:5px;background:#a978e8;color:#fff;padding:2px 4px;white-space:nowrap}.zone-outline{position:absolute;left:10%;top:34%;width:72%;height:48%;border:1px solid #b17bed78;background:#b17bed06;transform:skewY(-6deg);z-index:1;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.zone-outline>span{position:absolute;left:15%;bottom:4px;color:#dec4ff;font-size:6px;letter-spacing:.07em}.offline-scene{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6f647d;background:repeating-linear-gradient(45deg,#211a2b,#211a2b 10px,#231c2d 10px,#231c2d 11px)}.offline-scene .i{width:30px;height:30px;margin-bottom:7px}.offline-scene strong{font-size:10px;color:#a191b4;font-weight:500}.offline-scene span{font-size:8px}.camera-card{padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.camera-card .camera-scene{height:210px}.camera-card-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 3px 4px}.camera-card-footer h3{font-size:11px;letter-spacing:-.01em}.camera-card-footer p{font-size:8px;margin-top:4px}.camera-card-footer .icon-button{width:28px;height:28px}.camera-card-footer .i{width:13px}.camera-card .badge{font-size:7px}.health-row{margin:19px 0}.health-row .row{font-size:9px}.health-row b{font-size:9px;font-weight:500}.progress{height:4px;background:#a780c514;border-radius:5px;overflow:hidden;margin:10px 0}.progress>span{display:block;height:100%;background:#a77cce;border-radius:5px}.health-row small{font-size:7px;color:var(--muted)}.health-callout{display:flex;align-items:center;gap:10px;padding:12px;background:#c5914210;border:1px solid #c5914218;border-radius:7px;color:#b89b6a;font-size:8px}.health-callout .i{width:16px}.health-callout button{font-size:8px;color:#c2a475;margin-left:auto}.site-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.site-summary>button{border:1px solid var(--line);border-radius:8px;padding:17px;text-align:left;background:#a67bd605}.site-summary .row{justify-content:space-between;margin-bottom:10px}.site-summary h3{font-size:10px}.site-summary p{font-size:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.segmented{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:3px;gap:3px;max-width:100%;overflow:auto}.segmented button{white-space:nowrap;padding:7px 13px;font-size:9px;border-radius:5px;color:var(--muted)}.segmented button.active{background:#a779d325;color:#c196eb}.light-mode .segmented button.active{color:#8548bf}.input-search{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:0 10px;max-width:100%}.input-search .i{width:14px;color:var(--muted)}.input-search input{border:0;background:transparent;padding:9px 0;min-width:180px;font-size:10px;outline-offset:0}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:9px}.data-table th{font-size:8px;font-weight:500;color:var(--muted);padding:13px 13px;background:#a881d006;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:16px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table td strong{font-size:10px;font-weight:550}.data-table td small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.data-table .badge{font-size:8px}.data-table .text-link{font-size:9px;color:#aa7fd3}.table-bottom{display:flex;justify-content:space-between;padding:16px 13px 0;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.table-bottom .pages{display:flex;gap:7px}.table-bottom .pages b{color:#cda4f5}.full-camera{height:420px}.viewer-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.viewer-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.viewer-meta small{display:block;font-size:9px;color:var(--muted)}.viewer-meta b{font-size:11px;font-weight:500}.viewer-timeline{display:flex;align-items:center;gap:4px;margin-top:25px;height:35px}.viewer-timeline i{height:18px;flex:1;background:#9270b640;border-radius:2px}.viewer-timeline i:nth-child(7n){background:#bc9b68}.viewer-timeline i:nth-child(13n){background:#c87e8f}.viewer-controls{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin:16px 0}.viewer-controls .row{gap:15px}.zone-editor{height:310px;position:relative}.zone-editor .camera-scene{height:100%}.draw-zone{position:absolute;left:23%;top:28%;width:48%;height:44%;border:2px solid #b67eed;background:#a65ce916;z-index:5}.draw-zone i{position:absolute;width:7px;height:7px;border:1px solid #fff;background:#ad70e7}.draw-zone i:nth-child(1){left:-4px;top:-4px}.draw-zone i:nth-child(2){right:-4px;top:-4px}.draw-zone i:nth-child(3){left:-4px;bottom:-4px}.draw-zone i:nth-child(4){right:-4px;bottom:-4px}.draw-zone>span{position:absolute;top:-25px;font-size:9px;background:#9f64db;color:#fff;padding:2px 7px}.timeline-machine{display:flex;gap:3px;height:24px;margin:16px 0}.timeline-machine i{flex:1;background:#78b49e77;border-radius:3px}.timeline-machine i.pause{background:#c5a163bb}.timeline-labels{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.machine-row{padding:20px 0;border-bottom:1px solid var(--line)}.machine-row:last-child{border:0}.machine-row h3{font-size:12px}.machine-row p{font-size:8px;margin-top:5px}.machine-row .badge{font-size:8px}.floorplan{height:320px;position:relative;background-image:linear-gradient(#ac87cb0a 1px,transparent 1px),linear-gradient(90deg,#ac87cb0a 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--line);border-radius:8px;padding:30px;display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:1fr 1fr;gap:15px}.floor-zone{border:1px solid #a67acd50;border-radius:6px;background:#a67acd0b;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;color:#b38fcf;position:relative}.floor-zone:nth-child(2){grid-row:span 2}.floor-zone.heat{background:radial-gradient(ellipse at 50% 50%,#f4bd6950,#e8916d20 40%,#a67acd0b 70%)}.floor-zone.active{border-color:#c89b5b;background:#c89b5b10;color:#c89b5b}.floor-zone .i{width:18px;margin-bottom:10px}.floor-zone small{font-size:7px;margin-top:6px;color:var(--muted)}.person-card{padding:23px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.person-card h3{font-size:14px;margin:15px 0 5px}.person-card>p{font-size:10px}.person-card .person-info{font-size:9px;color:var(--muted);margin:20px 0;display:flex;flex-direction:column;gap:8px}.person-info span{display:flex;gap:9px;align-items:center}.person-info .i{width:13px}.person-card .button{font-size:9px;min-height:32px;padding:7px 12px}.rule-card{background:var(--surface);border:1px solid var(--line);padding:23px;border-radius:10px}.rule-card h3{font-size:13px;margin:17px 0 8px}.rule-card p{font-size:9px}.rule-facts{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:20px 0;font-size:8px;color:var(--muted)}.rule-facts b{display:block;color:var(--ink);font-size:10px;margin-top:5px;font-weight:500}.switch{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);cursor:pointer}.switch input{appearance:none;position:relative;width:29px;height:17px;border-radius:10px;background:#6e5c7e45;border:0;padding:0;transition:background .2s}.switch input:after{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;background:#b4a6c0;border-radius:50%;transition:transform .2s}.switch input:checked{background:#9b65d8}.switch input:checked:after{transform:translateX(12px);background:#fff}.rule-steps{display:flex;gap:14px;margin:25px 0}.rule-steps span{flex:1;border-top:2px solid var(--line);padding-top:10px;color:var(--muted);font-size:10px}.rule-steps span.active{color:#a56be9;border-color:#a56be9}.module-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.module-picker button{padding:20px;border:1px solid var(--line);border-radius:9px;text-align:left}.module-picker button.selected{border-color:#aa75de;background:#a66bdd0c}.module-picker .i{color:#a56be9;margin-bottom:12px}.module-picker b{display:block;font-size:11px}.module-picker p{font-size:9px;margin-top:6px}.settings-layout{display:grid;grid-template-columns:180px 1fr;gap:24px}.settings-tabs{display:flex;flex-direction:column;gap:5px}.settings-tabs button{text-align:left;padding:11px 14px;border-radius:6px;font-size:10px;color:var(--muted)}.settings-tabs button.active{background:#a56be916;color:#c195ed}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:19px 0;border-bottom:1px solid var(--line)}.setting-row strong{font-size:11px;font-weight:500}.setting-row p{font-size:9px;margin-top:6px;max-width:470px}.setting-section h3{font-size:16px;margin-bottom:10px}.setting-section>p{font-size:10px;margin-bottom:25px}.setting-section label{font-size:10px}.setting-section .button{font-size:10px;margin-top:25px}.report-card{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--surface)}.report-card h3{font-size:13px;margin:20px 0 10px}.report-card p{font-size:10px;min-height:50px}.report-card .button{font-size:10px;margin-top:25px}.bar-chart{height:180px;display:flex;gap:17px;align-items:flex-end;padding:10px 15px 22px}.bar-chart .bar-item{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;gap:3px}.bar-item i{display:block;width:50%;background:#aa7bd9;border-radius:3px 3px 0 0}.bar-item i:nth-child(2){background:#614c7a}.bar-item span{position:absolute;bottom:-22px;left:0;width:100%;text-align:center;font-size:8px;color:var(--muted)}.heatmap-grid{display:grid;grid-template-columns:35px repeat(7,1fr);gap:6px;margin:22px 0}.heatmap-grid span{font-size:7px;color:var(--muted);text-align:center;align-self:center}.heatmap-grid i{height:24px;border-radius:4px;background:#a66de9;opacity:var(--opacity,.5)}.donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(#a87dd8 0 40%,#76608d 40% 70%,#bb9c6b 70% 90%,#d77a91 90%);display:grid;place-items:center;position:relative;margin:10px auto}.donut:after{content:'';position:absolute;inset:16px;border-radius:50%;background:var(--surface)}.donut>span{z-index:1;text-align:center;font-size:24px;font-weight:600}.donut small{display:block;font-size:7px;font-weight:400;color:var(--muted)}
/* Dialog and mobile */
dialog{border:1px solid #e4d9ed;background:#fcfaff;color:#30223f;border-radius:16px;width:min(570px,calc(100vw - 30px));padding:28px;box-shadow:0 35px 100px #0a041850;max-height:90dvh;overflow:auto;--surface:#fff;--line:#e7dfed;--ink:#30223f;--muted:#8a7b98}dialog.wide{width:min(940px,calc(100vw - 30px))}dialog::backdrop{background:#100a1cd0;backdrop-filter:blur(5px)}.modal-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px}.modal-title h2{font-size:22px}.modal-title .icon-button{border:0}.modal-intro{font-size:12px;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.modal-event-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.modal-event-grid .camera-scene{height:260px}.event-details{font-size:12px;line-height:1.9;margin:20px 0}.event-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.event-facts small{display:block;font-size:9px;color:var(--muted)}.event-facts strong{font-size:11px;font-weight:500}.activity-timeline{margin:22px 0}.activity-item{padding:0 0 18px 20px;border-left:1px solid var(--line);position:relative;font-size:10px}.activity-item:before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:#b187d9}.activity-item small{font-size:8px;display:block;color:var(--muted);margin-bottom:5px}.activity-item p{font-size:10px;color:var(--ink)}.modal-side h3{font-size:13px;margin:20px 0 14px}.modal-side .button{width:100%;margin-top:15px}.modal-side label{margin:13px 0}.empty-state{text-align:center;padding:45px 25px}.empty-state .icon-tile{margin-bottom:18px}.empty-state h3{font-size:16px;margin-bottom:10px}.empty-state p{font-size:11px;max-width:350px;margin:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#eee4f7;color:#3a2850;border:1px solid #d8c0eb;padding:13px 23px;border-radius:10px;font-size:12px;box-shadow:0 10px 45px #12071d33;z-index:200;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.phone-shell{position:relative;background:#17131f;border:7px solid #34283e;border-radius:44px;height:760px;width:370px;box-shadow:0 25px 70px #25113425;overflow:hidden;color:#eee5f7;display:flex;flex-direction:column;--ink:#eee5f7;--muted:#8e809f;--line:#ffffff0a;--surface:#241b30;--bg:#17131f}.phone-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);height:18px;width:92px;border-radius:20px;background:#09070d;z-index:10}.phone-status{padding:13px 22px 9px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.phone-status>span{display:flex;gap:5px;align-items:center;font-size:9px}.phone-status .i{width:11px;height:11px}.phone-static{padding:26px 20px;overflow:hidden}.phone-static>small{font-size:7px;letter-spacing:.12em;color:#a981d1}.phone-static>h3{font-size:26px;font-weight:500;margin:9px 0 20px}.phone-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#241c31;border:1px solid #ffffff08;border-radius:10px;padding:16px;margin-bottom:18px}.phone-summary>span{font-size:8px;color:#9f8fae}.phone-summary strong{font-size:28px;color:#eee5f7;display:block;font-weight:500;line-height:1.3;margin-top:8px}.phone-summary strong span{font-size:13px;color:#8b789c}.phone-alert{padding:17px;background:linear-gradient(125deg,#512d6b,#32203f);border:1px solid #ad78db25;border-radius:10px;margin-bottom:25px}.phone-alert>span{display:flex;gap:7px;align-items:center;color:#c79cea;font-size:8px}.phone-alert .i{width:12px;height:12px}.phone-alert h4{font-size:13px;margin:13px 0 8px}.phone-alert p{font-size:9px;color:#ad91bf;margin-bottom:16px}.phone-static>h4{font-size:12px;margin-bottom:15px}.phone-mini{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff0b}.phone-mini .i{width:15px;color:#b487d4}.phone-mini b{font-size:9px;font-weight:500;display:block}.phone-mini small{font-size:7px;color:#9884a9;display:block;margin-top:5px}.phone-bottom-static{display:flex;justify-content:space-around;margin-top:auto;border-top:1px solid #ffffff0b;padding:15px;color:#826f94}.phone-bottom-static .i{width:17px}.phone-bottom-static .i:first-child{color:#b689df}.mobile-studio{background:radial-gradient(ellipse at 40% 30%,#eee3fa88,transparent 60%),transparent;padding:12px 0 40px;min-height:calc(100vh - 86px)}.studio-layout{width:min(1110px,100% - 70px);margin:auto;display:grid;grid-template-columns:1fr 370px 110px;gap:55px;align-items:center}.studio-layout--phone-only{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:calc(100vh - 100px);padding:8px 16px 24px;gap:0;grid-template-columns:none}.studio-layout--phone-only>.phone-shell{width:min(460px,92vw);height:min(920px,calc(100vh - 130px));margin:0 auto;border-radius:48px;border-width:8px}.studio-copy h1{font-size:47px;margin:20px 0}.studio-copy h1 em{font-family:var(--display);font-style:italic;font-weight:700;font-size:inherit;color:#9b62d5}.studio-copy p{font-size:13px;line-height:1.9;margin:22px 0}.studio-copy .eyebrow{margin-top:35px}.studio-copy .role-select{display:flex;gap:10px;margin:25px 0}.studio-copy .role-select button{padding:10px 15px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:10px}.studio-copy .role-select button.active{background:#30203f;color:#fff;border-color:#30203f}.studio-note{font-size:10px;color:#9d8eaa;border-top:1px solid #ded3e8;padding-top:20px;margin-top:25px}.screen-rail{display:flex;flex-direction:column;gap:12px}.screen-rail a{font-size:9px;color:#9983ab;border-left:2px solid #e8deef;padding:7px 0 7px 12px}.screen-rail a.active{border-color:#a770dd;color:#7849a5}.screen-rail a span{display:block;font-size:7px;color:#b6a4c4;margin-bottom:2px}.mobile-top{padding:17px 19px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mobile-top h3{font-size:12px;font-weight:500;letter-spacing:-.02em}.mobile-top small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.mobile-top .icon-button{width:28px;height:28px;border:0}.mobile-top .i{width:17px}.mobile-top .avatar{width:30px;height:30px;font-size:9px}.mobile-body{padding:22px 19px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#3e2c51 transparent}.mobile-body>h2{font-size:25px;font-weight:550;margin:8px 0 15px}.mobile-body>.eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:5px;color:#b285dc}.mobile-body p{font-size:10px}.mobile-body .mobile-date{font-size:9px;margin-bottom:20px}.mobile-nav{display:flex;justify-content:space-around;padding:12px 4px 19px;border-top:1px solid #ffffff08;background:#1d1627}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:7px;color:#82738e;min-width:48px}.mobile-nav .i{width:18px;height:18px}.mobile-nav a.active{color:#c69af0}.mobile-nav a.active:before{content:'';position:absolute;margin-top:-13px;width:25px;height:2px;background:#c69af0}.mobile-body .phone-summary{margin:20px 0}.mobile-body .phone-alert{padding:19px;margin-top:20px}.mobile-section-title{display:flex;justify-content:space-between;align-items:center;margin:23px 0 10px}.mobile-section-title h3{font-size:12px;letter-spacing:-.02em}.mobile-section-title a{font-size:9px;color:#ba8be2}.mobile-body .event-mini{padding:16px 0}.mobile-body .event-mini-copy strong{font-size:10px}.mobile-body .event-mini-right .badge{font-size:6px}.mobile-body .camera-scene{height:155px;margin-top:17px}.mobile-body .segmented{margin-bottom:15px}.mobile-body .segmented button{font-size:8px;padding:7px 9px}.mobile-body .line-chart{height:150px}.mobile-body .panel{padding:15px;margin:15px 0}.mobile-body .metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.mobile-body .metric{padding:14px}.mobile-body .metric-value{font-size:25px}.mobile-body .metric-top{font-size:8px}.mobile-body .metric-note{font-size:7px}.mobile-body .sparkline{display:none}.mobile-body .metric-value small{font-size:11px}.mobile-body .person-card{padding:16px;margin-bottom:12px}.mobile-body .person-card h3{margin:0 0 5px;font-size:12px}.mobile-body .person-card>p{font-size:9px}.mobile-body .person-info{margin:15px 0;font-size:8px}.mobile-login{padding:25px 0}.mobile-login .brand{width:145px;margin:35px 0 45px}.mobile-login h2{font-size:29px;font-weight:550;line-height:1.25;margin-bottom:15px}.mobile-login p{font-size:10px;line-height:1.9;margin-bottom:28px}.mobile-login label{font-size:9px;margin:18px 0}.mobile-login input{font-size:11px}.mobile-login .button{width:100%;font-size:11px;margin-top:10px}.mobile-login .tiny{font-size:8px;margin-top:24px;color:#766281}.role-option{display:flex;gap:15px;align-items:center;text-align:left;border:1px solid #ffffff0d;background:#251c30;border-radius:11px;padding:21px 15px;margin:14px 0;width:100%}.role-option strong{font-size:12px;display:block}.role-option small{font-size:9px;color:#927ea2;display:block;margin-top:6px}.role-option .i{width:20px;color:#b48cda}.mobile-body .setting-row strong{font-size:10px}.mobile-body .setting-row p{font-size:8px}.mobile-detail .camera-scene{height:190px}.mobile-detail h2{font-size:22px;margin:15px 0}.mobile-detail .event-details{font-size:10px}.mobile-detail .event-facts{gap:15px}.mobile-detail .event-facts strong{font-size:9px}.mobile-detail .event-facts small{font-size:7px}.mobile-detail .button{width:100%;font-size:10px;margin-top:20px}.mobile-detail label{font-size:9px;margin:15px 0}.mobile-detail input,.mobile-detail select,.mobile-detail textarea{font-size:10px}.mobile-detail .activity-item p{color:#cab6dc;font-size:9px}.mobile-detail .activity-item small{font-size:7px}.mobile-detail .activity-item{font-size:9px}.mobile-camera-card{border:1px solid var(--line);border-radius:10px;margin-bottom:15px;padding:8px;background:#22192d}.mobile-camera-card .camera-scene{margin:0}.mobile-camera-card footer{display:flex;justify-content:space-between;align-items:center;padding:12px 5px 4px;font-size:9px}.mobile-camera-card .badge{font-size:7px}
/* Design system */
.kit-layout{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 86px)}.kit-sidebar{padding:30px 22px;background:#fff;border-right:1px solid var(--line)}.kit-sidebar .brand{width:125px;margin-bottom:35px}.kit-sidebar a:not(.brand){display:flex;padding:11px 12px;font-size:11px;color:#8c789b;border-radius:6px}.kit-sidebar a.active{background:#f2e8fc;color:#9158c7}.kit-sidebar small{font-size:8px;color:#b09fbd;letter-spacing:.1em;display:block;margin:20px 12px 10px}.kit-content{padding:45px 50px;max-width:1400px}.kit-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:35px}.kit-intro h1{font-size:39px}.kit-intro p{font-size:12px;margin-top:16px;max-width:570px}.kit-section{margin:40px 0;padding-bottom:40px;border-bottom:1px solid var(--line)}.kit-section>h2{font-size:25px;margin-bottom:12px}.kit-section>p{font-size:12px;margin-bottom:25px}.kit-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.kit-color .color-block{height:95px;border-radius:10px;margin-bottom:13px;border:1px solid #00000008}.kit-color strong{font-size:10px;display:block}.kit-color small{font-size:9px;color:var(--muted)}.kit-card{padding:28px;border:1px solid var(--line);background:#fff;border-radius:12px}.kit-type{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.kit-type .type-sample{font-size:60px;margin:20px 0}.kit-type small{font-size:10px;color:var(--muted)}.kit-type h3{font-size:18px}.kit-component-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:22px 0}.kit-label{font-size:9px;letter-spacing:.1em;color:var(--muted);margin:30px 0 15px}.kit-icons{display:grid;grid-template-columns:repeat(10,1fr);gap:12px}.kit-icons>div{background:white;border:1px solid var(--line);border-radius:8px;padding:16px 5px;text-align:center;color:#9c72c4}.kit-icons small{display:block;font-size:7px;color:var(--muted);margin-top:8px}.kit-preview{padding:25px;border-radius:12px;margin-top:20px}.kit-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kit-screen-grid a{display:flex;gap:15px;align-items:center;background:white;padding:20px;border:1px solid var(--line);border-radius:9px}.kit-screen-grid strong{font-size:11px;display:block}.kit-screen-grid small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.skip-link{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:1000}.skip-link:focus{top:10px}.loading-skeleton{height:14px;background:linear-gradient(90deg,#eae2f2,#f5effa,#eae2f2);background-size:200% 100%;border-radius:4px;animation:shimmer 2s infinite;margin:12px 0}.loading-skeleton.wide{height:70px}.error-state{padding:25px;border:1px solid #d7657b33;border-radius:10px;background:#d7657b07}.error-state h3{font-size:15px;margin:15px 0 10px}.error-state p{font-size:11px}.error-state>.i{color:#d7657b}.error-state .button{margin-top:20px}.form-error{font-size:10px;color:#c4536c;margin-top:7px}@keyframes shimmer{to{background-position:-200% 0}}
@media(min-width:1550px){.hero-copy h1{font-size:72px}.hero-copy h1 em{font-size:86px}.hero-v2{padding-top:65px}.hero-console{height:405px}.hero-console-wrap{width:1180px}.hc-panels .camera-scene{height:230px}.console-content{padding:35px 40px}.console-sidebar{padding-top:35px}.metric{padding:23px}.console-grid{grid-template-columns:1.7fr 1fr}.line-chart{height:205px}}
@media(max-width:1150px){.wrap{width:calc(100% - 50px)}.site-nav{gap:15px}.site-actions{gap:12px}.demo-links a{padding:6px 10px;font-size:10px}.theme-picker span{display:none}.site-nav>a,.site-nav>button{font-size:11px}.hero-copy h1{font-size:54px}.hero-copy h1 em{font-size:68px}.console-layout{grid-template-columns:190px 1fr}.console-content{padding:25px 20px}.console-header{padding:0 20px}.global-search{width:170px}.metric{padding:15px}.metric-value{font-size:25px}.sparkline{width:48px}.console-grid{grid-template-columns:minmax(0,1.3fr) minmax(265px,1fr)}.camera-card .camera-scene{height:170px}.console-grid.three{grid-template-columns:repeat(2,1fr)}.studio-layout{gap:30px;grid-template-columns:1fr 350px}.studio-layout>.phone-shell{width:350px}.screen-rail{display:none}.studio-copy h1{font-size:40px}.studio-copy h1 em{font-size:52px}.platform-grid{gap:35px}.kit-content{padding:35px}.kit-colors{grid-template-columns:repeat(3,1fr)}.kit-icons{grid-template-columns:repeat(7,1fr)}.demo-indicator{display:none}}
@media(max-width:900px){.site-nav{gap:12px}.site-header .brand{width:110px}.site-actions .button{padding:11px 15px;font-size:10px}.hero-console-wrap{width:calc(100% - 80px)}.floating-alert{right:-25px;width:185px}.floating-mobile{left:-22px}.hero-copy{padding:0 25px}.hero-copy h1{font-size:48px}.hero-copy h1 em{font-size:60px}.hero-copy>p{max-width:550px;font-size:13px}.hc-body{grid-template-columns:115px 1fr}.hc-side{padding:15px 7px}.hc-content{padding:15px}.hc-panels{grid-template-columns:1.2fr 1fr}.hc-events{padding:10px}.bento{grid-template-columns:repeat(2,1fr)}.platform-grid{grid-template-columns:1fr}.platform-grid>div:first-child{max-width:650px}.platform-demo .camera-scene{height:320px}.sector-layout{grid-template-columns:270px 1fr;gap:20px}.sector-feature-copy{padding:28px}.sector-feature-copy h3{font-size:26px}.sector-option{padding:18px 15px}.sector-option strong{font-size:11px}.mobile-marketing{gap:30px}.mobile-marketing h2{font-size:34px}.security-strip{gap:20px;padding:25px}.security-strip>div{flex-direction:column}.article-grid{grid-template-columns:repeat(2,1fr);gap:20px}.article-card img{height:auto!important;aspect-ratio:16/9}.article-card h3{font-size:16px}.faq-layout{gap:40px}.site-cta{padding:40px}.site-cta h2{font-size:30px}.footer-grid{gap:30px}.console-layout{grid-template-columns:170px 1fr}.console-sidebar{padding:25px 10px}.console-link{padding:10px;font-size:9px;gap:8px}.console-link.active{padding:9px}.console-sidebar .brand{width:100px}.workspace-selector{padding:10px;gap:7px}.workspace-selector b{font-size:9px}.workspace-selector .avatar{width:26px;height:26px}.console-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:30px}.console-header .global-search{display:none}.console-header .header-user>div{display:none}.console-heading{align-items:flex-start;gap:15px}.console-heading>.row{flex-wrap:wrap;justify-content:flex-end;max-width:240px}.viewer-layout{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-tabs{flex-direction:row;overflow:auto}.settings-tabs button{white-space:nowrap}.studio-layout{grid-template-columns:1fr 340px;gap:25px}.studio-layout>.phone-shell{width:340px}.studio-copy h1{font-size:34px}.studio-copy h1 em{font-size:45px}.studio-copy p{font-size:12px}.inner-hero{gap:35px}.inner-hero h1{font-size:40px}.inner-hero img,.inner-hero .camera-scene{height:300px}.detail-grid{grid-template-columns:1fr 260px;gap:35px}.data-points{grid-template-columns:1fr}.contact-grid{gap:35px}.pricing-grid{gap:15px}.price-card{padding:25px}.price-card h3{font-size:21px}.kit-layout{grid-template-columns:170px 1fr}.kit-sidebar{padding:25px 15px}.kit-sidebar .brand{width:110px}.kit-content{padding:30px}.kit-type{grid-template-columns:1fr}.kit-type .type-sample{font-size:45px;margin:15px 0}.kit-screen-grid{grid-template-columns:1fr 1fr}.kit-icons{grid-template-columns:repeat(5,1fr)}.kit-intro{flex-direction:column;gap:20px}}
@media(max-width:680px){.wrap{width:calc(100% - 38px)}.site-header .wrap{height:72px}.site-header .brand{width:112px}.site-nav{display:none;position:absolute;left:0;right:0;top:72px;background:white;padding:18px 25px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav>a,.site-nav>button{font-size:13px;padding:13px 0;justify-content:space-between}.mobile-menu-button{display:grid}.site-actions{margin-left:auto;gap:8px}.site-actions>.button.primary{display:none}.demo-links a{padding:6px 9px;font-size:10px}.theme-picker button{padding:6px 8px}.mega-menu{top:72px;padding:20px;grid-template-columns:1fr;max-height:70dvh;overflow:auto}.mega-links{grid-template-columns:1fr;gap:0}.mega-links a{padding:11px}.mega-aside{display:none}.hero-v2{padding-top:34px}.hero-copy{padding:0 19px}.hero-copy h1{font-size:39px;line-height:1.13}.hero-copy h1 em{font-size:51px}.hero-pill{font-size:8px;margin-bottom:20px}.hero-copy>p{font-size:12px;margin:18px auto 21px}.hero-actions{gap:9px}.hero-actions .button{padding:12px 14px;font-size:10px;min-height:43px}.hero-actions .i{width:14px}.hero-trust{gap:13px;font-size:7px;margin:16px 0 26px}.hero-trust .i{width:10px}.hero-console-wrap{width:calc(100% - 26px);padding:5px 5px 0;border-radius:13px 13px 0 0}.hero-console{height:260px}.hc-top{height:30px;padding:0 10px;font-size:7px}.hc-top .badge{font-size:6px;padding:2px 5px}.hc-body{grid-template-columns:65px 1fr}.hc-side{padding:13px 4px}.hc-side .brand{width:51px;margin:0 3px 12px}.hc-side span{font-size:5px;padding:7px 4px;gap:5px}.hc-side .i{width:8px;height:8px}.hc-content{padding:10px}.hc-title{margin-bottom:10px}.hc-title strong{font-size:9px}.hc-title small{font-size:5px}.hc-title .badge{font-size:5px}.hc-stats{gap:5px;margin-bottom:8px}.hc-stats>div{padding:7px;border-radius:4px}.hc-stats small{font-size:5px}.hc-stats b{font-size:15px}.hc-stats b span{font-size:8px}.hc-panels{grid-template-columns:1fr}.hc-panels .camera-scene{height:145px}.hc-events{display:none}.hc-stats>div:nth-child(4){display:none}.hc-stats{grid-template-columns:repeat(3,1fr)}.floating-alert{right:-4px;top:auto;bottom:20px;width:145px;padding:10px;transform:rotate(2deg)}.floating-alert .icon-tile{width:20px;height:20px}.floating-alert .i{width:11px}.floating-alert strong{font-size:7px}.floating-alert p{font-size:6px;margin-top:5px}.floating-alert .badge{font-size:5px}.floating-mobile{display:none}.industry-band{padding:21px 0}.industry-band .wrap{flex-wrap:wrap;justify-content:center;gap:15px 25px}.industry-band small{width:100%;text-align:center;font-size:7px}.industry-band a{font-size:9px}.industry-band .i{width:15px}.section{padding:55px 0}.section-heading{margin-bottom:27px;gap:20px;align-items:flex-start;flex-direction:column}.section-heading h2{font-size:29px}.section-heading p{font-size:12px;margin-top:14px}.eyebrow{font-size:8px;margin-bottom:15px}.bento{grid-template-columns:1fr;gap:15px}.bento-card{display:grid;grid-template-columns:1fr 130px;align-items:center}.bento-copy{padding:20px}.bento-copy .icon-tile{display:none}.bento-copy .bento-tag{font-size:7px;margin:0 0 9px}.bento-copy h3{font-size:16px}.bento-copy p{font-size:10px;line-height:1.7}.bento-copy .text-link{font-size:9px;padding:5px 0}.bento-visual{height:145px;margin:12px 12px 12px 0;border-radius:7px}.bento-visual.metrics-visual{padding:10px}.bento-visual .mini-record{padding:8px 5px;font-size:6px;display:block}.bento-visual .mini-record .badge{font-size:5px}.mini-record .row{gap:4px}.mini-record .i{width:10px}.tiny-event{padding:8px;gap:6px;font-size:6px}.tiny-event small{font-size:5px}.tiny-event .i{width:9px}.bento-visual .camera-scene img{object-position:center}.mini-timebar{gap:2px}.mini-caption{font-size:5px}.platform-grid h2{font-size:31px}.platform-grid>div>p{font-size:12px}.platform-list a{font-size:11px}.platform-demo{padding:15px}.platform-demo .camera-scene{height:220px}.p-cards>div{padding:9px}.p-cards small{font-size:7px}.p-cards b{font-size:18px}.platform-demo .p-top strong{font-size:10px}.sector-layout{grid-template-columns:1fr;gap:20px}.sector-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sector-option{padding:14px 10px;gap:8px;min-width:0}.sector-option>.i{width:15px}.sector-option>.i:last-child{display:none}.sector-option strong{font-size:9px}.sector-option small{display:none}.sector-feature,.sector-feature-copy{min-height:330px}.sector-feature{height:auto}.sector-feature-copy{padding:25px}.sector-feature-copy h3{font-size:25px}.sector-feature-copy p{font-size:11px}.workflow-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.workflow-step h3{font-size:16px}.workflow-step p{font-size:11px}.mobile-marketing{grid-template-columns:1fr;gap:40px}.mobile-marketing h2{font-size:32px}.mobile-marketing-art{order:2}.mobile-marketing .phone-shell{width:270px;height:535px}.phone-static{padding:20px 17px}.phone-static>h3{font-size:24px}.phone-alert{padding:14px;margin-bottom:20px}.phone-alert h4{font-size:12px}.mobile-marketing-art .orbit-label{left:0;bottom:100px;font-size:8px;padding:12px}.security-strip{grid-template-columns:1fr;padding:24px;gap:25px}.security-strip>div{flex-direction:row}.article-grid{grid-template-columns:1fr;gap:30px}.article-card img{height:auto!important;aspect-ratio:16/9;margin-bottom:15px}.article-card h3{font-size:20px}.article-card p{font-size:12px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout h2{font-size:30px}.faq-layout p{font-size:12px}.faq-list summary{font-size:12px}.site-cta{padding:30px 25px;flex-direction:column;align-items:flex-start;gap:25px}.site-cta h2{font-size:29px}.site-cta p{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{max-width:300px}.footer-bottom{flex-direction:column;gap:10px;font-size:8px}.page-hero{padding:25px 0 40px}.breadcrumbs{font-size:8px;margin-bottom:25px}.inner-hero{grid-template-columns:1fr;gap:30px}.inner-hero h1{font-size:36px}.inner-hero p{font-size:12px;margin:17px 0}.inner-hero img,.inner-hero .camera-scene{height:250px}.page-hero.center h1{font-size:34px}.page-hero.center p{font-size:12px}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-main h2{font-size:26px}.detail-aside{position:static}.data-points{grid-template-columns:1fr}.data-point{padding:20px;display:flex;gap:15px;align-items:center}.data-point .i{margin:0}.detail-main p{font-size:12px}.detail-step{padding:18px 0}.pricing-grid{grid-template-columns:1fr;gap:20px}.price-card>p{min-height:0}.price-card .price-label{margin-top:22px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-copy h2{font-size:30px}.form-panel{padding:23px}.form-grid{grid-template-columns:1fr;gap:15px}.form-grid .full{grid-column:auto}.article-body>img{height:auto!important;aspect-ratio:16/9}.article-body h2{font-size:24px}.article-body p{font-size:13px}.site-card-grid,.glossary{grid-template-columns:1fr}.site-sector-card img{height:auto!important;aspect-ratio:16/9}.site-sector-card>div{padding:25px}.site-sector-card h3{font-size:23px}.console-layout{display:block}.console-sidebar{padding:9px 10px;flex-direction:row;overflow:auto;gap:5px;border-bottom:1px solid var(--line)}.console-sidebar .brand,.workspace-selector,.sidebar-group,.sidebar-bottom{display:none}.console-link,.console-link.active{padding:9px 10px;margin:0;font-size:9px;white-space:nowrap;min-height:37px}.console-link .count{display:none}.console-link .i{width:14px;height:14px}.console-header{height:54px;padding:0 15px}.console-crumb{font-size:9px}.header-user{padding-left:9px}.header-user .avatar{width:27px;height:27px}.console-header>.row{gap:5px}.console-content{padding:22px 14px 30px}.console-heading{flex-direction:column;align-items:stretch;gap:17px}.console-heading h1{font-size:24px}.console-heading p{font-size:9px}.console-heading>.row{max-width:none;justify-content:space-between;gap:7px}.console-heading select{font-size:9px;padding:8px;flex:1}.demo-ribbon{font-size:8px;gap:10px;padding:10px}.demo-ribbon>.row{gap:8px}.demo-ribbon>span:last-child{display:none}.metric-grid{gap:10px;margin-bottom:15px}.metric{padding:14px}.metric-top{font-size:8px}.metric-value{font-size:25px;margin:13px 0 10px}.metric-value small{font-size:12px}.metric-note{font-size:7px}.sparkline{width:48px}.console-grid,.console-grid.equal,.console-grid.three{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.panel{padding:17px}.panel-title h2,.panel-title h3{font-size:12px}.panel-title p{font-size:8px}.line-chart{height:165px}.camera-pair{grid-template-columns:1fr}.camera-pair>button{padding:0}.camera-scene{height:200px}.camera-card .camera-scene{height:215px}.site-summary{grid-template-columns:1fr;gap:10px}.site-summary>button{padding:15px}.site-summary h3{font-size:11px}.site-summary p{font-size:9px}.toolbar{gap:12px}.toolbar .input-search{width:100%}.input-search input{width:100%;min-width:0}.segmented{max-width:100%}.segmented button{padding:8px 10px;font-size:8px}.data-table th{font-size:8px}.data-table td{font-size:9px;padding:14px 10px}.full-camera{height:240px}.viewer-meta b{font-size:10px}.floorplan{height:280px;padding:18px;gap:10px}.floor-zone{font-size:8px}.floor-zone small{font-size:6px}.settings-tabs{gap:0}.settings-tabs button{padding:9px 11px;font-size:9px}.setting-row{gap:15px}.setting-row strong{font-size:10px}.setting-row p{font-size:8px}.module-picker{grid-template-columns:1fr}.modal-event-grid{grid-template-columns:1fr}.modal-event-grid .camera-scene{height:210px}dialog,dialog.wide{padding:22px;width:calc(100vw - 24px);max-height:92dvh}.modal-title h2{font-size:20px}.event-facts{gap:15px}.modal-side h3{margin-top:0}.modal-actions{flex-wrap:wrap}.modal-actions .button{font-size:10px}.mobile-studio{padding:18px 0;min-height:calc(100dvh - 36px)}.studio-layout{display:block;width:100%}.studio-layout--phone-only{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100dvh - 100px);padding:4px 12px 16px}.studio-copy,.screen-rail{display:none}.studio-layout>.phone-shell,.studio-layout--phone-only>.phone-shell{width:calc(100% - 20px);max-width:440px;height:calc(100dvh - 110px);min-height:680px;margin:auto;border-width:6px;border-radius:40px}.phone-island{height:16px;top:6px;width:80px}.phone-status{padding:12px 22px 8px}.mobile-body{padding:20px 19px}.kit-layout{display:block}.kit-sidebar{padding:10px 15px;display:flex;gap:8px;overflow:auto}.kit-sidebar .brand,.kit-sidebar small{display:none}.kit-sidebar a:not(.brand){white-space:nowrap;font-size:10px;padding:8px 10px}.kit-content{padding:28px 20px}.kit-intro h1{font-size:31px}.kit-intro p{font-size:11px}.kit-section>h2{font-size:23px}.kit-colors{grid-template-columns:repeat(2,1fr);gap:18px}.kit-type{gap:15px}.kit-card{padding:22px}.kit-icons{grid-template-columns:repeat(4,1fr);gap:8px}.kit-icons>div{padding:12px 3px}.kit-screen-grid{grid-template-columns:1fr}.kit-component-row{gap:10px}.kit-preview{padding:15px}.kit-label{font-size:8px}.kit-content .console-grid{grid-template-columns:1fr}.kit-content .metric-grid{grid-template-columns:1fr 1fr}.kit-section .security-strip{padding:20px}.kit-section{margin:30px 0;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* V2 final readability and responsive corrections */
.hide-overlays .detection,.hide-overlays .zone-outline{display:none}
.product-theme{--muted:#afa5bb}.console-link{font-size:12px}.console-heading p{font-size:12px}.metric-top{font-size:11px}.metric-note{font-size:10px}.panel-title h2,.panel-title h3{font-size:15px}.event-mini strong{font-size:12px}.event-mini small{font-size:10px}.data-table td{font-size:12px}.data-table th{font-size:10px}.console-content .tiny{font-size:11px}.console-content select{font-size:11px}.console-content .badge{font-size:10px}.console-content .button{font-size:12px}.console-content .muted{color:var(--muted)}
select:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.workflow-grid[style]{grid-template-columns:1fr!important}.console-link{font-size:11px}.metric-top{font-size:10px}.metric-note{font-size:9px}.console-heading>.row{flex-wrap:wrap}.console-heading select{max-width:100%}.kit-intro{flex-wrap:wrap}.mobile-body{font-size:13px}}
/* Shared light/dark experience */
.theme-picker{display:flex;gap:3px;flex-shrink:0;padding:3px;border:1px solid var(--line);border-radius:999px;background:#f6f3fa}.theme-picker button{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:650;color:var(--muted)}.theme-picker .i{width:13px;height:13px}.theme-picker button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #21153612}body[data-theme=dark] :is(.demo-links,.theme-picker,.demo-login-hint){background:#1d1626;border-color:var(--line)}body[data-theme=dark] .demo-login-form input{background:#1d1626;border-color:var(--line);color:var(--ink)}body[data-theme=dark] :is(.demo-links a.selected,.demo-links a:hover,.theme-picker button[aria-pressed=true]){background:#2c2039;color:var(--ink);box-shadow:none}
body[data-theme=light],body[data-theme=light] :is(.product-theme,.phone-shell,dialog){--ink:#292036;--muted:#71647f;--line:#e2dbe9;--surface:#fff;--bg:#f6f3fa;--primary:#7c3aed;color:var(--ink)}
body[data-theme=light] :is(.console-sidebar,.console-header,.phone-shell,.mobile-nav,.sidebar-health,.workspace-selector,.phone-summary,.mobile-camera-card,.hc-top,.hc-side,.hc-events,.hero-console){background:var(--surface,#fff);color:#292036;border-color:#e2dbe9}
body[data-theme=light] :is(.console-link,.workspace-selector b,.phone-summary strong,.phone-summary>span,.phone-mini small,.mobile-detail .activity-item p,.demo-ribbon){color:#665575}
body[data-theme=light] :is(.console-link.active,.console-link:hover,.mobile-nav a.active,.segmented button.active,.settings-tabs button.active){background:#efe5fb;color:#7134b9}
body[data-theme=light] :is(.console-sidebar,.phone-shell,.hc-side) .brand img{filter:none}
body[data-theme=light] .phone-shell{background:#faf8fd;border-color:#d9cfe4}body[data-theme=light] .phone-alert{background:linear-gradient(120deg,#efe2fc,#f9f4fd);color:#3f2358;border-color:#d9c2ef}body[data-theme=light] .phone-alert :is(p,span){color:#754794}
body[data-theme=light] :is(.badge.green,.metric-note.green){color:#176b50;background:#e5f5ec}body[data-theme=light] :is(.badge.amber,.metric-note.amber){color:#875609;background:#fff3d9}body[data-theme=light] .badge.red{color:#ac304a;background:#ffe9ee}body[data-theme=light] .badge.grey{color:#665d70;background:#efecf2}
body[data-theme=light] :is(.floor-zone,.event-icon,.sidebar-group,.workspace-selector small,.count,.mobile-section-title a){color:#754399}body[data-theme=light] .health-callout{color:#825b1b}body[data-theme=light] .kit-preview{background:#f6f3fa}body[data-theme=light] .offline-scene{background:#ece7f1;color:#695c77}
body[data-theme=dark]{--ink:#eee6f7;--muted:#b4a6c3;--line:#42354e;--surface:#251d30;--bg:#17131f;--primary:#9c61e8;background:var(--bg);color:var(--ink);color-scheme:dark}
body[data-theme=dark] :is(.site-header,.mega-menu,.industry-band,.bento-card,.sector-option,.security-strip,.site-footer,.detail-aside,.data-point,.price-card,.form-panel,.site-sector-card,.kit-sidebar,.kit-card,.mini-record,.tiny-event,.orbit-label,.floating-alert,.white){background:var(--surface);border-color:var(--line);color:var(--ink)}
body[data-theme=dark] :is(.hero-v2,.page-hero){background:radial-gradient(ellipse at 15% 10%,#43255b55,transparent 60%),transparent}body[data-theme=dark] .mobile-studio{background:radial-gradient(ellipse at 15% 10%,#43255b44,transparent 60%),transparent}
body[data-theme=dark] :is(.alt,.bento-visual,.mega-aside,.scope-note){background:#2c2039;color:#c7b7d7}body[data-theme=dark] :is(.site-header,.site-footer,.kit-sidebar,.studio-copy) .brand img{filter:brightness(0) invert(1)}
body[data-theme=dark] .hero-pill{background:#30213d;color:#d4afe9;border-color:#644180}body[data-theme=dark] .sector-option.active{background:#3b254f;color:#dfb5ff}body[data-theme=dark] .site-nav.open{background:#251d30}body[data-theme=dark] .kit-color strong{color:var(--ink)}
body[data-theme=dark] dialog{background:var(--surface);color:var(--ink)}body[data-theme=dark] :is(.footer-grid a,.footer-grid p,.site-nav,.kit-sidebar a,.article-card p,.site-section p){color:#b6a7c6}
body[data-theme=light] .hero-console{--surface:#fff}body[data-theme=light] .hc-top{background:#f3eef8}body[data-theme=light] .hc-side .brand img{filter:none}body[data-theme=light] .hc-metrics>div{background:#f2edf8;color:#292036}
@media(max-width:700px){.theme-picker{padding:3px}.theme-picker button{padding:5px 10px}.theme-picker span{display:inline}}
body[data-theme=light] .phone-alert a{color:#7134aa}body[data-theme=light] .phone-summary strong{color:#292036}body[data-theme=dark] .hero-copy em{color:#bd89f1}body[data-theme=dark] .hero-console-wrap{background:#31263e;border-color:#59406e}body[data-theme=dark] .mobile-marketing-art{background:radial-gradient(ellipse,#412752,transparent 65%)}body[data-theme=dark] .mobile-marketing-art .orbit-label{background:#251d30;color:#eee6f7}body[data-theme=dark] .kit-preview{background:#17131f}

/* ===== Mobile polish pass (complete) ===== */
html,body{overflow-x:hidden}
@media(max-width:900px){
  .site-header .wrap{gap:12px;min-width:0}
  .site-actions{gap:8px;flex-shrink:0;min-width:0}
  .demo-user b,.theme-picker span{display:none}
  .demo-links a{padding:6px 9px;font-size:10px}
  .hero-console-wrap{max-width:100%}
  .floating-alert,.floating-mobile{display:none}
}
@media(max-width:680px){
  .site-header{position:relative}
  .site-header .wrap{height:auto;min-height:64px;padding:10px 0;flex-wrap:nowrap;align-items:center}
  .site-header .brand{width:100px;flex-shrink:0}
  .site-actions{gap:6px;margin-left:auto;flex-wrap:nowrap;align-items:center}
  .demo-login-btn{padding:8px 10px;font-size:10px;min-height:36px;gap:5px}
  .demo-login-btn .i{width:12px;height:12px}
  .demo-links{padding:2px}
  .demo-links a{padding:6px 8px;font-size:9px}
  .demo-user{gap:6px}
  .demo-user .avatar{width:24px;height:24px}
  .theme-picker{padding:2px}
  .theme-picker button{padding:6px 7px}
  .theme-picker span{display:none}
  .site-nav{top:100%;z-index:30}
  .mega-menu{top:100%;left:0;right:0;transform:none;width:100%;border-radius:0 0 12px 12px}

  /* Hero */
  .hero-v2{padding:28px 0 0}
  .hero-copy{padding:0 16px;max-width:100%}
  .hero-copy h1,.hero-copy h1 em{font-size:clamp(28px,8.2vw,36px)!important;line-height:1.18!important}
  .hero-copy>p{font-size:13px;line-height:1.65;margin:14px auto 18px}
  .hero-actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto}
  .hero-actions .button{width:100%;justify-content:center}
  .hero-trust{flex-direction:column;align-items:center;gap:8px;font-size:10px}
  .hero-console-wrap{width:calc(100% - 24px);margin:18px auto 0}
  .hero-console{height:auto;min-height:220px}
  .hc-body{grid-template-columns:1fr}
  .hc-side{display:none}
  .hc-panels{grid-template-columns:1fr}
  .hc-events{display:none}
  .floating-alert,.floating-mobile{display:none!important}

  /* Sections */
  .wrap{width:calc(100% - 32px)}
  .section{padding:48px 0}
  .section-heading h2,.site-cta h2,.platform-grid h2{font-size:clamp(24px,7vw,30px)!important}
  .bento-card{grid-template-columns:1fr!important}
  .bento-visual{height:160px;margin:0 12px 12px!important}
  .sector-options{grid-template-columns:1fr!important}
  .sector-option{padding:14px 14px}
  .sector-option strong{font-size:12px!important}
  .sector-option small{display:block!important;font-size:10px}
  .workflow-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important;gap:24px}
  .footer-grid>div:first-child{grid-column:auto}
  .industry-band .wrap{gap:12px 18px}

  /* Demo login */
  .demo-login-page{padding:24px 16px;min-height:calc(100dvh - 72px);align-items:flex-start}
  .demo-login-card{padding:24px 18px;border-radius:14px;width:100%}
  .demo-login-brand h1{font-size:26px!important}
  .demo-login-hint{grid-template-columns:1fr;gap:6px}

  /* Phone studio */
  .mobile-studio{padding:8px 0 24px;min-height:calc(100dvh - 72px)}
  .studio-layout--phone-only{padding:4px 12px 20px;min-height:0;align-items:flex-start}
  .studio-layout--phone-only>.phone-shell,
  .studio-layout>.phone-shell{width:min(380px,calc(100vw - 28px))!important;height:min(760px,calc(100dvh - 100px))!important;min-height:560px;max-width:100%;border-width:6px;border-radius:36px}

  /* Console / panel */
  .console-layout{min-height:auto}
  .console-sidebar{display:flex;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:8px;gap:4px}
  .console-sidebar .brand,.workspace-selector,.sidebar-group,.sidebar-bottom{display:none!important}
  .console-link{flex:0 0 auto}
  .console-header{padding:0 12px;height:52px;gap:8px}
  .console-header .global-search{display:none}
  .console-crumb{display:none}
  .console-content{padding:16px 12px 28px}
  .console-heading h1{font-size:22px}
  .metric-grid{grid-template-columns:1fr 1fr!important}
  .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .settings-layout{grid-template-columns:1fr!important}
  .settings-tabs{display:flex;overflow-x:auto;gap:6px;padding-bottom:8px;flex-wrap:nowrap}
  .settings-tabs button{flex:0 0 auto;white-space:nowrap}

  /* Kit */
  .kit-layout{grid-template-columns:1fr!important}
  .kit-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px}
  .kit-content{padding:20px 16px}

  /* Forms / misc */
  .form-grid{grid-template-columns:1fr!important}
  .contact-grid,.pricing-grid,.detail-grid,.faq-layout,.platform-grid{grid-template-columns:1fr!important}
  .inner-hero{grid-template-columns:1fr!important}
  dialog{width:calc(100vw - 24px);padding:20px;max-height:85dvh}
  dialog.wide{width:calc(100vw - 24px)}
  .modal-event-grid{grid-template-columns:1fr!important}
  #toast{left:12px;right:12px;width:auto;transform:none}
}
@media(max-width:420px){
  .demo-links a:not(.selected){padding:6px 7px}
  .metric-grid{grid-template-columns:1fr!important}
  .hero-copy h1,.hero-copy h1 em{font-size:28px!important}
  .site-header .brand{width:92px}
  .theme-picker{display:none}
}

/* ===== Mobile polish pass 2 ===== */
.demo-short{display:none}
.demo-full{display:inline}
#toast{z-index:400!important}
@media(max-width:680px){
  .demo-full{display:none!important}
  .demo-short{display:inline!important}
  .demo-user b{display:none!important}
  .hero-console-wrap,.hero-console{overflow:hidden!important;max-width:100%!important;box-sizing:border-box}
  .hero-console .hc-content{min-width:0;overflow:hidden}
  .hc-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hc-stats>div{min-width:0;overflow:hidden}
  .hc-panels{min-width:0}
  .hc-panels .camera-scene{max-width:100%}
  #toast,#toast.show{left:12px!important;right:12px!important;width:auto!important;max-width:none;transform:none!important;bottom:16px;text-align:center}
  .console-heading>.row{align-items:stretch}
  .console-heading .button{min-height:40px;display:inline-flex;align-items:center}
  .console-heading select{min-height:40px}
  .console-header .header-user>div{display:none}
  .experience-chrome .site-header .wrap{padding-left:0;padding-right:0}
}

/* ===== Mobile polish pass 3 ===== */
.metric-value,.metric-value small{font-family:var(--body)!important;font-variant-numeric:tabular-nums}
@media(max-width:680px){
  .console-heading>.row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .console-heading select,.console-heading .button{width:100%!important;flex:none!important;justify-content:center}
  .console-header{justify-content:flex-end}
  .demo-login-page ~ * .demo-login-btn,
  body:has(.demo-login-page) .demo-login-btn{display:none!important}
  .site-header .wrap{padding:8px 0}
}

/* Embedded CCTV photo HUD rules - prevent HTML overlay collisions */
.camera-scene.cctv-embedded .camera-top,
.camera-scene.cctv-embedded .camera-bottom,
.camera-scene.cctv-embedded .zone-outline,
.camera-scene.cctv-embedded .detection {
  display: none !important;
}
.camera-scene.cctv-embedded::after,
.camera-scene.cctv-embedded:after {
  display: none !important;
}