.bar-page .availability{background:#294a78}.bar-page h1{font-size:clamp(70px,8.1vw,122px)}.bar-demo-section{padding:80px 0;background:radial-gradient(ellipse at 75% 30%,#294a7866,transparent 65%),#11161d}.bar-desktop{position:relative;aspect-ratio:1.8;min-height:370px;container-type:inline-size;background:radial-gradient(ellipse at bottom left,#44688a,#1e354e);overflow:hidden}.bar-mac-menu{height:48px;background:#e0e7ed;color:#202c39;display:flex;align-items:center;gap:18px;padding:0 20px;font-size:12px;position:relative;z-index:2}.status-zone{display:flex;align-items:center;gap:16px;margin-left:auto;height:100%}.inline-apps{display:flex;gap:12px;max-width:0;opacity:0;overflow:hidden;transition:max-width .35s ease,opacity .25s ease}.inline-view .inline-apps{max-width:220px;opacity:1}.status-app{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.status-app img{height:23px;width:23px;filter:grayscale(1);border-radius:4px}.bar-switch{height:33px;width:32px;display:grid;place-items:center;background:#f2f6f9;border:1px solid #a2b2c0;border-radius:4px;color:#294a78;font:24px/1 Arial,sans-serif;cursor:pointer}.bar-switch:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.battery-status{width:20px;height:10px;border:1px solid #25394c;border-radius:2px;position:relative}.battery-status:before{content:'';position:absolute;inset:2px;background:#25394c}.battery-status:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#25394c}.system-status{font-size:23px;transform:rotate(180deg)}.bar-clock{font-size:11px;white-space:nowrap}.second-shelf{position:absolute;right:10%;top:60px;display:flex;gap:20px;align-items:center;padding:15px 22px;background:#eef3f6f5;box-shadow:0 8px 20px #0004;border:1px solid #9fb2c3;border-radius:7px;opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease;z-index:2}.shelf-view .second-shelf{opacity:1;transform:translateY(0)}.second-shelf .status-app img{height:30px;width:30px;filter:none}.desktop-document{position:absolute;top:27%;left:10%;right:27%;background:#edebe6;color:#1f2a33;padding:5%;box-shadow:0 8px 25px #0004}.desktop-document>span{font:1.2cqw 'IBM Plex Mono',monospace;color:#6e7a7c;letter-spacing:1px}.desktop-document h3{font:600 5cqw/.95 'Barlow Condensed',Impact,sans-serif;margin:7% 0}.desktop-document>div{height:2px;background:#294a78;width:18%;margin:8% 0 5%}.desktop-document p{font-size:1.7cqw;color:#6e7a7c;margin:0}.bar-state{position:absolute;bottom:5%;right:5%;display:flex;flex-direction:column;gap:9px;color:#e6edf4;text-align:right}.bar-state strong{font-size:2.3cqw;font-weight:500}.bar-state>span:last-child{font:1.15cqw 'IBM Plex Mono',monospace;color:#b4c8d8}.state-dot{display:none}.bar-caption{padding:17px;background:#192a3b;color:#c1d0de;display:block;font:13px Barlow,Arial,sans-serif;letter-spacing:0}.bar-view-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.bar-view-picker button{padding:11px 16px;border:1px solid #6a89a4;background:none;color:#c1d0de;font:13px Barlow,Arial,sans-serif;cursor:pointer}.bar-view-picker button[aria-pressed=true]{background:#294a78;border-color:#93b2d0;color:white}.bar-view-picker button:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.demo-note{font-size:13px;line-height:1.6;color:#9bafc0}.bar-validation{padding-top:0;padding-bottom:30px}.bar-validation h2{margin:25px 0 30px;font-size:60px}.bar-validation p{font-size:18px;line-height:1.65;max-width:800px;color:#b9bcb4}@media(max-width:800px){.bar-page h1{font-size:clamp(64px,12.5vw,103px)}.bar-demo-section{padding:55px 0}.bar-desktop{aspect-ratio:1.2;min-height:350px}.bar-menu-word{display:none}.bar-mac-menu{gap:8px;padding:0 12px;font-size:11px}.status-zone{gap:12px}.inline-apps{gap:8px}.status-app img{width:20px;height:20px}.desktop-document{left:8%;right:16%;top:29%;padding:7%}.desktop-document>span{font-size:1.8cqw}.desktop-document h3{font-size:6.6cqw}.desktop-document p{font-size:2.4cqw}.bar-state{bottom:6%;left:6%;right:6%;text-align:center}.bar-state strong{font-size:3.1cqw}.bar-state>span:last-child{font-size:1.7cqw}.second-shelf{right:8%;padding:12px 18px;gap:18px}.second-shelf .status-app img{width:25px;height:25px}.bar-validation h2{font-size:48px}.bar-validation p{font-size:17px}.use-grid h2 br:last-child{display:initial}}@media(max-width:400px){.status-zone{gap:8px}.inline-apps{gap:6px}.status-app img{width:17px;height:17px}.bar-clock{font-size:10px}.battery-status{width:16px}.bar-switch{width:26px}}@media(prefers-reduced-motion:reduce){.inline-apps,.second-shelf{transition:none}}