*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}img,svg{max-width:100%}a{color:var(--accent);text-underline-offset:2px}h1,h2,h3{letter-spacing:-.022em;margin:0;font-weight:640;line-height:1.15}p{margin:0}code,kbd{font-family:var(--font-mono);font-size:.875em}kbd{border:1px solid var(--hairline);background:var(--ground-sunk);min-width:1.5em;color:var(--ink);text-align:center;white-space:nowrap;border-block-end-width:2px;border-radius:5px;padding:.1em .42em;font-size:.8em;line-height:1.5;display:inline-block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:min(100% - 2.5rem, var(--measure));margin-inline:auto}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{z-index:100;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lift);padding:.6rem 1rem;inset-block-start:1rem;inset-inline-start:1rem}.masthead{z-index:50;background:color-mix(in srgb, var(--ground) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-block-end:1px solid #0000;transition:border-color .2s;position:sticky;inset-block-start:0}.masthead[data-stuck=true]{border-block-end-color:var(--hairline)}.masthead__inner{align-items:center;gap:1rem;block-size:4rem;display:flex}.brand{color:var(--ink);letter-spacing:-.014em;align-items:center;gap:.55rem;font-size:1.0625rem;font-weight:640;text-decoration:none;display:inline-flex}.brand img{border-radius:7px;block-size:28px;inline-size:28px}.masthead nav{align-items:center;gap:.35rem;margin-inline-start:auto;display:flex}.masthead nav a{border-radius:var(--radius-sm);color:var(--ink-soft);padding:.4rem .7rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.masthead nav a:hover{color:var(--ink);background:var(--ground-sunk)}.masthead nav a.is-cta{background:var(--accent);color:var(--accent-ink);margin-inline-start:.35rem;padding-inline:.95rem;font-weight:560}.masthead nav a.is-cta:hover{filter:brightness(1.07)}.theme-toggle{border:1px solid var(--hairline);border-radius:var(--radius-sm);block-size:34px;inline-size:34px;color:var(--ink-soft);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--ground-sunk)}.theme-toggle .sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:block}:root:not([data-theme=light]) .theme-toggle .moon{display:none}}:root[data-theme=dark] .theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .moon{display:none}.hero{padding-block:clamp(3.5rem,8vw,6rem) 0;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse 50% 60% at 50% 50%, color-mix(in srgb, var(--brand-500) 22%, transparent), transparent 70%);pointer-events:none;block-size:70%;position:absolute;inset-block-start:-35%;inset-inline:-10%}.hero__inner{text-align:center;max-inline-size:46rem;margin-inline:auto;position:relative}.eyebrow{border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.5rem;margin-block-end:1.25rem;padding:.3rem .8rem .3rem .4rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.eyebrow b{background:color-mix(in srgb, var(--brand-500) 22%, transparent);color:var(--ink);border-radius:999px;padding:.05rem .5rem;font-weight:620}h1{letter-spacing:-.033em;font-size:clamp(2.35rem,6.2vw,4rem)}h1 .grad{background:linear-gradient(100deg, var(--brand-600), var(--brand-900) 85%);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) h1 .grad{background:linear-gradient(100deg, var(--brand-500), #9ee6fb 85%);color:#0000;-webkit-background-clip:text;background-clip:text}}:root[data-theme=dark] h1 .grad{background:linear-gradient(100deg, var(--brand-500), #9ee6fb 85%);color:#0000;-webkit-background-clip:text;background-clip:text}.lede{color:var(--ink-soft);margin-block:1.25rem 0;font-size:clamp(1.0625rem,2.1vw,1.1875rem);line-height:1.65}.cta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-start:2rem;display:flex}.btn{border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.35rem;font-size:.9688rem;font-weight:560;text-decoration:none;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-card)}.btn--primary:hover{filter:brightness(1.07)}.btn--ghost{border-color:var(--hairline);background:var(--surface);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink-faint);background:var(--ground-sunk)}.hero__note{color:var(--ink-faint);margin-block-start:1.15rem;font-size:.875rem}.mock{margin-block-start:clamp(2.5rem,6vw,4rem)}.mock__frame{border:1px solid var(--hairline);background:var(--surface);max-inline-size:62rem;box-shadow:var(--shadow-lift);border-radius:20px;margin-inline:auto;padding:8px;position:relative}.mock__screen{aspect-ratio:16/10;background:linear-gradient(160deg,#2ba7d8,#16608f 58%,#0d3a63);border-radius:13px;font-size:10px;position:relative;overflow:hidden;container-type:inline-size}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mock__screen{background:linear-gradient(160deg,#0d5b8c,#0a2c4e 55%,#071c33)}}:root[data-theme=dark] .mock__screen{background:linear-gradient(160deg,#0d5b8c,#0a2c4e 55%,#071c33)}.mock__menubar{z-index:3;backdrop-filter:blur(10px);background:#ffffff24;align-items:center;gap:1.1cqw;block-size:3.2cqw;padding-inline:1.2cqw;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.mock__mb-mark{background:#ffffffd9;border-radius:2px;block-size:1.2cqw;inline-size:1cqw}.mock__mb-item{background:#ffffff80;border-radius:2px;block-size:.7cqw;inline-size:2.6cqw}.mock__mb-item--bold{background:#ffffffd9;inline-size:3.4cqw}.mock__mb-item--sm{inline-size:1.4cqw}.mock__mb-spacer{flex:1}.mock__mb-clock{background:#fffc;border-radius:2px;block-size:.75cqw;inline-size:4.2cqw}.mock__stage{place-items:center;display:grid;position:absolute;inset:3.2cqw 0 0}.mock__window{background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:1cqw;inline-size:46cqw;overflow:hidden;transform:translateY(-1cqw);box-shadow:0 2cqw 5cqw -1.5cqw #0000008c}.mock__titlebar{border-block-end:1px solid var(--hairline-soft);background:var(--ground-sunk);align-items:center;gap:.55cqw;block-size:2.4cqw;padding-inline:1cqw;display:flex}.mock__light{border-radius:50%;block-size:.85cqw;inline-size:.85cqw}.mock__light--r{background:#ff5f57}.mock__light--y{background:#febc2e}.mock__light--g{background:#28c840}.mock__body{flex-direction:column;gap:1cqw;padding:1.8cqw;display:flex}.mock__line{inline-size:var(--w);background:var(--hairline);border-radius:999px;block-size:.85cqw}.bar{z-index:4;-webkit-backdrop-filter:blur(18px)saturate(160%);color:#fff;--icon:4.4cqw;background:#12202e8c;align-items:center;gap:.55cqw;padding:.6cqw;transition:inset .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1),padding .38s,gap .38s,border-radius .38s;display:flex;position:absolute;box-shadow:0 .4cqw 2cqw #00000059}.bar__launcher{inline-size:var(--icon);block-size:var(--icon);background:linear-gradient(150deg, var(--brand-500), var(--brand-900));color:#fff;cursor:default;border:0;border-radius:22%;place-items:center;padding:0;transition:inline-size .38s,block-size .38s;display:grid}.bar__launcher svg{block-size:55%;inline-size:55%}.bar__sep{inline-size:1px;block-size:calc(var(--icon) * .72);background:#ffffff47}.bar__grow{display:none}.bar__clock{flex-direction:column;align-items:center;padding-inline:.8cqw;line-height:1.15;display:none}.bar__clock b{font-variant-numeric:tabular-nums;font-size:1.5cqw;font-weight:600}.bar__clock em{opacity:.72;font-size:1.05cqw;font-style:normal}.cell{border-radius:.7cqw;flex-direction:column;align-items:center;gap:.3cqw;transition:inline-size .38s,padding .38s;display:flex;position:relative}.cell__icon{inline-size:var(--icon);block-size:var(--icon);background:linear-gradient(150deg, var(--c1), var(--c2));border-radius:22%;flex:none;transition:inline-size .38s,block-size .38s;position:relative;box-shadow:inset 0 0 0 1px #ffffff24}.cell--finder{--c1:#4ab3ff;--c2:#1666c9}.cell--safari{--c1:#5fd0ff;--c2:#0d6fbe}.cell--mail{--c1:#63b8ff;--c2:#1f5fd0}.cell--messages{--c1:#6ce87a;--c2:#16a34a}.cell--music{--c1:#ff7a8c;--c2:#e0344f}.cell--xcode{--c1:#7fb6ff;--c2:#2258c4}.cell--terminal{--c1:#4a5764;--c2:#1c242d}.cell--notes{--c1:#ffe27a;--c2:#eab308}.cell--folder{--c1:#8fc2ee;--c2:#4a86bd}.cell--trash{--c1:#cdd8e3;--c2:#8b9dae}.cell__badge{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#ff3b30;border-radius:999px;min-inline-size:1.9cqw;padding-inline:.45cqw;font-size:1.15cqw;font-weight:650;line-height:1.9cqw;position:absolute;inset-block-start:-.5cqw;inset-inline-end:-.6cqw;box-shadow:0 0 0 .18cqw #12202e8c}.cell__badge--soft{background:#6b7c8d}.cell__bar{background:#ffffff4d;border-radius:999px;block-size:.5cqw;position:absolute;inset-block-end:-1.15cqw;inset-inline:8%}.cell__bar:after{content:"";inline-size:var(--p);background:var(--brand-500);border-radius:999px;position:absolute;inset-block:0;inset-inline-start:0}.cell__dots{gap:.35cqw;block-size:.5cqw;display:flex}.cell__dots i{background:#ffffffd9;border-radius:50%;block-size:.5cqw;inline-size:.5cqw}.cell__label,.cell__fill{display:none}.mock[data-design=dock] .bar{border-radius:1.4cqw;inset-block-end:1.2cqw;inset-inline-start:50%;transform:translate(-50%)}.mock[data-design=classic] .bar{--icon:2cqw;border-radius:0;gap:.4cqw;block-size:3.2cqw;padding:0 .6cqw;inset-block-end:0;inset-inline:0;transform:none}.mock[data-design=classic] .cell{background:#ffffff24;border-radius:.45cqw;flex-direction:row;gap:.5cqw;inline-size:9.2cqw;padding:.35cqw .5cqw;overflow:hidden}.mock[data-design=classic] .cell__label{z-index:1;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.15cqw;line-height:1;display:block;position:relative;overflow:hidden}.mock[data-design=classic] .cell[data-dots="0"]{background:0 0;inline-size:auto;padding-inline:.15cqw}.mock[data-design=classic] .cell[data-dots="0"] .cell__label,.mock[data-design=classic] .cell__dots,.mock[data-design=classic] .cell__bar{display:none}.mock[data-design=classic] .cell__fill{inline-size:var(--p);background:color-mix(in srgb, var(--brand-500) 42%, transparent);display:block;position:absolute;inset-block:0;inset-inline-start:0}.mock[data-design=classic] .bar__grow,.mock[data-design=unity] .bar__grow{flex:1;display:block}.mock[data-design=classic] .bar__clock{display:flex}.mock[data-design=classic] .cell--trash{background:0 0;inline-size:auto}.mock[data-design=classic] .cell--trash .cell__label{display:none}.mock[data-design=unity] .bar{--icon:3.6cqw;border-radius:0;flex-direction:column;padding:.6cqw .5cqw;inset-block:0;inset-inline-start:0;transform:none}.mock[data-design=unity] .bar__sep{inline-size:calc(var(--icon) * .72);block-size:1px}.mock[data-design=unity] .cell__bar{block-size:84%;inline-size:.5cqw;inset-block:8% auto;inset-inline:auto -1.15cqw}.mock[data-design=unity] .cell__bar:after{inline-size:auto;block-size:var(--p);inset-block-start:0;inset-inline:0}.mock[data-design=unity] .bar__clock{display:flex}.mock[data-design=unity] .bar__clock em{display:none}.mock[data-design=unity] .mock__stage,.mock[data-design=unity] .mock__menubar{padding-inline-start:5cqw}.mock__switch{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-block-start:1.5rem;display:flex}.mock__switch-label{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.mock__switch-group{border:1px solid var(--hairline);background:var(--ground-sunk);border-radius:10px;padding:3px;display:inline-flex}.mock__switch-group button{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.4rem 1rem;font-size:.875rem;font-weight:540;transition:background .15s,color .15s}.mock__switch-group button:hover{color:var(--ink)}.mock__switch-group button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.mock__caption{min-block-size:3rem;max-inline-size:34rem;color:var(--ink-faint);font-size:.9375rem}section{padding-block:clamp(3.5rem,8vw,6rem)}section.sunk{background:var(--ground-sunk);border-block:1px solid var(--hairline-soft)}.section-head{max-inline-size:40rem;margin-block-end:3rem}.section-head.is-centred{text-align:center;margin-inline:auto}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-block-end:.7rem;font-size:.8125rem;font-weight:640;display:block}.section-head h2{font-size:clamp(1.75rem,3.6vw,2.4rem)}.section-head p{color:var(--ink-soft);margin-block-start:.9rem;font-size:1.0625rem}.grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;display:grid}.card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);padding:1.5rem}.card h3{margin-block:1rem .5rem;font-size:1.0625rem;font-weight:620}.card p{color:var(--ink-soft);font-size:.9375rem}.card .ico{background:color-mix(in srgb, var(--brand-500) 18%, transparent);block-size:38px;inline-size:38px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.card .ico svg{block-size:20px;inline-size:20px}.spotlight{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,4.5rem);display:grid}.spotlight+.spotlight{margin-block-start:clamp(3.5rem,8vw,5.5rem)}.spotlight:nth-of-type(2n) .spotlight__art{order:-1}.spotlight h3{font-size:clamp(1.4rem,2.8vw,1.85rem)}.spotlight p{color:var(--ink-soft);margin-block-start:.9rem;font-size:1.0313rem}.spotlight ul{gap:.6rem;margin-block:1.25rem 0;padding:0;list-style:none;display:grid}.spotlight li{color:var(--ink-soft);gap:.6rem;font-size:.9688rem;display:flex}.spotlight li svg{block-size:15px;inline-size:15px;color:var(--accent);flex:none;margin-block-start:.3rem}.spotlight__art{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:1.5rem}.launcher{border-radius:var(--radius);border:1px solid var(--hairline-soft);background:var(--ground);overflow:hidden}.launcher__search{border-block-end:1px solid var(--hairline-soft);color:var(--ink-faint);align-items:center;gap:.55rem;padding:.7rem .9rem;font-size:.9375rem;display:flex}.launcher__search svg{block-size:15px;inline-size:15px}.launcher__search .typed{color:var(--ink);font-family:var(--font-mono);font-size:.875rem}.launcher__row{align-items:center;gap:.7rem;padding:.5rem .9rem;font-size:.9063rem;display:flex}.launcher__row.is-on{background:color-mix(in srgb, var(--brand-500) 16%, transparent);font-weight:560}.launcher__row span:last-child{color:var(--ink-faint);margin-inline-start:auto;font-size:.8125rem}.launcher__tile{background:linear-gradient(150deg, var(--c1,#7fb6ff), var(--c2,#2258c4));border-radius:5px;flex:none;block-size:22px;inline-size:22px}.launcher__power{border-block-start:1px solid var(--hairline-soft);gap:.4rem;padding:.6rem .9rem;display:flex}.launcher__power span{border:1px solid var(--hairline);color:var(--ink-soft);text-align:center;border-radius:7px;flex:1;padding:.35rem 0;font-size:.75rem}.tiles{justify-content:center;gap:1.5rem;padding-block:.5rem;display:flex}.tile{background:linear-gradient(150deg, var(--c1), var(--c2));block-size:60px;inline-size:60px;box-shadow:var(--shadow-card);border-radius:14px;position:relative}.tile b{min-inline-size:22px;box-shadow:0 0 0 2px var(--surface);color:#fff;text-align:center;background:#ff3b30;border-radius:999px;padding-inline:6px;font-size:.6875rem;font-weight:650;line-height:22px;position:absolute;inset-block-start:-6px;inset-inline-end:-8px}.tile i{background:var(--ink-faint);border-radius:50%;block-size:5px;inline-size:5px;position:absolute;inset-block-end:-10px;inset-inline-start:50%;transform:translate(-50%)}.tile .scrim{border-radius:inherit;color:#fff;font-variant-numeric:tabular-nums;text-align:center;background:#08131f99;align-content:center;gap:2px;font-size:.75rem;font-weight:600;line-height:1.15;display:grid;position:absolute;inset:0}.tile .scrim em{opacity:.85;font-size:.625rem;font-style:normal;font-weight:500}.tile-caption{color:var(--ink-faint);text-align:center;margin-block-start:1rem;font-size:.8125rem}.tile--striped:after{content:"";border-radius:inherit;background:repeating-linear-gradient(-45deg,#ff3b30bf 0 6px,#0000 6px 12px);position:absolute;inset:0}.tile--striped-neutral:after{background:repeating-linear-gradient(-45deg,#ffffffb3 0 6px,#0000 6px 12px)}.table-card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.table-card table{border-collapse:collapse;inline-size:100%;font-size:.9375rem}.table-card th{background:var(--ground-sunk);color:var(--ink-faint);letter-spacing:.06em;text-align:start;text-transform:uppercase;padding:.75rem 1.25rem;font-size:.75rem;font-weight:640}.table-card td{border-block-start:1px solid var(--hairline-soft);color:var(--ink-soft);padding:.75rem 1.25rem}.table-card td:first-child{inline-size:12rem;color:var(--ink);white-space:nowrap}.two-up{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:1.25rem;display:grid}.perm-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.perm-list li{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:auto 1fr;align-items:baseline;gap:.75rem;padding:.9rem 1.1rem;font-size:.9375rem;display:grid}.perm-list strong{color:var(--ink);white-space:nowrap;font-weight:620}.perm-list span{color:var(--ink-soft)}.closer{border-radius:var(--radius-lg);background:linear-gradient(140deg, var(--brand-700), var(--brand-900));color:#fff;text-align:center;padding:clamp(2.5rem,6vw,4rem)}.closer h2{font-size:clamp(1.65rem,3.4vw,2.25rem)}.closer p{color:#ffffffd1;margin-block-start:.9rem;font-size:1.0313rem}.closer .btn--primary{color:var(--brand-900);background:#fff}.closer .btn--ghost{color:#fff;background:0 0;border-color:#ffffff59}.closer .btn--ghost:hover{background:#ffffff1f;border-color:#ffffff8c}footer{border-block-start:1px solid var(--hairline);color:var(--ink-faint);padding-block:2.5rem 3rem;font-size:.875rem}footer .wrap{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}footer nav{flex-wrap:wrap;gap:1.1rem;margin-inline-start:auto;display:flex}footer a{color:var(--ink-soft);text-decoration:none}footer a:hover{color:var(--ink);text-decoration:underline}@media (width<=860px){.spotlight{grid-template-columns:1fr}.spotlight:nth-of-type(2n) .spotlight__art{order:0}}@media (width<=680px){.masthead nav a:not(.is-cta){display:none}.mock__frame{border-radius:14px;padding:5px}.table-card td:first-child{inline-size:auto}.table-card :is(th,td){padding-inline:.85rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.only-wide{display:none}@media (width>=560px){.only-wide{display:inline}}