/* Interactive scenes share the product's visual language. */
.orb-interact{position:absolute;left:50%;top:50%;width:74%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:0;background:transparent;pointer-events:auto;z-index:1;cursor:pointer}.orb-interact:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.orb-caption small{display:block;font-size:10px;color:var(--secondary-text);margin-top:8px}.orb-replay{position:relative;z-index:2}.orb-click-wave{position:absolute;inset:13%;border:2px solid #61e7e5;border-radius:50%;opacity:0;pointer-events:none}.orb-tapped .orb-ring{border-color:#77efea80}
.orb-caption small{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--accent);padding:3px 9px}
.orb-wave-mask{position:absolute;inset:14%;border-radius:50%;overflow:hidden;pointer-events:none}.orb-wave-mask>.orb-click-wave{inset:auto;width:40%;height:40%;margin:-20% 0 0 -20%;border:1.5px solid #e0ffff;box-shadow:0 0 8px #7aece950}
.activity-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.activity-person>circle:first-child{fill:#0c303b;fill-opacity:.8;stroke:#86f3e4;stroke-width:3}.activity-person>circle:nth-child(2){fill:#fff}.activity-person>path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}.activity-person>text{fill:#fff;paint-order:stroke;stroke:#0c303b;stroke-width:5;font:600 19px Segoe UI,sans-serif}.activity-overlay{z-index:1}.photo-zones{z-index:2}.photo-zone-name,.photo-tag{z-index:3}
.replay-studio{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:18px 0 23px}.replay-heading h3{font-size:24px;letter-spacing:-.03em;margin:7px 0}.replay-heading p{font-size:12px;line-height:1.6;color:var(--secondary-text)}.replay-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.replay-buttons button,.activity-presets button{background:var(--surface-alt);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:10px 12px;font:600 12px Segoe UI,sans-serif;transition:background .18s,transform .18s}.replay-buttons button:first-child{background:var(--ink);color:var(--surface);border-color:var(--ink)}.replay-buttons button:hover,.activity-presets button:hover{transform:translateY(-2px)}.replay-buttons button:disabled{opacity:.5;transform:none;cursor:default}.replay-seek{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.replay-seek label{font-size:12px;font-weight:650}.replay-seek output{font:600 14px/1.4 monospace;color:var(--accent)}.replay-seek input,.replay-seek small{grid-column:1/-1}.replay-seek small{font-size:10px;color:var(--secondary-text)}input[type=range]{width:100%;height:22px;accent-color:var(--accent);cursor:pointer}.activity-presets{display:flex;gap:8px;margin:16px 0}.activity-presets button{font-size:11px;font-weight:500;padding:7px 10px}.activity-control>label:not(.demo-checkbox){display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600}.activity-control output{color:var(--accent);font:600 16px monospace;white-space:nowrap}.activity-control .demo-checkbox{margin:0 0 15px}.activity-marker-control{font-size:11px;margin:14px 0 0}.demo-rule-panel{align-self:stretch;position:relative}.demo-rule-panel>.demo-result{min-height:145px}.demo-result p{min-height:45px}.event-history{border-top:1px solid var(--line);padding:24px;background:var(--surface)}.event-history>div{display:flex;gap:15px;align-items:center;justify-content:space-between}.event-history h4{font-size:18px;letter-spacing:-.025em}.event-history h4>span{display:inline-grid;place-items:center;min-width:24px;height:24px;font-size:12px;background:var(--accent-soft);color:var(--accent);border-radius:50%;margin-left:5px}.event-history>div>button{border:0;background:none;color:var(--accent);font:500 11px Segoe UI,sans-serif;padding:6px 0}.event-history>div>button:disabled{color:var(--secondary-text);cursor:default}.event-history>p{font-size:12px;color:var(--secondary-text);margin:9px 0 0}.event-history .history-note{font-size:10px}.event-history ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:17px 0 0}.event-history li>button{width:100%;height:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);color:var(--ink);text-align:left;padding:13px;transition:border-color .18s,background .18s}.event-history li>button:hover{border-color:var(--accent);background:var(--accent-soft)}.event-history li strong{font-size:12px;display:block}.event-history li span{display:block;font:10px/1.6 monospace;color:var(--secondary-text);margin-top:6px}.evidence-activity{pointer-events:none}
.industry-panel{align-items:start;grid-template-columns:1fr 1fr}.industry-copy{position:sticky;top:110px}.floorplan.zone-lab{border-radius:14px;padding:22px;background:#142d38;color:#e7f4f6}.lab-select-hint{font-size:11px;color:#c2dce3;margin-bottom:12px}.lab-hotspot{cursor:pointer;outline:none}.lab-hotspot>rect{fill:#153e50;fill-opacity:.8;stroke:#75b3c5;stroke-width:1.5;stroke-dasharray:6 5;transition:fill .2s,stroke .2s}.lab-hotspot>circle:not(.lab-activity-dot){fill:#315867}.lab-hotspot>text{fill:#fff;font:600 13px Segoe UI,sans-serif;pointer-events:none}.lab-hotspot[aria-pressed=true]>rect{fill:#147175;stroke:#89f3e2;stroke-width:3;stroke-dasharray:none}.lab-hotspot:hover>rect,.lab-hotspot:focus-visible>rect{stroke:#fff;stroke-width:4}.lab-hotspot.zone-alert>rect{stroke:#ffe296;fill:#674e29}.lab-hotspot.zone-paused>rect{fill:#253d48;stroke:#8197a4;opacity:.65}.lab-activity-dot{fill:#a4f8e9;opacity:0}.zone-alert>.lab-activity-dot{fill:#ffe296;opacity:1}.zone-legend>button{display:flex;align-items:center;gap:10px;padding:9px 11px;background:#1d3c49;border:1px solid #567988;border-radius:7px;color:#e6f6fa;text-align:left;font:500 12px Segoe UI,sans-serif;transition:background .2s,border-color .2s}.zone-legend>button>span{margin-left:auto}.zone-legend>button>b{background:#365462;color:#c4f6ee}.zone-legend>button[aria-pressed=true]{background:#23575f;border-color:#89f3e2}.zone-legend>button:hover{background:#2a5966}.lab-settings{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:20px;margin-top:18px}.lab-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.lab-title>span{font:500 30px/1.1 monospace;color:var(--accent)}.lab-title h4{font-size:17px}.lab-title p{font-size:11px;color:var(--secondary-text);margin-top:4px}.lab-enabled{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600;margin-bottom:18px;cursor:pointer}.lab-enabled input{accent-color:var(--accent);width:16px;height:16px}.lab-slider{margin-top:12px}.lab-slider label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.lab-slider output{color:var(--accent);font-weight:650;white-space:nowrap}.lab-fps-label{font-size:11px;color:var(--secondary-text);margin:14px 0 8px}.lab-fps{display:flex;gap:7px}.lab-fps>button{flex:1;background:var(--surface-alt);border:1px solid var(--line);border-radius:6px;padding:8px 5px;font:600 12px Segoe UI,sans-serif;color:var(--ink)}.lab-fps>button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.lab-actions{display:flex;gap:12px;align-items:center;margin-top:18px}.lab-actions>button:first-child{border:0;border-radius:6px;background:var(--ink);color:var(--surface);padding:12px 14px;font:600 12px Segoe UI,sans-serif}.lab-actions>button:last-child{border:0;background:none;color:var(--accent);font:500 11px Segoe UI,sans-serif}.lab-result{font-size:12px;color:var(--secondary-text);background:var(--surface-alt);border-radius:6px;padding:12px;margin-top:14px;min-height:61px}.lab-alert{background:var(--accent-soft);color:var(--accent)}.lab-priority{font-size:10px;line-height:1.6;color:var(--secondary-text);margin-top:12px}.lab-preview-note{font-size:10px;margin-top:15px;color:#c2dce3}
.footer-expanded{position:relative;overflow:hidden;background:var(--surface)}.footer-invitation{padding:60px 0 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;border-bottom:1px solid var(--line)}.footer-invitation h2{font-size:clamp(30px,3.8vw,48px);letter-spacing:-.045em;max-width:640px;line-height:1.1}.footer-invitation>div>p:last-child{font-size:14px;color:var(--secondary-text);margin-top:18px;max-width:500px}.footer-contact{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--hero-start),var(--hero-end));padding:28px;gap:16px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.footer-contact:hover{transform:translateY(-4px);border-color:var(--accent)}.footer-contact>span{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:650;letter-spacing:.06em;color:var(--accent)}.footer-contact b{font-size:22px;line-height:.7}.footer-contact strong{font-size:38px;line-height:1.15;letter-spacing:-.04em;color:var(--ink)}.footer-contact small{font-size:12px;color:var(--secondary-text)}.footer-expanded .footer-main{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:65px;align-items:start;padding:40px 0 45px}.footer-about>p{max-width:260px;line-height:1.6}.footer-chip{display:inline-block;font-size:10px;color:var(--accent);background:var(--accent-soft);padding:6px 10px;border-radius:30px;margin-top:18px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links h3{font-size:14px;margin-bottom:5px}.footer-links a{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--secondary-text)}.footer-links a>span{color:var(--accent);transition:transform .2s}.footer-links a:hover>span{transform:translate(2px,-2px)}.footer-expanded .gravity-credit{min-width:0}.footer-expanded .gravity-credit p{font-size:12px;color:var(--secondary-text);line-height:1.7;margin:16px 0}.footer-expanded .gravity-credit .footer-studio-link{font-size:12px;color:var(--accent)}.footer-expanded .footer-bottom{align-items:center}
.product-demo>.replay-studio{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;display:grid;grid-template-columns:.9fr 1.1fr .7fr;gap:10px 25px;padding:23px}.replay-heading{grid-column:1;grid-row:1/3}.replay-heading h3{font-size:23px}.replay-buttons{grid-column:2/4;grid-row:1;margin:0}.replay-seek{grid-column:2;grid-row:2}.activity-presets{grid-column:3;grid-row:2;margin:0;align-self:center;flex-wrap:wrap}.activity-control{grid-column:2/4;grid-row:3}.activity-marker-control{grid-column:1;grid-row:3;margin:0;align-self:center}
.zone-lab>svg{max-height:210px}.lab-settings{padding:17px}.lab-slider{margin-top:9px}.lab-fps-label{margin-top:10px}.lab-actions{margin-top:13px}.lab-enabled{margin-bottom:12px}.lab-title{margin-bottom:12px}
@media(max-width:950px){.industry-panel{gap:25px}.floorplan.zone-lab{padding:16px}.lab-settings{padding:16px}.lab-actions{flex-wrap:wrap}.footer-invitation{gap:30px}.footer-expanded .footer-main{gap:30px}.footer-contact strong{font-size:31px}.product-demo>.replay-studio{grid-template-columns:1fr 1.4fr;gap:12px 20px}.replay-heading{grid-row:1/3}.replay-buttons{grid-column:2}.replay-seek{grid-column:2}.activity-presets{grid-column:1;grid-row:3}.activity-marker-control{grid-row:4}.activity-control{grid-column:2;grid-row:3/5;align-self:center}}
@media(max-width:540px){.product-demo>.replay-studio{display:flex;flex-direction:column;padding:18px;gap:13px}.replay-buttons{flex-wrap:nowrap}.replay-heading h3{font-size:23px}.activity-presets{align-self:flex-start;order:1}.activity-control{order:2;align-self:stretch}.activity-marker-control{order:3}}
@media(max-width:700px){.industry-panel{grid-template-columns:1fr}.industry-copy{position:static}.replay-studio{padding:16px}.event-history ol{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-invitation{grid-template-columns:1fr;gap:26px;padding:40px 0 30px}.footer-contact{padding:25px}.footer-expanded .footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-about{grid-column:1/-1}.footer-about>p{max-width:420px}.footer-expanded .footer-app{display:block}}
@media(max-width:400px){.replay-buttons button{font-size:10px;padding:9px}.replay-heading h3{font-size:21px}.activity-control>label:not(.demo-checkbox){font-size:11px}.event-history{padding:18px}.event-history ol{grid-template-columns:1fr}.event-history h4{font-size:16px}.lab-actions>button:first-child{font-size:11px}.footer-expanded .footer-main{grid-template-columns:1fr;gap:28px}.footer-about{grid-column:auto}.footer-contact strong{font-size:33px}.footer-invitation h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.replay-buttons button,.activity-presets button,.event-history li>button,.lab-hotspot>rect,.zone-legend>button,.footer-contact,.footer-links a>span{transition:none}.footer-contact:hover,.replay-buttons button:hover,.activity-presets button:hover{transform:none}}