/* Quiet, pillowy surfaces borrowed from the Glass Tweaks desktop interface. */
:root{
  --neu-face:#eef2f7;
  --neu-hi:#fff;
  --neu-lo:#cad2de;
  --neu-lift:9px 9px 20px #cbd2dc,-9px -9px 20px #fff;
  --neu-lift-small:5px 5px 12px #cbd2dc,-5px -5px 12px #fff;
  --neu-press:inset 4px 4px 10px #cbd2dc,inset -4px -4px 10px #fff;
  --demo-ink:#202833;
  --demo-muted:#667386;
  --demo-bg:#eef2f7;
  --demo-white:#f8fafd;
  --demo-line:#dbe1e9;
  --demo-blue:#526cc1;
  --demo-blue-dark:#2f467f;
}
.dark{
  --neu-face:#1b283a;
  --neu-hi:#2c3b50;
  --neu-lo:#0c1420;
  --neu-lift:9px 9px 20px #101925,-9px -9px 20px #24354a;
  --neu-lift-small:5px 5px 12px #101925,-5px -5px 12px #24354a;
  --neu-press:inset 4px 4px 10px #101925,inset -4px -4px 10px #24354a;
}
.preview-header{border-bottom:1px solid color-mix(in srgb,var(--border) 56%,transparent)}
.preview-brand{border-radius:15px;padding:6px 12px 6px 6px;background:var(--neu-face);box-shadow:var(--neu-lift-small)}
.preview-links a{padding-inline:12px;border-radius:12px;transition:color .18s,background .18s,box-shadow .18s}
.preview-links a:hover{color:var(--ink);background:var(--neu-face);box-shadow:var(--neu-lift-small)}
.theme-toggle{background:var(--neu-face);box-shadow:var(--neu-lift-small)}
.theme-toggle:active{box-shadow:var(--neu-press)}
.day-button{background:var(--neu-face);color:var(--ink);box-shadow:var(--neu-lift);transition:box-shadow .18s,transform .18s,color .18s}
.day-button:hover{background:var(--neu-face);color:var(--ember);box-shadow:var(--neu-lift-small)}
.day-button:active{transform:translateY(1px);box-shadow:var(--neu-press)}
.hero-screen{overflow:hidden;background:var(--neu-face);border-radius:24px 24px 18px 18px;box-shadow:var(--neu-lift);animation:screen-arrive 1.1s cubic-bezier(.2,.8,.2,1) both}
.hero-screen>img{padding:11px 11px 0;border-radius:24px 24px 0 0}
.hero-screen figcaption{margin:0 11px 11px;border-radius:0 0 15px 15px;background:var(--neu-face);box-shadow:var(--neu-press);padding:15px 20px}
.platform-tabs{display:inline-flex;gap:8px;padding:8px;margin:0 0 20px;border-radius:18px;background:var(--neu-face);box-shadow:var(--neu-press)}
.platform-tabs button{display:grid;gap:3px;justify-items:start;min-height:48px;padding:9px 18px;border:0;border-radius:13px;background:transparent;color:var(--fog);font-size:16px;font-weight:550;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.platform-tabs button span{font-size:12px;font-weight:400;letter-spacing:0}
.platform-tabs button .platform-label{display:flex;align-items:center;gap:7px;font-size:16px}
.windows-mark{width:17px;height:17px;flex:0 0 auto;color:#4a72c5}
.platform-tabs button[aria-selected=true]{color:var(--ink);background:var(--neu-face);box-shadow:var(--neu-lift-small)}
.platform-tabs button:hover{color:var(--ink)}
.screen-tabs button{min-height:44px}
.screen-tabs button[aria-selected=true]{background:var(--neu-face);color:var(--ink);box-shadow:var(--neu-lift-small)}
.screen-panel{overflow:hidden;border-radius:19px;background:var(--neu-face);box-shadow:var(--neu-lift)}
.screen-expand{padding:11px 11px 0;border-radius:18px;background:var(--neu-face)}
.screen-expand img{border-radius:12px 12px 0 0}
.screen-expand>span{right:22px;bottom:14px;padding:12px 18px;background:#263b67;border-radius:13px;box-shadow:3px 3px 8px #12213b7a,-2px -2px 6px #b8c9e23d}
.screen-expand:active{box-shadow:var(--neu-press)}
.screen-panel[hidden]{display:none!important}
.interactive-note{margin-top:20px;padding:13px 17px;border-radius:13px;background:var(--neu-face);box-shadow:var(--neu-press);color:var(--fog);font-size:14px!important}
.screen-caption{margin-top:22px}
.capability{margin-bottom:11px;border-radius:17px;background:var(--neu-face);box-shadow:var(--neu-lift-small);transition:box-shadow .18s,background-color .18s}
.capability:nth-child(odd),.capability[open]{background:var(--neu-face)}
.capability[open]{box-shadow:var(--neu-press)}
.restore-section{border-radius:24px;background:var(--neu-face);box-shadow:var(--neu-lift)}
.restore-proof img{border-radius:14px;box-shadow:var(--neu-lift-small)}
.feature-glimpses figure{border-radius:17px;padding:12px;background:var(--neu-face);box-shadow:var(--neu-lift-small)}
.feature-glimpses a{border-radius:11px;background:var(--neu-face);box-shadow:var(--neu-press)}
.release-status{gap:20px}
.release-status>div{border-radius:18px;background:var(--neu-face);box-shadow:var(--neu-lift-small)}
.availability-note{margin-top:20px;padding:16px 20px;border-radius:14px;background:var(--neu-face);box-shadow:var(--neu-press)}
.day-faq details{border-radius:16px;background:var(--neu-face);box-shadow:var(--neu-lift-small);transition:box-shadow .2s}
.day-faq details[open]{box-shadow:var(--neu-press)}
.day-close{padding-inline:35px;border-radius:24px;background:var(--neu-face);box-shadow:var(--neu-lift);margin-top:40px}
.day-footer{padding-top:55px}
.screen-expand:focus-visible,.platform-tabs button:focus-visible,.demo-app button:focus-visible,.demo-app input:focus-visible,.demo-app select:focus-visible,.demo-platform-tabs button:focus-visible,#close-screen:focus-visible{outline:3px solid #365ab0;outline-offset:3px}

.window-preview-button{display:block;width:100%;text-align:left;cursor:zoom-in}
.window-poster{display:grid;grid-template-columns:16% 84%;aspect-ratio:1.62;background:#f2f5fa;color:#202833;overflow:hidden;text-align:left}
.poster-sidebar{display:flex;flex-direction:column;align-items:stretch;gap:clamp(5px,.8vw,12px);padding:clamp(9px,1.4vw,22px);border-right:1px solid #dce2eb;background:#f1f4f9;font-size:clamp(8px,.95vw,14px);color:#42516a}
.poster-sidebar>b{font-size:clamp(10px,1.05vw,16px);color:#1c2738;white-space:nowrap}
.poster-sidebar>small{margin-top:clamp(4px,.7vw,12px);font-size:clamp(6px,.55vw,9px);font-weight:600;letter-spacing:.32em;color:#70809a}
.poster-sidebar>i{font-style:normal;padding:clamp(3px,.45vw,7px);border-radius:5px;white-space:nowrap}
.poster-sidebar>i:nth-of-type(1){color:#172747;background:#dfe7f2}
.poster-workspace{display:flex;flex-direction:column;min-width:0}
.poster-bar{display:flex;justify-content:space-between;align-items:center;min-height:8%;padding-inline:2.3%;border-bottom:1px solid #dce2eb;font-size:clamp(9px,1vw,15px)}
.poster-bar>span{border:1px solid #d7deea;border-radius:20px;padding:4px 11px;font-size:clamp(7px,.7vw,11px);color:#77839a;background:#fff}
.poster-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:2%;padding:2.1% 2.3% 0;flex:1}
.poster-welcome,.poster-quick{display:flex;flex-direction:column;gap:clamp(4px,.9vw,14px);padding:4%;border-radius:16px;background:#f4f7fc;box-shadow:7px 7px 15px #cbd2dc,-7px -7px 15px #fff}
.poster-welcome>small{font-size:clamp(7px,.75vw,11px);color:#586b87}
.poster-welcome>strong{font-size:clamp(15px,2.2vw,32px);line-height:1.18;letter-spacing:-.04em;font-weight:550}
.poster-welcome>span{max-width:50ch;font-size:clamp(7px,.8vw,12px);line-height:1.45;color:#617089}
.poster-welcome>b{margin-top:auto;align-self:flex-start;padding:clamp(5px,.6vw,9px) clamp(9px,.9vw,14px);border-radius:10px;background:#171e28;color:#fff;box-shadow:4px 4px 9px #c2c9d3,-3px -3px 7px #fff;font-size:clamp(7px,.8vw,12px)}
.poster-quick{gap:7px;background:#f6f8fb}
.poster-quick>b{font-size:clamp(8px,.9vw,13px);font-weight:550}
.poster-quick>small{font-size:clamp(7px,.7vw,10px);color:#647187}
.poster-segment{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:4px;background:#fff;box-shadow:inset 1px 1px 4px #c5cbd4;font-size:clamp(7px,.7vw,10px);color:#68758a}
.poster-segment>b{border-radius:6px;padding:5px 11px;background:#171e28;color:#fff}
.poster-quick hr{width:100%;border:0;border-top:1px solid #d8dee7;margin:2px 0}
.poster-quick label{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:clamp(7px,.72vw,11px)}
.poster-quick label i{width:31px;height:16px;border-radius:12px;background:#171e28;box-shadow:inset 1px 1px 3px #080a0e;position:relative;flex-shrink:0}
.poster-quick label i::after{content:"";position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 1px 3px #606a77}
.poster-quick>strong{padding:7px;border-radius:8px;background:#f3f5f8;box-shadow:inset 3px 3px 7px #d0d5dc,inset -3px -3px 7px #fff;font-size:clamp(7px,.7vw,10px);font-weight:500}
.poster-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3%;padding:1.7% 2.3%}
.poster-stats>span{display:flex;flex-direction:column;gap:4px;border-radius:14px;padding:2.3%;background:#f5f7fb;box-shadow:7px 7px 14px #cbd2dc,-7px -7px 14px #fff;font-size:clamp(6px,.64vw,9px);font-weight:600;letter-spacing:.24em;color:#8290a6}
.poster-stats strong{margin-top:2px;font-size:clamp(15px,1.8vw,26px);letter-spacing:0;color:#18202c;font-weight:500}
.poster-stats small{font-size:clamp(7px,.65vw,9px);letter-spacing:0;color:#718097;font-weight:400}
.poster-note{margin:0 2.3% 1.5%;padding:7px 10px;border-radius:8px;background:#f5f7fb;box-shadow:inset 2px 2px 5px #d0d5dc,inset -2px -2px 5px #fff;font-size:clamp(6px,.65vw,9px);color:#6b7890}
.poster-cta{position:absolute;right:26px;bottom:24px;padding:12px 17px;border-radius:12px;background:#20365d;color:#fff;font-size:14px;box-shadow:4px 4px 9px #101b2f77,-3px -3px 8px #fff8}
.window-preview-button{position:relative}
.windows-screen-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:10px 11px 0;background:var(--neu-face)}
.windows-screen-tabs button{min-height:38px;padding:8px 14px;border:0;border-radius:10px;background:transparent;color:var(--fog);font-size:14px;cursor:pointer;transition:box-shadow .16s,color .16s}
.windows-screen-tabs button[aria-selected=true]{background:var(--neu-face);color:var(--ink);box-shadow:var(--neu-lift-small)}
.windows-screen-tabs button:hover{color:var(--ember)}
.windows-screen{display:block;width:100%;height:auto;border-radius:12px 12px 0 0}
.windows-panel .window-preview-button .windows-screen[hidden]{display:none!important}
.windows-panel .window-preview-button .window-poster[hidden]{display:none!important}
.windows-panel .window-preview-button .poster-cta{bottom:22px;right:22px}

.screen-dialog{width:min(96vw,1500px);height:min(91dvh,930px);max-width:none;max-height:91dvh;padding:20px;border:0;border-radius:20px;background:var(--neu-face);color:var(--ink);box-shadow:0 25px 90px #07142777}
.screen-dialog::backdrop{background:#0e1c2dc9;backdrop-filter:blur(5px)}
.dialog-controls{min-height:42px;padding:0 0 12px;gap:12px}
.dialog-controls p{font-size:17px;font-weight:600}
.demo-disclaimer{display:block;margin-top:3px;color:var(--fog);font-size:12px}
.dialog-controls>button{min-width:78px;min-height:44px;padding:10px 16px;background:var(--neu-face);color:var(--ink);box-shadow:var(--neu-lift-small);border:0;border-radius:12px;font-size:14px;cursor:pointer}
.dialog-controls>button:active{box-shadow:var(--neu-press)}
.demo-platform-tabs{display:flex;gap:6px;width:max-content;margin:0 auto 13px;padding:5px;border-radius:13px;background:var(--neu-face);box-shadow:var(--neu-press)}
.demo-platform-tabs button{min-width:92px;min-height:38px;padding:7px 12px;border:0;border-radius:10px;background:transparent;color:var(--fog);font-size:14px;cursor:pointer}
.demo-platform-tabs button{display:inline-flex;justify-content:center;align-items:center;gap:6px;white-space:nowrap}
.demo-platform-tabs button[aria-pressed=true]{background:var(--neu-face);color:var(--ink);box-shadow:var(--neu-lift-small);font-weight:550}
.demo-app{display:grid;grid-template-columns:220px minmax(0,1fr);height:calc(100% - 112px);min-height:460px;max-height:calc(91dvh - 125px);overflow:hidden;border-radius:14px;background:var(--demo-bg);color:var(--demo-ink);font-size:14px;box-shadow:inset 2px 2px 6px #c9d0da,inset -2px -2px 6px #fff}
.demo-app[data-demo-theme=slate]{--demo-bg:#e9edf4;--demo-white:#f1f4f8;--demo-blue:#53677d;--demo-blue-dark:#394e66}
.demo-app[data-demo-theme=ember]{--demo-bg:#f4eee9;--demo-white:#faf5f1;--demo-blue:#a36144;--demo-blue-dark:#75412f}
.demo-sidebar{display:flex;flex-direction:column;min-height:0;padding:15px 12px 12px;border-right:1px solid var(--demo-line);background:color-mix(in srgb,var(--demo-bg) 77%,white)}
.demo-brand{display:flex;gap:10px;align-items:center;min-height:44px;margin:0 2px 12px;text-decoration:none;color:var(--demo-ink);font-size:15px;font-weight:650;letter-spacing:-.04em}
.demo-brand small{display:block;margin-top:3px;color:var(--demo-muted);font-size:8px;letter-spacing:.38em;font-weight:550;white-space:nowrap}
.demo-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#f7f9fd,#e3eaf5);color:var(--demo-blue);box-shadow:4px 4px 8px #c8ced7,-3px -3px 8px #fff;font-size:17px}
.demo-sidebar nav{display:grid;gap:2px;overflow:auto;scrollbar-width:thin;min-height:0}
.demo-sidebar nav small{padding:10px 7px 3px;color:var(--demo-muted);font-size:8px;letter-spacing:.34em;font-weight:650}
.demo-sidebar nav button{display:flex;align-items:center;gap:9px;min-height:35px;padding:5px 7px;border:0;border-radius:9px;background:transparent;color:#516077;text-align:left;font-size:12px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.demo-sidebar nav button>span{width:15px;text-align:center;color:#64758e;font-size:13px}
.demo-sidebar nav button:hover{background:rgba(255,255,255,.52);color:#1f2c3f}
.demo-sidebar nav button[aria-current=page]{background:var(--demo-bg);color:#17243a;box-shadow:inset 3px 0 var(--demo-blue),3px 3px 8px #cbd2dc,-3px -3px 8px #fff}
.demo-reset{display:flex;justify-content:center;align-items:center;gap:7px;min-height:39px;margin-top:11px;border:0;border-radius:10px;background:var(--demo-bg);box-shadow:4px 4px 9px #cbd2dc,-4px -4px 9px #fff;color:#45536a;font-size:12px;cursor:pointer}
.demo-reset:active{box-shadow:var(--neu-press)}
.demo-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}
.demo-topbar{display:flex;align-items:center;justify-content:space-between;min-height:59px;padding:8px 21px;border-bottom:1px solid var(--demo-line)}
.demo-topbar h2{font-size:17px;font-weight:550;letter-spacing:-.03em}
.demo-topbar p{margin-top:2px;color:#74839a;font-size:8px;font-weight:600;letter-spacing:.38em}
.demo-window-actions{display:flex;align-items:center;gap:0;color:#718096}
.demo-window-actions span{display:grid;place-items:center;width:38px;height:30px;font-size:15px}
.demo-app[data-demo-platform=mac] .demo-window-actions span{width:12px;height:12px;margin-left:8px;border-radius:50%;background:#b6c2d2;color:transparent}
.demo-app[data-demo-platform=mac] .demo-window-actions span:first-child{background:#e88275}
.demo-app[data-demo-platform=mac] .demo-window-actions span:nth-child(2){background:#ebbd5a}
.demo-app[data-demo-platform=mac] .demo-window-actions span:last-child{background:#68b88a}
.demo-content{min-width:0;min-height:0;overflow:auto;padding:19px 21px 16px;scrollbar-width:thin}
.demo-home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:15px}
.demo-card{min-width:0;border-radius:17px;background:var(--demo-white);box-shadow:8px 8px 17px #ccd2dc,-8px -8px 17px #fff}
.demo-welcome{display:flex;flex-direction:column;align-items:flex-start;min-height:212px;padding:25px 27px;background:linear-gradient(145deg,#eef3fb,#f3f6fb)}
.demo-eyebrow{color:#546985;font-size:11px}
.demo-welcome h3{max-width:14ch;margin:10px 0 7px;color:#111b2a;font-size:clamp(22px,2.6vw,33px);font-weight:550;letter-spacing:-.05em;line-height:1.17}
.demo-welcome>p{max-width:44ch;color:#62718a;font-size:12px;line-height:1.5}
.demo-boost{display:inline-flex;align-items:center;gap:7px;min-height:39px;margin-top:15px;padding:8px 14px;border:0;border-radius:11px;background:#1d2430;color:white;box-shadow:4px 4px 8px #c4cad4,-4px -4px 8px #fff;font-size:12px;cursor:pointer}
.demo-boost:active{box-shadow:inset 3px 3px 7px #111722,inset -2px -2px 4px #4a5362}
.demo-quick{padding:17px}
.demo-card-heading{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#253044;font-size:13px;font-weight:600}
.demo-label{display:block;margin:8px 0 5px;color:#4f5d72;font-size:11px}
.demo-segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:var(--demo-bg);box-shadow:var(--neu-press)}
.demo-segment button{min-height:31px;border:0;border-radius:7px;background:transparent;color:#64738a;font-size:11px;cursor:pointer}
.demo-segment button[aria-pressed=true]{background:#1c2431;color:white;box-shadow:3px 3px 7px #c5ccd6,-3px -3px 7px #fff}
.demo-divider{border:0;border-top:1px solid var(--demo-line);margin:12px 0}
.demo-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding-block:6px}
.demo-switch-copy{display:grid;gap:3px;min-width:0}
.demo-switch-copy strong{font-size:11px;font-weight:550;color:#283449}
.demo-switch-copy small{font-size:10px;line-height:1.35;color:#77849a}
.demo-switch{position:relative;display:block;width:43px;height:24px;flex:0 0 43px;padding:0;border:1px solid #aab5c4;border-radius:14px;background:#d8dee8;box-shadow:inset 2px 2px 5px #bfc7d2;cursor:pointer;transition:background .18s,border-color .18s}
.demo-switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 4px #59677880;transition:transform .18s}
.demo-switch[aria-checked=true]{border-color:#26324a;background:#26324a;box-shadow:inset 2px 2px 5px #111b2b}
.demo-switch[aria-checked=true]::after{transform:translateX(19px)}
.demo-select{width:100%;min-height:37px;padding:7px 10px;border:0;border-radius:9px;background:var(--demo-bg);color:#334156;box-shadow:var(--neu-press);font-size:11px}
.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px}
.demo-stat{display:grid;gap:7px;min-height:91px;padding:13px 15px}
.demo-stat small{color:#77849a;font-size:8px;font-weight:650;letter-spacing:.27em}
.demo-stat strong{font-size:24px;line-height:1;font-weight:500;color:#192232}
.demo-stat span{color:#718097;font-size:10px}
.demo-recommendations{margin-top:15px}
.demo-recommendations h3{margin-bottom:9px;font-size:14px;font-weight:600}
.demo-recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.demo-recommend{min-height:74px;padding:11px 12px}
.demo-recommend strong{display:block;margin-bottom:5px;font-size:11px;font-weight:550}
.demo-recommend span{display:block;color:#6d7a8e;font-size:10px;line-height:1.35}
.demo-safety{margin-top:13px;padding:11px 13px;color:#5b6b83;font-size:10px;line-height:1.45}
.demo-page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}
.demo-page-head h3{font-size:22px;letter-spacing:-.045em;font-weight:550;color:#1b2433}
.demo-page-head p{margin-top:5px;max-width:62ch;color:#66758c;font-size:12px;line-height:1.45}
.demo-sample-tag{flex-shrink:0;padding:6px 9px;border-radius:8px;background:var(--demo-bg);box-shadow:var(--neu-press);color:#64738a;font-size:9px;white-space:nowrap}
.demo-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.demo-setting-group{padding:14px 16px}
.demo-setting-group h4{margin:0 0 7px;color:#3a4a61;font-size:11px;font-weight:600}
.demo-setting-group .demo-switch-row+.demo-switch-row{border-top:1px solid #e1e6ed}
.demo-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demo-theme-choice{display:grid;justify-items:start;gap:9px;min-height:99px;padding:13px;border:0;border-radius:14px;background:var(--demo-white);box-shadow:var(--neu-lift-small);color:#324057;text-align:left;font-size:12px;cursor:pointer}
.demo-theme-choice[aria-pressed=true]{box-shadow:var(--neu-press);color:var(--demo-blue-dark)}
.demo-theme-swatch{width:100%;height:39px;border-radius:8px;background:linear-gradient(130deg,#f0f4fb 0 56%,#7389c6 57%);box-shadow:inset 2px 2px 5px #cbd3df,inset -2px -2px 5px #fff}
.demo-theme-choice[data-choice=slate] .demo-theme-swatch{background:linear-gradient(130deg,#e8edf3 0 56%,#687d98 57%)}
.demo-theme-choice[data-choice=ember] .demo-theme-swatch{background:linear-gradient(130deg,#f5ece5 0 56%,#bb7957 57%)}
.demo-footer{display:flex;align-items:center;gap:8px;min-height:35px;padding:5px 18px;border-top:1px solid var(--demo-line);color:#68758a;font-size:10px}
.demo-footer>span:last-child{margin-left:auto}
.demo-status-dot{width:7px;height:7px;border-radius:50%;background:#8090a6}
.demo-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:800px){
  .preview-brand{box-shadow:none;background:transparent;padding:0}
  .preview-links a{padding-inline:8px}
  .day-close{box-shadow:var(--neu-lift-small)}
  .screen-dialog{width:98vw;height:94dvh;max-height:94dvh;padding:13px;border-radius:14px}
  .demo-app{height:calc(100% - 105px);max-height:calc(94dvh - 110px);grid-template-columns:172px minmax(0,1fr)}
  .demo-sidebar{padding:11px 8px}
  .demo-sidebar nav button{font-size:11px;gap:6px}
  .demo-content{padding:14px}
  .demo-home-grid{grid-template-columns:minmax(0,1.2fr) minmax(210px,1fr);gap:11px}
  .demo-welcome{min-height:190px;padding:19px}
  .demo-quick{padding:13px}
  .demo-stats{gap:9px;margin-top:12px}
  .demo-stat{padding:10px;min-height:79px}
  .demo-stat small{letter-spacing:.16em;font-size:7px}
  .demo-recommend-grid{gap:8px}
  .demo-recommend{padding:9px;min-height:66px}
}
@media(max-width:620px){
  .platform-tabs{display:flex;width:100%}
  .platform-tabs button{flex:1;justify-items:center;padding-inline:9px}
  .window-poster{aspect-ratio:.95;grid-template-columns:1fr}
  .poster-sidebar{display:none}
  .poster-grid{grid-template-columns:1fr;gap:11px;padding:4%}
  .poster-welcome,.poster-quick{gap:8px;min-height:120px;padding:14px}
  .poster-welcome>strong{font-size:clamp(19px,6vw,28px)}
  .poster-welcome>span{font-size:11px}
  .poster-welcome>b{margin-top:8px}
  .poster-quick>strong{min-height:34px}
  .poster-stats{gap:8px;padding:0 4% 3%}
  .poster-stats>span{letter-spacing:.06em}
  .poster-note{margin-inline:4%;margin-bottom:4%;font-size:8px}
  .poster-cta{right:16px;bottom:14px;padding:8px 11px;font-size:11px}
  .windows-screen-tabs{gap:4px;padding:8px 8px 0}
  .windows-screen-tabs button{flex:1;min-height:39px;padding:7px 6px;font-size:12px}
  .demo-app{display:flex;flex-direction:column;height:calc(100% - 107px);max-height:calc(94dvh - 110px);min-height:0}
  .demo-sidebar{flex:0 0 auto;border-right:0;border-bottom:1px solid var(--demo-line);padding:7px 8px}
  .demo-brand,.demo-sidebar nav small{display:none}
  .demo-sidebar nav{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
  .demo-sidebar nav button{flex:0 0 auto;min-height:39px;padding:5px 9px;font-size:11px}
  .demo-sidebar nav button[aria-current=page]{box-shadow:inset 0 -2px var(--demo-blue),2px 2px 5px #cbd2dc,-2px -2px 5px #fff}
  .demo-reset{display:flex;min-height:32px;width:max-content;margin:4px 0 0 auto;padding-inline:10px;font-size:10px}
  .demo-main{flex:1 1 auto;min-height:0}
  .demo-topbar{min-height:52px;padding:7px 13px}
  .demo-content{padding:11px;overflow:auto}
  .demo-home-grid{grid-template-columns:1fr}
  .demo-welcome{min-height:160px;padding:17px}
  .demo-welcome h3{font-size:25px}
  .demo-quick{padding:14px}
  .demo-stats{gap:7px}
  .demo-stat{min-height:73px;padding:8px}
  .demo-stat strong{font-size:19px}
  .demo-stat span{font-size:9px}
  .demo-recommend-grid{grid-template-columns:1fr}
  .demo-recommend{min-height:50px}
  .demo-recommend span{font-size:10px}
  .demo-settings-grid{grid-template-columns:1fr;gap:9px}
  .demo-setting-group{padding:10px 13px}
  .demo-theme-grid{gap:8px}
  .demo-theme-choice{padding:8px;font-size:11px;min-height:76px}
  .demo-theme-swatch{height:30px}
  .demo-page-head{align-items:start;gap:9px}
  .demo-page-head h3{font-size:19px}
  .demo-page-head p{font-size:11px}
  .demo-sample-tag{font-size:8px;padding:5px 7px}
  .demo-footer{padding:5px 10px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.demo-switch,.demo-switch::after,.platform-tabs button,.demo-segment button{transition:none}}