.pf-hero{padding:calc(var(--nav-h) + clamp(3rem, 8vh, 5rem)) 0 clamp(2.5rem, 6vh, 4rem)}.pf-hero h1{max-width:16ch}.pf-chips{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-top:1.8rem;font-size:.66rem}.hero-ctas{flex-wrap:wrap;gap:.8rem;display:flex}.app-shell{grid-template-columns:200px 1fr;gap:clamp(1.5rem,4vw,3.5rem);padding-bottom:clamp(3rem,8vh,5rem);display:grid}.app-side{top:calc(var(--nav-h) + 24px);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r);flex-direction:column;align-self:start;gap:.15rem;padding:1.1rem .9rem;display:flex;position:sticky}.app-side-h{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding:.2rem .7rem .7rem;font-size:.6rem}.app-side a{color:var(--ink-2);border-radius:10px;padding:.5rem .7rem;font-size:.92rem;font-weight:500;transition:background .25s,color .25s}.app-side a:hover{color:var(--ink);background:var(--paper-2)}.app-side a.on{color:var(--blue);background:#07548014;font-weight:600}.app-secs{flex-direction:column;gap:clamp(3.5rem,8vh,6rem);display:flex}.app-sec{scroll-margin-top:calc(var(--nav-h) + 24px);grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(1.5rem,3.5vw,3rem);display:grid}.app-sec:nth-child(2n) .app-copy{order:2}.app-n{font-family:var(--mono);letter-spacing:.2em;color:var(--blue);margin-bottom:.6rem;font-size:.66rem}.app-sec h2{margin-bottom:.7rem;font-size:clamp(1.7rem,3vw,2.4rem)}.app-sec>.app-copy>p{color:var(--ink-2);max-width:46ch;margin-bottom:1.2rem}.app-feats{flex-direction:column;gap:.55rem;list-style:none;display:flex}.app-feats li{color:var(--ink-2);padding-left:1.4rem;font-size:.93rem;position:relative}.app-feats li:before{content:"";background:var(--green);border-radius:2px;width:7px;height:7px;position:absolute;top:.52rem;left:0;transform:rotate(45deg)}.mock{background:var(--card);border:1px solid var(--line);font-family:var(--mono);border-radius:16px;overflow:hidden;box-shadow:0 24px 50px -34px #0f2e3d4d}.mock-bar{border-bottom:1px solid var(--line-soft);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);align-items:center;gap:6px;padding:.65rem 1rem;font-size:.62rem;display:flex}.mock-bar i{background:var(--paper-2);border:1px solid var(--line);border-radius:50%;width:8px;height:8px}.mock-bar span{margin-left:.6rem}.mock-body{padding:1.2rem}.mo-overview{grid-template-columns:1.15fr 1fr;gap:1rem;display:grid}.mo-k{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:.55rem;font-size:.6rem;font-weight:700}.mo-status{background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;padding:.9rem 1rem}.mo-big{font-family:var(--sans);letter-spacing:-.03em;font-size:2.3rem;font-weight:800;line-height:1}.mo-big span{font-size:1rem;font-weight:700}.mo-sub{color:var(--mute);margin-top:.45rem;font-size:.68rem}.mo-sub b{color:var(--ink)}.mo-dist{background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;padding:.9rem 1rem}.mo-row{color:var(--ink-2);align-items:center;gap:.55rem;padding:.22rem 0;font-size:.7rem;display:flex}.mo-row i{border-radius:50%;width:8px;height:8px}.mo-row b{color:var(--ink);margin-left:auto}.mo-trend{background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;grid-column:1/-1;padding:.9rem 1rem}.mo-trend svg{width:100%;height:44px}.mo-trend polyline{fill:none;stroke:var(--green);stroke-width:1.6px}.mo-floor-h{align-items:center;gap:.7rem;padding:.5rem 0 .4rem;font-size:.78rem;display:flex}.mo-floor-h b{color:var(--ink)}.mo-floor-h em{color:var(--mute);margin-left:auto;font-size:.62rem;font-style:normal}.mo-circ{color:#fff;border-radius:50%;place-content:center;width:30px;height:30px;font-size:.68rem;font-weight:800;display:grid}.mo-rooms{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.6rem;display:grid}.mo-room-c{background:var(--paper);border:1px solid var(--line-soft);color:var(--ink-2);border-radius:8px;justify-content:space-between;align-items:baseline;gap:.4rem;padding:.55rem .7rem;font-size:.68rem;display:flex}.mo-room-c b{font-size:.95rem;font-weight:800}.mo-drow{border-bottom:1px solid var(--line-soft);color:var(--ink);align-items:center;gap:.7rem;padding:.55rem .2rem;font-size:.72rem;display:flex}.mo-drow i{background:var(--line);border-radius:50%;flex:none;width:7px;height:7px}.mo-drow i.ok{background:var(--aqi-good)}.mo-drow i.warn{background:var(--aqi-usg)}.mo-drow em{font-style:normal;font-family:var(--mono);color:var(--mute);font-size:.6rem}.mo-drow b{margin-left:auto;font-weight:800}.mo-drow u{color:var(--mute);text-align:right;width:3.4rem;font-size:.6rem;text-decoration:none}.mo-drow.off{opacity:.5}.mo-note{color:var(--mute);margin-top:.7rem;font-size:.62rem}.mo-alert{border-bottom:1px solid var(--line-soft);align-items:center;gap:.7rem;padding:.6rem .2rem;font-size:.72rem;display:flex}.mo-alert i{border-radius:50%;width:8px;height:8px}.mo-alert.crit i{background:var(--aqi-usg);animation:1.6s ease-in-out infinite mo-pulse}.mo-alert div{flex-direction:column;display:flex}.mo-alert span{color:var(--ink);font-weight:600}.mo-alert em{color:var(--mute);font-size:.62rem;font-style:normal}.mo-alert b{margin-left:auto;font-weight:800}.mo-rule{color:var(--ink-2);border-bottom:1px solid var(--line-soft);align-items:center;gap:.6rem;padding:.5rem .2rem;font-size:.66rem;display:flex}.mo-pill{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);border:1px solid #0754804d;border-radius:5px;padding:.15rem .4rem;font-size:.56rem}@keyframes mo-pulse{50%{opacity:.45}}.mock-kiosk{box-shadow:none;background:0 0;border:0;overflow:visible}.kiosk-frame{color:#fff;font-family:var(--sans);background:radial-gradient(135% 130% at 50% -10%,#0e3e3a,#06101a 62%);border-radius:18px;padding:1.4rem 1.6rem 1.2rem;overflow:hidden;box-shadow:0 40px 80px -40px #0000008c,0 0 0 6px #0d1418,0 0 0 7px #ffffff14}.kiosk-top{letter-spacing:.24em;color:#fff9;text-align:right;font-size:.58rem;font-weight:600}.kiosk-hero{text-align:center;padding:1.1rem 0 1.3rem}.kiosk-hero b{letter-spacing:-.04em;color:#7fd8c6;font-size:4.6rem;font-weight:800;line-height:1}.kiosk-hero span{letter-spacing:.2em;color:#7fd8c6;margin-top:.2rem;font-size:1.05rem;font-weight:800;display:block}.kiosk-hero p{color:#fff9;margin-top:.5rem;font-size:.66rem}.kiosk-tiles{grid-template-columns:repeat(4,1fr);gap:.55rem;display:grid}.kiosk-tiles div{text-align:center;backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff21;border-radius:12px;padding:.6rem .4rem}.kiosk-tiles span{letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e;font-size:.52rem;display:block}.kiosk-tiles b{font-size:1.1rem;font-weight:800}.kiosk-tiles em{color:#ffffff9e;font-size:.52rem;font-style:normal;display:block}.kiosk-foot{color:#ffffff9e;justify-content:center;align-items:center;gap:.45rem;margin-top:1rem;font-size:.6rem;display:flex}.kiosk-foot i{background:#7fd8c6;border-radius:50%;width:7px;height:7px;display:inline-block}.dark{background:var(--navy);color:var(--on-navy)}.dark h2{color:#fff}.dark h2 em{color:#7fd8c6}.dark .label,.dark .sec-lead{color:var(--on-navy-dim)}.flow{flex-wrap:wrap;align-items:stretch;gap:.7rem;margin-top:1rem;display:flex}.flow-node{background:#e8f1ec0d;border:1px solid #e8f1ec1f;border-radius:12px;flex:1;min-width:130px;padding:.9rem 1rem}.flow-node b{color:#fff;margin-bottom:.2rem;font-size:.9rem;display:block}.flow-node span{color:var(--on-navy-dim);font-size:.72rem}.flow-node.ai{background:#2e9c871a;border-color:#2e9c8780}.flow-arrow{background:#e8f1ec4d;flex:none;align-self:center;width:18px;height:1px;position:relative}.flow-arrow:after{content:"";border:3.5px solid #0000;border-left-color:#e8f1ec73;position:absolute;top:-3px;right:-1px}.pf-int{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on-navy-dim);margin-top:2rem;font-size:.66rem}.cta-band{background:linear-gradient(180deg, var(--paper) 0%, #edf3ee 100%);border-top:1px solid var(--line-soft);padding:clamp(4rem,9vh,6.5rem) 0}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.app-shell>*{min-width:0}.app-side{top:var(--nav-h);border-radius:0 0 var(--r) var(--r);z-index:20;flex-direction:row;gap:.3rem;position:sticky;overflow-x:auto}.app-side-h{display:none}.app-side a{white-space:nowrap;font-size:.84rem}.app-sec{grid-template-columns:1fr}.app-sec:nth-child(2n) .app-copy{order:0}.app-sec>*{min-width:0}}@media (width<=640px){.flow{flex-direction:column}.flow-arrow{display:none}.kiosk-tiles{grid-template-columns:repeat(2,1fr)}}