:root{color-scheme:light;--ink:#172236;--muted:#647084;--blue:#176ad8;--line:#e0e5ed;--paper:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #3587ee;outline-offset:5px}button{font:inherit}button:disabled{cursor:default}.site-header,main,footer{width:min(1120px,calc(100% - 80px));margin-inline:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-weight:650;font-size:20px;letter-spacing:-.5px}.brand img{display:block}nav{display:flex;gap:28px;font-size:14px;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:68px;align-items:center;padding:70px 0 95px}.app-icon{margin-left:-10px;display:block;margin-bottom:22px}h1{font-size:clamp(38px,4.5vw,56px);line-height:1.08;letter-spacing:-2.3px;margin:0 0 24px;font-weight:680}.description{font-size:19px;line-height:1.6;color:var(--muted);max-width:360px;margin:0 0 34px}.download{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 20px;border-radius:10px;background:var(--blue);color:white;font-weight:600;font-size:15px;box-shadow:0 2px 4px #124c9920}.download:hover{text-decoration:none;background:#125ab9}.download[aria-disabled=true]{background:#e0e6ef;color:#6b788c;box-shadow:none;cursor:default}.download span{font-size:21px;line-height:1}.compatibility{font-size:12px;color:var(--muted);margin:13px 0}.release-status{font-size:12px;line-height:1.7;color:var(--muted);max-width:310px;margin:0}.release-status a{text-decoration:underline;text-underline-offset:3px}.preview{margin:0}.desktop{height:304px;position:relative;overflow:hidden;border:1px solid #b9cce8;border-radius:14px;background:linear-gradient(138deg,#d5e6fa 0%,#92b8ee 42%,#6392cf 100%);box-shadow:0 18px 45px -22px #344e7c66,inset 0 1px #ffffffaa}.menubar{height:25px;background:#eff5fd8c;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:9px;color:#243a59}.menubar b{font-weight:650}.status-symbol{font-size:14px}.work-area{position:absolute;inset:25px 0 34px}.demo-window{position:absolute;left:0;top:0;width:50%;height:100%;border-radius:7px;background:#fff;border:1px solid #1f4f9029;overflow:hidden;box-shadow:0 6px 15px #1d467938;transition:left .38s cubic-bezier(.2,.8,.2,1),top .38s cubic-bezier(.2,.8,.2,1),width .38s cubic-bezier(.2,.8,.2,1),height .38s cubic-bezier(.2,.8,.2,1)}.demo-window[data-layout=right]{left:50%}.demo-window[data-layout=top]{width:100%;height:50%}.demo-window[data-layout=bottom]{top:50%;width:100%;height:50%}.demo-window[data-layout=center]{left:12.5%;top:12.5%;width:75%;height:75%}.demo-window[data-layout=maximize]{width:100%;height:100%}.window-toolbar{height:27px;background:#f8fafc;border-bottom:1px solid #e8edf4;display:flex;gap:5px;align-items:center;padding-left:9px}.window-toolbar i{width:6px;height:6px;border-radius:50%;background:#f28e89}.window-toolbar i:nth-child(2){background:#edc875}.window-toolbar i:nth-child(3){background:#82c498}.window-body{display:flex;height:calc(100% - 27px)}.window-sidebar{width:23%;background:#f3f6fb;border-right:1px solid #e8edf4}.window-content{flex:1;padding:20px 14px}.window-content span{display:block;height:6px;background:#e6ecf5;margin-bottom:10px;border-radius:2px}.window-content span:first-child{background:#9dbce7;width:65%}.window-content span:last-child{width:80%}.dock{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:4px 6px;background:#e6eef980;border:1px solid #eff5fd66;border-radius:8px}.dock i{width:15px;height:15px;background:#f6f9fdcc;border-radius:4px}.dock i:nth-child(2){background:#80b0ee}.dock i:nth-child(3){background:#a3c6f1}.dock i:nth-child(4){background:#e8dfbc}figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:12px 1px 18px}figcaption strong{font-weight:500}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shortcuts button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 13px;cursor:pointer;font-size:12px;color:var(--ink);transition:border-color .12s,background .12s}.shortcuts button:hover{border-color:#93b8e8}.shortcuts button[aria-pressed=true]{background:#eaf2ff;border-color:#82ade6;color:#1256ae}.shortcuts kbd{font-family:inherit;font-size:13px;white-space:nowrap;color:#687992}.shortcuts button[aria-pressed=true] kbd{color:#1256ae}.details{padding:44px 0 52px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.08fr;gap:68px}h2{font-size:16px;margin:0 0 20px;letter-spacing:-.3px}ol{padding-left:20px;margin:0}li,p{line-height:1.7}li{padding-left:4px;margin:0 0 12px;color:var(--muted);font-size:14px}.notes p{font-size:14px;color:var(--muted);margin:0 0 14px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:25px 35px;font-size:12px;color:var(--muted)}footer div{display:flex;gap:22px}
@media(min-width:1350px){.hero{padding-top:85px;padding-bottom:110px}}
@media(max-width:850px){.site-header,main,footer{width:calc(100% - 48px)}.hero{gap:30px;grid-template-columns:.9fr 1.1fr;padding-top:40px}.description{font-size:17px}.desktop{height:260px}.shortcuts{grid-template-columns:1fr}h1{font-size:40px}.details{gap:30px}}
@media(max-width:620px){.site-header,main,footer{width:calc(100% - 40px)}.site-header{height:84px}nav{gap:20px}.hero{grid-template-columns:1fr;gap:44px;padding:25px 0 45px}.app-icon{width:84px;height:84px;margin-bottom:15px}h1{font-size:43px}.description{max-width:350px;margin-bottom:24px}.desktop{height:260px}.shortcuts{grid-template-columns:1fr 1fr}.shortcuts button{padding:12px 10px;font-size:11px}.shortcuts kbd{font-size:12px}.details{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:25px}footer{flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}