.dock-scene-controls{background:#18181ce0;border-radius:20px;flex-direction:column;width:236px;padding:14px;display:flex;position:absolute;top:calc(50% - 16px);left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #ffffff17,0 30px 60px -24px #000000b3}.dock-scene-controls button{font:inherit;color:inherit;cursor:pointer;border:0}.dock-scene-controls button:disabled{cursor:default}.dock-scene-controls-title{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.dock-scene-controls-title svg{color:var(--scene-color)}.dock-scene-controls-label{color:#ffffff73;margin:0 0 6px 2px;font-size:11px}.dock-scene-grid{background:#ffffff0a;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:14px;padding:5px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.dock-scene-grid button{background:#ffffff12;border-radius:5px;height:22px;transition:background-color .16s}.dock-scene-grid button:not(:disabled):hover{background:#ffffff24}.dock-scene-grid button:disabled{background:0 0}.dock-scene-grid button[data-active]{background:var(--scene-color);box-shadow:0 0 12px color-mix(in srgb, var(--scene-color) 60%, transparent)}.dock-scene-segments{background:#ffffff0f;border-radius:9px;gap:2px;margin-bottom:12px;padding:3px;display:flex}.dock-scene-segments button{color:#fff9;background:0 0;border-radius:6px;flex:1;height:22px;font-size:11px;font-weight:500;transition:background-color .16s,color .16s}.dock-scene-segments button:disabled{opacity:.3}.dock-scene-segments button[data-active]{color:#fff;background:#ffffff29;box-shadow:0 1px 2px #0000004d}.dock-scene-toggle{background:0 0;justify-content:space-between;align-items:center;padding:2px 2px 0;font-size:12px;display:flex}.dock-scene-switch{background:#ffffff29;border-radius:8px;width:28px;height:16px;transition:background-color .2s;position:relative}.dock-scene-switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:translate .2s cubic-bezier(.22,.61,.36,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0006}.dock-scene-toggle[data-on] .dock-scene-switch{background:var(--scene-color)}.dock-scene-toggle[data-on] .dock-scene-switch:after{translate:12px}.dock-scene-dock{--edge:16px;--tx:-50%;--ty:-100%;left:50%;top:calc(100% - var(--dock-h) - 12px);z-index:4;padding:var(--pad);translate:var(--tx) var(--ty);background:#28282ecc;border-radius:20px;align-items:flex-start;gap:8px;transition:left .56s cubic-bezier(.25,1,.4,1),top .56s cubic-bezier(.25,1,.4,1),translate .56s cubic-bezier(.25,1,.4,1),padding .36s cubic-bezier(.25,1,.4,1),opacity .18s,scale .18s;animation:.36s cubic-bezier(.22,.61,.36,1) both dock-scene-in;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1a,0 20px 40px -12px #0009}.dock-scene-dock[data-vertical]{flex-direction:column;align-items:center}.dock-scene-dock[data-h=left]{left:var(--edge);--tx:0}.dock-scene-dock[data-h=right]{left:calc(100% - var(--edge));--tx:-100%}.dock-scene-dock[data-v=top]{top:calc(var(--menu-h) + 14px);--ty:0}.dock-scene-dock[data-v=center]{top:calc((100% + var(--menu-h) - var(--dock-h)) / 2);--ty:-50%}.dock-scene-dock[data-turning]{opacity:0;scale:.94}.dock-scene-item{width:var(--icon);font:inherit;color:#fff9;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;transition:width .36s cubic-bezier(.25,1,.4,1);display:flex}.dock-scene-item:hover{color:#fff}.dock-scene-item[data-bouncing] .dock-scene-icon{animation:.9s cubic-bezier(.3,0,.3,1) dock-scene-bounce}.dock-scene-icon{width:var(--icon);height:var(--icon);place-items:center;transition:width .36s cubic-bezier(.25,1,.4,1),height .36s cubic-bezier(.25,1,.4,1),scale .22s cubic-bezier(.34,1.56,.64,1);display:grid}.dock-scene-icon img{object-fit:contain;width:100%;height:100%}.dock-scene-item:hover .dock-scene-icon{scale:1.06}.dock-scene-label{max-width:calc(var(--icon) + 8px);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:500;line-height:11px;overflow:hidden}.dock-scene-clock{width:calc(var(--icon) * 2 + 8px);height:var(--extent);border-radius:calc(var(--icon) * .84 * .3);font-variant-numeric:tabular-nums;background:#ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:0;line-height:1.05;transition:width .36s cubic-bezier(.25,1,.4,1),height .36s cubic-bezier(.25,1,.4,1);display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.dock-scene-clock b{font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:calc(var(--extent) * .44);font-weight:600}.dock-scene-clock span{color:#ffffff80;white-space:nowrap;font-size:8.5px;font-weight:500}.dock-scene-clock[data-tall]{gap:2px}.dock-scene-clock[data-tall] b{font-size:calc(var(--extent) * .4)}.dock-scene-clock[data-dense] b{font-size:calc(var(--extent) * .5)}.dock-scene-dock[data-vertical] .dock-scene-clock{width:var(--icon);height:calc(var(--extent) * 2 + 8px)}.dock-scene-dock[data-vertical] .dock-scene-clock b{font-size:calc(var(--icon) * .42)}.dock-scene-dock[data-vertical] .dock-scene-clock span{margin-top:2px}@keyframes dock-scene-in{0%{opacity:0;scale:.94}}@keyframes dock-scene-bounce{0%,50%,to{translate:0}25%{translate:0 -40%}75%{translate:0 -18%}}@media (prefers-reduced-motion:reduce){.dock-scene-dock,.dock-scene-item,.dock-scene-icon,.dock-scene-clock{transition:none;animation:none}.dock-scene-item[data-bouncing] .dock-scene-icon{animation:none}}
.palette-scene-panel{--row-h:42px;top:calc(var(--menu-h) + 58px);background:#18181ce6;border-radius:24px;width:500px;padding:0 8px 8px;position:absolute;left:50%;translate:-50%;box-shadow:0 0 0 1px #ffffff17,0 30px 70px -24px #000000bf}.palette-scene-panel button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.palette-scene-panel ul{margin:0;padding:0;list-style:none}.palette-scene-panel kbd{font-family:inherit}.palette-scene-search{align-items:center;gap:12px;height:56px;padding:0 8px;font-size:16px;display:flex;box-shadow:0 1px #ffffff0f}.palette-scene-slash{background:color-mix(in srgb, var(--scene-color) 26%, transparent);width:26px;height:26px;color:color-mix(in srgb, var(--scene-color) 70%, #fff);border-radius:8px;place-items:center;font-size:15px;font-weight:800;display:grid}.palette-scene-query{white-space:nowrap;flex:1;align-items:center;min-width:0;display:flex}.palette-scene-query:after{content:"";background:var(--scene-color);flex:none;width:1.5px;height:18px;margin-left:1px;animation:1s step-end infinite palette-scene-caret}.palette-scene-query[data-empty]{color:#ffffff59}.palette-scene-query[data-empty]:after{order:-1;margin:0 1px 0 0}.palette-scene-hint{color:#fff6;align-items:center;gap:3px;font-size:11px;display:flex}.palette-scene-hint kbd{text-align:center;background:#ffffff12;border-radius:4px;min-width:18px;padding:1px 4px;font-size:10px}.palette-scene-hint kbd:last-of-type{margin-right:4px}.palette-scene-section{color:#fff6;height:28px;padding:10px 10px 0;font-size:11px;font-weight:600}.palette-scene-results button{width:100%;height:var(--row-h);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:13px;transition:background-color .16s;display:flex}.palette-scene-results button:hover{background:#ffffff0d}.palette-scene-results button[data-selected]{background:#ffffff17}.palette-scene-results img{width:24px;height:24px}.palette-scene-results span{color:#ffffff59;margin-left:auto;font-size:11px}.palette-scene-palette{top:calc(var(--menu-h) + 58px + (var(--row,0) + 1) * var(--row-h) - 8px);z-index:2;width:234px;box-shadow:0 0 0 1px #ffffff17, 0 6px 36px #00000070, 0 0 50px -10px color-mix(in srgb, var(--scene-color) 30%, transparent);transform-origin:100% 0;opacity:0;pointer-events:none;background:#222228db;border-radius:12px;transition:opacity .14s,scale .22s cubic-bezier(.22,.61,.36,1),translate .22s cubic-bezier(.22,.61,.36,1);position:absolute;right:16px;translate:0 -4px;scale:.94}.palette-scene-palette[data-shown]{opacity:1;pointer-events:auto;translate:0;scale:1}.palette-scene-palette ul{flex-direction:column;gap:2px;padding:6px;display:flex}.palette-scene-palette button{text-align:left;border-radius:7px;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;font-size:12px;display:flex}.palette-scene-palette button svg{color:#ffffff8c}.palette-scene-palette button[data-selected]{background:color-mix(in srgb, var(--scene-color) 26%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--scene-color) 30%, transparent)}.palette-scene-palette button[data-selected] svg{color:color-mix(in srgb, var(--scene-color) 60%, #fff)}.palette-scene-palette-header{color:#ffffff8c;align-items:center;gap:7px;padding:10px 12px 8px;font-size:11px;font-weight:600;display:flex;box-shadow:0 1px #ffffff12}.palette-scene-palette-header img{width:16px;height:16px}.palette-scene-palette-header b{color:#fff;font-weight:600}.palette-scene-palette-header kbd{color:#ffffff4d;background:#ffffff0d;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px;font-weight:500}.palette-scene-badge{gap:2px;margin-left:auto;display:flex}.palette-scene-badge kbd{text-align:center;color:#ffffff73;background:#ffffff0f;border-radius:4px;min-width:16px;padding:1px 3px;font-size:10px}.palette-scene-toast{top:calc(var(--menu-h) + 12px);z-index:3;white-space:nowrap;opacity:0;background:#18181cdb;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:12px;font-weight:500;transition:opacity .2s,translate .32s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;left:50%;translate:-50% -8px;box-shadow:0 0 0 1px #ffffff1a,0 12px 30px -10px #000000b3}.palette-scene-toast svg{color:#0a0a0c;background:#30d158;border-radius:50%;width:18px;height:18px;padding:3px}.palette-scene-toast[data-shown]{opacity:1;translate:-50%}@keyframes palette-scene-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.palette-scene-palette,.palette-scene-toast{transition:none}.palette-scene-query:after{animation:none}}
.snap-site{--ink:var(--lightningcss-light,#1d1a16)var(--lightningcss-dark,#ece7df);--ink-2:var(--lightningcss-light,#1d1a16ad)var(--lightningcss-dark,#ece7dfa8);--ink-3:var(--lightningcss-light,#1d1a167a)var(--lightningcss-dark,#ece7df6b);--rule:var(--lightningcss-light,#1d1a1629)var(--lightningcss-dark,#ece7df2e);--accent:var(--lightningcss-light,#b0582f)var(--lightningcss-dark,#e9b393);--paper:var(--lightningcss-light,#f3efe8)var(--lightningcss-dark,#0c0b0a);--fold:.42s cubic-bezier(.3, 1, .5, 1);height:100%;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:-apple-system,system-ui,SF Pro Text,sans-serif;position:relative;overflow:hidden;container:snap-site/size}.snap-site-inner{flex-direction:column;justify-content:space-between;height:100%;padding:clamp(16px,2.4cqw,28px) clamp(20px,3.4cqw,52px) clamp(20px,min(3.4cqw,6cqh),52px);display:flex;position:relative}.snap-site-image{background:linear-gradient(to bottom, var(--lightningcss-light,#f3efe8b8)var(--lightningcss-dark,#0807068c), transparent 24%, transparent 40%,  var(--lightningcss-light,#f3efe8a8)var(--lightningcss-dark,#0807066e) 61%, var(--lightningcss-light,#f3efe8f0)var(--lightningcss-dark,#080706db) 82%), url(/mock/mock-hero.webp) center 60% / cover no-repeat, linear-gradient(to bottom, var(--lightningcss-light,#d6d2cc)var(--lightningcss-dark,#8a8784) 0%, var(--lightningcss-light,#a9a5a0)var(--lightningcss-dark,#4a4846) 40%, var(--lightningcss-light,#d9d4cc)var(--lightningcss-dark,#1c1b1a) 75%, var(--paper) 100%);position:absolute;inset:0}.snap-site-nav{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding-bottom:clamp(11px,1.4cqw,20px);display:flex}.snap-site-mark{aspect-ratio:1;flex:none;width:clamp(20px,2cqw,28px);display:block}.snap-site-mark svg{width:100%;height:100%;display:block}.snap-site-menu{letter-spacing:.005em;white-space:nowrap;color:var(--ink-2);gap:clamp(14px,2.1cqw,32px);font-size:clamp(11.5px,1cqw,14px);font-weight:500;display:flex}.snap-site-menu [data-active]{color:var(--ink)}.snap-site-copy{flex-direction:column;display:flex}.snap-site-copy small{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:clamp(10px,.8cqw,12px);font-weight:600}.snap-site-copy h3{letter-spacing:-.045em;text-wrap:balance;max-width:11em;margin:clamp(10px,1.1cqw,18px) 0 0;font-size:clamp(32px,min(5.6cqw,10.5cqh),86px);font-weight:600;line-height:.98}.snap-site-copy em{color:var(--accent);font-style:normal}.snap-site-copy p{max-width:38ch;max-height:4em;color:var(--ink-2);text-wrap:pretty;transition:max-height var(--fold), margin var(--fold), opacity .26s ease;margin:clamp(12px,1.4cqw,22px) 0 0;font-size:clamp(13px,1.1cqw,16px);line-height:1.5;overflow:hidden}.snap-site-meta{white-space:nowrap;border-top:1px solid var(--rule);max-height:4em;transition:max-height var(--fold), margin var(--fold), padding var(--fold), border-color .26s ease, opacity .26s ease;justify-content:space-between;gap:16px;margin-top:clamp(16px,2cqw,30px);padding-top:clamp(10px,1cqw,15px);font-size:clamp(11.5px,.95cqw,13.5px);font-weight:500;display:flex;overflow:hidden}.snap-site-meta span:first-child{font-variant-numeric:tabular-nums;color:var(--ink-3)}@container snap-site (max-width:640px) or (max-height:460px){.snap-site-copy p{opacity:0;max-height:0;margin-top:0}}@container snap-site (max-height:360px){.snap-site-meta{opacity:0;border-color:#0000;max-height:0;margin-top:0;padding-top:0}}@media (prefers-reduced-motion:reduce){.snap-site-copy p,.snap-site-meta{transition:none}}
.snap-scene{--snap-gutter:14px}.snap-scene-desktop{inset:calc(var(--menu-h) * var(--menu-shown,1) + var(--snap-gutter)) var(--snap-gutter) calc(var(--dock-h) * var(--dock-shown,1) + var(--snap-gutter));transition:inset var(--chrome-duration,.5s) var(--chrome-ease,ease);position:absolute}.snap-scene-window,.snap-scene-ghost{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--w) * 100%);height:calc(var(--h) * 100%);position:absolute}.snap-scene-ghost{background:color-mix(in srgb, var(--scene-color) 12%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--scene-color) 70%, transparent), 0 0 40px -8px color-mix(in srgb, var(--scene-color) 50%, transparent);opacity:0;border-radius:14px;transition:opacity .16s,scale .24s cubic-bezier(.22,.61,.36,1);scale:.98}.snap-scene-ghost[data-shown]{opacity:1;scale:1}.snap-scene-window{--browser-scale:.6;border-radius:calc(24px * var(--browser-scale));transition:left .52s cubic-bezier(.34,1.2,.64,1),top .52s cubic-bezier(.34,1.2,.64,1),width .52s cubic-bezier(.34,1.2,.64,1),height .52s cubic-bezier(.34,1.2,.64,1);box-shadow:0 24px 60px -16px #000000bf}.snap-scene-browser{width:calc(100% / var(--browser-scale));height:calc(100% / var(--browser-scale));transform-origin:0 0;scale:var(--browser-scale)}.snap-scene-browser .browser-window{width:100%;height:100%;box-shadow:0 0 0 1px #ffffff14}.snap-scene-browser .browser-nav{display:none}.snap-scene-bar{--open:.42s cubic-bezier(.25, 1, .4, 1);left:50%;bottom:calc(var(--dock-h) + 10px);z-index:10;background:#141418db;border-radius:15px;align-items:center;gap:2px;padding:5px;display:flex;position:absolute;translate:-50%;box-shadow:0 0 0 1px #ffffff1a,0 20px 40px -12px #000000b3}.snap-scene-pick{background:color-mix(in srgb, var(--scene-color) 18%, transparent);height:30px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--scene-color) 22%, transparent);pointer-events:none;border-radius:10px;transition:opacity .2s,scale .3s cubic-bezier(.22,.61,.36,1);position:absolute;top:5px;left:0}.snap-scene-pick:not([data-shown]){opacity:0;scale:.85}.snap-scene-layout{height:30px;font:inherit;color:#ffffff80;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;padding:0 8px;transition:color .25s,scale .25s cubic-bezier(.22,.61,.36,1);display:flex;position:relative}.snap-scene-layout:hover{color:#ffffffd9}.snap-scene-layout:active{scale:.94}.snap-scene-layout[data-active]{color:color-mix(in srgb, var(--scene-color) 40%, #fff)}.snap-scene-layout-glyph{border-radius:3.5px;flex:none;width:22px;height:15px;position:relative;box-shadow:inset 0 0 0 1.5px}.snap-scene-layout-glyph i{left:calc(3px + var(--x) * (100% - 6px));top:calc(3px + var(--y) * (100% - 6px));width:calc(var(--w) * (100% - 6px));height:calc(var(--h) * (100% - 6px));opacity:.55;background:currentColor;border-radius:1px;transition:opacity .25s;position:absolute}.snap-scene-layout[data-active] :is(.snap-scene-layout-glyph i){opacity:1}.snap-scene-layout-name{white-space:nowrap;text-align:left;width:0;transition:width var(--open);flex:none;font-size:12.5px;font-weight:500;overflow:hidden}.snap-scene-layout-name>span{opacity:0;filter:blur(3px);padding:0 4px 0 8px;transition:opacity .12s,translate .18s,filter .12s;display:inline-block;translate:-6px}.snap-scene-layout[data-active] .snap-scene-layout-name{width:var(--name-w,auto)}.snap-scene-layout[data-active] .snap-scene-layout-name>span{opacity:1;filter:none;transition:opacity .26s 70ms,translate .42s cubic-bezier(.22,1,.36,1) 50ms,filter .26s 70ms;translate:0}@media (prefers-reduced-motion:reduce){.snap-scene-desktop,.snap-scene-window,.snap-scene-ghost,.snap-scene-pick,.snap-scene-layout,.snap-scene-layout-glyph i,.snap-scene-layout-name,.snap-scene-layout-name>span{transition:none}}
.switcher-scene-panel{top:calc(var(--menu-h) + 38px);background:#18181ce0;border-radius:24px;width:380px;margin-left:-190px;padding:10px;animation:.46s cubic-bezier(.22,.61,.36,1) both switcher-scene-panel-in;position:absolute;left:50%;box-shadow:0 0 0 1px #ffffff17,0 30px 60px -20px #000000b3}.switcher-scene-panel-header{align-items:center;gap:10px;padding:4px 6px 12px;font-size:14px;font-weight:600;display:flex}.switcher-scene-panel-at{color:#ffffff80;background:#ffffff0f;border-radius:8px;place-items:center;width:24px;height:24px;margin-left:auto;font-size:13px;display:grid}.switcher-scene-panel-card{background:#ffffff0a;border-radius:16px;flex-direction:column;gap:2px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.switcher-scene-panel-row{border-radius:10px;align-items:center;gap:12px;height:36px;padding:0 10px;display:flex}.switcher-scene-panel-row:first-child{background:color-mix(in srgb, var(--tile-color) 14%, transparent)}.switcher-scene-panel-dot{background:color-mix(in srgb, var(--tile-color) 55%, transparent);border-radius:5px;flex:none;width:14px;height:14px}.switcher-scene-panel-line{background:#ffffff24;border-radius:4px;height:8px}.switcher-scene-overlay{z-index:5;opacity:0;pointer-events:none;background:#121215db;border-radius:24px;width:440px;height:100px;margin:-34px 0 0 -220px;transition:opacity .16s,scale .22s cubic-bezier(.22,.61,.36,1);position:absolute;top:50%;left:50%;overflow:hidden;scale:.96;box-shadow:0 0 0 1px #ffffff1a,0 30px 70px -20px #000c}.switcher-scene-overlay[data-shown]{opacity:1;pointer-events:auto;scale:1}.switcher-scene-row{align-items:center;gap:14px;height:100%;padding:0 16px;transition:translate .42s cubic-bezier(.25,1,.4,1);display:flex}.switcher-scene-item{width:44px;height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;align-items:center;gap:12px;padding:0;transition:width .42s cubic-bezier(.25,1,.4,1),height .42s cubic-bezier(.25,1,.4,1),padding .42s cubic-bezier(.25,1,.4,1),border-radius .42s cubic-bezier(.25,1,.4,1),background-color .2s;display:flex;position:relative}.switcher-scene-item[data-selected]{background:linear-gradient(to right, color-mix(in srgb, var(--tile-color) 32%, transparent), color-mix(in srgb, var(--tile-color) 8%, transparent));border-radius:22px;width:260px;height:68px;padding:0 16px 0 12px}.switcher-scene-item[data-selected]:before{content:"";border-radius:inherit;background:color-mix(in srgb, var(--tile-color) 35%, transparent);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.switcher-scene-item-text{white-space:nowrap;opacity:0;flex-direction:column;gap:2px;min-width:0;transition:opacity .12s,translate .12s;display:flex;translate:-6px}.switcher-scene-item-text b{font-size:14px;font-weight:600}.switcher-scene-item-text span{color:#ffffff80;font-size:11px}.switcher-scene-item[data-selected] .switcher-scene-item-text{opacity:1;transition:opacity .24s .12s,translate .32s cubic-bezier(.22,.61,.36,1) .12s;translate:0}.switcher-scene-item-open{background:#30d158d9;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-9px;left:20px}.switcher-scene-item[data-selected] .switcher-scene-item-open{width:6px;height:6px;bottom:calc(50% - 3px);left:auto;right:16px}.switcher-scene-keys{all:unset;cursor:pointer}.switcher-scene-keys .system-keys kbd:last-child{min-width:64px}.switcher-scene-keys:hover .system-keys{box-shadow:0 0 0 1px color-mix(in srgb, var(--scene-color) 50%, transparent)}@keyframes switcher-scene-panel-in{0%{opacity:0;filter:blur(4px);translate:0 10px;scale:.94}}@media (prefers-reduced-motion:reduce){.switcher-scene-panel{animation:none}.switcher-scene-row,.switcher-scene-item,.switcher-scene-item-text{transition:none}}
.mac-system-stage{--slide-w:min(980px, calc(100vw - 220px), max(560px, calc((100svh - 360px) * 16 / 10)));--gap:32px;touch-action:pan-y;width:100vw;margin-inline:calc(50% - 50vw);padding-block:40px 64px;display:grid;overflow-x:clip}.mac-system-slide{z-index:1;width:var(--slide-w);min-width:0;translate:calc(var(--offset) * (var(--slide-w) + var(--gap))) 0;will-change:translate, scale, opacity;grid-area:1/1;place-self:center;transition:translate .72s cubic-bezier(.22,.61,.36,1),scale .72s cubic-bezier(.22,.61,.36,1),opacity .48s,visibility .48s}.mac-system-slide[data-active]{z-index:2}.mac-system-slide:not([data-active]){opacity:.18;cursor:pointer;scale:.92}.mac-system-slide:not([data-active]):hover{opacity:.32}.mac-system-slide:not([data-active]) .system-wallpaper{animation-play-state:paused}.mac-system-slide:is([data-offset="-2"],[data-offset="2"]){opacity:0;visibility:hidden}.mac-system-card{--inset:14px;--radius:calc(26px + var(--inset));padding:var(--inset);border-radius:var(--radius);background:linear-gradient(to top, color-mix(in srgb, var(--color-bg-raised) 20%, transparent), color-mix(in srgb, var(--color-bg-raised) 10%, transparent) 85%);flex-direction:column;display:flex;position:relative}.mac-system-card>:not(.glow){z-index:1;position:relative}.mac-system-card:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-text-3) 10%, transparent), color-mix(in srgb, var(--color-text-3) 8%, transparent) 90%, transparent);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mac-system-card:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--scene-color) 55%, transparent), transparent);filter:blur(40px);opacity:0;will-change:opacity;transition:opacity .6s;position:absolute;inset:-10%}.mac-system-slide[data-active] .mac-system-card:after{opacity:.35}.mac-system-card .glow{z-index:1;border-radius:var(--radius);opacity:0;will-change:opacity;transition:opacity .6s;inset:0;scale:1 -1}.mac-system-slide[data-active] .mac-system-card .glow{opacity:.6}.mac-system-card .glow:after{border-radius:var(--radius);offset-path:rect(0 100% 100% 0 round var(--radius));offset-distance:2%;background:linear-gradient(90deg, var(--scene-color) 20%, #0000);opacity:.3;width:160%;height:115%}.mac-system-card-header{justify-content:space-between;align-items:center;gap:24px;padding:10px 28px 20px 18px;display:flex}.mac-system-card-name{flex:none;align-items:center;gap:10px;display:flex}.mac-system-card-title{letter-spacing:-.01em;color:var(--color-text-1);font-size:20px;font-weight:600}.mac-system-card-tagline{text-align:right;min-width:0;color:color-mix(in srgb, var(--scene-color) 55%, var(--color-text-2));text-wrap:balance;font-size:14px;font-weight:500}@media (prefers-reduced-motion:reduce){.mac-system-slide{transition:none}}@media (max-width:860px){.mac-system-stage{--slide-w:calc(100vw - 96px);--gap:20px}.mac-system-card-header{gap:12px;padding:8px 6px 18px}.mac-system-card-tagline{font-size:13px}}@media (max-width:720px){.mac-system-stage{--slide-w:calc(100vw - 56px);--gap:12px;padding-block:28px 44px}.mac-system-card{--inset:8px}}
.mac-system-header{z-index:1;text-align:center;--reveal-ease:cubic-bezier(.22, 1, .36, 1);--reveal-step:90ms;flex-direction:column;align-items:center;max-width:46ch;margin:0 auto;display:flex;position:relative}.mac-system-header h2{letter-spacing:-.015em;color:var(--color-text-1);text-wrap:pretty;font-size:22px;font-weight:600;line-height:1.2}.mac-system-header p{color:var(--color-text-2);font-size:15px;line-height:1.5}.mac-system-word{white-space:pre;transition:opacity .52s var(--reveal-ease), translate .72s var(--reveal-ease), filter .62s var(--reveal-ease);transition-delay:calc(var(--i) * var(--reveal-step));display:inline-block}.mac-system-header p{transition:opacity .6s var(--reveal-ease), translate .76s var(--reveal-ease), filter .6s var(--reveal-ease);transition-delay:calc(var(--words) * var(--reveal-step) + 80ms)}@media (scripting:enabled){.mac-system-header:not([data-seen]) .mac-system-word{opacity:0;filter:blur(8px);transition:none;translate:0 .45em}.mac-system-header:not([data-seen]) p{opacity:0;filter:blur(4px);transition:none;translate:0 6px}}@media (prefers-reduced-motion:reduce){.mac-system-header:not([data-seen]) .mac-system-word,.mac-system-header:not([data-seen]) p{filter:none;translate:none}.mac-system-word,.mac-system-header p{transition:opacity .3s}}
.mac-system{width:100%;max-width:var(--page-max-width);margin:var(--section-gap) auto 0}.mac-system-pin{flex-direction:column;justify-content:center;display:flex}.mac-system[data-mode=scroll]{--scroll-step:70svh;--screen:calc(100svh - var(--header-height));height:calc(var(--screen) + (var(--count) - 1) * var(--scroll-step))}.mac-system[data-mode=scroll] .mac-system-pin{top:var(--header-height);min-height:var(--screen);position:sticky}@media (max-width:720px){.mac-system{padding:0}.mac-system[data-mode=scroll]{--scroll-step:55svh}}