.clean-page .availability{background:#51436b}.clean-page h1{font-size:clamp(74px,8.2vw,125px)}.clean-demo-section{background:radial-gradient(ellipse at 80% 30%,#51436b50,transparent 65%),#141217;padding:80px 0}.clean-stage{position:relative;aspect-ratio:1.95;min-height:320px;background:radial-gradient(ellipse at bottom left,#65517f,#30273f);overflow:hidden;container-type:inline-size}.clean-macbar{position:absolute;top:0;left:0;right:0;height:36px;background:#dedbe4eF;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#25212e;font-size:12px}.clean-setup,.clean-prep,.clean-locked,.clean-done{position:absolute;inset:36px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center}.clean-setup{animation:clean-setup 18s infinite}.clean-setup img{width:60px;height:60px}.clean-setup strong,.clean-done strong{font:600 clamp(24px,3.5cqw,40px)/1 'Barlow Condensed',Impact,sans-serif}.clean-setup>span{font-size:14px;color:#c8bfd6}.clean-setup .clean-start{padding:10px 25px;background:#edebe6;color:#1b1426;border-radius:4px;font-weight:500;margin-top:8px}.clean-prep{background:#050506;animation:clean-prep 18s infinite}.clean-prep>span{font-size:14px;color:#aaa1b5}.clean-prep strong{position:absolute;font:800 85px 'Barlow Condensed',Impact,sans-serif;opacity:0;animation:count3 18s infinite}.clean-prep .count-two{animation-name:count2}.clean-prep .count-one{animation-name:count1}.clean-prep>span{position:absolute;top:16%}.clean-prep small{position:absolute;bottom:16%;font-size:12px;color:#aaa1b5}.clean-locked{background:#000;animation:clean-locked 18s infinite;color:#a6a0ad;gap:6px}.clean-locked>span:first-child{font:11px 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase}.clean-locked>strong{font:800 90px/.95 'Barlow Condensed',Impact,sans-serif;color:#706b78}.clean-locked>span{font-size:12px}.locked-mode{font-size:12px;margin-top:10px}.command-exit{position:relative;margin-top:16px;animation:command-exit 18s infinite}.command-exit>span{display:inline-block;border:1px solid #6a6178;border-radius:4px;padding:6px 12px;margin:0 4px;font-size:20px}.command-exit p{font-size:11px;margin:10px 0;color:#aaa1b5}.command-exit i{display:block;height:2px;background:var(--amber);animation:command-progress 18s linear infinite}.clean-done{background:#30273f;animation:clean-done 18s infinite}.clean-done b{font-size:42px;color:#cfc2df}.clean-done span{font-size:14px;color:#cfc2df}.awake-caption{display:block;font:13px Barlow,Arial,sans-serif;letter-spacing:0;padding:17px;background:#211b2b;color:#cec5d8}.clean-mode-picker{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.clean-mode-picker button{border:1px solid #796c89;color:#d4ccdf;background:none;padding:12px 18px;font:14px Barlow,Arial,sans-serif;cursor:pointer}.clean-mode-picker button[aria-pressed=true]{background:#51436b;border-color:#b5a6c7;color:#fff}.clean-mode-picker button:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.demo-note{font-size:13px;line-height:1.6;color:#aaa1b5;margin:17px 0 0}@keyframes clean-setup{0%,13%{opacity:1}16%,95%{opacity:0}100%{opacity:1}}@keyframes clean-prep{0%,14%{opacity:0}15%,32%{opacity:1}34%,100%{opacity:0}}@keyframes count3{0%,14%{opacity:0}15%,20%{opacity:1}21%,100%{opacity:0}}@keyframes count2{0%,20%{opacity:0}21%,26%{opacity:1}27%,100%{opacity:0}}@keyframes count1{0%,26%{opacity:0}27%,32%{opacity:1}33%,100%{opacity:0}}@keyframes clean-locked{0%,32%{opacity:0}34%,76%{opacity:1}79%,100%{opacity:0}}@keyframes command-exit{0%,55%{opacity:0}59%,100%{opacity:1}}@keyframes command-progress{0%,58%{width:0}76%,100%{width:100%}}@keyframes clean-done{0%,77%{opacity:0}80%,94%{opacity:1}99%,100%{opacity:0}}@media(max-width:800px){.clean-page h1{font-size:clamp(70px,14vw,112px)}.clean-demo-section{padding:55px 0}.clean-stage{min-height:350px;aspect-ratio:1.4}.clean-macbar{font-size:10px;padding:0 13px}.clean-mode-picker{gap:8px}.clean-mode-picker button{font-size:12px;padding:10px 12px}.clean-locked>strong{font-size:78px}}
.clean-locked>strong{font-size:0}.clean-locked>strong::after{content:'60';font:800 90px/.95 'Barlow Condensed',Impact,sans-serif;animation:clean-seconds 18s steps(1,end) infinite}@keyframes clean-seconds{0%,34%{content:'60'}40%{content:'59'}46%{content:'58'}52%{content:'57'}58%{content:'56'}64%{content:'55'}70%{content:'54'}76%,100%{content:'53'}}
.clean-page .use-grid h2 br:last-child{display:initial}