@property --px{syntax:"<length>";inherits:true;initial-value:1px}.strip,.mac-dock{--px:calc(100cqw / 940)}.win{border-radius:calc(12 * var(--px));min-width:0;box-shadow:0 0 0 max(.5px, calc(.5 * var(--px))) #0003, 0 calc(14 * var(--px)) calc(34 * var(--px)) calc(-6 * var(--px)) #00000073;color:#1d1d1f;font-size:calc(11 * var(--px));filter:brightness(.97);background:#fff;flex-direction:column;flex:1;line-height:1.35;transition:box-shadow .3s,filter .3s;display:flex;overflow:hidden}[data-theme=dark] .win{box-shadow:0 0 0 max(.5px, calc(.5 * var(--px))) #ffffff24, 0 calc(14 * var(--px)) calc(34 * var(--px)) calc(-6 * var(--px)) #000000b3;color:#ececec;filter:brightness(.88);background:#1e1e1e}.win>*{min-width:0}.col.is-focused .win,[data-theme=dark] .col.is-focused .win{filter:none;box-shadow:0 0 0 max(1.5px, calc(2 * var(--px))) var(--accent), 0 calc(18 * var(--px)) calc(40 * var(--px)) calc(-6 * var(--px)) #0000008c}.mw-traffic{gap:calc(7 * var(--px));flex:none;display:flex}.mw-traffic i{width:calc(11 * var(--px));height:calc(11 * var(--px));box-shadow:inset 0 0 0 calc(.5 * var(--px)) #0000001f;background:#ff5f57;border-radius:50%}.mw-traffic i:nth-child(2){background:#febc2e}.mw-traffic i:nth-child(3){background:#28c840}.col:not(.is-focused) .mw-traffic i{background:#00000026}[data-theme=dark] .col:not(.is-focused) .mw-traffic i{background:#ffffff29}.mw-titlebar{height:calc(30 * var(--px));padding:0 calc(11 * var(--px));border-bottom:max(.5px, calc(.5 * var(--px))) solid #00000014;background:#f6f5f4;flex:none;align-items:center;display:flex;position:relative}[data-theme=dark] .mw-titlebar{background:#2a2a2c;border-bottom-color:#ffffff12}.mw-title{align-items:center;gap:calc(5 * var(--px));color:#000000ad;white-space:nowrap;max-width:60%;font-weight:600;display:inline-flex;position:absolute;left:50%;overflow:hidden;translate:-50%}.mw-title img{width:calc(15 * var(--px));height:calc(15 * var(--px));flex:none}[data-theme=dark] .mw-title{color:#ffffffb8}.mac-dock{left:50%;bottom:calc(6 * var(--px));z-index:2;align-items:flex-end;gap:calc(3 * var(--px));padding:calc(4 * var(--px));border-radius:calc(18 * var(--px));-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);box-shadow:inset 0 0 0 1px #ffffff4d, 0 calc(6 * var(--px)) calc(20 * var(--px)) #0000002e;background:#ffffff24;display:flex;position:absolute;translate:-50%}[data-theme=dark] .mac-dock{box-shadow:inset 0 0 0 1px #ffffff29, 0 calc(8 * var(--px)) calc(26 * var(--px)) #00000080;background:#1e1e1e4d}.dock-app{width:calc(37 * var(--px));height:calc(37 * var(--px));cursor:pointer;transition:translate .2s var(--ease);background:0 0;border:0;flex:none;padding:0;display:block;position:relative}.dock-app img{-webkit-user-drag:none;width:100%;height:100%}.dock-app:hover{translate:0 calc(-6 * var(--px))}.dock-tip{bottom:calc(100% + 10 * var(--px));padding:calc(3 * var(--px)) calc(9 * var(--px));border-radius:calc(7 * var(--px));color:#fff;font-size:max(8px, calc(11 * var(--px)));white-space:nowrap;pointer-events:none;opacity:0;background:#1e1e1ebf;transition:opacity .15s;position:absolute;left:50%;translate:-50%}.dock-app:hover .dock-tip{opacity:1}.dock-dot{bottom:calc(-4 * var(--px));width:calc(4 * var(--px));height:calc(4 * var(--px));background:#0009;border-radius:50%;position:absolute;left:50%;translate:-50%}[data-theme=dark] .dock-dot{background:#fffc}.dock-divider{width:max(1px, calc(1 * var(--px)));margin:calc(4 * var(--px)) calc(4 * var(--px));background:#0003;align-self:stretch}[data-theme=dark] .dock-divider{background:#fff3}@media (width<=640px){.dock-app{width:calc(52 * var(--px));height:calc(52 * var(--px))}.mac-dock{gap:calc(5 * var(--px));border-radius:calc(24 * var(--px))}}.win{--sk:#0001;--tint:#0001}[data-theme=dark] .win{--sk:#ffffff13;--tint:#ffffff13}.sk{gap:calc(10 * var(--px));min-height:0;padding:calc(16 * var(--px));flex-direction:column;flex:1;display:flex;overflow:hidden}.sk i,.sk b{border-radius:calc(4 * var(--px));background:var(--sk);flex:none;display:block}.sk i{height:calc(7 * var(--px))}.gw{flex-direction:column;flex:1;min-height:0;display:flex}.sf-toolbar{align-items:center;gap:calc(8 * var(--px));height:calc(40 * var(--px));padding:0 calc(12 * var(--px));border-bottom:max(.5px, calc(.5 * var(--px))) solid #00000012;background:#f7f6f5;flex:none;display:flex}[data-theme=dark] .sf-toolbar{background:#2b2b2d;border-bottom-color:#ffffff12}.sf-toolbar .mw-traffic{margin-right:calc(6 * var(--px))}.sf-btn{width:calc(22 * var(--px));height:calc(22 * var(--px));color:#8a8a8e;flex:none;place-items:center;display:grid}.sf-btn svg{width:calc(14 * var(--px));height:calc(14 * var(--px))}.sf-btn.is-dim{opacity:.4}.sf-nav,.sf-right{flex:none;display:flex}.sf-address{justify-content:center;align-items:center;gap:calc(5 * var(--px));min-width:0;height:calc(26 * var(--px));border-radius:calc(13 * var(--px));color:#8a8a8e;font-size:calc(11 * var(--px));white-space:nowrap;background:#0000000d;flex:1;display:flex;overflow:hidden}.sf-address svg{width:calc(10 * var(--px));height:calc(10 * var(--px));flex:none}[data-theme=dark] .sf-address{background:#ffffff12}.sk-safari{--tint:#0a84ff21;padding:calc(22 * var(--px))}.sk-hero{height:calc(110 * var(--px));margin-bottom:calc(8 * var(--px));border-radius:calc(10 * var(--px))!important;background:var(--tint)!important}.sk-row{gap:calc(10 * var(--px));margin-top:calc(10 * var(--px));grid-template-columns:repeat(3,1fr);display:grid}.sk-row b{height:calc(64 * var(--px));border-radius:calc(8 * var(--px))}.vs{background:#1f1f1f;flex-direction:column;flex:1;min-height:0;display:flex}.vs-titlebar{height:calc(30 * var(--px));padding:0 calc(11 * var(--px));background:#181818;flex:none;align-items:center;display:flex;position:relative}.vs-command{justify-content:center;align-items:center;gap:calc(5 * var(--px));width:min(44%, calc(220 * var(--px)));height:calc(18 * var(--px));border-radius:calc(5 * var(--px));color:#ffffff8c;font-size:calc(10 * var(--px));background:#ffffff0f;font-weight:600;display:flex;position:absolute;left:50%;translate:-50%}.vs-command img{width:calc(11 * var(--px));height:calc(11 * var(--px))}.vs-main{flex:1;min-height:0;display:flex}.vs-activity{align-items:center;gap:calc(12 * var(--px));width:calc(30 * var(--px));padding-top:calc(12 * var(--px));background:#181818;flex-direction:column;flex:none;display:flex}.vs-activity i{width:calc(13 * var(--px));height:calc(13 * var(--px));border-radius:calc(3 * var(--px));background:#ffffff1f}.vs-activity i:first-child{background:#ffffff4d}.vs-sidebar{gap:calc(9 * var(--px));width:calc(96 * var(--px));padding:calc(14 * var(--px)) calc(10 * var(--px));background:#181818;flex-direction:column;flex:none;display:flex}.vs-sidebar i{height:calc(6 * var(--px));border-radius:calc(3 * var(--px));background:#ffffff14}.vs-sidebar i:nth-child(4){background:#0078d459}.vs-editor{flex-direction:column;flex:1;min-width:0;display:flex}.vs-tabs{height:calc(24 * var(--px));padding:calc(7 * var(--px)) calc(10 * var(--px));background:#181818;flex:none}.vs-tabs b{width:calc(60 * var(--px));border-radius:calc(3 * var(--px));background:#ffffff1a;height:100%;display:block}.vs-lines{gap:calc(8 * var(--px));padding:calc(14 * var(--px)) calc(14 * var(--px));flex-direction:column;flex:1;display:flex;overflow:hidden}.vs-lines i{height:calc(6 * var(--px));min-height:calc(6 * var(--px));border-radius:calc(3 * var(--px));flex:none}.vs-lines .t0{background:#ffffff17}.vs-lines .t1{background:#569cd647}.vs-lines .t2{background:#ce91783d}.vs-status{height:calc(14 * var(--px));box-shadow:inset calc(22 * var(--px)) 0 0 #0078d48c;background:#181818;flex:none}.is-narrow .vs-sidebar{display:none}.tm{background:#1e1e1e;flex-direction:column;flex:1;min-height:0;display:flex}.tm .mw-titlebar{background:#2d2d2d;border-bottom-color:#000}.tm .mw-title{color:#ffffffb3}.tm-body{gap:calc(9 * var(--px))}.tm-body i{background:#ffffff29}.tm-body i.is-tint{background:#32d74b4d}.tm .caret{width:calc(7 * var(--px));height:calc(11 * var(--px));border-radius:calc(1 * var(--px));background:#ffffff8c}.nt,.ms{flex-direction:column;flex:1;min-height:0;display:flex}.nt-main{flex:1;min-height:0;display:flex}.nt-list{--tint:#ffcc0052;width:calc(96 * var(--px));gap:calc(6 * var(--px));padding:calc(8 * var(--px));background:#00000006;flex:none}[data-theme=dark] .nt-list{background:#ffffff06}.nt-list b{height:calc(30 * var(--px));border-radius:calc(6 * var(--px))}.nt-list b.is-on{background:var(--tint)}.nt-note .sk-title{height:calc(12 * var(--px));margin-bottom:calc(6 * var(--px))}.is-narrow .nt-list{display:none}.ms-chat{--tint:#0a84ff52;gap:calc(9 * var(--px))}.ms-chat b{height:calc(24 * var(--px));border-radius:calc(12 * var(--px))}.ms-chat b.out{background:var(--tint);align-self:flex-end}.sk-figma{--tint:#a259ff2e;align-items:flex-start;gap:calc(14 * var(--px));padding:calc(26 * var(--px));background:#00000009;flex-direction:row}[data-theme=dark] .sk-figma{background:#00000040}.sk-figma b{border-radius:calc(4 * var(--px));background:var(--sk);width:40%;height:46%}.sk-figma b:first-child{background:var(--tint);width:46%;height:60%;box-shadow:0 0 0 calc(1.2 * var(--px)) #a259ff80}.gw-list{gap:calc(16 * var(--px))}.gw-grid{grid-template-columns:repeat(3,1fr);align-content:start;display:grid}.gw-grid b{aspect-ratio:1;border-radius:calc(6 * var(--px))}.mac-cursor{z-index:4;filter:drop-shadow(0 1px 2px #00000059);pointer-events:none;width:max(10px,1.5cqw);margin:-.2cqw 0 0 -.2cqw;transition:left .85s cubic-bezier(.45,0,.2,1),top .85s cubic-bezier(.45,0,.2,1);position:absolute}@keyframes dock-bounce{0%,to{translate:0}30%{translate:0 calc(-18 * var(--px))}55%{translate:0}75%{translate:0 calc(-7 * var(--px))}}@media (prefers-reduced-motion:no-preference){.dock-app.is-bouncing{animation:.7s ease-out dock-bounce}}@media (prefers-reduced-motion:reduce){.mac-cursor,.dock-app{transition:none}}@media (width<=640px){.mac-hud{gap:3px;width:max-content;max-width:86%;bottom:12cqw}.mac-key{border-radius:4px;min-width:15px;padding:2px 3px}.mac-key b{font-size:8px}.mac-key small{display:none}.mac-pad{gap:3px;width:30px;height:18px}.mac-pad i{width:4px;height:4px}}.app-icon.is-dark,[data-theme=dark] .app-icon.is-light{display:none}[data-theme=dark] .app-icon.is-dark{display:block}.mac-menus .app-icon,.mw-title .app-icon,.vs-command .app-icon{flex:none}.mini-screen{aspect-ratio:16/9;border-radius:var(--r-md);isolation:isolate;background:#8a9db0 url(/images/synara/hero-bg-800.webp) 50%/cover;position:relative;overflow:hidden;container-type:inline-size}.mini-screen:before{content:"";z-index:-1;background:#0a09081a;position:absolute;inset:0}[data-theme=dark] .mini-screen:before{background:#06050466}.mini-row{--u:100cqw;gap:calc(var(--gap) * var(--u));padding:0 calc(var(--gap) * var(--u));transform:translateX(calc(var(--offset) * -1 * var(--u)));transition:transform .6s cubic-bezier(.34,1.25,.64,1),gap .3s,padding .3s;display:flex;position:absolute;top:5cqw;bottom:9cqw;left:0}.mini-col{width:calc(var(--w) * var(--u));cursor:pointer;flex-direction:column;flex:none;gap:1.2cqw;transition:width .5s cubic-bezier(.34,1.2,.64,1);display:flex}.mini-win{filter:brightness(.95);background:#fbfbfa;border-radius:1.6cqw;flex-direction:column;flex:1;min-height:0;transition:box-shadow .25s,filter .25s;display:flex;overflow:hidden;box-shadow:0 0 0 max(.5px,.12cqw) #0000002e,0 1.5cqw 3.5cqw -1cqw #00000073}[data-theme=dark] .mini-win{filter:brightness(.85);background:#242426;box-shadow:0 0 0 max(.5px,.12cqw) #ffffff1f,0 1.5cqw 3.5cqw -1cqw #000000b3}.mini-col.is-focused .mini-win{filter:none;box-shadow:0 0 0 max(1.5px, .35cqw) var(--accent), 0 2cqw 4cqw -1cqw #00000080}.mini-bar{white-space:nowrap;background:#00000009;flex:none;align-items:center;height:min(4.6cqw,28px);padding:0 min(1.6cqw,10px);display:flex;position:relative}[data-theme=dark] .mini-bar{background:#ffffff0d}.mini-dots{gap:.8cqw;display:flex}.mini-dots i{background:#00000026;border-radius:50%;width:min(1.3cqw,8px);height:min(1.3cqw,8px)}.mini-col.is-focused .mini-dots i{background:#ff5f57}.mini-col.is-focused .mini-dots i:nth-child(2){background:#febc2e}.mini-col.is-focused .mini-dots i:nth-child(3){background:#28c840}[data-theme=dark] .mini-col:not(.is-focused) .mini-dots i{background:#ffffff2e}.mini-bar img{width:min(2.4cqw,14px);height:min(2.4cqw,14px);margin-left:auto}.mini-bar em{color:#0009;text-overflow:ellipsis;margin:0 auto 0 .8cqw;font-size:clamp(7px,1.9cqw,12px);font-style:normal;font-weight:600;overflow:hidden}[data-theme=dark] .mini-bar em{color:#ffffffb3}.mini-body{flex-direction:column;gap:min(1.4cqw,9px);padding:min(2.2cqw,14px);display:flex}.mini-body i{background:#00000012;border-radius:.5cqw;height:min(1cqw,6px)}.mini-body i:first-child{width:70%}.mini-body i:nth-child(2){width:52%}.mini-body i:nth-child(3){width:62%}[data-theme=dark] .mini-body i{background:#ffffff14}.mini-map{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141380;border-radius:999px;gap:.5cqw;width:26cqw;height:2.6cqw;padding:.6cqw;display:flex;position:absolute;bottom:2.6cqw;left:50%;translate:-50%}.mini-map i{background:#ffffff59;border-radius:.4cqw;flex-basis:0;transition:background-color .25s}.mini-map i.is-focused{background:#e07a4a}.mini-map b{border:max(1px,.25cqw) solid #ffffffe6;border-radius:.6cqw;max-width:calc(100% - 1.2cqw);margin-left:.6cqw;transition:left .6s cubic-bezier(.34,1.25,.64,1),width .5s;position:absolute;top:.25cqw;bottom:.25cqw}@keyframes mini-open{0%{opacity:0;width:0}}@media (prefers-reduced-motion:no-preference){.mini-col.is-new{animation:mini-open .5s var(--ease) both}}@media (prefers-reduced-motion:reduce){.mini-row,.mini-col,.mini-map b,.mini-win{transition:none}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);height:34px;color:var(--ink);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 6px;transition:background-color .2s,border-color .2s;display:inline-flex}.chip:hover{background:var(--fill-strong)}.chip:active{transform:translateY(1px)}.chip .caps{gap:3px;display:inline-flex}.chip kbd{border-radius:6px;min-width:22px;height:22px;padding:0 5px;font-size:11px}.chip kbd.sym{font-size:12px}.status-line{min-height:1.6em;color:var(--muted-2);margin-top:14px;font-size:13px}.status-line:before{content:"→ ";color:var(--accent)}.versus{grid-template-columns:1fr 1fr;gap:20px;display:grid}.versus-card{margin:0}.versus-card figcaption{color:var(--muted-2);margin-top:14px;font-size:14px}.versus-card figcaption b{color:var(--ink);margin-bottom:2px;font-weight:500;display:block}.normal-screen{aspect-ratio:16/9;border-radius:var(--r-md);background:#8a9db0 url(/images/synara/hero-bg-800.webp) 50%/cover;position:relative;overflow:hidden;container-type:inline-size}.normal-win{width:58%;height:62%;transition:left .4s var(--ease), top .4s var(--ease);display:flex;position:absolute}.normal-win .mini-win{filter:none}.normal-win:last-child .mini-win{box-shadow:0 0 0 max(1.5px, .35cqw) var(--accent), 0 2cqw 4cqw -1cqw #00000080}.normal-win:last-child .mini-dots i{background:#ff5f57}.normal-win:last-child .mini-dots i:nth-child(2){background:#febc2e}.normal-win:last-child .mini-dots i:nth-child(3){background:#28c840}@media (prefers-reduced-motion:no-preference){.normal-win:last-child{animation:rise-in .4s var(--ease) both}}.versus-actions{justify-content:center;align-items:center;gap:18px;margin-top:28px;display:flex}.versus-actions .btn:disabled{opacity:.55;cursor:default}.versus-reset{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.versus-caption{max-width:640px;color:var(--ink-86);text-align:center;margin:14px auto 0;font-size:14px}.how-columns{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:72px;display:grid}.how-columns h3{letter-spacing:-.015em;font-size:17px}.how-columns p{color:var(--muted-2);margin-top:10px;font-size:14px;line-height:1.65}@media (width<=760px){.versus{grid-template-columns:1fr}.how-columns{grid-template-columns:1fr;gap:28px;margin-top:48px}}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.fcard{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);padding:16px 16px 22px;transition:border-color .2s}.fcard.is-hot{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.fcard.is-wide{grid-column:1/-1}.fcard.is-wide .mini-screen{aspect-ratio:21/8}.fcard-demo{border-radius:var(--r-md);outline-offset:3px;margin-bottom:14px;position:relative}.fcard h3{letter-spacing:-.02em;margin-top:18px;padding:0 4px;font-size:18px}.fcard .chips{padding:0 4px}.fcard-body{color:var(--muted-2);margin-top:8px;padding:0 4px;font-size:14px;line-height:1.65}.fcard .status-line{padding:0 4px}.swipe-fingers{pointer-events:none;gap:14px;display:flex;position:absolute;top:46%;left:50%;translate:-50% -50%}.swipe-fingers i{background:#ffffff8c;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 6px #ffffff26}.chip-fingers{gap:3px;padding-left:6px;display:inline-flex}.chip-fingers i{background:var(--muted);border-radius:50%;width:6px;height:6px}@keyframes fingers{0%{opacity:0;transform:translate(40px)}20%,70%{opacity:1}to{opacity:0;transform:translate(-40px)}}@media (prefers-reduced-motion:no-preference){.swipe-fingers i{animation:2.2s ease-in-out infinite fingers}}.gap-slider{align-items:center;gap:14px;width:100%;height:34px;font-size:13px;display:flex}.gap-slider b{font-family:var(--font-mono);font-weight:500}.gap-slider input{accent-color:var(--accent);flex:1}.displays{border-radius:var(--r-md);background:var(--fill-strong);grid-template-columns:1fr 1.25fr;align-items:end;gap:16px;padding:18px 12px 6px;display:grid}.display{justify-items:center;display:grid}.display .mini-screen{border:3px solid #1a1a1c;border-radius:8px;width:100%}.display.is-active .mini-screen{box-shadow:0 0 0 2px var(--accent)}.display-stand{background:linear-gradient(#c4c4c8,#9a9aa0);border-radius:0 0 6px 6px;width:22%;height:10px}[data-theme=dark] .display-stand{background:linear-gradient(#3a3a3e,#1e1e20)}@media (width<=760px){.fgrid{grid-template-columns:minmax(0,1fr)}.fcard.is-wide .mini-screen{aspect-ratio:16/9}}.legend{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.legend-key{border:1px solid var(--line);border-radius:var(--r-md);background:var(--raised);align-items:center;gap:14px;padding:16px 18px;font-size:15px;font-weight:500;display:flex}.legend-key kbd,.legend-key kbd.sym{border-radius:11px;min-width:48px;height:48px;font-size:22px}.legend-note{max-width:760px;color:var(--ink-86);margin-top:16px;font-size:14px;line-height:1.7}.legend-note b{font-weight:500}.pad{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;margin-top:40px;padding:18px;transition:border-color .2s;display:grid}.pad.is-hot{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.pad-demo{border-radius:var(--r-md);outline-offset:3px;cursor:pointer;align-self:start;position:relative}.pad-listening{color:var(--muted);font:500 11px var(--font-mono);letter-spacing:.04em;text-align:center;margin-top:10px;transition:color .2s;display:block}.pad.is-hot .pad-listening{color:var(--ink)}.pad.is-hot .pad-listening:before{content:"● ";color:#28c840}.pad-side{padding:6px 6px 6px 0}.pad-checklist{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.pad-checklist li{align-items:center;gap:12px;display:flex}.pad-tick{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);font:500 11px var(--font-mono);border-radius:50%;flex:none;place-items:center;display:grid}.pad-tick svg{width:14px;height:14px}.pad-checklist li.is-done .pad-tick{border-color:var(--accent);background:var(--accent);color:#fff}.pad-checklist li.is-done>span:nth-child(2){color:var(--muted)}.pad-keys{white-space:nowrap;margin-left:6px}.pad-keys kbd,.lesson-keys kbd,.tester-keys kbd{border-radius:6px;min-width:22px;height:22px;margin-left:2px;padding:0 5px;font-size:11px}.pad-status{min-height:1.6em;color:var(--muted-2);margin-top:16px;font-size:13px}.pad-status.is-done{color:var(--accent);font-weight:500}.pad-buttons{margin-top:14px}.pad-buttons .chip{height:30px;font-size:12px}.pad-reset{cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:12px;text-decoration:underline}.learn-sub{margin:64px 0 20px;font-size:22px}.lessons{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.lesson{border:1px solid var(--line);border-radius:var(--r-md);background:var(--raised);padding:12px 12px 18px}.lesson-n{color:var(--accent);font:500 11px var(--font-mono);margin-top:14px}.lesson h4{letter-spacing:-.01em;margin:4px 0 10px;font-size:15px;font-weight:500}.lesson-keys{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.lesson-or{color:var(--muted);margin:0 4px}.lesson-words{color:var(--ink-86);margin-top:10px;font-size:12.5px}.lesson-what{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.55}.lesson-anim{background:var(--fill-strong);border-radius:9px;gap:5%;height:70px;padding:10px 6%;display:flex;position:relative;overflow:hidden}.lesson-anim>*{background:var(--chip);border-radius:5px;flex:none;width:30%;box-shadow:inset 0 6px #0000000f}[data-theme=dark] .lesson-anim>*{background:#3a3836}.lesson-anim b{box-shadow:0 0 0 1.5px var(--accent), inset 0 6px 0 #0000000f}@keyframes la-slide{0%,30%{translate:0}50%,85%{translate:-60%}to{translate:0}}@keyframes la-focus-out{0%,30%{box-shadow:0 0 0 1.5px var(--accent)}45%,to{box-shadow:none}}@keyframes la-hide{0%,30%{box-shadow:none}45%,85%{box-shadow:none}}@keyframes la-swap-r{0%,30%{translate:0}50%,85%{translate:117%}to{translate:0}}@keyframes la-swap-l{0%,30%{translate:0}50%,85%{translate:-117%}to{translate:0}}@keyframes la-width{0%,20%{width:30%}40%,55%{width:44%}70%,85%{width:60%}to{width:30%}}@keyframes la-fill{0%,25%{width:30%}45%,85%{width:88%}to{width:30%}}@keyframes la-fade{0%,25%{opacity:1}45%,85%{opacity:.25}to{opacity:1}}@keyframes la-center{0%,25%{translate:0}45%,85%{translate:-42%}to{translate:0}}@media (prefers-reduced-motion:no-preference){.anim-focus>*{animation:la-slide 3s var(--ease) infinite}.anim-focus i:nth-child(2){box-shadow:0 0 0 1.5px var(--accent);animation:la-slide 3s var(--ease) infinite, la-focus-out 3s infinite}.anim-focus b{animation:la-slide 3s var(--ease) infinite, la-hide 3s infinite}.anim-move b{animation:la-swap-r 3s var(--ease) infinite}.anim-move i:nth-child(4){animation:la-swap-l 3s var(--ease) infinite}.anim-width b{animation:la-width 3.2s var(--ease) infinite}.anim-fill b{animation:la-fill 3s var(--ease) infinite}.anim-fill i{animation:la-fade 3s var(--ease) infinite}.anim-center>*{animation:la-center 3s var(--ease) infinite}}.tester{margin-top:64px}.tester-lead{letter-spacing:-.015em;margin-bottom:18px;font-size:18px;font-weight:500}.tester-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.tester-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--raised);padding:16px 16px 10px}.tester-row{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:0 -8px;padding:8px;font-size:13.5px;transition:background-color .25s;display:flex}.tester-row+.tester-row{border-top:1px solid var(--line-soft)}.tester-row.is-lit{background:color-mix(in srgb, var(--accent) 14%, transparent)}.tester-keys{white-space:nowrap}.tester-row.is-lit kbd{border-bottom-color:var(--line-soft);background:color-mix(in srgb, var(--accent) 22%, var(--chip));box-shadow:none;transform:translateY(2px)}.tester-keys kbd{transition:transform 80ms,background-color .2s}.more-keys{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.more-keys summary{cursor:pointer;padding:18px 0;font-size:15px;font-weight:500;list-style:none}.more-keys summary::-webkit-details-marker{display:none}.more-keys summary:after{content:"+";float:right;color:var(--muted)}.more-keys[open] summary:after{content:"–"}.more-keys .keytable{margin-bottom:14px}.more-keys .keytable th,.more-keys .keytable td{padding-left:0;padding-right:0}@media (width<=960px){.lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.tester-groups{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.legend{grid-template-columns:repeat(2,1fr)}.pad,.lessons{grid-template-columns:minmax(0,1fr)}}.fmore-toggle{justify-content:center;margin-top:32px;display:flex}.fmore{opacity:0;grid-template-rows:0fr;display:grid}.fmore.is-open{opacity:1;grid-template-rows:1fr}.fmore-inner{min-height:0;overflow:hidden}.fgrid-more{padding-top:28px}@media (width>=1100px){.fgrid-more{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=761px) and (width<=1099px){.fgrid-more>.fcard:last-child:nth-child(odd){grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){.fmore{transition:grid-template-rows .55s var(--ease), opacity .4s var(--ease)}}:root{--bg:#f5f4f2;--raised:#fbfaf8;--fill:#14141308;--fill-strong:#1414130f;--chip:#e8e6e2;--ink:#141413;--ink-86:#141413db;--muted:#66635e;--muted-2:#5b5955;--accent:#a43a0a;--line:#1414131f;--line-soft:#14141312;--btn-bg:#000;--btn-ink:#fff;--btn-hover:#2a2927;--panel:#141413;--panel-2:#1d1c1a;--panel-ink:#f5f4f2;--panel-muted:#f5f4f28c;--panel-line:#ffffff1a;--shadow-window:0 1px 2px #1414130a, 0 24px 60px -24px #14141338;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm:10px;--r-md:14px;--r-lg:18px;--container:1200px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;interpolate-size:allow-keywords}[data-theme=dark]{--bg:#121110;--raised:#1a1917;--fill:#ffffff08;--fill-strong:#ffffff12;--chip:#2a2826;--ink:#f5f4f2;--ink-86:#f5f4f2db;--muted:#a29e97;--muted-2:#918d86;--accent:#e07a4a;--line:#ffffff1a;--line-soft:#ffffff0f;--btn-bg:#f5f4f2;--btn-ink:#121110;--btn-hover:#fff;--panel:#0c0b0a;--panel-2:#191816;--shadow-window:0 1px 2px #0000004d, 0 24px 60px -24px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-padding-top:80px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance;margin:0;font-weight:500}h1{letter-spacing:-.04em;font-size:48px;line-height:1.02}h2{letter-spacing:-.035em;font-size:34px;line-height:1.1}h3{letter-spacing:-.02em;font-size:22px;line-height:1.25}p{margin:0}.muted{color:var(--muted)}code{background:var(--fill-strong);font:.9em var(--font-mono);border-radius:5px;padding:1px 5px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:color-mix(in srgb, var(--accent) 22%, transparent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{border-top:1px solid var(--line);padding:80px 0}.eyebrow{color:var(--muted);font:500 11px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;display:block}.eyebrow-accent{color:var(--accent)}.section-head{max-width:680px;margin-bottom:48px}.section-head p:not(.eyebrow){color:var(--ink-86);margin-top:18px;font-size:16px;line-height:1.7}.link{color:var(--accent);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);font-weight:500;transition:text-decoration-color .2s}.link:hover{text-decoration-color:currentColor}.btn{height:40px;font:500 13px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color .2s, border-color .2s, color .2s, transform .2s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:15px;height:15px}.btn .apple-logo{width:1.05em;height:1.05em;margin-top:-.12em}.was{color:var(--muted);text-decoration-thickness:1px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--btn-bg);color:var(--btn-ink)}.btn-primary:hover{background:var(--btn-hover)}.btn-secondary{color:var(--ink);border-color:var(--line);background:0 0}.btn-secondary:hover{background:var(--fill-strong)}.btn-text{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;background:0 0;padding:0 8px}.btn-text:hover{text-decoration-color:currentColor}.btn-sm{height:32px;padding:0 14px;font-size:13px}.btn-lg{height:44px;padding:0 22px;font-size:14px}@media (width<=640px){h1{font-size:36px}h2{font-size:28px}h3{font-size:20px}.container{padding:0 20px}.section{padding:64px 0}.section-head{margin-bottom:36px}.section-head p:not(.eyebrow){font-size:15px}}.logo{letter-spacing:-.02em;align-items:center;gap:9px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.logo-mark{align-items:stretch;gap:2px;height:16px;display:inline-flex}.logo-mark i{background:var(--ink);opacity:.35;border-radius:1.5px;width:5px}.logo-mark i:nth-child(2){opacity:1;width:8px}.nav-wrap{z-index:50;border-bottom:1px solid #0000;transition:background-color .25s,border-color .25s;position:sticky;top:0}.nav-wrap.is-scrolled{border-bottom-color:var(--line-soft);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px)}.nav{grid-template-columns:1fr auto 1fr;align-items:center;height:56px;display:grid}.nav-links{gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav-links a,.nav-sheet a{color:var(--ink);font-size:13px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--muted)}.nav-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-btn{width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .2s;display:inline-grid}.icon-btn:hover{background:var(--fill-strong)}.icon-btn svg{width:17px;height:17px}.theme-toggle .icon-sun,[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}.nav-burger{display:none}.nav-sheet{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line);background:var(--bg);position:absolute;top:100%;left:0;right:0;box-shadow:0 24px 40px -24px #00000040}.nav-sheet[hidden]{display:none}.nav-sheet ul{margin:0;padding-top:8px;padding-bottom:20px;list-style:none}.nav-sheet li+li{border-top:1px solid var(--line-soft)}.nav-sheet a{letter-spacing:-.01em;padding:14px 0;font-size:17px;display:block}@media (width<=860px){.nav{grid-template-columns:1fr auto}.nav-links{display:none}.nav-burger{display:inline-grid}}@media (width>=861px){.nav-sheet{display:none}}.hero{isolation:isolate;padding:36px 0 80px;position:relative}.hero-inner{position:relative}.hero-pill{border:1px solid var(--line);background:color-mix(in srgb, var(--raised) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 12px 0 4px;font-size:13px;text-decoration:none;transition:background-color .2s;display:inline-flex}.hero-pill:hover{background:var(--raised)}.hero-pill>span:not(.hero-pill-new){white-space:nowrap}@media (width<=480px){.hero-pill{gap:6px;padding:0 12px;font-size:12.5px}.hero-pill-new,.hero-pill-tail{display:none}}.hero-pill svg{width:13px;height:13px;color:var(--muted)}.hero-pill-new{background:var(--ink);color:var(--bg);font:500 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px}.hero-headline{max-width:520px;margin-top:22px;display:grid}.hero-line{letter-spacing:-.04em;text-wrap:balance;grid-area:1/1;align-self:end;margin:0;font-size:48px;font-weight:500;line-height:1.02}.hero-line em{font-style:normal}.hero-line:not(.is-active):not(.is-out){visibility:hidden}.hero-line.is-out{pointer-events:none}@media (width<=640px){.hero-line{font-size:36px}}@media (prefers-reduced-motion:reduce){.hero-line-alt{display:none}}.hero-sub{max-width:600px;color:var(--ink-86);margin-top:16px;font-size:15px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-price{color:var(--muted);margin-top:14px;font-size:13px}.hero-price b{color:var(--ink);font-weight:500}.hero-price .was{margin-left:2px}.hero-meta{color:var(--muted);text-wrap:balance;margin-top:4px;font-size:13px}.hero-stage{--mb-max:960px;margin-top:26px}@media (width<=640px){.hero{padding-top:28px;padding-bottom:64px}.hero-sub{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{height:44px}.hero-actions .btn-text{border-color:var(--line);order:1;text-decoration:none}.hero-actions .btn-secondary{order:2}.hero-stage{margin-top:32px}}.ascii-hero-backdrop{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;height:900px;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.ascii-hero-landscape{aspect-ratio:16/9;opacity:.9;width:max(100%,1200px);position:absolute;top:-150px;right:0;-webkit-mask-image:linear-gradient(#000 50%,#000c 65%,#00000059 82%,#0000);mask-image:linear-gradient(#000 50%,#000c 65%,#00000059 82%,#0000)}[data-theme=dark] .ascii-hero-landscape{opacity:.75}.ascii-hero-landscape img{width:100%;height:100%;position:absolute;inset:0}.ascii-hero-backdrop:after{content:"";background:linear-gradient(90deg, var(--bg) 0%, var(--bg) 30%, color-mix(in srgb, var(--bg) 80%, transparent) 46%, transparent 82%);position:absolute;inset:0}.ascii-hero-reveal{opacity:0;transition:opacity .65s ease-out}.ascii-hero-reveal[data-ready=true]{opacity:1}@media (width>=1600px){.ascii-hero-landscape{top:-220px}}@media (width<=1023px){.ascii-hero-landscape{width:1050px;top:-90px;right:-100px}.ascii-hero-backdrop:after{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 96%, transparent), color-mix(in srgb, var(--bg) 62%, transparent) 55%, transparent)}}@media (width<=639px){.ascii-hero-landscape{opacity:.95;width:800px;top:-30px;right:-85px}.ascii-hero-backdrop:after{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 85%, transparent), color-mix(in srgb, var(--bg) 30%, transparent) 55%, transparent)}}.macbook{--mb-w:min(100%, var(--mb-max,1100px));--mb-lid:#0b0b0c;--mb-edge:#55555a;--mb-deck-top:#d9d9dc;--mb-deck-bottom:#a9a9ae;--mb-scoop:#b9b9be;width:var(--mb-w);margin:0 auto;position:relative;container-type:inline-size}[data-theme=dark] .macbook{--mb-edge:#36363a;--mb-deck-top:#2a2a2d;--mb-deck-bottom:#121214;--mb-scoop:#0e0e10}.mb-lid{background:var(--mb-lid);width:87cqw;box-shadow:0 0 0 max(1px, .12cqw) var(--mb-edge), inset 0 0 0 max(1px, .08cqw) #222225;border-radius:1.65cqw 1.65cqw .5cqw .5cqw;margin:0 auto;padding:1.35cqw 1.35cqw 1.7cqw;position:relative}.mb-screen{aspect-ratio:16/10;background:#20242a;border-radius:.55cqw;position:relative;overflow:hidden}.mb-notch{z-index:3;background:var(--mb-lid);border-radius:0 0 .75cqw .75cqw;place-items:center;width:9.5cqw;height:1.75cqw;display:grid;position:absolute;top:1.35cqw;left:50%;translate:-50%}.mb-notch i{background:radial-gradient(circle at 35% 35%,#3a4a66,#0a0d14 70%);border-radius:50%;width:.5cqw;height:.5cqw}.mb-glare{z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff17 0%,#ffffff08 28%,#0000 42%);position:absolute;inset:0}.mb-hinge{background:linear-gradient(#1a1a1c,#3a3a3e);border-radius:0 0 .3cqw .3cqw;width:85cqw;height:.5cqw;margin:0 auto}.mb-base{background:linear-gradient(var(--mb-deck-top), var(--mb-deck-bottom));border-radius:.15cqw .15cqw 1.6cqw 1.6cqw/.15cqw .15cqw 1.4cqw 1.4cqw;width:100cqw;height:1.5cqw;position:relative;box-shadow:inset 0 max(1px,.08cqw) #ffffff73}[data-theme=dark] .mb-base{box-shadow:inset 0 max(1px,.08cqw) #ffffff1f}.mb-base:before{content:"";background:linear-gradient(var(--mb-scoop), var(--mb-deck-top));border-radius:0 0 .7cqw .7cqw;width:12cqw;height:.55cqw;position:absolute;top:0;left:50%;translate:-50%}.mb-base:after{content:"";z-index:-1;filter:blur(max(4px,.6cqw));background:radial-gradient(closest-side,#14141361,#0000);border-radius:50%;height:2.6cqw;position:absolute;top:70%;left:3cqw;right:3cqw}.mac-desktop{font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-sans);background:#6e7a86 url(/images/synara/hero-bg-1440.webp) 50%/cover;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.mac-desktop:before{content:"";background:#0a090824;position:absolute;inset:0}[data-theme=dark] .mac-desktop:before{background:#0605046b}.mac-menubar{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);color:#111;white-space:nowrap;background:#f6f4f06b;justify-content:space-between;align-items:center;height:max(12px,2.1cqw);padding:0 1.4cqw;font-size:max(6px,1.08cqw);line-height:1;display:flex;position:absolute;top:0;left:0;right:0}[data-theme=dark] .mac-menubar{color:#f2f2f2;background:#14131273}.mac-menus{align-items:center;gap:1.6cqw;display:flex}.mac-menus b{align-items:center;gap:.5cqw;font-weight:700;display:inline-flex}.mac-menus b img{width:max(8px,1.35cqw);height:max(8px,1.35cqw)}.mac-menu-items{word-spacing:1.2cqw}.mac-status{align-items:center;gap:1.3cqw;display:flex}.mac-tym{align-items:stretch;gap:.18cqw;height:1.05cqw;display:inline-flex}.mac-tym i{opacity:.5;background:currentColor;border-radius:.08cqw;width:.32cqw}.mac-tym i:nth-child(2){opacity:1;width:.55cqw}.mac-tym em{margin-left:.35cqw;font-size:.85cqw;font-style:normal;font-weight:600;line-height:1.05cqw}.mac-battery{opacity:.85;border:max(1px,.09cqw) solid;border-radius:.28cqw;width:2cqw;height:.95cqw;padding:.12cqw;position:relative}.mac-battery:after{content:"";background:currentColor;border-radius:0 .1cqw .1cqw 0;width:.16cqw;height:44%;position:absolute;top:28%;right:-.3cqw}.mac-battery i{background:currentColor;border-radius:.12cqw;width:72%;height:100%;display:block}.strip{--u:100cqw;gap:calc(.016 * var(--u));padding:0 calc(.016 * var(--u));transform:translateX(calc(var(--offset) * -1 * var(--u)));transition:transform .7s cubic-bezier(.34,1.25,.64,1);display:flex;position:absolute;top:calc(max(12px,2.1cqw) + 1.4cqw);bottom:7cqw;left:0}.col{width:calc(var(--w) * var(--u));cursor:pointer;flex:none;transition:width .6s cubic-bezier(.34,1.2,.64,1);display:flex}.strip-controls{justify-content:center;align-items:center;gap:10px;margin:14px auto 0;display:flex}.key-btn{border:1px solid var(--line);width:40px;height:32px;color:var(--ink);font:500 14px/1 var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;place-items:center;transition:background-color .2s,opacity .2s;display:inline-grid}.key-btn:hover:not(:disabled){background:var(--fill-strong)}.key-btn:disabled{opacity:.35;cursor:default}.strip-status{white-space:nowrap;align-items:center;gap:6px;min-width:132px;margin:0 6px;font-size:13px;display:flex}.strip-status b{font-weight:500}.strip-status span{color:var(--muted)}.live-dot{background:#28c840;border-radius:50%;flex:none;width:7px;height:7px;position:relative}.live-dot:after{content:"";border-radius:inherit;background:inherit;position:absolute;inset:0}.demo-badge{width:fit-content;margin:0 0 8px calc((100% - min(100%, var(--mb-max,1100px)) * .87) / 2);border:1px solid var(--line);background:var(--bg);color:var(--muted);font:500 11px/1.4 var(--font-mono);cursor:help;border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 9px;display:flex}.demo-badge-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;position:relative}.demo-badge-dot:after{content:"";border-radius:inherit;background:inherit;position:absolute;inset:0}.strip-demo{border-radius:12px}.strip-demo:focus{outline:none}.strip-demo:focus-visible .mb-lid,.strip-demo.is-driving:focus .mb-lid{outline:2px solid var(--accent);outline-offset:4px}.mac-tour{z-index:4;pointer-events:none;position:absolute;inset:0;container-type:inline-size}.mac-yourturn{z-index:4;color:#fff;white-space:nowrap;pointer-events:none;transition:opacity .45s var(--ease);background:#a43a0ae0;border:max(.5px,.06cqw) solid #ffffff4d;border-radius:999px;align-items:center;gap:max(6px,.8cqw);padding:max(4px,.55cqw) max(10px,1.4cqw) max(4px,.55cqw) max(5px,.6cqw);font-size:max(9px,1.35cqw);font-weight:500;display:flex;position:absolute;bottom:9cqw;left:50%;translate:-50%;box-shadow:0 6px 24px #00000040}.mac-yourturn kbd{min-width:0;height:auto;box-shadow:none;color:inherit;font:inherit;background:#ffffff24;border:1px solid #ffffff73;border-radius:4px;padding:0 .4em;display:inline}.mac-yourturn.is-final{pointer-events:auto;padding-right:max(4px,.55cqw)}.tour-badge{min-width:max(18px,2.4cqw);height:max(16px,2.1cqw);font:500 .85em/1 var(--font-mono);background:#ffffff2e;border-radius:999px;place-items:center;padding:0 .45em;display:inline-grid}.tour-badge.is-done{color:#a43a0a;background:#fff;font-family:inherit;font-weight:700}.mac-yourturn.is-done .tour-text{opacity:.75;text-decoration:line-through;text-decoration-thickness:1px}.tour-next{color:#a43a0a;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:max(3px,.4cqw) max(8px,1cqw);font-weight:600}.tour-next:hover{background:#fbe9e0}.tour-next:focus-visible{outline-offset:2px;outline:2px solid #fff}.demo-autoplay{justify-content:center;align-items:center;gap:14px;margin-top:22px;display:flex}.play-btn{border:1px solid var(--line);background:var(--raised);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;transition:background-color .2s;display:inline-grid}.play-btn:hover{background:var(--fill-strong)}.play-btn svg{width:12px;height:12px}.beat-dots{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.beat-dot{height:32px;color:var(--muted);font:500 11px/1 var(--font-mono);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 9px;transition:color .2s,background-color .2s;display:inline-flex}.beat-dot:hover{background:var(--fill-strong);color:var(--ink)}.beat-dot.is-active{color:var(--ink)}.beat-dot i{background:var(--line);width:6px;height:6px;transition:width .3s var(--ease), background-color .2s;border-radius:999px;position:relative;overflow:hidden}.beat-dot.is-active i{background:color-mix(in srgb, var(--accent) 28%, transparent);width:18px}.beat-dot.is-active i:after{content:"";border-radius:inherit;background:var(--accent);transform-origin:0;position:absolute;inset:0}@media (width<=640px){.demo-autoplay{gap:8px;margin-top:16px}.beat-dots{gap:0}.beat-dot{gap:5px;padding:0 6px;font-size:10.5px}.mac-yourturn{white-space:normal;gap:4px;width:max-content;max-width:90%;padding:3px 8px 3px 3px;font-size:8px;line-height:1.4;bottom:12cqw}.tour-badge{min-width:16px;height:13px}.demo-badge{margin-bottom:10px;font-size:10px}}.strip-hint{color:var(--muted);text-align:center;margin-top:12px;font-size:12px}.strip-hint kbd{border-radius:5px;min-width:20px;height:20px;padding:0 4px;font-size:11px}@media (width<=640px){.mac-menu-items,.mac-clock,.mac-battery{display:none}.mac-tym{height:6px}.mac-tym em{font-size:6px;line-height:6px}.strip-controls{flex-wrap:wrap;gap:8px;margin-top:12px}.strip-status{order:-1;justify-content:center;width:100%;margin:0 0 2px}}.hair-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hair-grid>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}kbd{border:1px solid var(--line-soft);border-bottom-color:var(--line);background:var(--chip);min-width:28px;height:28px;color:var(--ink);font:500 12px/1 var(--font-mono);box-shadow:0 1px 0 var(--line-soft);border-radius:7px;place-items:center;padding:0 7px;display:inline-grid}kbd.sym{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px}.keytable{border-collapse:collapse;width:100%}.keytable caption{color:var(--muted);font:500 11px/1.5 var(--font-mono);letter-spacing:.12em;text-align:left;text-transform:uppercase;padding:22px 24px 6px}.keytable th,.keytable td{border-top:1px solid var(--line-soft);padding:14px 24px}.keytable tr:first-child th,.keytable tr:first-child td{border-top:0}.keytable tr:last-child th,.keytable tr:last-child td{padding-bottom:22px}.keytable th{text-align:left;font-size:14px;font-weight:400}.keytable td{text-align:right;white-space:nowrap}.keytable kbd{margin-left:4px}.keytable .to{color:var(--muted);margin:0 2px 0 6px}.compare-wrap{border-top:1px solid var(--line);-webkit-overflow-scrolling:touch;overflow-x:auto}.compare{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:16px 20px}.compare thead th{color:var(--muted);font:500 11px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding-top:18px;padding-bottom:18px}.compare tbody th{width:22%;color:var(--muted);font-weight:400}.compare td{color:var(--muted-2)}.compare .is-us{background:var(--raised);color:var(--ink)}.compare thead .is-us{box-shadow:inset 0 2px 0 var(--accent);color:var(--accent)}.yes,.no{gap:8px;display:inline-flex}.yes{color:var(--ink)}.mark{width:12px;font-family:var(--font-mono)}.yes .mark{color:var(--accent)}.no .mark{color:var(--muted)}.compare-swipe{display:none}.compare-note{color:var(--muted);margin-top:16px;font-size:12px}.compare-cta{border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding:20px 24px;font-size:15px;display:flex}.compare-cta strong{font-weight:500}.compare-cta p{color:var(--muted-2)}.link-arrow{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.link-arrow svg{width:14px;height:14px;transition:translate .2s var(--ease)}.link-arrow:hover svg{translate:3px}@media (width<=760px){.keytable caption{padding:18px 18px 4px}.keytable th,.keytable td{text-align:left;padding:0 18px;display:block}.keytable th{border-top:1px solid var(--line-soft);padding-top:14px}.keytable td{border-top:0;padding-top:8px;padding-bottom:14px}.keytable tr:first-child th{padding-top:12px}.keytable tr:last-child th{padding-bottom:0}.keytable tr:last-child td{padding-bottom:18px}.keytable kbd{margin:0 4px 0 0}.compare-swipe{color:var(--muted);text-align:right;margin:0 0 10px;font-size:12px;display:block}.compare th,.compare td{padding:14px 16px}.compare-cta{flex-direction:column;align-items:flex-start;padding:20px}}.privacy-item{align-items:flex-start;gap:16px;padding:26px 28px;display:flex}.privacy-item h3{letter-spacing:-.01em;margin:6px 0 8px;font-size:16px}.privacy-item p{max-width:440px;color:var(--muted-2);font-size:14px}.icon-tile{border:1px solid var(--line);background:var(--fill);width:36px;height:36px;color:var(--ink);border-radius:11px;flex:none;place-items:center;display:inline-grid}.icon-tile svg{width:18px;height:18px}.privacy-links{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:24px;font-size:13px;display:flex}.quiet-link{color:var(--muted);text-decoration:none;transition:color .2s}.quiet-link:hover{color:var(--ink)}.ask-inner{text-align:center;flex-direction:column;align-items:center;max-width:640px;display:flex}.ask-lead{color:var(--ink-86);margin-top:18px;font-size:15px;line-height:1.7}.ask-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.ask-actions svg{color:var(--muted)}@media (width<=640px){.privacy-item{padding:22px 20px}.ask-actions{flex-direction:column;align-self:stretch}.ask-actions .btn{height:44px}}.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.plan{border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;padding:28px;transition:border-color .2s;display:flex}.plan:hover{border-color:color-mix(in srgb, var(--ink) 22%, transparent)}.plan.is-featured{border-color:color-mix(in srgb, var(--ink) 32%, transparent);background:var(--raised);box-shadow:0 1px 2px #1414130a,0 18px 40px -28px #14141347}.plan-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:22px;display:flex}.plan-name{color:var(--ink);font:500 11px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.sale-badge,.plan-tag{font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 10px}.sale-badge{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.plan-tag{box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}.plan-price{white-space:nowrap;margin-top:26px}.plan-price span{letter-spacing:-.05em;font-size:52px;font-weight:500;line-height:1}.plan-price .was{letter-spacing:-.02em;margin-left:8px;font-size:20px}.plan-per{color:var(--muted);font:400 12px/1.5 var(--font-mono);margin-top:10px}.plan .btn{width:100%;margin-top:28px}.plan .plan-per{flex:1}.included{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;margin-top:48px;padding-top:28px;display:grid}.included-title{letter-spacing:-.015em;font-size:17px}.included-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.included-list li{align-items:center;gap:12px;display:flex}.included-list svg{width:16px;height:16px;color:var(--accent);flex:none}.assure{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:40px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.assure li{align-items:center;gap:10px;padding:18px 20px;display:flex}.assure li+li{border-left:1px solid var(--line)}.assure li:first-child{padding-left:0}.assure svg{width:16px;height:16px;color:var(--muted);flex:none}.assure .is-strong{color:var(--ink);font-weight:500}.assure .is-strong svg{color:var(--accent)}.price-links{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin-top:20px;font-size:13px;display:flex}@media (width<=960px){.assure{grid-template-columns:repeat(2,minmax(0,1fr))}.assure li:nth-child(3){border-left:0;padding-left:0}.assure li:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=860px){.plans{grid-template-columns:minmax(0,1fr);gap:12px}.plan{padding:24px 22px}.plan-price{margin-top:18px}.plan-price span{font-size:46px}.plan .btn{margin-top:22px}.included{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:36px}}@media (width<=560px){.included-list,.assure{grid-template-columns:minmax(0,1fr)}.assure li{padding:14px 0}.assure li+li{border-left:0;border-top:1px solid var(--line)}.price-links{flex-direction:column;gap:10px}}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-size:15px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--muted)}.faq-chevron{width:16px;height:16px;color:var(--muted);transition:rotate .3s var(--ease);flex:none}.faq details[open] .faq-chevron{rotate:180deg}.faq details p{max-width:760px;color:var(--muted-2);padding:0 40px 22px 0;font-size:14px;line-height:1.7}@media (width<=760px){.faq details p{padding-right:0}}.final-cta{padding-top:72px;padding-bottom:96px;overflow:hidden}.marquee{margin-bottom:64px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;display:flex}.marquee-group{color:var(--muted);font:400 13px/1 var(--font-mono);white-space:nowrap;flex:none;gap:40px;margin:0;padding:0 20px;list-style:none;display:flex}.marquee-group li{align-items:center;gap:10px;display:inline-flex}.marquee-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.final-cta-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.final-kicker{color:var(--muted);font:500 11px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.final-cta h2{letter-spacing:-.04em;max-width:640px;margin-top:18px;font-size:48px;line-height:1.04}.final-sub{max-width:520px;color:var(--ink-86);margin-top:20px;font-size:15px;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.final-meta{color:var(--muted);margin-top:18px;font-size:12px}.footer{border-top:1px solid var(--line)}.footer-inner{color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding-top:28px;padding-bottom:32px;font-size:13px;display:flex}.footer-credit{margin-top:4px;font-size:12px}.footer-credit a{color:inherit;text-underline-offset:3px}.footer-links{flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--ink)}@media (width<=640px){.final-cta{padding-top:56px;padding-bottom:72px}.marquee{margin-bottom:48px}.final-cta h2{font-size:34px}.cta-actions{flex-direction:column;align-self:stretch}.cta-actions .btn{height:44px}.footer-inner{flex-direction:column;align-items:flex-start}}.mac-hud{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:1cqw;display:flex;position:absolute;bottom:9cqw;left:50%;translate:-50%}.mac-caption{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;white-space:nowrap;background:#1414139e;border:max(.5px,.06cqw) solid #ffffff40;border-radius:999px;padding:max(4px,.6cqw) max(8px,1.2cqw);font-size:max(8px,1.25cqw);font-weight:500}@media (width<=640px){.mac-caption{text-align:center;white-space:normal;padding:2px 8px;font-size:7px;line-height:1.45}}.mac-keys{gap:.7cqw;display:flex}.mac-key{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#141413b3;border:max(.5px,.06cqw) solid #ffffff4d;border-radius:max(5px,.8cqw);place-items:center;min-width:max(26px,4.4cqw);padding:max(3px,.5cqw) max(4px,.7cqw);line-height:1.1;display:grid;box-shadow:0 .3cqw #00000059}.mac-key b{font-size:max(11px,2cqw);font-weight:500}.mac-key small{color:#ffffffb3;font-size:max(6px,.85cqw)}.mac-pad{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14141399;border:max(.5px,.06cqw) solid #ffffff59;border-radius:max(5px,.8cqw);justify-content:center;align-items:center;gap:.9cqw;width:max(54px,9cqw);height:max(34px,5.6cqw);display:flex}.mac-pad i{background:#ffffffd9;border-radius:50%;width:max(6px,1cqw);height:max(6px,1cqw)}[data-reveal]{--reveal-x:0px;--reveal-y:18px;--reveal-filter:none}[data-reveal=blur]{--reveal-y:10px;--reveal-filter:blur(6px)}[data-reveal=left]{--reveal-x:-28px;--reveal-y:0px}[data-reveal=right]{--reveal-x:28px;--reveal-y:0px}@keyframes reveal{0%{opacity:0;transform:translate(var(--reveal-x), var(--reveal-y));filter:var(--reveal-filter)}}@media (prefers-reduced-motion:no-preference){.js [data-reveal]:not([data-revealed]){opacity:0}[data-reveal][data-revealed]{animation:reveal .85s var(--d,0s) var(--ease) backwards}}@keyframes hero-word{0%{opacity:0;filter:blur(8px);transform:translateY(.45em)}to{opacity:1;filter:none;transform:none}}@keyframes headline-out{to{opacity:0;filter:blur(8px);transform:translateY(-.3em)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.hero-line .word{display:inline-block}.hero-line.is-active .word{animation:hero-word .9s var(--word-delay,0s) var(--ease) both}.hero-line.is-out{animation:headline-out .5s var(--ease) forwards}.hero-pill{animation:rise-in .9s var(--ease) both}.hero-sub{animation:rise-in .9s .7s var(--ease) both}.hero-actions{animation:rise-in .9s .8s var(--ease) both}.hero-meta{animation:rise-in .9s .9s var(--ease) both}}@media (prefers-reduced-motion:reduce){.ascii-hero-reveal{transition:none}}@keyframes col-open{0%{opacity:0;width:0}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes caret{50%{opacity:0}}@keyframes tour-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.18)}to{transform:none}}@keyframes beat-fill{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:no-preference){.hero-mock{animation:hero-rise 1.1s .3s var(--ease) both}.col.is-new{animation:col-open .6s var(--ease) both}.mac-yourturn{animation:rise-in .45s var(--ease) both}.mac-yourturn.is-done,.mac-yourturn.is-final{animation:none}.tour-badge.is-done{animation:.5s cubic-bezier(.34,1.56,.64,1) both tour-pop}.strip-demo[data-playing=true] .beat-dot.is-active i:after{animation:beat-fill var(--ms) linear both}.live-dot:after,.ping:after,.demo-badge-dot:after{animation:1.6s cubic-bezier(0,0,.2,1) infinite ping}.caret{animation:1.1s step-end infinite caret}}@media (prefers-reduced-motion:reduce){.strip,.col,.win,.key-btn{transition:none}}@media (prefers-reduced-motion:no-preference){.faq details::details-content{block-size:0;transition:block-size .35s var(--ease), content-visibility .35s allow-discrete;overflow:hidden}.faq details[open]::details-content{block-size:auto}.faq details[open] p{animation:rise-in .45s var(--ease) both}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference){.marquee-track{animation:45s linear infinite marquee}.marquee:hover .marquee-track{animation-play-state:paused}}@keyframes swipe-fingers{0%{opacity:0;transform:translate(1.6cqw)}20%,70%{opacity:1}to{opacity:0;transform:translate(-1.6cqw)}}@media (prefers-reduced-motion:no-preference){.mac-hud{animation:rise-in .45s var(--ease) both}.mac-pad i{animation:1s ease-in-out infinite swipe-fingers}}.purchase-banner{border-bottom:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent) 9%, var(--bg));color:var(--ink);font-size:14px;line-height:1.55}.purchase-banner-inner{justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;display:flex}.purchase-banner p{margin:0}.purchase-banner b{font-weight:600}.purchase-banner .icon-btn{flex:none}.updates-head{max-width:720px;padding:56px 0 48px}.updates-lead{color:var(--ink-86);margin-top:16px;font-size:17px;line-height:1.6}.update-banner{border:1px solid var(--line);border-radius:var(--r-md);background:var(--raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin-top:32px;padding:14px 16px 14px 18px;font-size:15px;line-height:1.5;display:flex}.update-banner p{align-items:flex-start;gap:10px;display:flex}.update-banner b{font-weight:600}.update-banner-check{width:18px;height:18px;color:var(--accent);flex:none;margin-top:2px}.update-banner-thanks,.update-banner-quiet{color:var(--muted)}.update-banner.is-behind{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.updates-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:64px;padding-bottom:96px;display:grid}.releases{margin:0;padding:0;list-style:none}.release{border-top:1px solid var(--line);transition:background-color .3s}.release:last-child{border-bottom:1px solid var(--line)}.release article{grid-template-columns:168px minmax(0,1fr);gap:24px;padding:36px 0 40px;display:grid}.release.is-new{border-top-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent) 6%, transparent);margin-inline:-20px;padding-inline:20px}.release-meta{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.release-version{color:var(--ink);font:500 15px/1.4 var(--font-mono);letter-spacing:-.01em;text-decoration:none}.release-version:hover{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.release-meta time{color:var(--muted);font-size:13px}.release-pill{box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin-top:6px;padding:5px 10px}.release-pill.is-new{box-shadow:none;background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.release-body h2{letter-spacing:-.03em;font-size:26px}.release-group{margin-top:24px}.release-group h3{color:var(--muted);font:500 11px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.release-group ul{gap:8px;margin:0;padding:0;font-size:15px;line-height:1.55;list-style:none;display:grid}.release-group li{color:var(--ink-86);padding-left:18px;position:relative}.release-group li:before{content:"";background:var(--muted);width:6px;height:1px;position:absolute;top:.68em;left:2px}.release-download{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:28px;display:flex}.release-download span{color:var(--muted);font:400 12px/1.5 var(--font-mono)}.updates-aside{justify-items:start;gap:18px;display:grid;position:sticky;top:96px}.howto{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);width:100%;padding:26px 26px 24px}.howto h2{letter-spacing:-.02em;font-size:20px}.howto-intro{color:var(--muted);margin-top:8px;font-size:14px}.howto-steps{counter-reset:step;gap:14px;margin:18px 0 0;padding:0;font-size:14px;line-height:1.55;list-style:none;display:grid}.howto-steps li{counter-increment:step;padding-left:36px;position:relative}.howto-steps li:before{content:counter(step);border:1px solid var(--line);width:24px;height:24px;color:var(--muted);font:500 11px/1 var(--font-mono);border-radius:999px;place-items:center;display:grid;position:absolute;top:-1px;left:0}.howto-steps b{font-weight:600}.howto-why{border-top:1px solid var(--line-soft);color:var(--muted);margin-top:16px;padding-top:16px;font-size:13px;line-height:1.6}.howto-license{align-items:center;gap:10px;margin-top:14px;font-size:14px;font-weight:500;display:flex}.howto-license svg{width:16px;height:16px;color:var(--accent);flex:none}.updates-all{font-size:14px}@media (width<=960px){.updates-layout{grid-template-columns:minmax(0,1fr);gap:48px;padding-bottom:72px}.updates-aside{position:static}}@media (width<=640px){.updates-head{padding:36px 0}.updates-lead{font-size:16px}.update-banner .btn{width:100%;height:44px}.release article{grid-template-columns:minmax(0,1fr);gap:14px;padding:28px 0 32px}.release-meta{flex-flow:wrap;align-items:baseline;gap:4px 12px}.release-pill{margin-top:0}.release-body h2{font-size:22px}.howto{padding:22px 20px 20px}}@media (prefers-reduced-motion:reduce){.release{transition:none}}@media (hover:none) and (pointer:coarse),(width<=899px){*,:before,:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.mac-dock,.mac-menubar,.mac-caption,.mac-key,.mini-map,.hero-pill{background-color:color-mix(in srgb, var(--bg,#f5f4f2) 88%, transparent)}[data-theme=dark] .mac-dock,[data-theme=dark] .mac-menubar,[data-theme=dark] .mac-caption,[data-theme=dark] .mac-key,[data-theme=dark] .mini-map{background-color:#1e1d1be0}.win,.mini-win{filter:none!important}}