/* Public product showcase. All selectors stay within this component. */
.home-matrix-section{overflow:clip;border-bottom:1px solid var(--line);background:var(--surface)}
.home-matrix-stage{position:relative;perspective:1800px;padding:30px 22px 38px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 75% 25%,rgba(59,91,253,.15),transparent 60%),var(--ink);isolation:isolate}
.home-matrix-stage::after{content:"";position:absolute;inset:auto 8% 12px;height:30px;border-radius:50%;background:#0008;filter:blur(20px);z-index:-1}
.home-matrix-screen{margin:0;overflow:hidden;border:1px solid #89a3d850;border-radius:12px;background:#181b20;box-shadow:0 26px 60px #0007,0 0 35px #3b5bfd25;transform:rotateX(4deg) rotateY(-7deg);animation:home-matrix-turn 18s ease-in-out infinite;transform-origin:center;will-change:transform}
.home-matrix-chrome{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid #ffffff14;color:#c5cede;background:#151c28;font:500 10px/1.4 var(--mono);letter-spacing:.08em}
.home-matrix-chrome>span:first-child{display:flex;align-items:center;gap:9px}
.home-matrix-chrome i{width:6px;height:6px;border-radius:50%;background:var(--volt);box-shadow:0 0 12px var(--volt)}
.home-matrix-image{position:relative;aspect-ratio:1536/858;overflow:hidden}
.home-matrix-image img{display:block;width:100%;height:auto}
/* Table bounds are paired with the 1536 × 858 demonstration image. */
.home-matrix-grid{position:absolute;left:1.63%;top:22.38%;width:85.42%;height:37.18%;overflow:hidden;cursor:crosshair;--matrix-x:0px;--matrix-y:0px}
.home-matrix-grid [data-matrix-line]{position:absolute;top:0;left:0;pointer-events:none;opacity:0;transition:opacity 120ms ease;will-change:transform}
.home-matrix-grid.is-active [data-matrix-line]{opacity:1}
.home-matrix-crosshair-horizontal{width:100%;height:1px;background:repeating-linear-gradient(90deg,#c7d0dfb3 0 5px,transparent 5px 9px);transform:translate3d(0,var(--matrix-y),0)}
.home-matrix-crosshair-vertical{height:100%;width:1px;background:repeating-linear-gradient(180deg,#c7d0dfb3 0 5px,transparent 5px 9px);transform:translate3d(var(--matrix-x),0,0)}
.home-matrix-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px;padding-right:48px}
.home-matrix-caption{margin:0!important;color:var(--muted);font-size:12px}
.home-matrix-section:not([data-showcase-ready]) .home-matrix-screen{animation-play-state:paused}
.home-matrix-section:is(.is-paused,.is-offscreen) .home-matrix-screen,.home-matrix-stage:hover .home-matrix-screen,.home-matrix-section:focus-within .home-matrix-screen{animation-play-state:paused}
@keyframes home-matrix-turn{0%,100%{transform:rotateX(4deg) rotateY(-7deg) rotateZ(-.25deg)}50%{transform:rotateX(5deg) rotateY(7deg) rotateZ(.25deg)}}
@media(max-width:760px){.home-matrix-stage{padding:20px 10px 24px}.home-matrix-chrome{padding:10px;font-size:8px;letter-spacing:0}.home-matrix-tools{gap:12px}.home-matrix-tools>*{width:100%}}
@media(prefers-reduced-motion:reduce){.home-matrix-screen{animation:none;transform:none;will-change:auto}.home-matrix-grid [data-matrix-line]{transition:none;will-change:auto}}
@media print{.home-matrix-screen{animation:none;transform:none;box-shadow:none}.home-matrix-stage{padding:0;background:none}.home-matrix-stage::after,.home-matrix-grid{display:none}}
/* The demo uses responsive HTML so wide banners do not letterbox a fixed image. */
.enterprise-home[data-home-stage] [data-home-matrix] .home-matrix-stage{perspective:max(1800px,100vw)}
.home-hours-demo{--hours-a:#364767;--hours-b:#514968;--hours-c:#355c59;--hours-d:#746344;--hours-e:#6b485b;--hours-f:#3d6573;display:flex;flex-direction:column;gap:16px;color:#c6cfdb;font:400 clamp(11px,.7vw,16px)/1.35 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}
.home-hours-demo :is(h3,h4,p,dl,dd){margin:0}
.home-hours-demo h3{color:#e6edf7;font:600 clamp(24px,1.6vw,36px)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.home-hours-demo h4{color:#e6edf7;font:600 clamp(13px,.85vw,20px)/1.3 Arial,Helvetica,sans-serif}
.home-hours-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
.home-hours-heading>div>span{color:#8e9bab;font-size:10px;letter-spacing:.14em}
.home-hours-heading p{margin-top:5px;color:#8e9bab;font-size:clamp(10px,.7vw,14px)}
.home-hours-filters{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:55%;font-size:clamp(9px,.65vw,14px)}
.home-hours-filters>span{padding:8px 10px;border:1px solid #303844;border-radius:5px;background:#1c242f;white-space:nowrap}
.home-hours-filters>span.home-hours-export{background:#203733;color:#e6edf7}
.home-hours-workspace{display:grid;grid-template-columns:minmax(0,1fr) clamp(100px,10vw,210px);gap:16px;flex:1;min-height:0}
.home-hours-sheet{display:flex;flex-direction:column;min-width:0;min-height:0;padding:12px;border:1px solid #2c333d;border-radius:12px;background:linear-gradient(#1d2229,#191d23)}
.home-hours-sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex:none}
.home-hours-sheet-heading>span{color:#8e9bab;font-size:clamp(9px,.6vw,13px);text-align:right}
.home-hours-table-wrap{position:relative;flex:1;min-height:0}
.home-hours-table{width:100%;height:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;color:#c6cfdb;font-size:clamp(10px,.7vw,16px);line-height:1.1}
.home-hours-worker-col{width:clamp(78px,8vw,180px)}
.home-hours-total-col{width:clamp(34px,3vw,80px)}
.home-hours-table thead{height:30px;color:#8e9bab;font-size:clamp(9px,.65vw,15px)}
.home-hours-table th{font-weight:400}
.home-hours-table thead th{padding:4px 0;text-align:center;border-bottom:1px solid #303740}
.home-hours-table :is(thead,tbody) th:first-child{text-align:left}
.home-hours-table tbody th{padding:3px 4px 3px 0;color:#e6edf7;font-weight:600;white-space:nowrap}
.home-hours-table tbody th small{display:block;margin-top:3px;color:#8e9bab;font-size:clamp(8px,.5vw,11px);font-weight:400}
.home-hours-table tbody :is(td,th){border-bottom:1px solid #30374066}
.home-hours-table td{padding:2px;text-align:center;border-left:1px solid #30374066}
.home-hours-table .is-weekend{background:#ffffff03}
.home-hours-entry{display:grid;gap:1px;color:#e6edf7;font-weight:600}
.home-hours-entry>span{display:block;padding:4px 0;border:1px solid #ffffff10;border-radius:4px;background-image:linear-gradient(#ffffff0a,#0000000d)}
.home-hours-entry:has(>span+span)>span{padding:0;font-size:.8em}
.home-hours-site-0{background-color:var(--hours-a)}
.home-hours-site-1{background-color:var(--hours-b)}
.home-hours-site-2{background-color:var(--hours-c)}
.home-hours-site-3{background-color:var(--hours-d)}
.home-hours-site-4{background-color:var(--hours-e)}
.home-hours-site-5{background-color:var(--hours-f)}
.home-hours-site-6{background-color:#657286}
.home-hours-table .home-hours-row-total{color:#e6edf7;font-weight:600;border-left:0}
.home-hours-legend{display:flex;gap:clamp(8px,1vw,24px);flex:none;flex-wrap:wrap;margin-top:10px;color:#8e9bab;font-size:clamp(9px,.6vw,13px)}
.home-hours-demo :is(.home-hours-legend span,dt){display:flex;align-items:center;gap:6px}
.home-hours-demo :is(.home-hours-legend i,dt i){width:8px;height:8px;flex:none;border-radius:2px}
.home-hours-clients{align-self:start;padding:16px 0;border:1px solid #2c333d;border-radius:12px;background:#1c2129;font-size:clamp(11px,.8vw,16px)}
.home-hours-clients h4{display:flex;justify-content:space-between;align-items:center;padding:0 14px 14px}
.home-hours-clients h4 span{border-radius:50%;padding:3px 6px;background:#2b3848;font-size:11px}
.home-hours-clients>small{display:block;padding:0 14px;color:#8e9bab;font-size:9px;letter-spacing:.14em}
.home-hours-clients p{padding:12px 14px;color:#8e9bab}
.home-hours-clients p.is-selected{background:#252d39;color:#e6edf7}
.home-hours-summary{flex:none;padding:14px 18px;border:1px solid #2c333d;border-radius:12px;background:linear-gradient(#1d2229,#191d23)}
.home-hours-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.home-hours-summary-heading strong{color:#e6edf7;font-size:clamp(18px,1.2vw,28px)}
.home-hours-summary-heading strong small{font-size:12px;color:#8e9bab;font-weight:400}
.home-hours-summary dl{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.home-hours-summary dl>div{min-width:0}
.home-hours-summary dt{color:#8e9bab;font-size:clamp(10px,.7vw,14px);white-space:nowrap}
.home-hours-summary dd{margin-top:5px;color:#e6edf7;font-size:clamp(16px,1vw,24px);font-weight:600}
.home-hours-summary dd small{font-size:12px;color:#8e9bab;font-weight:400}
@media(max-width:1100px){.home-hours-demo{gap:12px}.home-hours-filters>span{padding:6px}.home-hours-workspace{gap:10px}.home-hours-sheet{padding:8px}.home-hours-sheet-heading{display:block;margin-bottom:6px}.home-hours-sheet-heading>span{display:block;margin-top:3px;text-align:left}.home-hours-summary{padding:10px}.home-hours-summary dl{gap:7px}.home-hours-summary dt{gap:3px}}