:root{color-scheme:light dark;--paper:#fafbfe;--surface:#fff;--ink:#11131b;--muted:#5c6271;--line:#d5d9e3;--accent:#183fc2;--accent-ink:#fff;--accent-soft:#e9eeff;--scene:#e8edfb;--scene-line:#bdc9e8;--key:#fff;--status:#183fc2;--inverse:#102872;--inverse-ink:#fff;--inverse-muted:#c4d1f5;--inverse-line:#4c61a0;--preview:#fff;--preview-ink:#182037;--preview-selected:#e3eaff;--preview-hover:#f0f3fc;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}p,h1,h2,h3{margin:0}p{line-height:1.65}h1,h2,h3{text-wrap:balance}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{text-underline-offset:5px;text-decoration:underline}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{width:min(1320px,100% - 112px);margin-inline:auto}.icon{vertical-align:middle;flex-shrink:0;width:24px;height:24px;display:inline-flex}.icon svg{fill:currentColor;width:100%;height:100%}.eyebrow{letter-spacing:.055em;font:600 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.site-header{justify-content:space-between;align-items:center;gap:28px;min-height:100px;display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font-size:23px;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;color:var(--ink)}.brand-period{color:var(--accent)}nav{align-items:center;gap:34px;font-size:14px;font-weight:550;display:flex}.nav-status{border:1px solid var(--line);border-radius:99px;align-items:center;gap:9px;padding:11px 17px;display:inline-flex}.status-dot{background:var(--status);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.skip-link{z-index:20;background:var(--paper);padding:12px;position:absolute;top:-80px;left:20px}.skip-link:focus{top:20px}.hero-eyebrow{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding-top:28px;display:flex}.hero-eyebrow>span:first-child{align-items:center;gap:10px;display:flex}.hero-intro{grid-template-columns:minmax(0,1.95fr) minmax(240px,1fr);align-items:end;gap:44px;margin:60px 0 58px;display:grid}h1{letter-spacing:-.045em;font-size:clamp(62px,7.5vw,112px);font-weight:700;line-height:.99}h1 span{color:var(--accent)}.hero h1{text-wrap:nowrap}.hero h1 span{margin-top:.09em;display:inline-block}.hero-description{justify-self:end;max-width:320px;padding-bottom:4px}.hero-description>p:first-child{letter-spacing:-.65px;font-size:23px;font-weight:600;line-height:1.35}.body-copy{color:var(--muted);margin:17px 0 24px;font-size:16px}.primary-link{background:var(--accent);color:var(--accent-ink);border-radius:5px;justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;font-size:14px;font-weight:600;display:inline-flex}.primary-link:hover{filter:brightness(1.12);text-decoration:none}.primary-link .icon{width:20px;height:20px}.text-link{align-items:center;gap:14px;font-size:14px;font-weight:600;display:inline-flex}.text-link .icon{width:18px;height:18px}.demo-scene{isolation:isolate;background:var(--scene);border:1px solid var(--scene-line);border-radius:9px;padding:28px 44px 26px;position:relative;overflow:hidden}.scene-header{letter-spacing:.045em;color:var(--muted);align-items:center;gap:10px;font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.scene-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.scene-symbol{letter-spacing:3px;color:var(--accent);margin-left:auto;font:26px/1 -apple-system,BlinkMacSystemFont,sans-serif}.scene-outline{z-index:-1;border:1px solid var(--scene-line);border-radius:8px;width:48%;height:220px;position:absolute}.outline-a{top:69px;left:12%}.outline-b{top:112px;right:10%}.switcher-preview{background:var(--preview);border:1px solid var(--scene-line);border-radius:12px;margin:52px auto 42px;padding:10px;box-shadow:0 20px 40px -24px #111d5059}.demo-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.demo-card{min-width:0;color:var(--preview-ink);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:7px;padding:11px}.demo-card.is-selected{background:var(--preview-selected);border-color:var(--accent)}.demo-card:hover:not(.is-selected){background:var(--preview-hover)}.demo-card:focus-visible{outline-offset:-2px}.card-heading{white-space:nowrap;align-items:center;gap:8px;height:22px;margin-bottom:12px;font-size:12px;display:flex;overflow:hidden}.card-heading strong{font-weight:650}.app-icon{border-radius:5px;flex-shrink:0;width:22px;height:22px;padding:3px;display:flex}.app-icon .icon{width:16px;height:16px}.app-icon.browser{color:#254fad;background:#dae6ff}.app-icon.notes{color:#695018;background:#f4e7ba}.app-icon.editor{color:#444f71;background:#dcdfea}.card-title{opacity:.78;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mini-window{border-radius:4px;height:200px;display:block;overflow:hidden}.mini-toolbar{background:#e7e9e4;align-items:center;gap:3px;height:18px;padding:0 7px;display:flex}.mini-toolbar i{background:#a2aaa0;border-radius:50%;width:3px;height:3px}.mini-toolbar>span{background:#f8faf6;border-radius:2px;width:40%;height:5px;margin-left:25px}.browser-page{color:#304934;background:#f4eddd;height:160px;padding:20px;display:block;position:relative;overflow:hidden}.mini-eyebrow{letter-spacing:1px;font:5px ui-monospace,monospace;display:block}.browser-headline{z-index:1;letter-spacing:-1px;margin-top:17px;font:32px/.97 Georgia,serif;display:block;position:relative}.landscape{background:#c6d2b7;border-radius:65% 0 0;width:55%;height:135px;position:absolute;bottom:0;right:0}.landscape i{background:#7c9871;border-radius:70% 10% 0 0;width:140px;height:120px;position:absolute;bottom:-23px;right:-45px}.landscape b{background:#ecdb9c;border-radius:50%;width:21px;height:21px;position:absolute;top:20px;right:30px}.notes-page{color:#343e31;background:#fffcf2;height:160px;padding:20px 16px;display:block}.note-date{letter-spacing:.8px;color:#727c68;font-size:5px;display:block}.notes-title{letter-spacing:-.4px;margin-top:10px;font-size:16px;font-weight:650;display:block}.note-line{background:#c9ccbc;width:52%;height:3px;margin-top:5px;display:block}.note-line.wide{width:85%;margin-top:10px}.note-check{color:#707f39;gap:7px;margin-top:12px;font-size:6px;display:flex}.note-check+.note-check{margin-top:7px}.note-check span{color:#535d4c}.note-check.muted{opacity:.6}.editor .mini-toolbar{background:#34393e}.editor .mini-toolbar>span{background:#4e5660}.editor-page{background:#262c32;height:160px;display:flex}.editor-sidebar{background:#2d343b;width:22%;padding:19px 9px}.editor-sidebar i{background:#62726f;height:3px;margin-bottom:12px;display:block}.editor-sidebar i:nth-child(2){width:60%}.code-lines{flex:1;padding:20px 11px}.code-lines>span{align-items:center;gap:6px;margin-bottom:13px;display:flex}.code-lines em{color:#91a19c;margin-right:6px;font:5px ui-monospace,monospace}.code-lines b{background:#bac4cc;border-radius:1px;width:30%;height:3px}.code-lines b.code-blue{background:#8cb6df;width:50%}.code-lines b.code-green{background:#aed19f;width:35%}.code-lines b.code-pink{background:#c296ba;width:40%}.browser-page,.notes-page,.editor-page{height:182px}.browser-page{color:#1e3673;background:#ecf0fe}.browser-headline{letter-spacing:-1.4px;font:600 34px/1.05 -apple-system,BlinkMacSystemFont,sans-serif}.landscape{background:#b9c8f4}.landscape i{background:#617ac5}.landscape b{background:#fff}.notes-page{background:#faf9f3}.demo-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.demo-caption>span{align-items:center;gap:8px;display:flex}.demo-caption .icon{width:17px;height:17px}.caption-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.illustration-note{color:var(--muted);text-align:right;margin-top:12px;font-size:11px}.hero-footnote{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:26px 0 0;font-size:13px;display:flex}.hero-footnote>span:first-child{align-items:center;gap:10px;display:flex}.hero-footnote .icon{width:18px;height:18px}.section-space{padding-block:116px;scroll-margin-top:24px}.how-section{border-top:1px solid var(--line);margin-top:100px}.section-heading{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);align-items:end;gap:30px 60px;margin-bottom:70px;display:grid}.section-label{color:var(--accent);grid-column:1/-1;display:block}h2{letter-spacing:-.04em;font-size:clamp(48px,5.3vw,76px);font-weight:650;line-height:1.06}.muted-heading{color:var(--muted)}.section-heading>p{color:var(--muted);max-width:340px;padding-bottom:5px;font-size:17px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step{border-left:1px solid var(--line);padding:0 36px}.step:first-child{border-left:0;padding-left:0}.step:last-child{padding-right:0}.step-number{color:var(--muted);letter-spacing:.05em;margin-bottom:28px;font:600 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.key-combo{align-items:center;gap:10px;height:66px;margin-bottom:32px;display:flex}kbd{border:1px solid var(--line);background:var(--key);border-bottom-width:4px;border-radius:9px;justify-content:space-between;align-items:center;gap:22px;min-width:62px;height:60px;padding:14px 17px;font:18px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:inline-flex}kbd span{font-size:24px}.release-key>.icon{color:var(--accent);width:34px;height:34px;margin-left:12px}h3{letter-spacing:-.7px;font-size:25px;font-weight:650;line-height:1.25}.step p{color:var(--muted);max-width:350px;margin-top:16px;font-size:16px}.shortcut-note{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:15px;margin-top:45px;padding-top:26px;font-size:14px;display:flex}.shortcut-note .icon{width:20px;height:20px}.principles{background:var(--inverse);color:var(--inverse-ink)}.principles .section-label,.principles .section-heading>p{color:var(--inverse-muted)}.principles .section-heading{margin-bottom:54px}.principle-list article{border-top:1px solid var(--inverse-line);grid-template-columns:54px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:34px;padding:36px 0;display:grid}.principle-list article:last-child{padding-bottom:0}.principle-icon{border:1px solid var(--inverse-line);width:52px;height:52px;color:var(--inverse-ink);border-radius:10px;justify-content:center;align-items:center;display:flex}.principle-icon .icon{width:25px;height:25px}.principle-list h3{font-size:29px}.principle-list p{color:var(--inverse-muted);font-size:16px}.availability{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:80px;padding-block:136px;display:grid}.availability h2{margin-top:30px;font-size:clamp(60px,6.1vw,88px)}.availability h2 span{color:var(--accent)}.availability>div>p{color:var(--muted);margin-top:26px;font-size:17px}.release-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:62px 1fr;justify-self:end;gap:24px 18px;width:100%;max-width:405px;padding:34px;display:grid}.release-monogram{background:var(--ink);width:62px;height:62px;color:var(--paper);border-radius:14px;justify-content:center;align-items:center;display:flex}.release-monogram .icon{width:36px;height:36px}.release-card h3{margin-top:4px;font-size:26px}.release-platform{color:var(--muted);margin-top:5px;font-size:13px}.release-status{border-top:1px solid var(--line);grid-column:1/-1;align-items:center;gap:10px;padding-top:23px;font-size:16px;font-weight:600;display:flex}.release-card>p.release-note{color:var(--muted);grid-column:1/-1;margin:-10px 0 0;font-size:13px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:16px 32px;padding:38px 0 42px;display:grid}.site-footer .brand{font-size:20px}.site-footer .brand-mark{width:26px;height:26px}.site-footer p{color:var(--muted);grid-area:2/1;font-size:13px}.site-footer>a:not(.brand){grid-area:1/2;font-size:13px}.copyright{color:var(--muted);grid-area:1/3;font-size:12px}.simple-page{max-width:800px;min-height:60vh;padding-block:70px 110px}.simple-page h1{margin:24px 0 36px;font-size:clamp(44px,6vw,72px)}.simple-page h2{letter-spacing:-.8px;margin:40px 0 14px;font-size:29px}.simple-page p,.simple-page li{color:var(--muted);font-size:17px;line-height:1.8}.simple-page p+p{margin-top:16px}.simple-page a:not(.text-link){color:var(--accent);text-underline-offset:3px;text-decoration:underline}.simple-page .text-link{margin-top:28px}@media (prefers-color-scheme:dark){:root{--paper:#101116;--surface:#191b23;--ink:#f5f6fa;--muted:#adb2c2;--line:#363b4b;--accent:#9aaeff;--accent-ink:#101a42;--accent-soft:#232f55;--scene:#151d35;--scene-line:#354469;--key:#232630;--status:#9aaeff;--inverse:#111f4e;--inverse-ink:#f5f7ff;--inverse-muted:#bbc9ee;--inverse-line:#3f5286;--preview:#1b202d;--preview-ink:#f5f6ff;--preview-selected:#263e83;--preview-hover:#2a3143}}@media (width<=1100px){.wrap{width:calc(100% - 64px)}.hero-intro{grid-template-columns:1fr;gap:32px;margin-top:44px}h1{font-size:clamp(66px,10vw,110px)}.hero-description{grid-template-columns:1fr 1.2fr auto;justify-self:stretch;align-items:center;gap:28px;max-width:none;display:grid}.hero-description>p:first-child{font-size:20px}.body-copy{margin:0}.primary-link{gap:14px;padding-inline:16px}.demo-scene{padding-inline:26px}.card-title{display:none}.section-heading{gap:26px 34px}h2{font-size:clamp(46px,5.5vw,66px)}.step{padding-inline:24px}h3{font-size:22px}.key-combo{gap:8px}kbd{gap:14px;min-width:54px;padding-inline:12px}.principle-list article{gap:24px}.principle-list h3{font-size:25px}.availability{gap:42px}.release-card{padding:25px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.site-header{gap:16px;min-height:84px}.brand{gap:7px;font-size:21px}.brand-mark{width:27px;height:27px}nav{gap:0}nav>a:not(.nav-status){display:none}.nav-status{gap:7px;padding:9px 12px;font-size:12px}.hero-eyebrow{padding-top:22px;font-size:10px}.hero-eyebrow>span:last-child{display:none}.hero-intro{gap:25px;margin:38px 0 34px}h1{font-size:clamp(36px,11.1vw,81px)}.hero-description{justify-self:start;max-width:440px;display:block}.hero-description>p:first-child{font-size:20px}.hero-description>p:first-child br{display:none}.body-copy{max-width:375px;margin:12px 0 21px;font-size:16px}.primary-link{padding:14px 18px}.demo-scene{padding:20px 12px 19px}.scene-header{padding-inline:5px;font-size:10px}.scene-symbol{font-size:21px}.switcher-preview{margin-block:29px 23px;padding:7px}.demo-cards{scrollbar-width:thin;scrollbar-color:var(--scene-line) var(--preview);scroll-snap-type:x proximity;padding-bottom:9px;display:flex;overflow-x:auto}.demo-card{scroll-snap-align:center;flex:0 0 min(280px,100%);padding:10px}.card-title{display:block}.mini-window{height:180px}.browser-page,.notes-page,.editor-page{height:162px}.demo-caption{flex-wrap:wrap;gap:12px;padding-inline:5px;font-size:11px}.illustration-note{text-align:left;font-size:11px;line-height:1.6}.hero-footnote{align-items:flex-start;gap:22px;padding-top:24px;font-size:12px;line-height:1.5}.hero-footnote>span:first-child{align-items:flex-start;gap:8px;max-width:190px}.hero-footnote span:last-child{text-align:right;max-width:95px}.section-space{padding-block:74px}.how-section{margin-top:66px}.section-heading{margin-bottom:36px;display:block}.section-label{font-size:11px}.section-heading h2{margin-top:25px;font-size:clamp(38px,9.4vw,64px)}.section-heading>p{max-width:400px;margin-top:22px;padding:0;font-size:16px}.steps{display:block}.step,.step:first-child,.step:last-child{border:0;border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:18px 15px;padding:28px 0;display:grid}.step-number{grid-area:1/1;align-self:center;margin:0;font-size:11px}.key-combo{grid-area:1/2;height:auto;margin:0}kbd{gap:20px;min-width:49px;height:48px;font-size:15px}.step h3{grid-column:1/-1;font-size:25px}.step p{grid-column:1/-1;max-width:none;margin:-5px 0 0;font-size:16px}.shortcut-note{align-items:flex-start;margin-top:8px;font-size:13px}.principles .section-heading{margin-bottom:36px}.principle-list article{grid-template-columns:40px 1fr;align-items:start;gap:14px 17px;padding-block:27px}.principle-list h3{align-self:center;font-size:24px}.principle-list p{grid-column:2;font-size:15px}.principle-icon{border-radius:7px;width:40px;height:40px}.principle-icon .icon{width:22px;height:22px}.availability{padding-block:83px;display:block}.availability h2{font-size:clamp(52px,12vw,80px)}.availability>div>p{font-size:16px}.release-card{max-width:none;margin-top:36px;padding:26px}.site-footer{grid-template-columns:1fr auto;gap:19px;padding-block:30px}.site-footer .brand{grid-area:1/1}.site-footer p{grid-area:2/1/auto/-1}.site-footer>a:not(.brand){grid-column:2;font-size:12px}.copyright{grid-area:3/1/auto/-1}.simple-page{padding-block:40px 70px}.simple-page h1{font-size:clamp(38px,10.3vw,60px)}.simple-page h2{font-size:27px}.simple-page p,.simple-page li{font-size:16px}.desktop-break{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}