:root{color-scheme:dark;--ink:#f4f4f8;--paper:#090a0d;--lime:#ff4a57;--red:#df1f34;--sage:#191c24;--muted:#aaaebc;--line:#ffffff14}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:radial-gradient(ellipse at 90% 3%,#df1f3415,transparent 35%),var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a.button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:800;letter-spacing:-1.5px;text-decoration:none}.brand img{width:36px;height:36px}.nav nav{display:flex;gap:24px;font-weight:600;font-size:14px}.nav nav a{text-decoration:none;color:var(--muted)}.nav a:hover{color:white}.button,button.primary{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:15px 24px;border:1px solid #ff677166;border-radius:14px;background:linear-gradient(135deg,#df1f34,#b81229);color:white;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 6px 24px #e5233420;transition:transform .2s,box-shadow .2s,background .2s}.button:hover,button.primary:hover{transform:translateY(-3px);box-shadow:0 10px 36px #ff4a5740}.button:active,button.primary:active{transform:scale(.97)}.secondary, .button.secondary{padding:12px 20px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff06;color:var(--ink);box-shadow:none;transition:background .2s,transform .2s}.secondary:hover{background:#ffffff10}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;padding:80px 0 95px;position:relative}h1{font-size:clamp(44px,6.2vw,84px);line-height:1.02;letter-spacing:-4px;margin:22px 0 30px}h1 em,h2 em{font-style:normal;color:var(--lime)}.eyebrow{font:700 11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--lime)}.hero>.hero-copy>.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:10px;box-shadow:0 0 15px #ff4a5760}.intro{font-size:18px;color:var(--muted);max-width:570px}.actions{display:flex;flex-wrap:wrap;gap:26px;align-items:center;margin:28px 0}.fine,small{color:var(--muted);font-size:13px}.demo{padding:20px;background:linear-gradient(145deg,#252833,#101217);color:white;border:1px solid #ffffff20;border-radius:26px;box-shadow:0 24px 80px #0008,0 0 90px #df1f3415;position:relative;animation:arrive .8s ease-out both}.demo:before{content:"";position:absolute;inset:-9px;border:1px solid #ff4a5715;border-radius:34px;pointer-events:none}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}.camera-name{display:flex;align-items:center;gap:9px}.camera-icon{width:27px;height:27px;stroke:var(--lime);fill:none;stroke-width:1.6}.badge{font:650 9px/1.5 monospace;letter-spacing:.8px;background:#ffffff09;border:1px solid #ffffff15;padding:5px 8px;border-radius:8px;color:var(--muted)}.room{height:auto;aspect-ratio:1586/992;margin:20px 0 18px;background:#11151c;border-radius:15px;position:relative;overflow:hidden;border:1px solid #ffffff0d}.room-graphic{display:block;width:100%;height:100%;object-fit:cover}.room-corners{position:absolute;inset:12px;border:1px solid #ffffff20;border-radius:5px;pointer-events:none}.room-corners:before{content:"DEMO · NOT A LIVE FEED";position:absolute;bottom:9px;left:9px;font:9px monospace;letter-spacing:1.8px;color:#ffffff90}.demo h3{font-size:23px;letter-spacing:-.6px;margin:4px 0}.demo small{color:var(--muted)}.demo-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:11px;color:var(--muted)}.signal{display:flex;align-items:center;gap:3px}.signal i{width:3px;height:10px;border-radius:2px;background:var(--lime);animation:wave 1.8s ease-in-out infinite}.signal i:nth-child(2){animation-delay:.2s;height:16px}.signal i:nth-child(3){animation-delay:.4s;height:22px}.signal i:nth-child(4){animation-delay:.6s;height:14px}.demo-footer{display:flex;justify-content:space-between;align-items:center}.feature-strip{display:flex;gap:26px;flex-wrap:wrap;margin-top:28px;font-size:11px;font-weight:650;letter-spacing:.8px;color:var(--muted)}.feature-strip span{display:flex;gap:8px;align-items:center}.feature-strip span:before{content:"+";color:var(--lime);font-size:18px}.section{padding:75px 0;border-top:1px solid var(--line)}h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;line-height:1.14;margin:14px 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(140deg,#1c1f28,#12141a);border:1px solid var(--line);border-radius:22px;padding:26px;transition:border-color .3s,transform .3s}.grid .card:hover{transform:translateY(-5px);border-color:#ff4a5740}.card h3{font-size:22px;letter-spacing:-.5px;margin:12px 0}.card p{color:var(--muted);font-size:15px}.num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ff4a5730;border-radius:12px;background:#ff4a570b;color:var(--lime);font:600 15px monospace}.feature-icon{width:48px;height:48px;border-radius:14px;background:#ff4a570b;border:1px solid #ff4a5720;padding:11px;stroke:var(--lime);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dark{background:radial-gradient(ellipse at 95% 15%,#df1f3430,transparent 60%),linear-gradient(145deg,#1b1e27,#12141a);color:white;border:1px solid #ffffff18;border-radius:30px;padding:42px}.dark p{color:var(--muted);max-width:750px}.price strong{font-size:28px;letter-spacing:-1px}.callout{padding:24px;background:#ffffff04;border:1px solid var(--line);border-left:3px solid var(--lime);border-radius:16px;margin-top:28px;color:var(--muted);font-size:14px}.callout strong{color:var(--ink)}.footer{padding:35px 0 55px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;font-size:13px;color:var(--muted)}.subpage{max-width:850px;padding:45px 0}.subpage h1{font-size:53px;letter-spacing:-2px}.form{max-width:460px}.form label{display:block;font-size:14px;font-weight:600;margin:16px 0 5px}input{border:1px solid #ffffff22;border-radius:12px;padding:12px;width:100%;background:#0c0e13;color:var(--ink)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.status{padding:12px 18px;margin:18px 0;border-radius:12px;background:var(--sage);border:1px solid var(--line);color:var(--muted)}.status.error{background:#ff4a5710;color:#ff8e98;border-color:#ff4a5730}.hidden,[hidden]{display:none!important}.danger{border:1px solid #ff4a5740;border-radius:12px;background:#ff4a570b;color:#ff8e98;padding:10px 17px}.device-list{display:grid;gap:16px}.device-header{display:flex;justify-content:space-between;gap:18px}.video-shell{background:#050609;min-height:260px;border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative}video{display:block;width:100%;max-height:65vh;background:#050609}.offline{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#090a0df0;color:var(--muted);padding:35px;font-size:18px}.controls button{flex:1;min-width:120px}.controls .talking{background:#df1f34;outline:2px solid #ff8e98}.prose h2{font-size:28px;margin-top:40px}.prose p,.prose li{color:var(--muted)}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650}details p{color:var(--muted)}.screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.reveal-wait{opacity:0;transform:translateY(22px)}.reveal-in{opacity:1;transform:none;transition:opacity .6s,transform .6s}.hero-copy{animation:arrive .7s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes wave{0%,100%{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1);opacity:1}}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.nav{flex-wrap:wrap;padding:20px 0}.nav nav{gap:15px;order:3;width:100%;font-size:13px}.hero{grid-template-columns:1fr;gap:40px;padding:35px 0 60px}h1{letter-spacing:-2.6px}.grid{grid-template-columns:1fr}.section{padding:50px 0}.dark{padding:27px}.subpage h1{font-size:40px}.actions{gap:18px}.footer{flex-direction:column;align-items:flex-start}.room{height:auto}.badge{font-size:8px}.demo-row{gap:12px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-wait{opacity:1;transform:none}.button:hover,.grid .card:hover{transform:none}}
.dashboard-page{padding:45px 0;max-width:1160px}.dashboard-page h1{font-size:clamp(40px,5vw,62px);letter-spacing:-2.5px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 45px}.stat-card{display:flex;flex-direction:column;padding:22px;border-radius:18px;background:var(--sage);border:1px solid var(--line)}.stat-card strong{font-size:36px;line-height:1.2;letter-spacing:-1px}.stat-card span{font-size:12px;color:var(--muted)}.wall-section{margin:24px 0 50px}.camera-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.wall-tile{padding:16px;background:var(--sage);border:1px solid var(--line);border-radius:20px;transition:border-color .2s}.wall-tile.selected{border-color:var(--lime);box-shadow:0 0 0 2px #ff4a5720}.wall-tile-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.wall-tile-header strong{overflow-wrap:anywhere}.wall-video{aspect-ratio:16/9;position:relative;overflow:hidden;background:#050609;border-radius:12px}.wall-video video{height:100%;object-fit:contain}.wall-overlay{position:absolute;inset:0;background:#090a0dad;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:var(--muted);padding:20px}.wall-tile.live .badge{color:#b9efca;border-color:#b9efca33}.talk-panel h3{margin-top:0}.talk-panel .talking{background:#df1f34;outline:2px solid #ff8e98}.event-list{display:grid;gap:10px;margin:18px 0}.event-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#ffffff03;cursor:pointer}.event-row:hover{background:#ffffff08}.event-row img{width:90px;height:65px;object-fit:cover;border-radius:8px}.event-row>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2px}.event-row small{font-size:11px}.device-hits .row{margin-top:0}.device-hits h3{margin:0}.device-hits p{margin:4px 0}dialog{color:var(--ink);background:#151820;border:1px solid #ffffff26;border-radius:24px;padding:24px;width:min(780px,calc(100% - 30px));max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog img{display:block;width:100%;border-radius:12px;margin:18px 0}dialog video{border-radius:12px;margin-bottom:20px}dialog h2{font-size:28px}.event-row img{margin:0}.device-header h2{margin-top:0}@media(max-width:600px){.stats-grid{gap:8px}.stat-card{padding:14px}.stat-card strong{font-size:28px}.stat-card span{font-size:10px}.camera-wall{grid-template-columns:1fr}.device-header{flex-wrap:wrap}.wall-tile .row button{flex:1}.event-row img{width:72px;height:60px}.dashboard-page{padding-top:30px}}

/* Photo and decorative detection overlay share one aspect ratio on every screen. */
.detection-frame{position:absolute;left:56.5%;top:11.5%;width:23%;height:68%;pointer-events:none;background:linear-gradient(var(--lime),var(--lime)) left top/20px 2px no-repeat,linear-gradient(var(--lime),var(--lime)) left top/2px 20px no-repeat,linear-gradient(var(--lime),var(--lime)) right top/20px 2px no-repeat,linear-gradient(var(--lime),var(--lime)) right top/2px 20px no-repeat,linear-gradient(var(--lime),var(--lime)) left bottom/20px 2px no-repeat,linear-gradient(var(--lime),var(--lime)) left bottom/2px 20px no-repeat,linear-gradient(var(--lime),var(--lime)) right bottom/20px 2px no-repeat,linear-gradient(var(--lime),var(--lime)) right bottom/2px 20px no-repeat;animation:detected 6s ease-in-out infinite;filter:drop-shadow(0 0 4px #0008)}
.detection-frame>span{position:absolute;left:0;bottom:calc(100% + 7px);white-space:nowrap;color:white;background:#c9162deb;padding:4px 6px;border-radius:4px;font:650 8px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.5px}
.detection-scan{position:absolute;left:2px;right:2px;height:1px;top:2%;background:#ff8992;box-shadow:0 0 10px #ff4a57;animation:room-scan 6s ease-in-out infinite}
.room-notice{position:absolute;bottom:12%;left:5%;display:flex;gap:9px;align-items:center;background:#0b0c11e8;border:1px solid #ffffff26;border-radius:10px;padding:10px 12px;box-shadow:0 5px 18px #0005;animation:notice-arrives 6s ease-in-out infinite}
.room-notice strong{font-size:12px;display:block;line-height:1.4}.room-notice small{font-size:10px;color:#c4c6ce;display:block}.notice-dot{height:7px;width:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #ff4a5790}
@keyframes detected{0%,100%{opacity:.6}20%,85%{opacity:1}}@keyframes room-scan{0%,10%{top:2%;opacity:0}20%{opacity:.7}65%{top:95%;opacity:.7}75%,100%{top:95%;opacity:0}}@keyframes notice-arrives{0%,12%,100%{opacity:0;transform:translateY(6px)}25%,88%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.detection-scan{display:none}.room-notice,.detection-frame{opacity:1;transform:none}}

@media(max-width:800px){.actions>.button{white-space:nowrap;font-size:12px;padding:14px}.price small{font-size:11px;white-space:normal;display:block;max-width:100%}}

/* Navigation can wrap on narrow screens as use cases are added. */
.nav nav{flex-wrap:wrap}

/* Each SVG maps its image and brackets in the same source coordinate space. */
.scenario-stage{aspect-ratio:1586/992;isolation:isolate}.scenario-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}.scenario-slide.active{opacity:1}.scenario-slide svg{display:block;width:100%;height:100%}.scene-box>path{fill:none;stroke:var(--lime);stroke-width:6;filter:drop-shadow(0 0 2px #000)}.scene-box .scene-label-bg{fill:#c9162deb}.scene-box text{fill:white;font:700 24px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1px}.scenario-caption{position:absolute;left:12px;bottom:10px;background:#080a0dbd;border-radius:4px;padding:3px 6px;color:#fff;font:8px monospace;letter-spacing:1px}.scenario-pause{border:1px solid var(--line);background:transparent;border-radius:8px;padding:4px 10px;color:var(--muted);font-size:11px}.scenario-tabs{display:flex;gap:8px}.scenario-tabs button{flex:1;color:var(--muted);background:#ffffff04;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:12px}.scenario-tabs button[aria-pressed=true]{background:#ff4a5718;border-color:#ff4a5750;color:white}.scenario-description{font-size:13px;color:var(--muted);min-height:43px;margin:8px 0}.hero h1{font-size:clamp(44px,5.3vw,72px)}.plan h3{font-size:36px;margin:15px 0}.plan-price{display:flex;align-items:baseline;gap:7px}.plan-price strong{font-size:32px;color:white;letter-spacing:-1px}.plan .button{margin-top:10px}.nav nav{gap:18px}@media(max-width:800px){.nav nav{flex-wrap:wrap;row-gap:8px}.hero h1{font-size:clamp(42px,9vw,65px)}.scenario-description{min-height:43px}.plan-grid{gap:14px}}

/* Account welcome keeps sign-in focused, with errors beside the form. */
[hidden]{display:none!important}.account-page .dashboard-page>h1{font-size:clamp(36px,4vw,54px);letter-spacing:-2px;line-height:1.08;margin:20px 0 32px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.auth-preview h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:14px 0}.auth-preview p{color:var(--muted)}.auth-preview .room img{width:100%;height:100%;object-fit:cover}.auth-preview .room{position:relative}.account-page #auth{width:100%;max-width:480px;justify-self:end}.account-page #form-title{font-size:30px;margin:0 0 14px}.account-page #status{margin:0 0 18px;font-size:14px;line-height:1.5;padding:10px 13px;border-radius:10px;background:#ffffff05;color:var(--muted)}.account-page #status.error{background:#df1f3412;color:#ff9da5;border:1px solid #df1f3440}.account-page #account-form>.row{gap:10px}.account-page #account-form>.row:first-of-type{flex-wrap:nowrap}.account-page #submit{flex:1}.account-page #verify,.account-page #forgot{font-size:13px;padding:9px 12px}.account-page.signed-in #status{margin-top:12px}.account-page #auth input{width:100%}@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:25px}.account-page #auth{justify-self:center;max-width:540px}.auth-preview{display:none}.account-page .dashboard-page>h1{font-size:38px;margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.scenario-slide{transition:none}}

.account-page:not(.signed-in) .dashboard-page>#page-title,.account-page:not(.signed-in) .dashboard-page>.eyebrow{display:none}.account-page:not(.signed-in) .dashboard-page{padding-top:36px}.auth-preview .room svg{width:100%;height:100%;display:block}.account-delete{margin-top:30px}
/* The signed-in workspace follows the app: Events, wall, Devices, Account. */
.account-page.signed-in .wrap{width:min(1440px,calc(100% - 48px))}.account-topbar{padding:20px 0}.console-label{font-size:13px;color:var(--muted)}.signed-in .public-help{display:none}.signed-in .dashboard-page{padding:28px 0 60px}.signed-in #dashboard{display:grid;grid-template-columns:168px minmax(0,1fr);gap:24px 32px}.console-nav{grid-column:1;grid-row:1/8;position:sticky;top:24px;align-self:start;display:grid;gap:8px}.console-nav button{display:flex;align-items:center;gap:12px;padding:14px 16px;border:0;border-radius:14px;background:transparent;color:var(--muted);font-weight:600;text-align:left;font-size:14px}.console-nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;flex-shrink:0}.console-nav button:hover{background:#ffffff07;color:white}.console-nav button[aria-selected=true]{background:#ff4a5712;color:var(--lime)}.console-heading,#dashboard>section,#dashboard>#status{grid-column:2;min-width:0}.console-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.console-heading h1{font-size:30px;letter-spacing:-.8px;line-height:1.2;margin:0}.console-heading p{font-size:14px;color:var(--muted);margin:5px 0 0}.compact{font-size:13px;padding:8px 12px}.signed-in #status{margin:0}.signed-in .stats-grid{margin:0 0 28px;gap:12px}.signed-in .stat-card{padding:18px 20px}.signed-in .stat-card strong{font-size:32px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}.section-toolbar h2{font-size:19px;letter-spacing:-.3px;margin:0}.filter-label{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}select{max-width:230px;padding:9px 30px 9px 12px;background:#191c24;border:1px solid #ffffff20;border-radius:10px;color:var(--ink);font:inherit}.events-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.signed-in .event-row{gap:12px;padding:10px;min-height:92px}.signed-in .event-row img{width:110px;height:76px}.signed-in .event-row strong{font-size:14px}.signed-in .event-row small{font-size:11px}.empty-state{padding:38px 24px;border:1px dashed #ffffff20;border-radius:18px;color:var(--muted);font-size:14px;grid-column:1/-1;text-align:center}.signed-in .device-list{gap:0;background:#14171d;border:1px solid var(--line);border-radius:18px;overflow:hidden}.device-item{display:flex;gap:16px;align-items:center;width:100%;padding:20px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--ink)}.device-item:last-child{border-bottom:0}.device-item:hover{background:#ffffff05}.device-item-text{display:flex;flex-direction:column;gap:4px;flex:1}.device-item-text strong{font-size:16px}.device-item-text small{font-size:12px}.device-item-status{display:flex;gap:18px;align-items:center}.device-glyph{font-size:28px;color:var(--lime);width:30px}.chevron{font-size:24px;color:var(--muted)}.device-facts{display:grid;grid-template-columns:130px 1fr;gap:14px;font-size:14px}.device-facts dt{color:var(--muted)}.device-facts dd{margin:0}.wall-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.wall-toolbar p{margin:0;max-width:400px}.wall-toolbar .row{margin:0;flex-wrap:nowrap}.signed-in .camera-wall{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;margin:0 0 18px}.signed-in .wall-tile{position:relative;padding:0;background:#050609;border-radius:18px;overflow:hidden}.signed-in .wall-tile-header{position:absolute;top:0;left:0;right:0;z-index:2;padding:12px 16px;margin:0;pointer-events:none;background:linear-gradient(#000b,transparent);font-size:13px}.signed-in .wall-tile-header .badge{font-size:9px;background:#08090dbb;border:0;padding:3px 6px}.signed-in .wall-video{border-radius:0;aspect-ratio:4/3}.signed-in .wall-video video{max-height:none;height:100%;width:100%;object-fit:contain}.wall-video .camera-select{position:absolute;inset:0;border:0;background:transparent;color:transparent;z-index:1}.camera-expand{position:absolute;bottom:12px;right:12px;z-index:3;width:36px;height:36px;border-radius:10px;border:1px solid #ffffff20;background:#0c0e13bb;color:white;font-size:22px;line-height:1}.camera-expand:hover{background:#242833}.signed-in .wall-overlay{padding:55px 24px;font-size:13px}.signed-in .wall-tile.selected{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.signed-in .talk-panel{position:sticky;bottom:18px;z-index:4;padding:16px 18px;border-radius:18px;border:1px solid #ffffff24;background:#171a22ee;backdrop-filter:blur(16px);box-shadow:0 10px 30px #0007}.control-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px}.signed-in .controls{margin-top:12px;gap:8px;flex-wrap:wrap}.signed-in .controls button{min-width:72px;flex:1;padding:10px 12px;font-size:13px;border-radius:10px}.control-note{font-size:11px;line-height:1.4;color:var(--muted);margin:10px 0 0}.account-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-settings-grid h2{font-size:20px;margin-top:0}.account-settings-grid p{font-size:14px;color:var(--muted)}.account-settings-grid .account-delete{margin:0}.account-help{display:grid;gap:14px;margin-top:25px;font-size:14px}.expanded-camera{width:calc(100% - 40px);height:calc(100dvh - 40px);max-width:1500px;max-height:none;padding:18px;overflow:hidden}.expanded-camera[open]{display:flex;flex-direction:column;gap:12px}.expanded-camera>header{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px}.expanded-camera #expanded-feed{flex:1;min-height:0}.expanded-camera #expanded-feed .wall-video{height:100%;aspect-ratio:auto;background:black;border-radius:14px}.expanded-camera .talk-panel{position:static}.expanded-camera .camera-select,.expanded-camera .camera-expand{display:none}.expanded-camera #expanded-controls{flex-shrink:0}.expanded-camera video{max-height:none}
@media(max-width:1000px){.signed-in #dashboard{grid-template-columns:140px minmax(0,1fr);gap:22px}.console-nav button{padding:12px;font-size:13px}.events-grid{grid-template-columns:1fr}.wall-toolbar{align-items:flex-start;flex-direction:column}.account-settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.account-page.signed-in .wrap{width:calc(100% - 28px)}.signed-in .dashboard-page{padding:20px 0 110px}.signed-in #dashboard{display:block}.console-nav{position:fixed;left:14px;right:14px;bottom:max(10px,env(safe-area-inset-bottom));top:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;z-index:10;background:#191c24f5;border:1px solid #ffffff25;border-radius:22px;padding:7px;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0009}.console-nav button{flex-direction:column;justify-content:center;gap:4px;padding:8px 4px;font-size:10px;text-align:center;border-radius:16px}.console-nav svg{width:21px;height:21px}.console-heading{margin-bottom:22px}.console-heading h1{font-size:25px}.console-heading p{font-size:12px}.console-heading .compact{font-size:12px;padding:7px 10px}.console-label{display:none}.signed-in .stat-card{padding:15px 12px;border-radius:14px}.signed-in .stat-card strong{font-size:27px}.signed-in .stat-card span{font-size:10px}.signed-in .stats-grid{gap:8px;margin-bottom:24px}.section-toolbar{gap:10px}.section-toolbar h2{font-size:16px}.filter-label{gap:5px;font-size:11px}.filter-label select{max-width:145px;padding-right:8px}.signed-in .event-row img{width:90px;height:70px}.signed-in .talk-panel{bottom:94px;padding:12px}.signed-in .controls button{min-width:62px;font-size:12px}.wall-toolbar .row{gap:8px}.wall-toolbar p{font-size:12px}.wall-toolbar button{font-size:12px}.signed-in .camera-wall{gap:10px}.device-item{padding:17px 14px;gap:10px}.device-item-text strong{font-size:14px}.device-item-text small{font-size:11px}.device-item-status{gap:10px}.device-item-status .fine{font-size:10px}.expanded-camera{width:100%;height:100dvh;border:0;border-radius:0;padding:14px}.expanded-camera .talk-panel{bottom:auto}.signed-in .account-settings-grid .card{padding:20px}}
.remote-audio-toggle{display:flex;gap:12px;align-items:center;margin:22px 0 5px;font-size:14px}.remote-audio-toggle input{width:20px;height:20px;accent-color:var(--red);margin:0}

.confirmation-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #343640;border-radius:24px;background:#191c23;color:#f4f4f8;box-shadow:0 24px 100px #0009}.confirmation-dialog::backdrop{background:#030407bb;backdrop-filter:blur(8px)}.confirmation-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;margin-bottom:24px}.confirmation-brand img{width:30px;height:30px}.confirmation-dialog h2{font-size:26px;line-height:1.2;margin:0 0 14px;letter-spacing:-.7px}.confirmation-dialog p{font-size:15px;line-height:1.65;color:#b7bcc8;margin:0 0 24px}.confirmation-dialog label{display:grid;gap:8px}.confirmation-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.confirmation-actions button{min-height:46px}.confirmation-dialog button:focus-visible{outline:2px solid #ff5966;outline-offset:4px}

/* Plan comparison keeps billing, cloud history and local recording distinct. */
.plan-grid{align-items:stretch}.plan-grid .plan{display:flex;flex-direction:column;min-width:0}.plan-grid .plan h3{font-size:26px;line-height:1.25;min-height:2.5em;margin:12px 0}.plan-grid .plan ul{padding-left:20px;color:var(--muted);margin:8px 0 22px}.plan-grid .plan li{margin:10px 0}.plan-grid .plan li strong{color:var(--ink)}.plan-grid .plan .button{margin-top:auto}.plan-featured{border-color:#ff4a5770;background:linear-gradient(150deg,#ff4a5712,var(--sage))}.plan-included,.plan-trial{padding:24px 28px;border:1px solid var(--line);border-radius:18px;margin-top:24px;background:#ffffff03}.plan-included h3,.plan-trial h3{margin:0 0 10px}.plan-included p,.plan-trial p{margin:8px 0}.plan-comparison{overflow:auto;border:1px solid var(--line);border-radius:18px;margin-top:24px}.plan-comparison table{border-collapse:collapse;width:100%;min-width:620px;text-align:left;font-size:14px}.plan-comparison caption{text-align:left;padding:20px;font-weight:700;font-size:16px;background:#ffffff03}.plan-comparison th,.plan-comparison td{padding:16px 20px;border-top:1px solid var(--line)}.plan-comparison thead th{color:var(--lime)}.plan-comparison tbody th{font-weight:500;color:var(--muted)}.plan-storage-note,.plan-availability{margin-top:22px;max-width:900px}.plan-availability{border-left:3px solid var(--lime);padding-left:16px}.plan-comparison:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:800px){.plan-grid .plan h3{min-height:0}.plan-included,.plan-trial{padding:20px}.plan-comparison th,.plan-comparison td{padding:14px}}

.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{min-width:0}.feature-symbol{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #ff4a5744;background:#ff4a5710;border-radius:12px;font-size:13px;letter-spacing:1px;font-weight:700;color:var(--lime)}.feature-card h3{font-size:23px;line-height:1.3;margin:20px 0 12px}.feature-card p{font-size:15px;color:var(--muted);margin:0 0 18px}.feature-card ul{padding-left:19px;margin:0;font-size:14px}.feature-card li{margin:9px 0}.feature-card li::marker{color:var(--lime)}.feature-extras{margin-top:32px;border-top:1px solid var(--line);padding-top:26px}.feature-extras>h3{font-size:26px;margin:0 0 22px}.feature-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.feature-extra-grid h4{font-size:16px;margin:0 0 10px}.feature-extra-grid p{font-size:14px;color:var(--muted);margin:0}.feature-conditions{margin-top:28px;padding:22px 26px;border:1px solid var(--line);border-radius:16px;background:#ffffff03}.feature-conditions p{font-size:14px;color:var(--muted);margin:8px 0}.feature-conditions strong{color:var(--ink)}@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card h3{font-size:23px}.feature-extra-grid{grid-template-columns:1fr;gap:24px}.feature-conditions{padding:18px}}

.hero>*,.actions>*{min-width:0}.price{max-width:100%}

#recorded-minutes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}#recording-dialog{width:min(900px,95vw)}#recording-progress{width:100%;accent-color:var(--lime)}#recording-controls{margin:12px 0}#recording-dialog .row{margin:12px 0}

#schedule-dialog{width:min(1080px,95vw)}.schedule-scroll{overflow:auto;max-height:56vh;margin:20px 0;padding-right:10px}.schedule-grid{display:grid;grid-template-columns:52px repeat(7,minmax(42px,1fr));gap:4px;min-width:370px;touch-action:none}.schedule-grid .schedule-cell{height:42px;min-width:0;padding:0;border:1px solid #72768555;border-radius:5px;background:#181b23}.schedule-grid .schedule-cell.selected{background:#bf1735;border-color:#ff4a57}.schedule-time{display:flex;align-items:center;font-size:11px;color:var(--muted)}.schedule-grid .schedule-day{padding:4px;font-size:12px;position:sticky;top:0;z-index:1;background:#191b23}.schedule-grid button:focus-visible{outline:3px solid white;outline-offset:1px}

.feature-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin:36px 0}.feature-showcase figure{margin:0;padding:24px;border:1px solid var(--line,#2a2d35);border-radius:24px;background:#111319;text-align:center}.feature-showcase img{display:block;width:auto;max-width:100%;height:540px;object-fit:contain;margin:0 auto 20px;border-radius:12px}.feature-showcase figcaption{color:#b4b8c4;font-size:15px;line-height:1.5}@media(max-width:600px){.feature-showcase{grid-template-columns:1fr}.feature-showcase img{height:490px}}

.schedule-launch{display:block;width:100%;text-align:left;font-weight:700;padding:18px 20px;border-color:#ff4a5780}.schedule-grid .schedule-cell{font-size:17px;font-weight:700;color:#aab0be;cursor:pointer}.schedule-grid .schedule-cell.selected{color:#fff}.schedule-grid .schedule-cell:hover{border-color:#ff4a57;background:#292d38}.schedule-grid .schedule-cell.selected:hover{background:#db203f}.schedule-grid .schedule-day{cursor:pointer;border-color:#ff4a5780}

.recordings-empty { margin-top: 24px; text-align: center; padding: 30px; }
.recordings-empty p { max-width: 540px; margin: 16px auto; }
.recordings-empty .secondary { display: inline-block; padding: 14px 20px; border-radius: 12px; border: 1px solid #41434c; text-decoration: none; }
.empty-recording-timeline { width: min(100%, 360px); height: 120px; margin: 0 auto 18px; position: relative; }
.empty-recording-timeline span { color: #ff4a57; font-size: 50px; }
.empty-recording-timeline::after { content: ''; position: absolute; top: 89px; left: 0; width: 100%; height: 18px; background: repeating-linear-gradient(90deg, #41434c 0 2px, transparent 2px 18px); border-top: 1px solid #41434c; }
.empty-recording-timeline i { position: absolute; z-index: 1; top: 74px; left: 5%; height: 46px; width: 3px; background: #ff4a57; box-shadow: 0 0 16px #ff4a57; animation: recording-playhead 5s linear infinite; }
@keyframes recording-playhead { from { left: 5%; } to { left: 95%; } }
@media (prefers-reduced-motion: reduce) { .empty-recording-timeline i { animation: none; left: 50%; } }

#recording-timeline { width: 100%; accent-color: #ff4a57; display: block; margin: 16px 0; }

/* A decorative scan sweeps across every scenario; brackets pulse as it passes. */
.scenario-slide::after{content:"";position:absolute;left:0;right:0;top:0;height:28px;pointer-events:none;background:linear-gradient(to bottom,transparent,#ff4a5720);border-bottom:2px solid #ff7b86;box-shadow:0 3px 12px #ff4a5760;animation:scenario-detection-sweep 4s linear infinite}
.scenario-slide .scene-box>path{animation:scenario-detection-lock 4s ease-in-out infinite}
.scenario-slide:not(.active)::after,.scenario-slide:not(.active) .scene-box>path{animation:none}
.scenario-demo[data-animation-paused="true"] .scenario-slide::after,.scenario-demo[data-animation-paused="true"] .scene-box>path{animation-play-state:paused}
@keyframes scenario-detection-sweep{0%{top:-28px;opacity:0}8%{opacity:.85}82%{top:calc(100% - 28px);opacity:.85}90%,100%{top:100%;opacity:0}}
@keyframes scenario-detection-lock{0%,100%{opacity:.55}35%,75%{opacity:1}}
@media(prefers-reduced-motion:reduce){.scenario-slide::after{display:none}.scenario-slide .scene-box>path{animation:none;opacity:1}}

.recording-main-player{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#050609;margin:16px 0}.recording-main-player #recording-player{padding:16px}.recording-main-player #recording-video{max-height:55vh!important}.recording-main-player #recording-status{font-size:12px;color:var(--muted);margin:0 0 10px}#recording-controls{justify-content:center}#recording-clock{margin-left:auto}#recording-section-options{margin-top:12px}#recorded-minutes{padding:16px}#recording-chosen-time{margin:0;font-size:13px;color:var(--muted)}

.dual-camera-showcase{margin:36px 0 24px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#111319}.dual-camera-showcase img{display:block;width:100%;height:auto}.dual-camera-showcase figcaption{padding:20px 24px;color:var(--muted);font-size:14px;line-height:1.6}.dual-camera-showcase strong{display:block;font-size:23px;color:var(--ink);margin-bottom:5px}@media(max-width:600px){.dual-camera-showcase{border-radius:16px}.dual-camera-showcase figcaption{padding:16px}.dual-camera-showcase strong{font-size:21px}}