:root{--pl-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pl-color-background: #f5f7f8;--pl-color-background-elevated: #eef3f1;--pl-color-surface: #ffffff;--pl-color-surface-app: #fbfdfc;--pl-color-surface-muted: #f8faf9;--pl-color-surface-inset: #f1f5f4;--pl-color-border: #d7dee3;--pl-color-border-soft: #e6ece9;--pl-color-accent: #2f855a;--pl-color-accent-hover: #26734d;--pl-color-accent-soft: #e7f3ec;--pl-color-text-primary: #1f2a24;--pl-color-text-secondary: #55635d;--pl-color-text-muted: #708078;--pl-color-white: #ffffff;--pl-color-success: #157347;--pl-color-success-soft: #dff7e8;--pl-color-warning: #9a6700;--pl-color-warning-soft: #fff1d6;--pl-color-danger: #b42318;--pl-color-danger-strong: #d92d20;--pl-color-danger-soft: #fde4e4;--pl-color-info: #175cd3;--pl-color-info-soft: #e8f1ff;--pl-color-mock: #6941c6;--pl-color-mock-soft: #efe7ff;--pl-color-sensor-air: #b76a35;--pl-color-sensor-humidity: #2f75b5;--pl-color-sensor-water: #2f855a;--pl-space-1: 4px;--pl-space-2: 8px;--pl-space-3: 12px;--pl-space-4: 16px;--pl-space-5: 20px;--pl-space-6: 24px;--pl-space-8: 32px;--pl-space-10: 40px;--pl-space-12: 48px;--pl-radius-sm: 6px;--pl-radius-md: 8px;--pl-radius-pill: 999px;--pl-font-size-eyebrow: 12px;--pl-font-size-caption: 12px;--pl-font-size-meta: 13px;--pl-font-size-body: 14px;--pl-font-size-body-large: 16px;--pl-font-size-section-title: 18px;--pl-font-size-card-title: 20px;--pl-font-size-screen-title: 30px;--pl-shadow-card: 0 10px 30px rgba(31, 42, 36, .04);--pl-shadow-card-hover: 0 14px 34px rgba(31, 42, 36, .08);--pl-shadow-hero: 0 18px 44px rgba(31, 42, 36, .08);--pl-motion-fast: .12s ease;--pl-motion-normal: .18s ease;--pl-status-online-text: var(--pl-color-success);--pl-status-online-bg: var(--pl-color-success-soft);--pl-status-online-border: #b9e8c7;--pl-status-degraded-text: var(--pl-color-warning);--pl-status-degraded-bg: var(--pl-color-warning-soft);--pl-status-degraded-border: #f4d99a;--pl-status-offline-text: var(--pl-color-text-muted);--pl-status-offline-bg: var(--pl-color-surface-inset);--pl-status-offline-border: var(--pl-color-border);--pl-status-updating-text: var(--pl-color-info);--pl-status-updating-bg: var(--pl-color-info-soft);--pl-status-updating-border: #c5d8ff;--pl-status-error-text: var(--pl-color-danger);--pl-status-error-bg: var(--pl-color-danger-soft);--pl-status-error-border: #f3b8b8;--pl-health-healthy-text: var(--pl-color-success);--pl-health-healthy-bg: var(--pl-color-success-soft);--pl-health-attention-text: var(--pl-color-warning);--pl-health-attention-bg: var(--pl-color-warning-soft);--pl-health-critical-text: var(--pl-color-danger);--pl-health-critical-bg: var(--pl-color-danger-soft);font-family:var(--pl-font-family);line-height:1.5;font-weight:400;color:var(--pl-color-text-primary);background:var(--pl-color-background-elevated)}*{box-sizing:border-box}body{margin:0;background:var(--pl-color-background-elevated);color:var(--pl-color-text-primary)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:var(--pl-space-5);padding:var(--pl-space-8) var(--pl-space-6);border-right:1px solid var(--pl-color-border);background:var(--pl-color-surface-app);position:sticky;top:0;height:100vh}.brand h1,.page-header h2,.auth-card h1{margin:0}.nav{display:flex;flex-direction:column;gap:var(--pl-space-2)}.nav-link{padding:var(--pl-space-3) 14px;border-radius:var(--pl-radius-md);color:var(--pl-color-text-secondary)}.nav-link:hover{background:var(--pl-color-accent-soft)}.nav-link.active{background:var(--pl-color-accent-soft);color:var(--pl-color-accent);font-weight:700}.main{padding:var(--pl-space-10) var(--pl-space-12)}.page-section{display:flex;flex-direction:column;gap:22px;width:min(100%,1320px);margin:0 auto}.page-header{display:flex;justify-content:space-between;gap:var(--pl-space-4);align-items:flex-start;padding:22px;background:var(--pl-color-surface-app);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md)}.header-actions{display:flex;gap:var(--pl-space-3);align-items:center}.section-header{display:flex;gap:var(--pl-space-4);justify-content:space-between;align-items:flex-start}.eyebrow{color:var(--pl-color-accent);font-size:var(--pl-font-size-meta);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.brand-home-link{align-self:flex-start}.brand-home-link:hover{color:var(--pl-color-accent-strong)}.subtitle{margin:0;color:var(--pl-color-text-secondary)}.meta-text{margin:0;color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta)}.card-grid,.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.device-card,.metric-card,.card,.auth-card{background:var(--pl-color-surface);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);padding:18px;box-shadow:var(--pl-shadow-card)}.surface{background:var(--pl-color-surface);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);box-shadow:var(--pl-shadow-card)}.surface-muted{background:var(--pl-color-surface-muted);border-color:var(--pl-color-border-soft)}.surface-inset{background:var(--pl-color-surface-inset);border-color:var(--pl-color-border-soft)}.surface-hero{background:var(--pl-color-surface);border-color:var(--pl-color-border-soft);box-shadow:var(--pl-shadow-hero)}.surface-debug{background:var(--pl-color-surface-muted);border-color:var(--pl-color-border)}.status-token{display:inline-flex;align-items:center;gap:var(--pl-space-2);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-pill);padding:var(--pl-space-1) var(--pl-space-3);font-size:var(--pl-font-size-meta);font-weight:700}.status-token-online,.health-token-healthy{color:var(--pl-status-online-text);background:var(--pl-status-online-bg);border-color:var(--pl-status-online-border)}.status-token-degraded,.health-token-attention{color:var(--pl-status-degraded-text);background:var(--pl-status-degraded-bg);border-color:var(--pl-status-degraded-border)}.status-token-offline,.health-token-offline{color:var(--pl-status-offline-text);background:var(--pl-status-offline-bg);border-color:var(--pl-status-offline-border)}.status-token-updating,.health-token-updating{color:var(--pl-status-updating-text);background:var(--pl-status-updating-bg);border-color:var(--pl-status-updating-border)}.status-token-error,.health-token-critical{color:var(--pl-status-error-text);background:var(--pl-status-error-bg);border-color:var(--pl-status-error-border)}.status-token-mock{color:var(--pl-color-mock);background:var(--pl-color-mock-soft);border-color:#dac7ff}.severity-token-info{color:var(--pl-color-info);background:var(--pl-color-info-soft);border-color:var(--pl-status-updating-border)}.severity-token-warning{color:var(--pl-color-warning);background:var(--pl-color-warning-soft);border-color:var(--pl-status-degraded-border)}.severity-token-critical{color:var(--pl-color-danger);background:var(--pl-color-danger-soft);border-color:var(--pl-status-error-border)}.device-overview-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:var(--pl-space-6);padding:var(--pl-space-6);overflow:hidden}.device-overview-main,.device-overview-side{min-width:0}.device-overview-main{display:flex;flex-direction:column;justify-content:space-between;gap:var(--pl-space-5)}.device-overview-kicker{display:flex;flex-wrap:wrap;gap:var(--pl-space-2);align-items:center}.device-overview-hero h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:0}.device-overview-subtitle,.device-overview-meta{margin:0}.device-overview-subtitle{color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-body-large)}.device-overview-meta{display:flex;flex-wrap:wrap;gap:var(--pl-space-3);color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta)}.device-overview-side{display:grid;gap:var(--pl-space-4)}.device-overview-image{position:relative;min-height:250px;overflow:hidden;border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-inset)}.device-overview-image img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover}.device-overview-image>span{position:absolute;right:var(--pl-space-3);bottom:var(--pl-space-3);max-width:calc(100% - var(--pl-space-6));padding:var(--pl-space-1) var(--pl-space-3);border-radius:var(--pl-radius-pill);background:#ffffffe6;color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-meta);font-weight:700}.device-overview-image-empty{display:grid;min-height:250px;place-content:center;gap:var(--pl-space-2);padding:var(--pl-space-5);text-align:center;color:var(--pl-color-text-secondary)}.device-overview-image-empty strong{color:var(--pl-color-text-primary)}.device-overview-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pl-space-3)}.device-overview-stat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pl-space-2);align-items:flex-start;min-width:0;padding:var(--pl-space-3);border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-muted)}.device-overview-stat div{display:grid;gap:2px;min-width:0}.device-overview-stat span:not(.device-overview-dot){color:var(--pl-color-text-muted);font-size:var(--pl-font-size-caption);font-weight:700}.device-overview-stat strong{overflow:hidden;color:var(--pl-color-text-primary);font-size:var(--pl-font-size-body-large);text-overflow:ellipsis;white-space:nowrap}.device-overview-stat small{overflow:hidden;color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-meta);text-overflow:ellipsis;white-space:nowrap}.device-overview-dot{width:10px;height:10px;margin-top:6px;border-radius:var(--pl-radius-pill);background:var(--pl-color-border)}.status-dot-online{background:var(--pl-color-success)}.status-dot-degraded,.status-dot-updating{background:var(--pl-color-warning)}.status-dot-offline{background:var(--pl-color-text-muted)}.status-dot-error{background:var(--pl-color-danger)}.device-card{position:relative;display:grid;grid-template-columns:minmax(140px,.52fr) minmax(0,1fr);gap:var(--pl-space-4);min-height:220px;overflow:hidden;text-decoration:none;transition:border-color var(--pl-motion-normal),transform var(--pl-motion-normal),box-shadow var(--pl-motion-normal)}.device-card:hover{border-color:var(--pl-color-accent);box-shadow:var(--pl-shadow-card-hover);transform:translateY(-1px)}.device-card-media{position:relative;min-height:180px;overflow:hidden;border-radius:var(--pl-radius-md);background:var(--pl-color-surface-inset)}.device-card-media img{display:block;width:100%;height:100%;min-height:180px;object-fit:cover}.device-card-media .status-token{position:absolute;top:var(--pl-space-3);left:var(--pl-space-3);max-width:calc(100% - var(--pl-space-6));background:#ffffffeb}.device-card-media-empty{display:grid;min-height:180px;place-items:center;background:var(--pl-color-surface-inset)}.device-card-media-empty span{display:grid;width:58px;height:58px;place-items:center;border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface);color:var(--pl-color-accent);font-size:1.5rem;font-weight:800}.device-card-content{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:var(--pl-space-4)}.device-card-title-row{display:flex;justify-content:space-between;gap:var(--pl-space-3);align-items:flex-start}.device-card h3,.card h3{margin:0}.device-card h3{font-size:var(--pl-font-size-card-title);line-height:1.15}.device-card p,.metric-summary{margin:0;color:var(--pl-color-text-secondary)}.device-card-arrow{flex:0 0 auto;color:var(--pl-color-accent);font-size:var(--pl-font-size-meta);font-weight:800}.device-card-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pl-space-2)}.device-card-highlights div{display:grid;gap:2px;min-width:0;padding:var(--pl-space-3);border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-muted)}.device-card-highlights span,.device-card-footer{color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta)}.device-card-highlights strong{overflow:hidden;color:var(--pl-color-text-primary);font-size:var(--pl-font-size-body-large);text-overflow:ellipsis;white-space:nowrap}.device-card-footer{display:flex;flex-wrap:wrap;gap:var(--pl-space-2);justify-content:space-between;border-top:1px solid var(--pl-color-border-soft);padding-top:var(--pl-space-3)}.metric-card{display:flex;flex-direction:column;gap:var(--pl-space-2)}.metric-card span{color:var(--pl-color-text-secondary)}.metric-card strong{font-size:28px}.metric-card small{color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta)}.grow-led-card{background:var(--pl-color-surface-muted)}.grow-led-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:108px;height:48px;border:0;border-radius:var(--pl-radius-md);padding:0 12px;cursor:pointer;transition:background var(--pl-motion-normal),opacity var(--pl-motion-normal)}.toggle-switch:disabled{cursor:not-allowed;opacity:.6}.toggle-switch-on{justify-content:flex-start;background:var(--pl-color-accent)}.toggle-switch-off{justify-content:flex-end;background:var(--pl-color-border)}.toggle-switch-label{color:#fff;font-size:14px;font-weight:800;letter-spacing:0;line-height:1;z-index:1}.toggle-switch-off .toggle-switch-label{color:var(--pl-color-text-secondary)}.toggle-switch-knob{position:absolute;top:6px;width:36px;height:36px;border-radius:50%;background:#fff}.toggle-switch-on .toggle-switch-knob{right:7px}.toggle-switch-off .toggle-switch-knob{left:7px}.light-intensity-control{display:grid;gap:10px;border-top:1px solid #d7dee3;padding-top:14px}.light-intensity-control label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#55635d;font-size:14px;font-weight:700}.light-intensity-control label strong{color:#1f2a24;font-size:16px}.light-intensity-control input[type=range]{width:100%;cursor:pointer;accent-color:#2f855a}.light-intensity-control input[type=range]:disabled{opacity:.6}.dashboard-action-button{width:100%;text-decoration:none}.capture-image{width:100%;max-width:680px;border-radius:8px;display:block}.button-row{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.danger-button{border:0;border-radius:8px;padding:12px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.6}.primary-button{background:#2f855a;color:#fff;font-weight:700}.secondary-button{background:#edf2f4;color:#1f2a24}.apple-auth-button{align-items:center;background:#111;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;padding:12px 14px}.apple-auth-button:hover{background:#000}.danger-button{background:#b42318;color:#fff;font-weight:700}.chip{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.chip-online{background:#dff7e8;color:#157347}.chip-offline{background:#fde4e4;color:#b42318}.chip-unknown{background:#eceff3;color:#55635d}.chip-degraded{background:#fff1d6;color:#9a6700}.chip-mock{background:#efe7ff;color:#6941c6}.collapsible-panel{display:block}.collapsible-panel>*:not(summary){margin-top:10px}.collapsible-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.collapsible-summary::-webkit-details-marker{display:none}.collapsible-indicator{color:#2f855a;font-size:13px;font-weight:700;padding-top:6px;white-space:nowrap}.collapsible-indicator:after{content:"Show"}.collapsible-panel[open] .collapsible-indicator:after{content:"Hide"}.centered-page{min-height:100vh;display:grid;place-items:center;padding:24px}.landing-page{min-height:100vh;padding:28px;background:var(--pl-color-background-elevated)}.landing-nav{width:min(100%,1200px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--pl-space-4)}.landing-brand,.landing-signin-link,.landing-nav-links{display:inline-flex;align-items:center;border-radius:var(--pl-radius-md)}.landing-brand{gap:var(--pl-space-2);font-weight:800}.landing-brand img{width:34px;height:34px;border-radius:8px}.landing-nav-links{gap:var(--pl-space-4);color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-body);font-weight:700}.landing-nav-links a:not(.landing-signin-link):hover{color:var(--pl-color-accent)}.landing-signin-link{padding:10px 14px;border:1px solid var(--pl-color-border);background:#ffffffd1;color:var(--pl-color-text-primary);font-weight:700}.landing-hero{width:min(100%,1200px);min-height:680px;margin:0 auto;position:relative;overflow:hidden;padding:92px var(--pl-space-10);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:var(--pl-color-surface);box-shadow:var(--pl-shadow-hero)}.landing-copy{position:relative;z-index:2;width:min(100%,650px);display:flex;flex-direction:column;gap:var(--pl-space-5)}.landing-copy h1{margin:0;max-width:12ch;font-size:78px;line-height:.96;letter-spacing:0}.landing-lede{margin:0;max-width:58ch;color:var(--pl-color-text-secondary);font-size:19px;line-height:1.6}.landing-product{position:absolute;top:50%;right:var(--pl-space-10);width:min(42%,470px);transform:translateY(-50%);min-height:540px;padding:var(--pl-space-6);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:var(--pl-color-surface);display:flex;flex-direction:column;gap:var(--pl-space-4);box-shadow:var(--pl-shadow-hero)}.landing-product-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--pl-space-4)}.landing-product-topline img{width:58px;height:58px;border-radius:var(--pl-radius-md)}.landing-product-topline div{flex:1}.landing-product-topline span,.landing-product-photo span,.landing-product-panel span,.landing-product-timeline span,.landing-camera-main span,.landing-camera-main small,.landing-feature-card span{color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta)}.landing-product-topline strong{float:right;padding:6px 10px;border-radius:var(--pl-radius-pill);background:var(--pl-health-healthy-bg);color:var(--pl-health-healthy-text);font-size:var(--pl-font-size-meta)}.landing-product-photo{min-height:250px;padding:var(--pl-space-5);border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:linear-gradient(135deg,#2f855a29,#2f75b514),linear-gradient(180deg,var(--pl-color-surface-muted),var(--pl-color-surface-inset));display:flex;flex-direction:column;justify-content:flex-end}.landing-product-photo strong{margin-top:var(--pl-space-1);font-size:38px;line-height:1.05}.landing-product-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pl-space-3)}.landing-product-panel div,.landing-feature-card,.landing-reliability-list div,.landing-step{border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:#ffffffe0}.landing-product-panel div{padding:var(--pl-space-4)}.landing-feature-card p,.landing-band p,.landing-final p,.landing-copy-stack p,.landing-section-centered p,.landing-growth-section p{color:var(--pl-color-text-secondary)}.landing-product-panel strong{display:block;margin-top:var(--pl-space-1);font-size:20px}.landing-product-timeline{display:flex;flex-direction:column;gap:var(--pl-space-2);padding:var(--pl-space-4);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-muted)}.landing-product-timeline span{display:flex;align-items:center;gap:var(--pl-space-2)}.landing-product-timeline span:before{content:"";width:8px;height:8px;border-radius:var(--pl-radius-pill);background:var(--pl-color-accent)}.landing-proof-strip,.landing-section,.landing-band{width:min(100%,1200px);margin:0 auto}.landing-proof-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--pl-space-3);padding:var(--pl-space-4);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:#ffffffc7}.landing-proof-strip span{display:flex;flex-direction:column;gap:4px;color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-meta);text-align:center}.landing-proof-strip strong{color:var(--pl-color-text-primary);font-size:var(--pl-font-size-body)}.landing-proof-strip small{color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta);font-weight:700}.landing-section{padding:76px 0;display:flex;flex-direction:column;gap:var(--pl-space-6)}.landing-section h2,.landing-band h2,.landing-final h2{margin:0;font-size:46px;line-height:1.05;letter-spacing:0}.landing-two-column{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--pl-space-10);align-items:center}.landing-copy-stack{display:flex;flex-direction:column;gap:var(--pl-space-4);font-size:var(--pl-font-size-body-large);line-height:1.7}.landing-copy-stack p,.landing-section-centered p,.landing-growth-section p{margin:0}.landing-section-centered{max-width:760px;margin:0 auto;text-align:center}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pl-space-4)}.landing-feature-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-feature-card{padding:var(--pl-space-5);box-shadow:var(--pl-shadow-card)}.landing-feature-card h3{margin:var(--pl-space-3) 0 var(--pl-space-2);font-size:21px;line-height:1.15}.landing-feature-card p{margin:0}.landing-feature-card,.landing-signin-link,.landing-capability-card,.landing-growth-before-after div{transition:border-color var(--pl-motion-normal),box-shadow var(--pl-motion-normal),transform var(--pl-motion-normal),background-color var(--pl-motion-normal)}.landing-signin-link:hover,.landing-feature-card:hover,.landing-capability-card:hover,.landing-growth-before-after div:hover{border-color:#2f855a57;box-shadow:var(--pl-shadow-card-hover)}.landing-feature-card:hover,.landing-capability-card:hover,.landing-growth-before-after div:hover{transform:translateY(-3px)}.landing-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pl-space-4)}.landing-capability-card{min-width:0;padding:var(--pl-space-4);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:#ffffffe6;box-shadow:var(--pl-shadow-card);display:flex;flex-direction:column;gap:var(--pl-space-4)}.landing-capability-card span{color:var(--pl-color-accent);font-size:var(--pl-font-size-meta);font-weight:800;text-transform:uppercase}.landing-capability-card h3{margin:var(--pl-space-2) 0 var(--pl-space-2);font-size:22px;line-height:1.14}.landing-capability-card p{margin:0;color:var(--pl-color-text-secondary)}.landing-capability-preview{min-height:210px;padding:var(--pl-space-4);border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-muted);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.landing-capability-visual{min-height:118px;display:grid;align-items:end;gap:var(--pl-space-2)}.landing-capability-preview-monitor .landing-capability-visual{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-capability-preview-monitor .landing-capability-visual span{display:block;border-radius:var(--pl-radius-md);background:#2f855a2e;border:1px solid rgba(47,133,90,.18)}.landing-capability-preview-monitor .landing-capability-visual span:nth-child(1){height:54px}.landing-capability-preview-monitor .landing-capability-visual span:nth-child(2){height:92px}.landing-capability-preview-monitor .landing-capability-visual span:nth-child(3){height:72px}.landing-mini-camera-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pl-space-2)}.landing-mini-camera-strip span{display:block;min-height:118px;border-radius:var(--pl-radius-md);background:linear-gradient(180deg,#2f855a33,#2f75b514),var(--pl-color-surface-inset);border:1px solid rgba(47,133,90,.16)}.landing-mini-camera-strip span:nth-child(2){transform:translateY(-10px)}.landing-mini-events{display:flex;flex-direction:column;gap:var(--pl-space-2)}.landing-mini-events span{display:block;height:30px;border-radius:var(--pl-radius-md);background:#ffffffd1;border:1px solid var(--pl-color-border)}.landing-mini-events span:nth-child(1){width:88%}.landing-mini-events span:nth-child(2){width:68%}.landing-mini-events span:nth-child(3){width:78%}.landing-mini-slider{position:relative;min-height:118px;display:flex;align-items:center}.landing-mini-slider:before{content:"";width:100%;height:12px;border-radius:var(--pl-radius-pill);background:var(--pl-color-border)}.landing-mini-slider span{position:absolute;width:64%;height:12px;border-radius:var(--pl-radius-pill);background:var(--pl-color-accent)}.landing-capability-metric{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pl-space-3)}.landing-capability-metric strong{color:var(--pl-color-text-primary);font-size:30px;line-height:1}.landing-capability-metric span{color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-meta);text-align:right;text-transform:none}.landing-app-preview-section{padding-top:34px}.landing-app-preview{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--pl-space-6);align-items:center}.landing-web-preview,.landing-mobile-preview,.landing-growth-showcase,.landing-update-card{border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:#ffffffe6;box-shadow:var(--pl-shadow-card)}.landing-web-preview{min-height:520px;padding:var(--pl-space-4);display:flex;flex-direction:column;gap:var(--pl-space-4)}.landing-preview-toolbar{display:flex;gap:var(--pl-space-2)}.landing-preview-toolbar span{width:10px;height:10px;border-radius:var(--pl-radius-pill);background:var(--pl-color-border)}.landing-preview-body{flex:1;padding:var(--pl-space-5);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-muted);display:flex;flex-direction:column;gap:var(--pl-space-4)}.landing-preview-hero,.landing-mobile-card{border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:#ffffffd6}.landing-preview-hero{min-height:170px;padding:var(--pl-space-5);display:flex;flex-direction:column;justify-content:flex-end}.landing-preview-hero small,.landing-preview-hero span,.landing-preview-grid span,.landing-mobile-card span,.landing-growth-caption span,.landing-update-card span,.landing-update-card small,.landing-reliability-list small{color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta);font-weight:700}.landing-preview-hero strong{margin:var(--pl-space-1) 0;font-size:42px;line-height:1}.landing-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pl-space-3)}.landing-preview-grid div{padding:var(--pl-space-4);border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:#fffc}.landing-preview-grid strong{display:block;margin-top:var(--pl-space-1);font-size:22px}.landing-preview-chart{flex:1;min-height:160px;padding:var(--pl-space-4);border-radius:var(--pl-radius-md);background:linear-gradient(180deg,transparent 0 31%,rgba(31,42,36,.05) 31% 32%,transparent 32% 64%,rgba(31,42,36,.05) 64% 65%,transparent 65%),#ffffffa3;border:1px solid var(--pl-color-border-soft);display:flex;align-items:flex-end}.landing-preview-chart span{display:block;width:100%;height:74px;border-radius:var(--pl-radius-md);background:linear-gradient(90deg,#2f855a33,#2f75b529)}.landing-mobile-preview{min-height:560px;padding:var(--pl-space-4);display:flex;flex-direction:column;gap:var(--pl-space-3);background:var(--pl-color-text-primary)}.landing-mobile-notch{width:88px;height:7px;margin:0 auto var(--pl-space-2);border-radius:var(--pl-radius-pill);background:#fff3}.landing-mobile-card{padding:var(--pl-space-4)}.landing-mobile-card-hero{min-height:116px}.landing-mobile-card strong{display:block;margin-top:var(--pl-space-1);color:var(--pl-color-text-primary);font-size:28px}.landing-mobile-image{flex:1;min-height:250px;border-radius:var(--pl-radius-md);border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#2f855a73,#2f75b529),var(--pl-color-surface-inset)}.landing-band{padding:var(--pl-space-8);border-radius:var(--pl-radius-md);background:var(--pl-color-text-primary);color:#fff;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--pl-space-8);align-items:center}.landing-band .eyebrow{color:#8bd2aa}.landing-band p{margin:0;color:#d7e3dd}.landing-steps{display:flex;flex-direction:column;gap:var(--pl-space-3)}.landing-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pl-space-4);padding:var(--pl-space-4);background:#ffffff14;border-color:#ffffff2e}.landing-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--pl-radius-pill);background:var(--pl-color-accent);color:#fff;font-weight:800}.landing-step h3{margin:0 0 var(--pl-space-1);color:#fff}.landing-step p{margin:0}.landing-camera-preview{padding:var(--pl-space-5);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:var(--pl-color-surface);box-shadow:var(--pl-shadow-card)}.landing-camera-main{min-height:300px;padding:var(--pl-space-5);border-radius:var(--pl-radius-md);background:linear-gradient(135deg,#2f855a2e,#b76a3517),var(--pl-color-surface-inset);display:flex;flex-direction:column;justify-content:flex-end}.landing-camera-main strong{margin:var(--pl-space-1) 0;font-size:38px;line-height:1.05}.landing-camera-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--pl-space-2);margin-top:var(--pl-space-3)}.landing-camera-strip span{aspect-ratio:1.15;border-radius:var(--pl-radius-md);background:var(--pl-color-surface-inset);border:1px solid var(--pl-color-border-soft)}.landing-camera-strip span:nth-child(2n){background:var(--pl-color-accent-soft)}.landing-growth-showcase{padding:var(--pl-space-4);display:flex;flex-direction:column;gap:var(--pl-space-4)}.landing-growth-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pl-space-3)}.landing-growth-before-after div{min-height:250px;padding:var(--pl-space-4);border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:linear-gradient(180deg,#2f855a1f,#ffffff1a),var(--pl-color-surface-inset);display:flex;align-items:flex-end}.landing-growth-before-after div:nth-child(2){background:linear-gradient(180deg,#2f855a42,#2f75b514),var(--pl-color-surface-inset)}.landing-growth-before-after span,.landing-growth-caption strong{color:var(--pl-color-text-primary);font-weight:800}.landing-growth-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--pl-space-2)}.landing-growth-timeline span{display:block;aspect-ratio:1.2;border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-inset)}.landing-growth-timeline span:nth-child(2n){background:var(--pl-color-accent-soft)}.landing-growth-caption{display:flex;justify-content:space-between;gap:var(--pl-space-4);align-items:center}.landing-reliability-showcase{display:flex;flex-direction:column;gap:var(--pl-space-4)}.landing-update-card{padding:var(--pl-space-5);display:flex;flex-direction:column;gap:var(--pl-space-3)}.landing-update-card strong{font-size:30px;line-height:1}.landing-progress-bar{height:12px;border-radius:var(--pl-radius-pill);background:var(--pl-color-border-soft);overflow:hidden}.landing-progress-bar span{display:block;width:72%;height:100%;border-radius:inherit;background:var(--pl-color-accent)}.landing-reliability-list{display:grid;gap:var(--pl-space-3)}.landing-reliability-list div{display:flex;align-items:flex-start;gap:var(--pl-space-3);padding:var(--pl-space-4)}.landing-reliability-list div div{padding:0;border:0;background:transparent;display:flex;flex-direction:column;gap:4px}.landing-reliability-list span{flex:0 0 auto;margin-top:5px;width:10px;height:10px;border-radius:var(--pl-radius-pill);background:var(--pl-color-accent)}.landing-final{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--pl-space-8)}.landing-final p{margin:12px 0 0}@media(prefers-reduced-motion:reduce){.landing-feature-card,.landing-signin-link,.landing-capability-card,.landing-growth-before-after div{transition:none}.landing-feature-card:hover,.landing-capability-card:hover,.landing-growth-before-after div:hover{transform:none}}.demo-page{min-height:100vh;padding:28px;background:var(--pl-color-background-elevated)}.demo-nav{margin-bottom:var(--pl-space-3)}.demo-hero,.demo-section{width:min(100%,1200px);margin:0 auto}.demo-hero{min-height:620px;padding:var(--pl-space-10);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:var(--pl-color-surface);box-shadow:var(--pl-shadow-hero);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:var(--pl-space-8);align-items:center}.demo-hero-copy{display:flex;flex-direction:column;gap:var(--pl-space-5)}.demo-hero h1,.demo-section h2{margin:0;letter-spacing:0}.demo-hero h1{max-width:11ch;font-size:76px;line-height:.96}.demo-hero p,.demo-section p{color:var(--pl-color-text-secondary)}.demo-hero-copy>p{max-width:58ch;margin:0;font-size:var(--pl-font-size-body-large);line-height:1.7}.demo-hero-copy>.demo-sample-note{width:fit-content;padding:10px 14px;border:1px solid rgba(47,133,90,.18);border-radius:var(--pl-radius-md);background:#2f855a14;color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-body);line-height:1.4}.demo-live-card,.demo-stat-card,.demo-capture-image,.demo-growth-card,.demo-event,.demo-feature-stack article{border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:#ffffffe6;box-shadow:var(--pl-shadow-card)}.demo-live-card{min-height:440px;padding:var(--pl-space-6);display:flex;flex-direction:column;gap:var(--pl-space-4);background:linear-gradient(180deg,#2f855a14,#2f75b50a),var(--pl-color-surface)}.demo-live-photo{min-height:210px;overflow:hidden;border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-inset)}.demo-live-photo img{width:100%;height:260px;display:block;object-fit:cover}.demo-live-card .chip{width:fit-content;align-self:flex-start}.demo-live-card h2{margin:0;font-size:42px;line-height:1}.demo-live-card p{margin:0}.demo-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pl-space-3)}.demo-live-grid div{padding:var(--pl-space-4);border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:#ffffffc7}.demo-live-grid span,.demo-stat-card span,.demo-stat-card small,.demo-capture-image span,.demo-sensor-row span,.demo-growth-card span,.demo-event small{color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta);font-weight:700}.demo-live-grid strong,.demo-stat-card strong,.demo-sensor-row strong{display:block;margin-top:var(--pl-space-1);font-size:20px}.demo-section{padding:74px 0}.demo-section h2{font-size:46px;line-height:1.05}.demo-overview-grid,.demo-two-column{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:var(--pl-space-8);align-items:start}.demo-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pl-space-4)}.demo-stat-card{min-height:150px;padding:var(--pl-space-5);display:flex;flex-direction:column;justify-content:space-between}.demo-stat-card strong{font-size:30px;line-height:1}.demo-capture-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--pl-space-8);align-items:center}.demo-capture-image{overflow:hidden}.demo-capture-image img{width:100%;height:540px;display:block;object-fit:cover}.demo-capture-image div{padding:var(--pl-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--pl-space-4)}.demo-capture-copy{display:flex;flex-direction:column;gap:var(--pl-space-4)}.demo-capture-copy p{margin:0;font-size:var(--pl-font-size-body-large);line-height:1.65}.demo-sensor-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pl-space-3)}.demo-sensor-row div{padding:var(--pl-space-4);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:#ffffffe0}.demo-growth-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,230px);gap:var(--pl-space-4);overflow-x:auto;padding:var(--pl-space-2) var(--pl-space-1) var(--pl-space-4);scroll-snap-type:x mandatory;scrollbar-color:rgba(47,133,90,.36) transparent}.demo-growth-card{overflow:hidden;display:flex;flex-direction:column;scroll-snap-align:start;transition:border-color var(--pl-motion-normal),box-shadow var(--pl-motion-normal),transform var(--pl-motion-normal)}.demo-growth-card:hover{border-color:#2f855a57;box-shadow:var(--pl-shadow-card-hover);transform:translateY(-3px)}.demo-growth-card img{width:100%;height:210px;display:block;object-fit:cover}.demo-growth-card div{padding:var(--pl-space-4)}.demo-growth-card strong{display:block;margin-bottom:4px}.demo-growth-card p{margin:var(--pl-space-3) 0 0;font-size:var(--pl-font-size-meta);line-height:1.5}.demo-timeline,.demo-feature-stack{display:flex;flex-direction:column;gap:var(--pl-space-3)}.demo-event{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pl-space-3);padding:var(--pl-space-4)}.demo-event-dot{width:10px;height:10px;margin-top:7px;border-radius:var(--pl-radius-pill);background:var(--pl-color-accent)}.demo-event-dot-warning{background:var(--pl-color-warning)}.demo-event strong{display:block;margin:2px 0 4px}.demo-event p,.demo-feature-stack p{margin:0;font-size:var(--pl-font-size-body)}.demo-feature-stack article{padding:var(--pl-space-5)}.demo-feature-stack h3{margin:0 0 var(--pl-space-2);font-size:22px}@media(prefers-reduced-motion:reduce){.demo-growth-card{transition:none}.demo-growth-card:hover{transform:none}}.auth-card{width:min(100%,420px);display:flex;flex-direction:column;gap:14px}.auth-card input,.field input,.field textarea,.field select{border:1px solid #d7dee3;border-radius:8px;padding:12px 14px}.stack-form{display:flex;flex-direction:column;gap:14px}.dev-login-panel{border-top:1px solid #d7dee3;margin-top:4px;padding-top:16px}.field{display:flex;flex-direction:column;gap:8px}.field span{font-weight:600;color:#394640}.error-text{color:#b42318;margin:0}.success-text,.text-link{color:#2f855a;font-weight:700}.status-banner{margin:0;padding:12px 14px;border-radius:8px;background:#edf2f4;color:#1f2a24}.status-banner-success{background:#dff7e8;color:#157347}.status-banner-error{background:#fde4e4;color:#b42318}.status-banner-info{background:#efe7ff;color:#6941c6}.timeline-panel{gap:var(--pl-space-4)}.timeline-filters{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:var(--pl-space-3);padding:var(--pl-space-3);border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-muted)}.timeline-filter{display:flex;flex-direction:column;gap:7px}.timeline-filter span{color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-meta);font-weight:700}.timeline-filter input,.timeline-filter select{width:100%;border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:var(--pl-color-surface);color:var(--pl-color-text-primary);padding:10px 12px}.timeline-list{display:flex;flex-direction:column;gap:var(--pl-space-3)}.timeline-row{border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-app);overflow:hidden}.timeline-row-info{border-left:4px solid var(--pl-color-info)}.timeline-row-warning{border-left:4px solid var(--pl-color-warning)}.timeline-row-error,.timeline-row-critical{border-left:4px solid var(--pl-color-danger)}.timeline-row-button{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--pl-space-3);align-items:flex-start;padding:var(--pl-space-4);text-align:left}.timeline-row-button:hover{background:var(--pl-color-surface-muted)}.timeline-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface);color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-meta);font-weight:800}.timeline-icon-command,.timeline-icon-ota{color:var(--pl-color-info);background:var(--pl-color-info-soft)}.timeline-icon-camera,.timeline-icon-image{color:var(--pl-color-accent);background:var(--pl-color-accent-soft)}.timeline-icon-health{color:var(--pl-color-warning);background:var(--pl-color-warning-soft)}.timeline-icon-heartbeat,.timeline-icon-system{color:var(--pl-color-text-secondary);background:var(--pl-color-surface-muted)}.timeline-row-content{display:flex;min-width:0;flex-direction:column;gap:var(--pl-space-1)}.timeline-row-topline{display:flex;flex-wrap:wrap;gap:var(--pl-space-2);align-items:center;color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta);font-weight:700}.timeline-event-label{color:var(--pl-color-text-secondary)}.timeline-event-time{color:var(--pl-color-text-muted)}.timeline-summary{color:var(--pl-color-text-primary);font-weight:700}.timeline-meta,.timeline-correlation{color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta);overflow-wrap:anywhere}.timeline-meta{display:flex;flex-wrap:wrap;gap:var(--pl-space-2);align-items:center}.timeline-correlation{border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-pill);padding:1px var(--pl-space-2);background:var(--pl-color-surface)}.timeline-severity{align-self:center;border:1px solid currentColor;border-radius:var(--pl-radius-pill);padding:var(--pl-space-1) var(--pl-space-3);font-size:var(--pl-font-size-caption);font-weight:800}.timeline-details-shell{border-top:1px solid var(--pl-color-border);background:var(--pl-color-surface-muted)}.timeline-details-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pl-space-2);padding:var(--pl-space-3) var(--pl-space-4) 0;color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-meta)}.timeline-details{margin:0;max-height:360px;overflow:auto;background:transparent;color:var(--pl-color-text-primary);padding:var(--pl-space-3) var(--pl-space-4) var(--pl-space-4);font-size:var(--pl-font-size-meta);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-load-more{align-self:flex-start}.timeline-count{color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta);font-weight:700}.history-list{display:flex;flex-direction:column;gap:12px}.trend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.trend-card{border:1px solid #d7dee3;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8fafb}.trend-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.trend-card-title{display:inline-flex;align-items:center;gap:8px}.series-dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.trend-card-header span,.trend-card-title span{color:#55635d}.trend-card-header strong{font-size:24px;text-align:right;white-space:nowrap}.trend-chart-frame{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;min-height:164px}.trend-y-axis{position:relative;color:#708078;font-size:12px}.trend-y-axis span{position:absolute;right:0;transform:translateY(50%);white-space:nowrap}.trend-plot{display:grid;grid-template-rows:minmax(128px,1fr) auto;gap:8px;min-width:0}.trend-line-chart{width:100%;height:128px;overflow:visible}.trend-grid-line{stroke:#d7dee3;stroke-width:.8;vector-effect:non-scaling-stroke}.trend-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;vector-effect:non-scaling-stroke}.trend-point{fill:#fff;stroke-width:1.4;vector-effect:non-scaling-stroke}.trend-latest-point{fill:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.trend-x-axis{display:flex;justify-content:space-between;gap:8px;color:#708078;font-size:12px}.trend-x-axis span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range-tabs{display:flex;flex-wrap:wrap;gap:8px}.range-tab{border:1px solid #d7dee3;border-radius:999px;background:#fff;color:#55635d;padding:8px 12px;cursor:pointer}.range-tab-active{border-color:#2f855a;background:#e7f3ec;color:#2f855a;font-weight:700}.gallery-capture-button{min-width:160px}.image-gallery-panel{overflow:hidden}.image-gallery-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:var(--pl-space-5)}.image-gallery-hero{position:relative;min-height:420px;margin:0;overflow:hidden;border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-inset)}.image-gallery-hero img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}.image-gallery-hero figcaption{position:absolute;right:var(--pl-space-4);bottom:var(--pl-space-4);left:var(--pl-space-4);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pl-space-3);align-items:flex-end;padding:var(--pl-space-3);border:1px solid rgba(215,222,227,.8);border-radius:var(--pl-radius-md);background:#ffffffe6}.image-gallery-hero figcaption div{display:grid;gap:2px}.image-gallery-hero figcaption span,.image-gallery-hero figcaption small,.image-gallery-rail-header span,.image-gallery-details span{color:var(--pl-color-text-muted);font-size:var(--pl-font-size-meta);font-weight:700}.image-gallery-hero figcaption strong{color:var(--pl-color-text-primary);font-size:var(--pl-font-size-card-title)}.image-gallery-fallback,.image-gallery-empty{display:grid;place-items:center;min-height:320px;gap:var(--pl-space-3);padding:var(--pl-space-6);text-align:center;color:var(--pl-color-text-secondary)}.image-gallery-fallback strong,.image-gallery-empty h4{margin:0;color:var(--pl-color-text-primary)}.image-gallery-empty{grid-template-columns:auto minmax(0,1fr);justify-content:flex-start;min-height:auto;place-items:center start;border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-muted);text-align:left}.image-gallery-empty-mark{width:54px;height:54px;border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface)}.image-gallery-rail{display:flex;min-width:0;flex-direction:column;gap:var(--pl-space-4)}.image-gallery-rail-header{display:flex;justify-content:space-between;gap:var(--pl-space-3);align-items:center}.image-gallery-thumbs{display:grid;gap:var(--pl-space-3)}.image-gallery-thumb{display:grid;grid-template-columns:82px minmax(0,1fr);gap:var(--pl-space-3);align-items:center;width:100%;border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-muted);color:var(--pl-color-text-secondary);cursor:pointer;padding:var(--pl-space-2);text-align:left;transition:border-color var(--pl-motion-normal),background var(--pl-motion-normal),transform var(--pl-motion-normal)}.image-gallery-thumb:hover,.image-gallery-thumb-active{border-color:var(--pl-color-accent);background:var(--pl-color-accent-soft)}.image-gallery-thumb:hover{transform:translateY(-1px)}.image-gallery-thumb img,.image-gallery-thumb>span{width:82px;height:62px;border-radius:var(--pl-radius-sm);background:var(--pl-color-surface-inset);object-fit:cover}.image-gallery-thumb>span{display:grid;place-items:center;color:var(--pl-color-text-muted);font-size:var(--pl-font-size-caption)}.image-gallery-thumb small{color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-meta);font-weight:800}.image-gallery-details{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pl-space-2) var(--pl-space-3);padding:var(--pl-space-3);border:1px solid var(--pl-color-border-soft);border-radius:var(--pl-radius-md);background:var(--pl-color-surface-muted)}.image-gallery-details strong{min-width:0;overflow-wrap:anywhere;color:var(--pl-color-text-primary);font-size:var(--pl-font-size-meta)}.timelapse-actions{display:flex;flex-wrap:wrap;gap:10px}.timelapse-player{display:grid;gap:10px;max-width:760px}.timelapse-image{aspect-ratio:4 / 3;background:#edf2f4;object-fit:cover}.timelapse-meta{display:flex;justify-content:space-between;gap:12px;color:#708078;font-size:13px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #e7ecef}.activity-row:first-child{border-top:0;padding-top:0}.status-step{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:8px;border:1px solid #d7dee3;background:#f8fafb}.status-step strong{font-size:16px}.status-step span{color:#55635d}.status-step-complete{border-color:#b7e4c7;background:#edf9f1}.setup-checklist,.onboarding-help ul{margin:0;padding-left:20px;color:#55635d}.setup-checklist{display:grid;gap:8px}.onboarding-help{border:1px solid #d7dee3;border-radius:8px;padding:14px;background:#f8fafb;display:flex;flex-direction:column;gap:10px}.onboarding-help strong,.setup-help-item strong{color:#1f2a24}.setup-status-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:#708078;font-size:13px}.setup-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.setup-help-item{border:1px solid #d7dee3;border-radius:8px;padding:14px;background:#f8fafb;display:flex;flex-direction:column;gap:8px}.setup-help-item span{color:#55635d}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.attention-panel{border:1px solid #9a6700;border-radius:8px;padding:14px;background:#fff1d6;color:#1f2a24}.attention-panel strong{color:#9a6700}.attention-panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.attention-dismiss{background:transparent;border:1px solid #9a6700;border-radius:8px;color:#9a6700;cursor:pointer;font-weight:700;padding:6px 12px}.attention-panel ul{margin:8px 0 0;padding-left:20px}.health-item{border:1px solid #d7dee3;border-radius:8px;padding:14px;background:#f8fafb;display:flex;flex-direction:column;gap:6px}.health-item strong{font-size:16px}.health-item span,.health-item small{color:#55635d}.detail-grid{display:grid;gap:12px}.detail-row{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;align-items:baseline;border-top:1px solid #e7ecef;padding-top:12px}.detail-row:first-child{border-top:0;padding-top:0}.detail-row span{color:#55635d;text-align:right}.token-summary{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-all}.empty-state{background:#fff;border:1px solid #d7dee3;border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:8px}.empty-state h3,.support-diagnostics-page h3,.support-diagnostics-page h4,.admin-diagnostics-page h3,.admin-diagnostics-page h4,.admin-diagnostics-page h5{margin:0}.diagnostics-overview-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:16px}.diagnostic-summary-card,.support-device-card,.support-events-panel{display:flex;flex-direction:column;gap:14px}.diagnostic-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.diagnostic-metric{min-height:82px;border:1px solid #d7dee3;border-radius:8px;padding:12px;background:#f8fafb;display:flex;flex-direction:column;justify-content:space-between}.diagnostic-metric span{color:#55635d;font-size:13px}.diagnostic-metric strong{font-size:26px}.support-section{display:flex;flex-direction:column;gap:14px}.admin-section-card{display:flex;flex-direction:column;gap:16px}.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}.admin-user-card{display:flex;flex-direction:column;gap:16px}.admin-user-subsection{display:flex;flex-direction:column;gap:10px;border-top:1px solid #e7ecef;padding-top:14px}.support-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.support-card-header,.support-node-title{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.support-node-list{display:flex;flex-direction:column;gap:12px}.support-node-row{border-top:1px solid #e7ecef;padding-top:12px;display:flex;flex-direction:column;gap:10px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--pl-color-border);height:auto;position:static;padding:22px}.main{padding:24px 18px}.page-header{flex-direction:column;padding:18px}.device-overview-hero{grid-template-columns:1fr;padding:var(--pl-space-5)}.device-overview-stats,.device-card,.device-card-highlights,.image-gallery-layout{grid-template-columns:1fr}.image-gallery-hero,.image-gallery-hero img{min-height:320px}.image-gallery-empty{grid-template-columns:1fr}.landing-page{padding:18px}.landing-nav{align-items:flex-start;flex-direction:column}.landing-nav-links{width:100%;flex-wrap:wrap;justify-content:space-between}.landing-hero{min-height:auto;padding:44px 22px 22px}.landing-copy h1{max-width:none;font-size:48px}.landing-product{position:relative;top:auto;right:auto;width:100%;min-height:auto;margin-top:32px;transform:none}.landing-product-photo{min-height:220px}.landing-product-panel,.landing-proof-strip,.landing-feature-grid,.landing-feature-grid-four,.landing-capability-grid,.landing-app-preview,.landing-preview-grid,.landing-growth-before-after,.landing-band,.landing-two-column{grid-template-columns:1fr}.landing-proof-strip span{text-align:left}.landing-section{padding:48px 0}.landing-section h2,.landing-band h2,.landing-final h2{font-size:34px}.landing-capability-preview{min-height:180px}.landing-app-preview{gap:var(--pl-space-4)}.landing-web-preview{min-height:auto}.landing-preview-body{padding:var(--pl-space-4)}.landing-preview-hero strong{font-size:34px}.landing-mobile-preview{width:min(100%,320px);min-height:500px;margin:0 auto}.landing-growth-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-growth-caption{flex-direction:column;align-items:flex-start}.landing-band{padding:24px}.landing-final{flex-direction:column;align-items:flex-start}.landing-final .button-row{width:100%}.demo-page{padding:18px}.demo-nav{align-items:flex-start;flex-direction:column}.demo-hero,.demo-overview-grid,.demo-capture-layout,.demo-two-column{grid-template-columns:1fr}.demo-hero{min-height:auto;padding:42px 22px}.demo-hero h1{max-width:none;font-size:48px}.demo-live-card{min-height:auto}.demo-live-grid,.demo-stat-grid,.demo-sensor-row{grid-template-columns:1fr}.demo-section{padding:48px 0}.demo-section h2{font-size:34px}.demo-capture-image img{height:360px}.demo-capture-image div{align-items:flex-start;flex-direction:column}.demo-growth-card img{height:260px}.section-header{flex-direction:column}.timeline-filters{grid-template-columns:1fr}.timeline-row-button{grid-template-columns:auto minmax(0,1fr)}.timeline-severity{grid-column:2;justify-self:flex-start}.diagnostics-overview-grid{grid-template-columns:1fr}.diagnostic-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-integration-grid{grid-template-columns:1fr}}