.screenshot-frame{margin:0}.screenshot-card.border-glow-card{--border-radius:18px;border-color:color-mix(in srgb, var(--accent-local,var(--accent-red)) 24%, var(--border));background:var(--surface);height:auto;box-shadow:none;border-radius:18px}.screenshot-card-media{width:100%;aspect-ratio:var(--screenshot-ratio,16 / 10);background:var(--bg-elevated);isolation:isolate;position:relative}.screenshot-image{object-fit:cover;-webkit-user-select:none;user-select:none}[data-theme=light] .screenshot-card.border-glow-card{box-shadow:none}.screenshot-placeholder{background:radial-gradient(circle at 28% 22%, color-mix(in srgb, var(--accent-local,var(--accent-red)) 20%, transparent), transparent 46%), radial-gradient(circle at 78% 80%, color-mix(in srgb, var(--accent-violet) 16%, transparent), transparent 48%), linear-gradient(135deg, color-mix(in srgb, var(--surface-strong) 92%, #000 8%), var(--surface));place-items:center;display:grid;position:absolute;inset:0}.screenshot-placeholder-grid{background-image:linear-gradient(color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 78%);mask-image:radial-gradient(#000 30%,#0000 78%)}.screenshot-placeholder-label{border:1px solid color-mix(in srgb, var(--accent-local,var(--accent-red)) 32%, var(--border));background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--text-subtle);font-family:var(--font-mono);border-radius:999px;padding:6px 12px;font-size:.74rem;position:relative}.screenshot-active-caption,.screenshot-caption{color:var(--text-muted);text-align:center;margin:0;font-size:.94rem;line-height:1.45}
.screenshot-dialog .screenshot-caption{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);max-width:64ch;color:var(--text-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;margin:clamp(14px,2vh,22px) auto 0;padding:12px clamp(16px,4vw,28px);font-size:1rem;line-height:1.6}.screenshot-dialog{box-sizing:border-box;width:min(100%,1040px,80vh);max-height:calc(100dvh - 48px);color:var(--text);background:0 0;border:0;margin:auto;padding:clamp(14px,2.2vh,24px);overflow:hidden}.screenshot-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000c7}.screenshot-dialog[open]{animation:.2s cubic-bezier(.2,.8,.2,1) screenshot-dialog-in}@keyframes screenshot-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.screenshot-dialog-inner{flex-direction:column;gap:22px;display:flex;position:relative}.screenshot-dialog-close{z-index:2;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 82%, transparent);width:42px;height:42px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;font-size:1.1rem;transition:border-color .16s,transform .16s;display:inline-grid;position:absolute;top:12px;right:12px}.screenshot-dialog-close:hover{border-color:color-mix(in srgb, var(--accent-local,var(--accent-red)) 50%, var(--border-strong));transform:scale(1.05)}.screenshot-dialog-nav{justify-content:center;gap:16px;display:flex}.screenshot-dialog-nav button{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 82%, transparent);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;font-size:1.4rem;transition:border-color .16s,transform .16s,opacity .16s;display:inline-grid}.screenshot-dialog-nav button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-local,var(--accent-red)) 50%, var(--border-strong));transform:scale(1.06)}.screenshot-dialog-nav button:disabled{opacity:.32;cursor:default}@media (prefers-reduced-motion:reduce){.screenshot-dialog[open]{animation:none}}[data-motion=off] .screenshot-dialog[open]{animation:none}
.device-showcase{--bezel:linear-gradient(180deg, #2b2f3a, #14161d);--bezel-edge:#ffffff14;aspect-ratio:5/4;width:min(100%,620px);margin-inline:auto;position:relative}[data-theme=light] .device-showcase{--bezel:linear-gradient(180deg, #e7eaf1, #c6cddb);--bezel-edge:#fff}.dv-screen{width:100%;aspect-ratio:var(--screenshot-ratio,16 / 10);background:var(--bg-elevated);isolation:isolate;position:relative;overflow:hidden}.dv-screen-enlargeable{cursor:zoom-in}.dv-screen-enlargeable:focus-visible{outline:2px solid var(--accent-local,var(--accent-magenta));outline-offset:2px}.dv-screen-enlarge{z-index:2;background:color-mix(in srgb, var(--surface) 66%, transparent);width:22px;height:22px;color:var(--text);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:7px;place-items:center;font-size:.78rem;line-height:1;transition:opacity .16s;display:grid;position:absolute;bottom:6px;right:6px}.dv-screen-enlargeable:hover .dv-screen-enlarge,.dv-screen-enlargeable:focus-visible .dv-screen-enlarge{opacity:1}.screenshot-dialog.device-dialog{width:auto;max-width:min(96vw,1200px)}.device-dialog-figure{flex-direction:column;align-items:center;gap:12px;margin:0;display:flex}.device-dialog-img{border:1px solid var(--border-strong);background:var(--bg-elevated);border-radius:14px;display:block;box-shadow:0 30px 90px #00000080}.dv-laptop{z-index:1;width:80%;position:absolute;top:1%;left:7%}.dv-laptop-lid{background:var(--bezel);box-shadow:0 14px 28px #00000038, inset 0 0 0 1px var(--bezel-edge);border-radius:12px 12px 4px 4px;padding:2.4%;position:relative}.dv-laptop-lid .dv-screen{border-radius:5px}.dv-laptop-base{background:linear-gradient(180deg, color-mix(in srgb, var(--bezel-edge) 0%, #20232c), #0c0d12);border-radius:0 0 11px 11px;width:116%;height:11px;margin-left:-8%;display:block;box-shadow:0 10px 18px #0003}[data-theme=light] .dv-laptop-base{background:linear-gradient(#d3d9e6,#aab2c4)}.dv-laptop-base:after{content:"";background:#0006;border-radius:0 0 6px 6px;width:22%;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dv-phone{z-index:3;background:var(--bezel);width:25%;box-shadow:0 14px 28px #0000003d, inset 0 0 0 1px var(--bezel-edge);border-radius:18px;padding:2%;position:absolute;bottom:3%;right:5%}.dv-phone .dv-screen{border-radius:12px}.dv-watch{z-index:3;flex-direction:column;align-items:center;width:17%;display:flex;position:absolute;bottom:9%;left:5%}.dv-watch-body{z-index:1;background:var(--bezel);width:100%;box-shadow:0 10px 22px #0000003d, inset 0 0 0 1px var(--bezel-edge);border-radius:32%;padding:9%;position:relative}.dv-watch-body .dv-screen{border-radius:26%}.dv-watch-crown{background:linear-gradient(#4a4f5b,#2a2d36);border-radius:2px;width:6%;height:18%;position:absolute;top:40%;right:-5%}.dv-watch-strap{background:linear-gradient(#3a3f4b,#23262f);width:62%;height:26px}[data-theme=light] .dv-watch-strap{background:linear-gradient(#d3d9e6,#aab2c4)}.dv-watch-strap-top{border-radius:7px 7px 0 0;margin-bottom:-10%}.dv-watch-strap-bottom{border-radius:0 0 7px 7px;margin-top:-10%}.product-intro-devices{align-content:center;display:grid}
.rule-engine{gap:clamp(20px,2.6vw,28px);display:grid}.rule-engine-lead{max-width:64ch;color:var(--text-muted);text-align:center;margin:0 auto}.rule-engine-bullets{text-align:left;gap:12px;width:min(100%,760px);margin:0 auto;padding:0;list-style:none;display:grid}.rule-engine-bullets li{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:.94rem;line-height:1.45;display:flex}.rule-engine-bullets li svg{flex:none;margin-top:1px}.rule-engine-bullets strong{color:var(--text)}.rule-engine-note{max-width:64ch;color:var(--text-subtle);text-align:center;margin:0 auto;font-size:.86rem}.rule-engine .step-flow{justify-content:center}.alarm-examples{border-top:1px solid var(--border);gap:clamp(16px,2.2vw,22px);width:min(100%,880px);margin-inline:auto;padding-top:clamp(12px,1.8vw,18px);display:grid}.alarm-examples-title{text-align:center;margin:0;font-size:1.02rem}.alarm-example-grid{gap:16px;display:grid}.alarm-example-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.45}.alarm-example.border-glow-card,.tenancy-card.border-glow-card{height:100%}.alarm-example .border-glow-inner,.tenancy-card .border-glow-inner{isolation:isolate;overflow:hidden}.alarm-example .border-glow-inner>:not([data-card-corner-symbol]),.tenancy-card .border-glow-inner>:not([data-card-corner-symbol]){z-index:1;position:relative}.alarm-example .border-glow-inner{gap:14px;padding:clamp(18px,2.2vw,24px);display:grid}.tenancy-card .border-glow-inner{align-content:start;gap:10px;padding:clamp(18px,2.2vw,24px);display:grid}.alarm-example-title{margin:0;font-size:1.02rem}.alarm-example .step-flow{justify-content:flex-start}.tenancy-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,248px),1fr));gap:16px;width:min(100%,880px);margin-inline:auto;display:grid}.tenancy-card-title{margin:0;font-size:1.02rem}.tenancy-card-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.45}
.rule-flow{justify-items:center;gap:18px;display:grid}.rule-flow-track{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:26px;margin:0;padding:0;list-style:none;display:flex}.rule-flow-stage{border:1px solid color-mix(in srgb, var(--accent-local,var(--accent-red)) 24%, var(--border));background:color-mix(in srgb, var(--surface) 88%, transparent);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:clamp(150px,19vw,184px);padding:20px 16px;transition:border-color .2s,transform .2s;display:flex;position:relative}.rule-flow-stage:hover{border-color:color-mix(in srgb, var(--accent-local,var(--accent-red)) 46%, var(--border-strong));transform:translateY(-4px)}.rule-flow-stage:not(:last-child):after{color:color-mix(in srgb, var(--accent-local,var(--accent-red)) 72%, var(--text-subtle));content:"→";font-size:1.2rem;font-weight:700;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}.rule-flow-icon{border:1px solid color-mix(in srgb, var(--accent-local,var(--accent-red)) 34%, var(--border));background:color-mix(in srgb, var(--accent-local,var(--accent-red)) 12%, var(--surface));border-radius:15px;place-items:center;width:50px;height:50px;display:inline-grid}.rule-flow-icon svg{display:block}.rule-flow-stage:not(:last-child):after{animation:2.2s ease-in-out infinite rule-flow-arrow}@keyframes rule-flow-arrow{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.rule-flow-stage:not(:last-child):after{animation:none}}[data-motion=off] .rule-flow-stage:not(:last-child):after{animation:none}.rule-flow-title{color:var(--text);font-size:.98rem;font-weight:650}.rule-flow-desc{color:var(--text-muted);font-size:.82rem;line-height:1.35}.rule-flow-loop{border:1px solid color-mix(in srgb, var(--accent-local,var(--accent-red)) 28%, var(--border));background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text-muted);border-radius:999px;align-items:center;gap:9px;margin:0;padding:9px 16px;font-size:.86rem;display:inline-flex}.rule-flow-loop svg{flex:none}@media (max-width:760px){.rule-flow-track{flex-direction:column;align-items:stretch;gap:30px}.rule-flow-stage{text-align:left;flex-direction:row;align-items:center;gap:14px;width:auto}.rule-flow-stage:not(:last-child):after{content:"↓";inset:auto auto -23px 26px;transform:none}.rule-flow-desc{flex:1}}
.step-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.step-flow-item{align-items:center;gap:12px;display:flex}.step-flow-item:not(:last-child):after{color:color-mix(in srgb, var(--accent-local,var(--accent-red)) 64%, var(--text-subtle));content:"→";font-size:1.1rem;font-weight:700}.step-flow-node{border:1px solid color-mix(in srgb, var(--accent-local,var(--accent-red)) 30%, var(--border));background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--text);border-radius:13px;padding:11px 18px;font-size:.9rem;font-weight:600;transition:border-color .16s,transform .16s;display:inline-block}.step-flow-node--tip{cursor:help;-webkit-text-decoration:underline dotted color-mix(in srgb, var(--accent-local,var(--accent-red)) 55%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--accent-local,var(--accent-red)) 55%, transparent);text-underline-offset:4px}.step-flow .tooltip-card-trigger:hover .step-flow-node--tip,.step-flow .step-flow-node--tip:focus-visible{border-color:color-mix(in srgb, var(--accent-local,var(--accent-red)) 55%, var(--border-strong));transform:translateY(-1px)}