@font-face{font-family:PlatformMontserrat;src:url('assets/platform-montserrat.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PlatformMontserrat;src:url('assets/platform-montserrat-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
#platforms:has(.orbit-stage){--orbit-accent:#3b82f6;padding-left:0;padding-right:0;overflow:hidden;background:#06132665;color:#f2f6ff}
#platforms:has(.orbit-stage)>.section-top{margin-left:6%;margin-right:6%;background:#051326b8;backdrop-filter:blur(8px);padding:28px;border:1px solid #ffffff12}
#platforms:has(.orbit-stage) .section-top>p{color:#c5d7eb}
#platforms:has(.orbit-stage) .eyebrow{color:#9ac6ff}
.orbit-viewport{position:relative;isolation:isolate;touch-action:pan-y}
.orbit-viewport:before{content:'';position:absolute;inset:8% 12% 0;background:radial-gradient(ellipse at 50% 60%,var(--orbit-accent),transparent 65%);opacity:.24;filter:blur(28px);transition:background .5s;z-index:-1}
.orbit-stage{position:relative;display:block;height:540px;max-width:1440px;margin:auto;perspective:1400px;transform-style:preserve-3d}
.orbit-card{position:absolute;top:48%;left:50%;width:70%;max-width:850px;height:465px;border:1px solid #ffffff38;border-radius:13px;padding:0;overflow:hidden;box-shadow:0 35px 65px #0008;background:var(--preview-bg)!important;backface-visibility:hidden;transition:none;will-change:transform,opacity;color:var(--preview-text);text-align:left;font-family:PlatformMontserrat,'Segoe UI',sans-serif}
.orbit-card:hover{border-color:#9dc5f4;box-shadow:0 35px 65px #0008}
.orbit-card:focus-visible{outline:3px solid #a4cfff;outline-offset:5px}
.preview-browser{display:flex;align-items:center;justify-content:space-between;gap:10px;height:32px;padding:0 16px;font-size:10px;color:var(--preview-muted);background:var(--preview-panel);border-bottom:1px solid var(--preview-border)}
.preview-browser>span:first-child{letter-spacing:4px;color:var(--preview-muted);opacity:.6}.preview-browser small{font-size:8px;letter-spacing:.1em}
.platform-screen{height:calc(100% - 70px);overflow:hidden;display:flex;background:var(--preview-bg);font-size:11px;line-height:1.5;pointer-events:none}
.preview-operations{--preview-bg:#1a1a1f;--preview-panel:#222228;--preview-border:#333340;--preview-text:#e5e7eb;--preview-muted:#9ca3af;--preview-accent:#3b82f6}
.preview-compliance{--preview-bg:#f5f8f5;--preview-panel:#fff;--preview-border:#1b5e3a26;--preview-text:#1b5e3a;--preview-muted:#6b7394;--preview-accent:#2e7d52}
.preview-housing{--preview-bg:#f5f4f9;--preview-panel:#fff;--preview-border:#efecf9;--preview-text:#1c1836;--preview-muted:#8f89a8;--preview-accent:#9186e8}
.preview-gym{--preview-bg:#0a0a0f;--preview-panel:#111118;--preview-border:#6366f12b;--preview-text:#e5e7eb;--preview-muted:#9ca3af;--preview-accent:#818cf8}
.preview-brand{display:flex;align-items:center;gap:7px;height:32px;font-size:9px;white-space:nowrap;letter-spacing:.08em}
.preview-brand i{width:17px;height:20px;border-radius:4px;background:var(--preview-accent);opacity:.6}.preview-brand>span{filter:blur(3px);user-select:none}
.preview-rail{width:145px;flex-shrink:0;padding:14px 10px;background:var(--preview-panel);border-right:1px solid var(--preview-border);display:flex;flex-direction:column;gap:5px}
.preview-rail>span:not(.preview-brand){padding:8px;border-radius:5px;color:var(--preview-muted);font-size:10px}
.preview-rail>span.selected{color:var(--preview-accent);background:color-mix(in srgb,var(--preview-accent) 13%,transparent)}
.preview-rail>small{margin-top:auto;color:var(--preview-muted);font-size:9px;padding:8px}
.preview-housing .preview-rail{background:#efebfb}
.preview-main{padding:17px;min-width:0;flex:1;overflow:hidden}
.preview-heading{margin-bottom:14px;display:flex;flex-direction:column;gap:3px}.preview-heading b{font-size:20px;letter-spacing:-.04em}.preview-heading>span{color:var(--preview-muted);font-size:10px}
.preview-main section{background:var(--preview-panel);border:1px solid var(--preview-border);padding:12px;border-radius:8px;margin-bottom:10px}
.preview-main h4{font-size:11px;font-weight:600;letter-spacing:0;margin:0 0 10px;color:var(--preview-text)}
.preview-main p{font-size:9px;line-height:1.4;color:var(--preview-muted);margin:8px 0 0}
.preview-main strong{font-size:26px;color:var(--preview-text);letter-spacing:-.04em}
.preview-main small{color:var(--preview-muted);font-size:9px}
.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 12px}
.preview-operations .preview-metrics{grid-template-columns:repeat(4,1fr)}
.preview-metrics>div{background:var(--preview-panel);border:1px solid var(--preview-border);padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:3px}
.preview-metrics strong{font-size:24px}.preview-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.preview-donut{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;position:relative;isolation:isolate;background:conic-gradient(var(--preview-accent) var(--value),var(--preview-border) 0);margin:8px auto}
.preview-donut:before{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--preview-panel);z-index:-1}.preview-donut>b{font-size:22px}
.preview-fuel{height:55px;border:1px solid var(--preview-border);border-radius:6px;overflow:hidden;position:relative;margin-bottom:5px}.preview-fuel i{position:absolute;bottom:0;height:68%;width:100%;background:#3b82f6aa}
.preview-rows>div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--preview-border);font-size:10px}.preview-rows b{color:var(--preview-accent);font-size:9px;font-weight:600}
.preview-compliance .platform-screen,.preview-gym .platform-screen{display:block}
.preview-compliance-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:var(--preview-panel);border-bottom:1px solid var(--preview-border);font-size:11px}
.preview-tabs{display:flex;gap:22px;padding:10px 16px;font-size:10px;border-bottom:1px solid var(--preview-border)}
.preview-score strong{display:block;font-size:40px;color:var(--preview-accent);line-height:1.1;margin-top:6px}.preview-score strong>span{font-size:25px}
.preview-score p{margin-top:5px}.preview-compliance .preview-main{padding:12px 18px}.preview-compliance .preview-metrics strong{color:var(--preview-accent)}
.preview-matrix{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:7px;font-size:9px}.preview-matrix>i,.preview-matrix>em{font-style:normal;border-radius:4px;background:#e8f5e9;color:#2e7d52;text-align:center;padding:3px}.preview-matrix>em{background:#fff3d5;color:#975d14}.preview-matrix>b{font-weight:500;padding-top:3px}
.preview-housing-grid{display:grid;grid-template-columns:1fr 135px;gap:10px}
.preview-hero-stack section{display:flex;flex-direction:column;background:#221b52;color:#fff;padding:12px;margin-bottom:9px}.preview-hero-stack small,.preview-hero-stack strong,.preview-hero-stack span{color:inherit}.preview-hero-stack span{font-size:8px;opacity:.7}.preview-hero-stack section:nth-child(2){background:#cdc6f4;color:#221b52}.preview-hero-stack section:nth-child(3){background:#e5e1fa;color:#221b52}
.preview-bars{display:flex;align-items:flex-end;gap:8px;height:92px;border-bottom:1px solid var(--preview-border);padding:5px 8px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,var(--preview-border) 30px)}
.preview-bars>i{flex:1;height:var(--height);background:var(--preview-accent);border-radius:3px 3px 0 0;opacity:.8}.preview-bars>i:nth-child(2n){opacity:.45}
.preview-housing .preview-bars{height:105px}.preview-gym .preview-main{padding:14px 18px}.preview-gym .preview-bars{height:75px}
.preview-open{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--preview-panel);color:var(--preview-text);border-top:1px solid var(--preview-border);font:600 12px 'Segoe UI',sans-serif}
.orbit-controls{display:flex;align-items:center;justify-content:center;gap:24px;position:relative;z-index:3;padding:0 6%}
.orbit-arrow{width:48px;height:48px;border:1px solid #a1c5f54d;border-radius:50%;background:#091b31c9;color:#e8f2ff;font-size:22px;flex-shrink:0}.orbit-arrow:hover{background:#143459}
.orbit-choices{display:flex;gap:8px}.orbit-choices button{border:1px solid transparent;border-radius:8px;background:#05132688;color:#b3c8e0;padding:10px 14px;font-size:13px;display:flex;align-items:center;gap:10px}.orbit-choices button>span{font-size:11px;opacity:.6}
.orbit-choices button[aria-pressed=true]{border-color:var(--orbit-accent);color:white;background:#0c213adb}
.orbit-caption{text-align:center;max-width:720px;margin:30px auto 0;padding:24px 28px;background:#061426bf;border-radius:12px;backdrop-filter:blur(9px)}
.orbit-count{font-size:12px;color:#9bb5d4;letter-spacing:.2em}.orbit-caption h3{font-size:clamp(27px,3vw,38px);font-weight:550;margin:12px 0 15px}.orbit-caption p{color:#c4d5ea;font-size:16px;line-height:1.7;margin:0 auto 22px;max-width:590px}
#platforms:has(.orbit-stage) .disclosure{margin:24px auto 0;max-width:720px;color:#bccce1;background:#061426a3;font-size:12px}
@media(max-width:1000px){.orbit-stage{height:475px}.orbit-card{width:76%;height:405px}.preview-rail{width:105px;padding:8px 6px}.preview-rail>span:not(.preview-brand){font-size:9px;padding:7px}.preview-brand{font-size:7px}.preview-main{padding:12px}.preview-heading b{font-size:17px}.preview-metrics>div{padding:8px}.preview-metrics strong{font-size:21px}.preview-housing-grid{grid-template-columns:1fr 110px}.preview-main section{padding:9px}.preview-tabs{gap:12px;font-size:9px}.orbit-controls{gap:12px}.orbit-choices button{font-size:11px;padding:9px;gap:5px}}
@media(max-width:700px){
 #platforms:has(.orbit-stage)>.section-top{padding:20px;margin-bottom:12px}
 .orbit-stage{height:370px;perspective:950px}.orbit-card{width:86%;height:330px;border-radius:9px}
 .preview-browser{padding:0 9px;height:26px;font-size:8px}.preview-browser small{font-size:6px}.preview-browser>span:first-child{display:none}
 .platform-screen{height:calc(100% - 60px)}.preview-rail{display:none}.preview-heading b{font-size:15px}.preview-heading{margin-bottom:9px}.preview-heading>span{font-size:8px}
 .preview-main{padding:9px}.preview-main small{font-size:8px}.preview-metrics{gap:5px;margin-bottom:8px}.preview-metrics>div{padding:6px}.preview-metrics strong{font-size:18px}.preview-main h4{font-size:9px;margin-bottom:7px}.preview-main section{padding:8px;margin-bottom:7px}.preview-main p{font-size:7px}.preview-rows>div{font-size:8px;padding:5px 0}.preview-rows b{font-size:7px}
 .preview-donut{height:53px;width:53px}.preview-donut:before{inset:6px}.preview-donut>b{font-size:17px}.preview-fuel{height:30px}.preview-main strong{font-size:19px}.preview-two{gap:7px}
 .preview-compliance-top{font-size:9px;padding:4px 9px}.preview-compliance-top .preview-brand{font-size:6px}.preview-compliance-top>span:last-child:not(.preview-brand){display:none}
 .preview-tabs{gap:9px;padding:7px 9px;font-size:7px}.preview-tabs>span:last-child{display:none}.preview-compliance .preview-main{padding:8px}.preview-score strong{font-size:30px}.preview-score strong>span{font-size:19px}.preview-matrix{font-size:7px;gap:4px}
 .preview-housing-grid{grid-template-columns:1fr 90px;gap:7px}.preview-housing .preview-bars{height:68px}.preview-hero-stack section{padding:8px}.preview-hero-stack span{font-size:6px}.preview-gym .preview-main{padding:8px}.preview-gym .preview-bars{height:48px}.preview-bars{gap:5px}
 .preview-open{height:34px;font-size:10px}.orbit-controls{gap:8px;padding:0 5%}.orbit-arrow{width:40px;height:40px;font-size:18px}.orbit-choices{gap:6px}.orbit-choices button{font-size:0;padding:0;width:36px;height:36px;justify-content:center}.orbit-choices button>span{font-size:12px;opacity:1}
 .orbit-caption{margin:22px 6% 0;padding:22px 18px}.orbit-caption p{font-size:15px}.orbit-caption h3{font-size:27px}#platforms:has(.orbit-stage) .disclosure{margin:20px 6% 0}
}
@media(prefers-reduced-motion:reduce){.orbit-card{will-change:auto}.orbit-viewport:before{transition:none}}
.themed-demo{background:var(--preview-bg);color:var(--preview-text);border-color:var(--preview-border);font-family:PlatformMontserrat,'Segoe UI',sans-serif}
.themed-demo .dialog-top,.themed-demo th,.themed-demo .demo-summary>div,.themed-demo .concept-copy{background:var(--preview-panel);color:var(--preview-text);border-color:var(--preview-border)}
.themed-demo p,.themed-demo .demo-summary small{color:var(--preview-muted)}
.themed-demo .eyebrow,.themed-demo .demo-summary strong{color:var(--preview-accent)}
.themed-demo td,.themed-demo .dialog-bottom{border-color:var(--preview-border)}
.themed-demo .demo-tabs button{color:var(--preview-text);background:var(--preview-panel);border-color:var(--preview-border)}
.themed-demo .demo-tabs button[aria-pressed=true],.themed-demo .primary{background:var(--preview-accent);color:#fff}
.themed-demo .sample-banner{background:var(--preview-panel);color:var(--preview-text);border-left-color:var(--preview-accent)}
.kit-map{position:relative;height:300px;overflow:hidden;border:1px solid var(--preview-border);border-radius:12px;background:linear-gradient(32deg,transparent 44%,#536079 44%,#536079 46%,transparent 46%),linear-gradient(115deg,transparent 48%,#536079 48%,#536079 50%,transparent 50%),repeating-linear-gradient(0deg,transparent 0 39px,#ffffff09 40px),repeating-linear-gradient(90deg,#19232c 0 39px,#ffffff09 40px)}
.kit-pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #78aaff;border-radius:24px;padding:12px 16px;background:#182940;color:#fff;white-space:nowrap;cursor:pointer;min-height:44px}
.kit-pin[aria-pressed=true]{background:#2563eb;box-shadow:0 0 0 7px #3b82f633}
.kit-detail,.message-preview{margin:18px 0;padding:22px;border:1px solid var(--preview-border);border-radius:12px;background:var(--preview-panel)}
.kit-detail h4{margin:10px 0}.kit-detail small,.message-preview small{color:var(--preview-accent);letter-spacing:.08em}.message-preview p{line-height:1.8}.automation-status{font-size:13px;line-height:1.7}.kit-pin:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:700px){.kit-map{height:260px}.kit-pin{padding:10px;font-size:12px}.themed-demo .demo-summary{grid-template-columns:1fr}.themed-demo .demo-tabs{flex-wrap:wrap}}
.orbit-devices{display:flex;justify-content:center;gap:5px;margin:24px auto 0}.orbit-devices button{padding:10px 22px;border:1px solid #7197c455;border-radius:24px;background:#091b31;color:#b3c8e0;cursor:pointer}.orbit-devices button[aria-pressed=true]{background:#2d5df5;color:#fff;border-color:#8dacff}
.orbit-stage.phone-preview{height:550px}
.phone-preview .orbit-card{width:280px;height:490px;max-width:78%;border:7px solid #182333;border-radius:30px;box-shadow:0 25px 70px #0009}.phone-preview .preview-browser{height:28px;padding:0 12px;font-size:8px}.phone-preview .preview-browser>span:first-child,.phone-preview .preview-browser small,.phone-preview .preview-rail{display:none}.phone-preview .platform-screen{height:calc(100% - 66px)}.phone-preview .preview-main{padding:12px}.phone-preview .preview-heading{display:block}.phone-preview .preview-heading b{font-size:17px}.phone-preview .preview-heading>span{display:block;font-size:8px;margin-top:6px}.phone-preview .preview-metrics,.phone-preview .preview-operations .preview-metrics{grid-template-columns:repeat(2,1fr)}.phone-preview .preview-main section{padding:9px}.phone-preview .preview-metrics strong{font-size:21px}.phone-preview .preview-two{gap:8px}.phone-preview .preview-main h4{font-size:10px}.phone-preview .preview-main p{font-size:8px}.phone-preview .preview-rows>div{font-size:8px}.phone-preview .preview-compliance-top{font-size:9px;padding:8px}.phone-preview .preview-tabs{gap:8px;font-size:8px;flex-wrap:wrap;padding:8px}.phone-preview .preview-housing-grid{grid-template-columns:1fr}.phone-preview .preview-hero-stack{display:flex;gap:5px}.phone-preview .preview-hero-stack section{flex:1;min-width:0;padding:6px}.phone-preview .preview-hero-stack span{display:none}.phone-preview .preview-hero-stack strong{font-size:20px}.phone-preview .preview-brand{font-size:6px}.phone-preview .preview-score strong{font-size:38px}.phone-preview .preview-matrix{font-size:7px}.phone-preview .preview-donut{width:65px;height:65px}.phone-preview .preview-donut>b{font-size:20px}.phone-preview .preview-bars{height:70px}
@media(max-width:700px){.orbit-stage.phone-preview{height:525px}.phone-preview .orbit-card{height:480px}.phone-preview .preview-housing .preview-bars{height:70px}}
.point-of-use{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 6% 0;color:#d4e3f7}.point-of-use strong{font-size:18px;font-weight:600}.point-of-use span{font-size:13px;color:#adc5e2}
.fleet-widgets{display:grid;grid-template-columns:1fr 1.8fr 1.8fr 1fr;gap:9px}.fleet-widgets section{min-width:0;padding:10px}.fleet-widgets h4{font-size:9px;letter-spacing:.08em;color:#9ca3af}.fleet-widgets strong{font-size:22px}.fleet-widgets hr{border:0;border-top:1px solid #333340;margin:12px 0}.fleet-widgets p b{float:right;color:#ddd}.fleet-widgets .preview-fuel{height:85px;margin-top:12px}.fleet-widgets .preview-fuel i{background:linear-gradient(#2586db,#163655)}
.mini-kit-map{height:104px;position:relative;background:linear-gradient(25deg,transparent 45%,#566073 46% 48%,transparent 49%),linear-gradient(120deg,#19232c 45%,#566073 46% 48%,#19232c 49%);border-radius:6px}.mini-kit-map span{position:absolute;font-size:8px;background:#14365c;border:1px solid #548cbe;border-radius:4px;padding:3px;color:#bfdbfe}.mini-kit-map span:nth-child(1){left:8%;top:14%}.mini-kit-map span:nth-child(2){right:8%;top:43%}.mini-kit-map span:nth-child(3){left:18%;bottom:8%}
.preview-compliance .preview-score{padding:18px;border-radius:13px}.preview-score strong em{font-style:normal;font-size:11px;letter-spacing:0;background:#e8f5e9;padding:6px 10px;vertical-align:middle;border-radius:20px}.compliance-section-label{display:flex;justify-content:space-between;align-items:center;margin:6px 0}.compliance-section-label>span{font-size:8px;color:#6b7394}.site-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.site-scores strong{display:block;font-size:27px;color:#1b5e3a}.site-scores section>div{height:4px;margin-top:7px;background:linear-gradient(to right,#2e7d52 var(--score),#e8f5e9 var(--score));border-radius:4px}
.preview-housing .preview-main section{border-radius:13px;box-shadow:0 3px 12px #221b5204}.preview-housing .preview-hero-stack strong{font-size:38px;line-height:1.3}.preview-housing .preview-hero-stack section{min-height:93px;position:relative;overflow:hidden}.hero-people{position:absolute;right:7px;bottom:0;font-size:30px;opacity:.25}.report-label{background:#221b52;color:white;text-align:center;padding:8px;border-radius:9px;font-size:10px}.activity-line{border-left:2px solid #d8d2f4;padding:0 0 8px 8px;font-size:8px}.activity-line p{margin:2px 0}
.gym-command{max-width:660px;margin:auto}.gym-date{display:flex;justify-content:space-between;margin-bottom:12px}.gym-command section{border-radius:5px;padding:0 12px 10px}.gym-command h4{border-bottom:1px solid #6366f12b;padding:9px 0;margin-bottom:8px}.gym-command h4 small{float:right}.gym-command .preview-bars{height:76px}.gym-members{display:flex;align-items:center;gap:25px}.gym-members .preview-donut{margin:4px 10px;width:66px;height:66px}.gym-members strong{font-size:26px}.gym-task{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto;gap:8px;font-size:8px}.gym-task b{color:#818cf8}
.expanded-platform{height:auto;min-height:460px;pointer-events:auto;border:1px solid var(--preview-border);border-radius:12px;text-align:left}.expanded-platform .preview-main{overflow:visible}.expanded-platform.preview-compliance,.expanded-platform.preview-gym{display:block}.expanded-platform.preview-housing .preview-rail{background:#efebfb}.expanded-platform .preview-brand{margin-bottom:15px}.expanded-platform .preview-main p{font-size:11px}.expanded-platform .preview-main h4{font-size:12px}
@media(max-width:700px){.fleet-widgets{grid-template-columns:1fr 1fr;gap:6px}.fleet-widgets section:first-child,.fleet-widgets section:last-child{display:none}.fleet-widgets .preview-fuel{height:48px}.fleet-widgets .preview-donut{width:55px;height:55px}.preview-score strong em{font-size:8px;padding:4px}.site-scores{gap:5px}.site-scores strong{font-size:20px}.gym-task{grid-template-columns:1fr auto}.gym-command .preview-bars{height:45px}.gym-members{gap:8px}.gym-members strong{font-size:20px}.expanded-platform .preview-rail{display:none}.expanded-platform .preview-housing-grid{grid-template-columns:1fr}.expanded-platform .preview-hero-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.expanded-platform .preview-hero-stack section{padding:8px}.expanded-platform .preview-hero-stack strong{font-size:27px}.expanded-platform .preview-hero-stack span{font-size:8px}.expanded-platform .report-label{grid-column:1/-1}.expanded-platform .preview-tabs{flex-wrap:wrap}.point-of-use span{max-width:280px;line-height:1.8}}