/* Shared type scale and interaction refinements. Product previews retain their original layouts. */
:root{--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-heading:'Manrope',var(--font-body);--muted:#aabbd1}
body{font-family:var(--font-body);font-size:16px;line-height:1.5}button,select,input{font-family:inherit}html{scrollbar-gutter:stable}body:has(dialog[open]){overflow:hidden}
h1,h2,h3{font-family:var(--font-heading);font-weight:600;text-wrap:balance}h1,h2{letter-spacing:-.045em}h1{font-size:clamp(46px,5.25vw,74px);line-height:1.1}h2{font-size:clamp(36px,4.1vw,56px);line-height:1.14}h3{font-size:24px;letter-spacing:-.025em;line-height:1.3}p{font-size:18px;line-height:1.75;text-wrap:pretty}.eyebrow{font-size:12px;letter-spacing:1.6px;line-height:1.5;color:#a9bfdd}.brand{font-family:var(--font-heading);font-weight:700;letter-spacing:-1.2px}.brand-light{font-weight:500}
header{gap:32px}nav{font-size:14px;gap:25px}nav a{padding:12px 0;color:#b9c9de}nav a[aria-current=location]{color:white;text-decoration:underline;text-decoration-color:#5b9bff;text-underline-offset:8px}.login{font-size:14px}.button{min-height:50px;font-size:15px;line-height:1.4;gap:24px;border-radius:7px;padding:16px 22px}.button.small{min-height:44px;font-size:14px}.button>span,.text-link>span{transition:transform .18s ease}.button:hover>span,.text-link:hover>span{transform:translate(2px,-2px)}.button:active{background:#2164d0}.menu-toggle{min-width:44px;min-height:44px}.text-link{min-height:46px;font-size:16px;align-items:center}.hero-heading{gap:36px;align-items:flex-end}.hero-heading h1{max-width:790px}.hero-intro{max-width:300px}.hero-intro p{font-size:17px;line-height:1.7}.hero-intro .button{white-space:nowrap}.image-caption{font-size:14px}.image-caption span:first-child{font-size:11px}.arrival{font-size:14px}.arrival small{font-size:12px}.product-strip>span{font-size:11px}.product-strip a{font-size:17px;padding:8px 0}.section-heading{gap:64px;align-items:flex-start}.section-heading>p{font-size:18px;max-width:410px}.split{gap:72px}.split>div{min-width:0}.split p{font-size:18px}.core-roles{gap:32px;margin:8px 0 40px}.core-roles h3{font-size:20px}.core-roles p{font-size:15px;line-height:1.7}.core-roles [data-icon] svg{width:22px;height:22px}.demo-tabs{gap:6px;flex-wrap:wrap;margin-bottom:20px}.demo-tabs button{font-size:14px;font-weight:500;min-height:46px;padding:12px 18px;border-color:#27374d}.demo-tabs button:hover{background:#101f34;color:#fff}.demo-tabs button[aria-selected=true]{background:#1a3354;border-color:#6192d1;box-shadow:inset 0 -2px #79aff5}.demo-tabs>span{font-size:10px;letter-spacing:.5px}.under-demo{font-size:12px;max-width:920px;color:#93a8c4}.under-demo>span:last-child{letter-spacing:0;display:block}.mini-points{font-size:12px;gap:20px;flex-wrap:wrap}.recording{transform:none}.recording-head{font-size:15px}.success{font-size:12px}.recording-info{font-size:13px;gap:16px;flex-wrap:wrap}.recording-info small{font-size:10px}.preview-note{font-size:11px;line-height:1.6}.recording-photo>span{font-size:11px}
/* Dashboard: keep the real hierarchy, give its working controls room to breathe. */
.dashboard{font-family:var(--font-body)}.dash-sidebar{width:165px}.dash-sidebar>div:not(.dash-logo){font-size:12px;gap:10px;padding:11px 8px}.dash-logo{font-size:15px;padding:16px 10px}.dash-logo small,.dash-sidebar>small,.dash-sidebar .nav-group{font-size:10px}.dash-sidebar .dash-admin{font-size:10px!important}.dash-top b{font-size:16px;font-weight:500}.dash-top small{font-size:11px;color:#a0a7b2}.dash-toolbar{gap:8px}.site-filter{min-height:40px}.site-filter select{font-size:12px;max-width:148px}.lockdown-label{font-size:10px}.dashboard .widget-title,.dashboard .widget-title>span,.quick-widget .widget-title>span{font-size:10px;line-height:1.5;color:#b0b6c1}.widget-title svg{width:14px;height:14px}.activity-body{grid-template-columns:minmax(0,1.65fr) minmax(115px,1fr);gap:12px;padding:12px}.activity-list{padding-right:8px}.dashboard .event-row{padding:12px 4px;gap:8px;min-height:76px}.dashboard .event-row b{font-size:12px;font-weight:500}.event-row em{display:block;font-size:11px;margin:4px 0 0;color:#bec5d0}.dashboard .event-row small{font-size:10px;line-height:1.5;color:#a2a9b4}.dashboard .event-row time{font-size:10px;color:#aab2bf}.dashboard .event-row>.avatar{width:28px;height:28px;font-size:10px}.selected-initials{min-height:180px}.selected-user b{font-size:13px}.selected-user>span{font-size:11px}.selected-user>small{font-size:10px;line-height:1.6}.widget-foot{font-size:11px;color:#a1b4ee;text-align:left}.device-category{font-size:10px;color:#a8aeba;margin-top:10px}.dashboard .device{font-size:12px;min-height:58px;padding:10px 9px}.dashboard button.device>span:last-child{font-size:12px}.dashboard .device small{font-size:10px;margin-top:5px}.dashboard .device svg{width:16px;height:16px}.watch-entry{font-size:12px;gap:10px;flex-wrap:wrap}.watch-entry small{font-size:11px}.watch-label{display:inline-block;font-size:9px}.quick-item{font-size:11px;min-height:48px;width:calc(100% - 12px);text-align:left}.quick-item small{font-size:10px}.quick-item:hover{background:#303743}.dashboard .camera{width:calc(100% - 20px)}.dashboard .live,.sample-camera-label{font-size:8px}.dashboard .camera-label,.camera-tile .camera-tile-name{font-size:11px}.intercom-demo{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;padding:16px}.intercom-demo>div:last-child{flex-direction:column;align-items:flex-start;margin-top:0;gap:12px}.intercom-demo b{font-size:14px;font-weight:500}.intercom-demo small{font-size:12px}.intercom-demo .intercom-pill{margin-left:0;line-height:1.5;font-size:10px}.intercom-widget-unlock,.simulate-ring{font-size:12px;min-height:42px}.dash-grid[data-layout=reception] .intercom-demo{display:block}.dash-grid[data-layout=reception] .intercom-demo>div:last-child{flex-direction:row;align-items:center;margin-top:16px}.camera-tile,.device,.event-row,.sample-unlock,.mobile-features button,.visitor-flow-tabs button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.camera-tile:hover{box-shadow:inset 0 0 0 2px #75abf2}.camera-stage .camera-tile:hover{box-shadow:none}
.office-sites small,.bridge-step small{font-size:11px}.office-sites h3{font-size:26px}.office-sites p{font-size:15px}.bridge-step h3{font-size:23px}.bridge-step p{font-size:14px}.bridge-note{font-size:12px}.bridge-step{padding:24px}.feature-lines>div{padding:23px 0;grid-template-columns:35px 1fr}.feature-lines>div>span{font-size:12px}.feature-lines b{font-size:17px;font-weight:500;line-height:1.5}.feature-lines p{font-size:15px;line-height:1.75}.visitor-management-note{font-size:15px!important}.visitor-flow{max-width:470px}.visitor-flow-tabs button{font-size:14px;min-height:46px;font-weight:500}.visitor-flow-tabs button:hover{background:#15273d;border-color:#7098cd}.visitor-flow-tabs button[aria-pressed=true]{box-shadow:inset 0 -2px #82b5fb}.browser-address{font-size:12px}.pass-building{font-size:14px}.pass-building>span{font-size:12px}.browser-pass-card>small{font-size:11px}.browser-pass-card h3{font-family:var(--font-body);font-size:29px;letter-spacing:-.035em}.browser-pass-card p{font-size:14px}.visit-window{font-size:13px}.sample-unlock b{font-size:16px}.sample-unlock small{font-size:13px}.sample-unlock:hover{border-color:#6098d9;background:#20334b}.sample-unlock.unlocked:hover{background:#103d37}.browser-binding{font-size:12px!important}.optional-qr summary{font-size:14px;min-height:40px;padding:6px 0}.optional-qr p{font-size:12px!important}.visitor-demo-note{font-size:12px;min-height:40px}.mail-header{font-size:15px}.mail-header small{font-size:12px}.email-content p{font-size:15px}.email-content .email-instructions{font-size:13px}.email-content>small{font-size:12px}.email-window{font-size:10px}.email-window b{font-size:14px}.mobile-features b{font-size:17px}.mobile-features span{font-size:14px;margin-left:0}.mobile-features button{padding:22px}.mobile-features button:hover{background:#13243b}.mobile-features button.selected{background:#18324f;border-left-width:3px}.mobile-note{font-size:12px;line-height:1.7;display:block}.phone{font-family:-apple-system,BlinkMacSystemFont,var(--font-body);transform:none}.phone h3{font-family:inherit}.phone-caption{font-size:11px}.connect-grid p,.space-grid p{font-size:16px;line-height:1.8}.connect-grid,.space-grid{gap:38px}.spaces h2{max-width:820px}.space-grid article>span{font-size:12px}.space-grid h3{font-size:25px}.spaces p{color:#4d627b}.hardware{gap:40px;align-items:flex-start}.hardware b{font-size:17px;white-space:normal;min-width:240px}.hardware p{font-size:14px;color:#4d627b}.contact h2{font-size:clamp(40px,5vw,64px)}.contact p{font-size:18px}.contact small{font-size:12px}footer>span,footer>div{font-size:13px}footer a:not(.brand){display:inline-block;padding:10px 0}
/* Dialog details stay faithful to the application, with larger reading and touch targets. */
dialog{line-height:1.5}.close{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:6px}.close:hover{background:#ffffff12;color:white}.event-modal-header #event-title,.device-modal-header h2{font-family:var(--font-body);font-size:18px}.event-modal-header .close,.device-modal-header .close{top:10px;right:10px}.device-modal-header p{font-size:12px}.event-detail-grid dt,.device-modal-body h3{font-size:12px}.event-detail-grid dd{font-size:14px}.event-preview-note,#device-demo-status,#intercom-disclaimer{font-size:12px}.device-disclosure summary{font-size:14px;min-height:40px}.device-disclosure summary span{font-size:12px}.state-box{font-size:14px}.state-box small{font-size:11px}.pulse-line button{min-height:44px;font-size:13px}.pulse-line small,.floor-help{font-size:12px}.floor-tiles small{font-size:11px}.device-recent{font-size:13px}.device-recent small{font-size:11px}.call-actions button{min-height:46px;font-size:14px}.camera-view-heading strong{font-size:16px}.camera-view-heading small{font-size:12px}.camera-view-head button{min-width:44px;min-height:44px}.camera-quality button{min-height:30px;min-width:36px}.camera-view-tools{gap:8px}#camera-preview-note{font-size:12px}.camera-stage>button{width:44px;height:44px}.camera-still-badge{font-size:11px}
@media(min-width:1101px) and (max-width:1350px){.hero-heading{display:block}.hero-heading h1{max-width:900px;font-size:64px}.hero-intro{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px}.hero-intro p{margin:0}}
@media(max-width:1100px){header{gap:20px}.wrap{padding-inline:32px}.section-heading{gap:36px}.split{gap:44px}.hero-heading{align-items:flex-start}.hero-intro{max-width:none}.hero-intro p{font-size:17px}.dashboard .event-row time{display:none}.dash-sidebar{width:140px}.dash-sidebar>div:not(.dash-logo){font-size:11px}.selected-initials{min-height:155px}.intercom-demo{grid-template-columns:minmax(0,1fr) 190px}.demo-tabs>span{width:100%;margin:6px 0 0}.connect-grid,.space-grid{gap:28px}}
@media(max-width:900px){header nav{gap:14px;font-size:13px}.header-actions{gap:14px}.header-actions .login{display:none}.activity-body{grid-template-columns:1fr}.selected-user{display:none!important}.activity-list{border-right:0;padding-right:0}.dashboard .watch-widget{grid-column:1/3!important}.dashboard .quick-widget{grid-column:3/5!important}.dashboard .camera-widget{grid-column:5/7!important}.section-heading{display:block}.section-heading>p{max-width:650px}.core-roles h3{font-size:18px}}
@media(max-width:760px){header{padding-inline:20px;height:80px;gap:10px}.brand{font-size:25px}.button.small{font-size:12px;padding:10px 12px;gap:10px}header nav{top:80px;font-size:16px;gap:8px;padding:16px 22px}nav a{padding:12px 0}.wrap{padding-inline:22px}.hero-heading{gap:26px}.hero-heading h1{font-size:clamp(39px,10.5vw,54px);line-height:1.12}.hero-intro p{font-size:17px}.hero-intro .button{white-space:normal}h2{font-size:clamp(33px,8.6vw,44px);line-height:1.17}h3{font-size:23px}.eyebrow{font-size:11px;letter-spacing:1.3px}.section{padding-block:76px}.section p,.split p{font-size:17px}.section-heading>p{font-size:17px}.product-strip{gap:12px 22px}.product-strip>span{font-size:10px}.product-strip a{font-size:16px}.arrival{font-size:12px}.arrival small{font-size:11px}.hero .image-caption span:last-child{font-size:10px;max-width:250px}.core-roles{gap:24px}.core-roles h3{font-size:19px}.core-roles p{font-size:15px}.demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.demo-tabs button{font-size:12px;padding:10px 6px;line-height:1.4;min-height:48px}.demo-tabs>span{display:none}.dash-main{padding:0 10px 10px}.dash-top{padding:12px 10px;margin:0 -10px 10px;gap:8px}.dash-top b{font-size:14px}.dash-top small{font-size:10px}.site-filter select{font-size:12px;max-width:126px}.site-filter{padding:3px}.site-filter>[data-icon]{display:none}.activity-body{grid-template-columns:1fr;padding:10px}.dashboard .event-row b{font-size:13px}.dashboard .event-row em{font-size:12px}.dashboard .event-row small{font-size:11px}.dashboard .event-row{gap:10px;padding:12px 4px}.dashboard .event-row>.avatar{width:30px;height:30px;font-size:10px}.dashboard .device-content{gap:8px;grid-template-columns:1fr}.dashboard .device{padding:12px;min-height:60px}.dashboard button.device>span:last-child{font-size:13px}.dashboard .device small{font-size:11px}.device-category{margin-top:12px}.dashboard .widget-title,.dashboard .widget-title>span{font-size:11px}.dashboard .widget,.dashboard .dash-grid[data-layout] .widget{grid-column:1!important}.intercom-demo{display:block;padding:12px}.intercom-demo>div:last-child{margin-top:14px;flex-direction:row;align-items:center}.dashboard .camera-label{font-size:11px}.camera-tile .camera-tile-name{font-size:10px}.sample-camera-label{font-size:7px}.under-demo{font-size:11px}.visitor-flow{order:2}.feature-lines b{font-size:17px}.feature-lines p{font-size:15px}.visitor-management-note{font-size:15px!important}.browser-pass-body{padding:15px}.browser-pass-card{padding:20px 16px}.browser-pass-card p{font-size:14px}.sample-unlock{padding:15px;gap:12px}.sample-unlock b{font-size:15px}.sample-unlock small{font-size:12px}.email-content p{font-size:15px}.email-content .email-instructions{font-size:13px}.office-sites p,.bridge-step p{font-size:14px}.multi-site-section{padding-top:0}.mobile-features button{padding:18px}.mobile-features b{font-size:16px}.mobile-features span{font-size:14px}.connect-grid p,.space-grid p{font-size:16px}.connect-grid h3{font-size:22px}.hardware{gap:18px}.hardware b{font-size:18px}.hardware p{font-size:14px}.contact p{font-size:17px}.contact h2{font-size:46px}footer>div{font-size:12px;gap:12px}.event-detail-grid dd{font-size:13px}.event-detail-grid dt{font-size:12px}.footage-caption{font-size:11px}.call-source{flex-wrap:wrap}.call-source b{font-size:14px}.call-source small{font-size:12px}.camera-view-heading small{font-size:10px}.camera-view-heading strong{font-size:14px}#camera-preview-note{font-size:10px}.camera-still-badge{font-size:9px}.camera-stage>button{width:44px;height:44px}.state-box{font-size:12px}.state-box small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Long-page navigation should land immediately, without sweeping past every section. */
html{scroll-behavior:auto;scroll-padding-top:32px}
.feature-icon[data-icon]{justify-content:flex-start}.feature-icon svg{width:28px;height:28px}.sample-unlock>[data-icon] svg{width:24px;height:24px}
/* A quieter, persistent navigation bar with one primary action. */
header{position:sticky;top:0;z-index:20;max-width:none;height:84px;padding:0 clamp(22px,4vw,64px);gap:28px;background:#070d19f5;border-bottom:1px solid #253044;backdrop-filter:blur(18px)}
header .brand{font-size:27px;flex-shrink:0}header .brand-icon{width:32px;height:36px;border-radius:8px}header nav{position:static;display:flex;flex-direction:row;align-items:center;gap:3px;margin:auto;padding:4px;background:#101a2a;border:1px solid #263248;border-radius:10px;font-size:13px}header nav a{padding:9px 13px;border-radius:6px;color:#b9c8db;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s}header nav a:hover{background:#1b2a40;color:white}header nav a[aria-current=location]{background:#243650;color:#fff;text-decoration:none}header .header-actions{gap:20px}header .login{display:inline-flex;font-size:13px;white-space:nowrap}header .button.small{font-size:13px;padding:12px 17px;gap:16px;min-height:44px}html{scroll-padding-top:108px}.menu-toggle{border:1px solid #334058;border-radius:8px;padding:12px;background:#111c2e;flex-shrink:0;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:#e7effa;transition:transform .18s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
/* The platform's full browser view is framed inside an unmistakable site preview. */
#camera-dialog{width:min(1100px,90vw);height:min(800px,86dvh);max-width:90vw;max-height:86dvh;margin:auto;border:1px solid #49556a;border-radius:14px;box-shadow:0 30px 120px #000b;overflow:hidden}#camera-dialog::backdrop{background:#010610b8;backdrop-filter:blur(5px)}.preview-browser-bar{display:flex;align-items:center;gap:20px;padding:10px 14px;background:#222c3d;border-bottom:1px solid #38465c;flex-shrink:0;min-height:62px}.preview-browser-dots{display:flex;gap:6px}.preview-browser-dots i{width:9px;height:9px;border-radius:50%;background:#77859b}.preview-browser-address{display:flex;align-items:center;justify-content:center;gap:8px;background:#121d2e;color:#c1cee0;border:1px solid #39475c;border-radius:7px;padding:8px 18px;font-size:12px;max-width:430px;margin:auto;flex:1}.preview-browser-address svg{width:13px;height:13px}#close-camera{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;min-width:90px;padding:7px 12px;border:1px solid #61718a;border-radius:7px;background:#34435b;color:#fff;font-size:13px;font-weight:500}#close-camera span{font-size:23px;line-height:1}#close-camera:hover{background:#465b7a}.camera-view-head{min-height:60px;padding:8px 16px}.camera-view-heading strong{font-size:14px}.camera-view-heading small{font-size:11px}#camera-filmstrip .camera-tile{width:120px}#camera-preview-note{font-size:11px;line-height:1.5;padding:10px 16px;color:#b3c1d4}.camera-still-badge{font-size:9px}
.apps-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.apps-copy{min-width:0}.apps-copy p{font-size:18px}.apps-copy .apps-disclosure{font-size:15px;color:#a5b7cf;line-height:1.75}.apps-copy .text-link{font-size:15px;gap:18px}.apps-preview{border:1px solid #35445a;border-radius:14px;background:#0d1727;overflow:hidden}.apps-preview-head{display:flex;align-items:center;gap:12px;padding:22px;border-bottom:1px solid #2a394f}.apps-preview-head>[data-icon]{color:#96bafa}.apps-preview-head b{font-size:18px;font-weight:500}.apps-preview-head>span:last-child{margin-left:auto;border:1px solid #485875;padding:4px 10px;border-radius:5px;font-size:11px;color:#c0cee1}.app-preview-row{display:flex;align-items:center;gap:16px;padding:24px 22px;border-bottom:1px solid #233248}.app-category-icon{width:44px;height:44px;border-radius:10px;background:#1e304d;color:#a0c3f9}.app-category-icon svg{width:22px;height:22px}.app-preview-row h3{font-family:var(--font-body);font-size:15px;letter-spacing:-.01em;margin:0 0 5px;font-weight:500}.app-preview-row p{font-size:12px;line-height:1.4;margin:0;color:#94a8c3}.coming-soon{margin-left:auto;font-size:10px;white-space:nowrap;color:#bdcbe0;border:1px solid #364860;background:#17263b;padding:5px 8px;border-radius:20px}.apps-preview-foot{padding:16px 22px;color:#879db9;font-size:11px}.partner-section{background:#101f34;border-block:1px solid #2a405d;padding:76px 0}.partner-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.partner-layout h2{font-size:clamp(35px,3.7vw,51px);margin-bottom:0}.partner-copy p{font-size:18px}.partner-copy small{display:block;color:#96adc9;font-size:12px;margin-top:18px;line-height:1.7}
@media(max-width:1100px){header{gap:18px;padding-inline:24px}header nav a{padding:9px 10px}header .header-actions{gap:12px}header .login{display:none}.apps-section{gap:42px}.app-preview-row{gap:12px;padding:22px 16px}.coming-soon{font-size:9px;padding:4px 6px}.partner-layout{gap:50px}}
@media(max-width:900px){header{height:76px}header .menu-toggle{display:flex;order:3}header .header-actions{margin-left:auto}header nav{display:none;position:absolute;top:84px;left:20px;right:20px;margin:0;padding:10px;background:#101c2f;border:1px solid #3b4d69;border-radius:12px;box-shadow:0 20px 50px #0008}header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}header nav a{font-size:16px;padding:14px 16px}html{scroll-padding-top:96px}.apps-section{grid-template-columns:1fr;gap:36px}.apps-preview{max-width:620px;width:100%}.partner-layout{grid-template-columns:1fr;gap:28px}.partner-copy{max-width:620px}}
@media(max-width:600px){header{padding-inline:16px;gap:12px}header .brand{font-size:24px}header .brand-icon{width:29px;height:32px;margin-right:8px}header .button.small{font-size:12px;padding:10px 12px;gap:10px}header .menu-toggle{min-width:42px;min-height:42px}.preview-browser-dots{display:none}.preview-browser-bar{gap:8px;padding:8px;min-height:54px}.preview-browser-address{font-size:10px;padding:8px;min-width:0}.preview-browser-address>[data-icon]{display:none}#close-camera{min-width:69px;font-size:12px;gap:8px;padding:7px 8px}#camera-dialog{width:94vw;max-width:94vw;height:80dvh;max-height:80dvh;border-radius:11px}.camera-view-head{padding:8px 12px}.camera-view-heading small{font-size:9px}.camera-view-tools{gap:0}#camera-preview-note{font-size:10px;padding:9px 12px}#camera-filmstrip{padding:9px;gap:6px}#camera-filmstrip .camera-tile{width:95px}.apps-copy p{font-size:17px}.apps-copy .apps-disclosure{font-size:14px}.app-preview-row{flex-wrap:wrap;gap:12px}.app-preview-row h3{font-size:14px}.coming-soon{margin-left:56px;margin-top:-5px}.apps-preview-foot{font-size:11px;line-height:1.6}.partner-section{padding:60px 0}.partner-copy p{font-size:17px}.partner-copy .button{font-size:14px;gap:18px}}
/* Original generated portraits, consistently mapped to fictional demo users. */
.dashboard .event-row>.avatar.person-photo,.watch-entry .avatar.person-photo,.selected-initials.person-photo{background-image:url('assets/demo-people.png');background-size:200% 200%;background-repeat:no-repeat;background-color:#bac0c6}
.person-photo[data-portrait="0"]{background-position:left top}.person-photo[data-portrait="1"]{background-position:right top}.person-photo[data-portrait="2"]{background-position:left bottom}.person-photo[data-portrait="3"]{background-position:right bottom}
.dashboard .event-row>.avatar.person-photo{width:36px;height:36px;border:1px solid #ffffff30}.watch-entry .avatar.person-photo{width:34px;height:34px;flex-shrink:0}.selected-initials.person-photo{min-height:0;aspect-ratio:1;width:100%;flex:0 0 auto;border-radius:8px;border:1px solid #ffffff25}.selected-user:has(.person-photo){align-self:start}.selected-user .person-photo:after{content:'DEMO PHOTO';align-self:end;justify-self:start;margin:7px;padding:3px 5px;border-radius:3px;background:#101725c9;color:#fff;font:8px var(--font-body);letter-spacing:.3px}.dashboard .event-row.is-selected{background:#252d3c;box-shadow:inset 2px 0 #88adf2}.dashboard .event-row:hover{background:#303c50}
.dashboard .person-photo[data-portrait="0"]{background-position:left top}.dashboard .person-photo[data-portrait="1"]{background-position:right top}.dashboard .person-photo[data-portrait="2"]{background-position:left bottom}.dashboard .person-photo[data-portrait="3"]{background-position:right bottom}
.dashboard .person-photo{position:relative;overflow:hidden}.dashboard .person-photo img{position:absolute;width:200%;height:200%;max-width:none;top:0;left:0}.dashboard .person-photo[data-portrait="1"] img{left:-100%}.dashboard .person-photo[data-portrait="2"] img{top:-100%}.dashboard .person-photo[data-portrait="3"] img{left:-100%;top:-100%}.selected-user .person-photo:after{position:absolute;bottom:0;left:0;z-index:1}button.selected-user:hover .selected-initials.person-photo{outline:2px solid #8ab4f5;outline-offset:-2px}
/* Keep the mobile credential proportional to the real landscape badge. */
.phone .badge{margin:18px 0 20px;padding:16px;border-radius:15px;background:#006594;color:#fff}.badge-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge-heading b{display:block;font-size:12px;line-height:1.3}.phone .badge-heading small{display:block;font-size:8px;line-height:1.5;letter-spacing:.35px;margin-top:3px;color:#d5edf7}.badge-heading svg{width:24px;height:28px;flex-shrink:0}.badge-identity{display:flex;align-items:center;gap:10px;margin:20px 0}.badge-identity>div{min-width:0}.badge-photo{display:block;position:relative;overflow:hidden;width:48px;height:48px;flex:0 0 48px;border-radius:50%;border:1px solid #b9dceb;background:#bcc4ca}.badge-photo img{position:absolute;top:0;left:0;width:200%;height:200%;max-width:none}.phone .badge h3{font-family:inherit;font-size:15px;line-height:1.25;letter-spacing:-.25px;margin:0 0 5px;text-wrap:nowrap;font-weight:600}.phone .badge p{font-size:8px;line-height:1.4;color:#d4e9f4;letter-spacing:0;white-space:nowrap;margin:0}.phone .badge-meta{display:flex;justify-content:space-between;gap:14px;line-height:1.4}.phone .badge-meta small{display:block;font-size:8px;color:#c9e7f3;letter-spacing:.4px;margin-bottom:4px}.phone .badge-meta b{font-size:12px;font-weight:600}.phone .badge-meta>span:last-child{text-align:right}
.badge-access-summary{background:#232a32;border:1px solid #404a58;border-radius:12px;padding:4px 14px}.badge-access-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;font-size:10px}.badge-access-summary>div+div{border-top:1px solid #3e4754}.badge-access-summary span{color:#adbbcd}.badge-access-summary b{font-size:11px;font-weight:500;color:#edf2fa}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#open-playback{display:flex!important;gap:6px;color:#c0d4f5;background:#18263c;border:1px solid #354968}#open-playback:after{content:'Playback';font-size:11px;padding-right:6px}#camera-playback{flex:1;min-height:0;overflow:auto;background:#191919;padding:18px 20px;color:#ddd}.pb-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.pb-heading h2{font:500 17px var(--font-body);letter-spacing:0;margin:0 0 5px}.pb-heading p{font-size:11px;line-height:1.5;margin:0;color:#999}#camera-playback button{background:#242424;border:1px solid #383838;border-radius:5px;color:#ccc;min-height:32px;padding:6px 9px;font-size:11px}#camera-playback button:hover{background:#333e53;color:#fff}#camera-playback button[aria-pressed=true]{background:#273e70;border-color:#6686cf;color:#fff}#camera-playback button:disabled{opacity:.4;cursor:default}.pb-main{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px}.pb-player{min-width:0}#pb-image{width:100%;border-radius:7px;position:relative}#pb-image:after{display:none}.pb-image-note{position:absolute;top:9px;left:9px;background:#111b2bd9;padding:5px 7px;font-size:8px;border-radius:4px}#pb-image-time{position:absolute;bottom:9px;left:9px;background:#111b2bd9;padding:4px 7px;font:11px monospace}.pb-transport{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 0;flex-wrap:wrap}#camera-playback #pb-live{color:#f7a598;background:#3d2524;border-color:#683f39;font-size:10px}#pb-clock{font:13px monospace;padding:0 5px;min-width:76px;text-align:center}.pb-speeds{display:flex;align-items:center;justify-content:center;gap:4px}.pb-speeds small{font-size:9px;color:#9ca6b6;margin-left:7px}.pb-events{border:1px solid #333;border-radius:7px;overflow:hidden;align-self:start}.pb-events-heading{display:flex;justify-content:space-between;padding:12px;font-size:12px;border-bottom:1px solid #333}.pb-events-heading span{font-size:10px;color:#909090}#pb-event-list{max-height:350px;overflow:auto}#camera-playback #pb-event-list button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-bottom:1px solid #303030;border-radius:0;padding:9px 8px;text-align:left;background:transparent}#camera-playback #pb-event-list button[aria-pressed=true]{background:#263349;box-shadow:inset 2px 0 #759fec}#pb-event-list .pb-thumb{width:56px;flex-shrink:0;border-radius:4px}#pb-event-list b{font-size:11px;font-weight:400;display:block}#pb-event-list small{font:10px monospace;color:#999;display:block;margin-top:5px}.pb-confidence{font-size:10px;color:#8f96a1;margin-left:auto}.pb-timeline-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0 8px}.pb-date-controls,.pb-zoom{display:flex;gap:5px;align-items:center}#pb-date{color-scheme:dark;background:#232323;border:1px solid #383838;border-radius:5px;color:#ccc;font:11px var(--font-body);padding:7px;min-height:32px;max-width:142px}.pb-timeline{border:1px solid #343434;border-radius:5px;padding:0 12px 8px;background:#141414}#pb-markers{height:24px;position:relative;margin:0 6px}#camera-playback #pb-markers button{position:absolute;top:4px;transform:translateX(-50%);min-height:17px;width:5px;padding:0;border:0;border-radius:1px;background:#70abfa}#camera-playback #pb-markers .motion-marker{background:#c7a956}#pb-seek{display:block;width:100%;accent-color:#6489ff;cursor:pointer;height:24px;margin:0}#pb-time-labels{display:flex;justify-content:space-between;font:10px monospace;color:#888}.pb-footer{display:flex;justify-content:space-between;gap:20px;margin-top:10px;font-size:10px;color:#929dab;line-height:1.6}.pb-footer>span:first-child{white-space:nowrap}.pb-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70abfa}.pb-footer i+i{background:#c7a956}#pb-status{font-size:11px;line-height:1.6;color:#a7b7cf;margin:12px 0 0;border-top:1px solid #303030;padding-top:10px}
@media(max-width:760px){#camera-playback{padding:14px 12px}.pb-main{grid-template-columns:1fr}.pb-heading{gap:8px;margin-bottom:14px}.pb-heading h2{font-size:14px}.pb-heading p{font-size:10px}.pb-events{order:1}#pb-event-list{max-height:155px}.pb-events-heading{padding:9px 12px}.pb-transport{gap:4px}#camera-playback .pb-transport button{padding:5px 7px;min-height:36px}.pb-speeds{flex-wrap:wrap}.pb-speeds small{width:100%;text-align:center;margin:4px 0}.pb-timeline-tools{flex-wrap:wrap;margin-top:14px}.pb-footer{flex-direction:column;gap:7px}.pb-heading #pb-back{font-size:10px;white-space:nowrap}#open-playback{min-width:36px;padding:4px}#open-playback:after{display:none}#pb-time-labels{font-size:9px}}
.pb-image-frame{height:min(36dvh,340px);background:#090909;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;container-type:size}#pb-image{width:min(100cqw,177.777cqh);flex-shrink:0}.pb-events{max-height:calc(min(36dvh,340px) + 80px)}@media(max-width:760px){.pb-image-frame{height:210px}.pb-events{max-height:none}}
.app-preview-row>div{min-width:0}.app-preview-row p{line-height:1.55}.app-preview-row .coming-soon{flex-shrink:0}

/* Keep the marketing journey compact while preserving the product preview. */
.hero-image{height:340px}.hero{padding-top:46px}.hero-heading{margin-bottom:32px}
#platform .section-heading{margin-bottom:24px}#platform .core-roles{margin-bottom:28px}
.demo-tabs>span{font-size:12px;letter-spacing:0;color:#bac8dd;line-height:1.6}
.mobile-demo-intro{display:none}
@media(max-width:760px){
 .hero-image{height:280px}.hero{padding-top:32px}
 #platform .core-roles{gap:16px;margin:24px 0 28px}
 #platform .core-roles article{padding-top:14px}
 #platform .core-roles h3{margin:0 0 5px;font-size:17px}
 #platform .core-roles p{margin:0;font-size:14px;line-height:1.6}
 .mobile-demo-intro{display:block;padding:24px;background:#101c2e;border:1px solid #34465f;border-radius:10px;margin-top:22px}
 .mobile-demo-intro>b{font:600 22px var(--font-heading);letter-spacing:-.4px}
 .mobile-demo-intro p{font-size:15px;line-height:1.65;margin:12px 0 20px}
 .mobile-demo-intro .button{width:100%;justify-content:space-between}
 #dashboard-preview{display:none}#dashboard-preview.is-expanded{display:block;margin-top:22px}
 .demo-tabs>span{display:block;grid-column:1/-1;font-size:12px;margin:8px 0}
}
/* Dashboard customization uses the real product's dark editor treatment. */
.dash-edit,#dashboard-editor button{background:#272727;border:1px solid #484848;border-radius:5px;color:#eee;padding:9px 12px;font-size:12px;min-height:38px;cursor:pointer}#dashboard-editor{padding:12px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}#dashboard-editor[hidden]{display:none}#dashboard-editor>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#dashboard-editor span{font-size:12px;color:#b4bdca}#save-dashboard{background:#345cc0!important}.editor-status{font-size:12px!important;line-height:1.6!important;color:#b9c8de;margin:0 0 12px}.editor-status:empty{display:none}.widget-edit-controls{display:none;padding:8px;gap:6px;background:#242830;border-bottom:1px dashed #61718a}.editing .widget-edit-controls{display:flex;cursor:grab}.widget-edit-controls button{background:#333e51;color:#fff;border:1px solid #56637a;border-radius:4px;min-width:36px;min-height:34px;cursor:pointer}.dashboard .dash-grid.custom-arrangement{grid-template-columns:repeat(6,minmax(0,1fr))!important}.dashboard .dash-grid.custom-arrangement>.widget{display:block;grid-column:span 3!important;grid-row:auto!important;order:0!important;min-width:0}.dashboard .dash-grid.custom-arrangement>.wide-widget{grid-column:span 6!important}.dashboard .dash-grid.custom-arrangement>.widget[hidden]{display:none!important}.custom-arrangement .intercom-demo{display:block}.custom-arrangement .intercom-demo>div:last-child{margin-top:12px}.custom-arrangement .activity-body{grid-template-columns:1fr}.custom-arrangement .selected-user{display:none}.custom-arrangement .activity-list{border:0}.editing>.widget{outline:1px dashed #657894;outline-offset:-1px}#widget-picker{width:min(480px,92vw);max-height:80dvh;padding:24px;background:#191919;color:#eee;border:1px solid #505868;border-radius:12px}#widget-picker::backdrop{background:#000a}.picker-head{display:flex;align-items:center;justify-content:space-between}.picker-head h2{font:500 20px var(--font-body);letter-spacing:0;margin:0}.picker-head button{background:none;border:0;color:#fff;font-size:25px;min-width:44px;min-height:44px}#widget-picker p,#widget-picker small{font-size:12px;color:#aab8ca}#widget-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}#widget-choices button{background:#252b36;border:1px solid #45536a;color:#fff;border-radius:6px;padding:14px;text-align:left;min-height:48px}#widget-choices button:disabled{opacity:.4;cursor:default}
.permissions-section{border-top:1px solid #25334a}.permission-demo{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.permission-copy h3{font-size:32px;margin:18px 0}.permission-copy p{font-size:17px;max-width:460px}.permission-copy>small{display:block;font-size:12px;line-height:1.7;color:#9baec8;margin-top:20px;max-width:450px}.example-tag{font-size:10px;letter-spacing:1px;color:#a2bce2}.permission-tabs{display:flex;gap:8px;flex-wrap:wrap}.permission-tabs button{padding:12px 16px;min-height:46px;border:1px solid #405778;border-radius:6px;background:#111f33;color:#c8d5e8}.permission-tabs button[aria-pressed=true]{background:#243c62;border-color:#7aa2e3;color:#fff}.permission-card{background:#111c2d;border:1px solid #3c4d67;border-radius:12px;padding:30px}.permission-card-head{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1px;color:#a9bddb}.permission-card h3{font-size:27px;margin:24px 0}.permission-card dl{display:grid;grid-template-columns:130px 1fr;margin:0}.permission-card dt,.permission-card dd{padding:15px 0;border-top:1px solid #2e3d53;font-size:13px;line-height:1.65}.permission-card dt{color:#97abc7}.permission-card dd{margin:0;color:#e1e9f5}.inquiry-layout{display:grid!important;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start!important}.inquiry-note{font-size:14px!important;color:#a6b7d0;max-width:370px}#demo-inquiry{background:#111d2f;padding:28px;border:1px solid #354762;border-radius:12px}#demo-inquiry label{display:block;font-size:13px;color:#ccd9e9}#demo-inquiry input,#demo-inquiry select,#demo-inquiry textarea{display:block;width:100%;box-sizing:border-box;background:#091321;border:1px solid #455773;color:#fff;border-radius:5px;padding:12px;font:15px var(--font-body);margin:7px 0 18px;min-height:46px}#demo-inquiry textarea{resize:vertical}.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}#inquiry-status{font-size:13px;line-height:1.7;margin-bottom:0}#inquiry-status:empty{display:none}
@media(max-width:760px){.dash-toolbar{flex-wrap:wrap;justify-content:flex-end}.dash-edit{font-size:11px;padding:7px}.dashboard .dash-grid.custom-arrangement{grid-template-columns:1fr!important}.dashboard .dash-grid.custom-arrangement>.widget,.dashboard .dash-grid.custom-arrangement>.wide-widget{grid-column:1!important}.permission-demo,.inquiry-layout{grid-template-columns:1fr;gap:28px}.permission-copy h3{font-size:27px}.permission-card{padding:22px}.permission-card dl{grid-template-columns:105px 1fr}.permission-card dt,.permission-card dd{font-size:12px}.inquiry-layout{display:grid!important}.inquiry-fields{grid-template-columns:1fr}#demo-inquiry{padding:22px}.inquiry-note{max-width:none}}
.contact .inquiry-layout{grid-column:1/-1;width:100%;margin-top:26px}.contact .inquiry-layout>div{display:block}.contact h2{grid-column:1/-1}.contact .inquiry-layout p{max-width:430px}.contact .inquiry-layout form{min-width:0}
/* Crawlable product guides share the site's typography and visual language. */
.product-page header .header-actions{margin-left:auto}.product-hero{padding:70px 0 64px;max-width:950px}.product-breadcrumb{display:block;color:#acbfd9;font-size:13px;margin-bottom:40px}.product-hero h1{font-size:clamp(40px,5vw,68px);margin:18px 0 25px}.product-hero>p{max-width:800px;font-size:20px;line-height:1.8}.product-hero>.button{margin-top:18px}.product-detail{border-top:1px solid #2e3e54;padding:55px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start}.product-detail h2{font-size:34px;line-height:1.25;margin:0}.product-detail p{margin:0 0 18px;font-size:17px}.product-questions{padding:55px 0}.product-questions h2,.product-related h2{font-size:36px}.product-faq details{border-bottom:1px solid #34455e;padding:22px 0}.product-faq summary{font-size:18px;cursor:pointer;line-height:1.6}.product-faq p{max-width:850px;font-size:16px;margin-bottom:0}.product-related{border-top:1px solid #34455e;padding:45px 0 70px}.product-related>a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:17px;border-bottom:1px solid #29394f}.product-directory{border-top:1px solid #2d3c52}.product-directory>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.product-directory a{display:block;border:1px solid #34465e;border-radius:9px;padding:25px;background:#0d192a}.product-directory a:hover{border-color:#7da8e7;background:#13243b}.product-directory h3{font-size:22px;margin:0 0 15px}.product-directory p{font-size:15px;line-height:1.75}.product-directory a>span{display:block;font-size:14px;color:#a7c9ff;margin-top:24px}
@media(max-width:760px){.product-hero{padding:42px 0}.product-hero>p{font-size:17px}.product-breadcrumb{margin-bottom:25px}.product-detail{grid-template-columns:1fr;gap:18px;padding:35px 0}.product-detail h2{font-size:28px}.product-questions h2,.product-related h2{font-size:30px}.product-directory>div:last-child{grid-template-columns:1fr;gap:14px}.product-faq summary{font-size:16px}}
.product-directory>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.product-directory>div:last-child{grid-template-columns:1fr}}