@scope(html:not(.typeaside-docs)){.site-header{z-index:40;pointer-events:none;height:72px;position:sticky;top:0}.site-header .nav{pointer-events:auto;width:100%;transition:width .28s var(--ease), padding .28s var(--ease), background .28s var(--ease), box-shadow .28s var(--ease), height .28s var(--ease);border-radius:999px;margin-inline:auto}.site-header.condensed{top:14px}.site-header.condensed .nav{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#ffffffd1;gap:20px;width:670px;max-width:100%;height:48px;padding:5px 5px 5px 16px;font-size:14px;box-shadow:0 8px 30px #1e325a1f,inset 0 0 0 1px #16171a14}.site-header.condensed .logo{font-size:16px}.marketing-notes,.marketing-bento{padding-top:120px}.marketing-notes h2,.marketing-bento h2,.developers-strip h2,.notes-feature h2{letter-spacing:-.03em;font-size:52px;font-weight:500;line-height:1.05}.notes-stage{border-radius:28px;height:620px;margin-top:48px;position:relative;overflow:hidden}.notes-canvas{perspective:1400px;position:absolute;inset:0}.note-back{transform-origin:0;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:16px;width:59%;height:420px;padding:22px 28px;position:absolute;top:90px;left:10%;transform:rotateX(9deg)rotateY(-10deg)translateZ(-60px);box-shadow:0 30px 60px #1e325a2e}.window-dots{gap:6px;margin-bottom:22px;display:flex}.window-dots i{background:#16171a24;border-radius:50%;width:9px;height:9px}.note-back p{color:#3d4047;margin:0;font-size:15px;line-height:1.7}.note-back mark{color:var(--text);background:0 0;border-radius:4px;padding:1px 3px;transition:background .3s}.notes-stage[data-phase]:not([data-phase="0"]) mark,.entered .note-back mark{background:#4a84c447}.note-lines i{background:#16171a1a;border-radius:5px;width:92%;height:9px;margin:11px 0;display:block}.note-lines i:nth-child(2){width:80%}.note-lines i:nth-child(3){width:86%}.note-lines i:nth-child(4){width:60%}.note-capture{z-index:2;border-radius:18px;width:500px;padding:14px 18px 12px;position:absolute;top:250px;left:23%;box-shadow:0 30px 70px #1e325a47,0 2px 8px #1e325a1a}.capture-head{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.capture-head svg,.note-saved svg{width:14px;height:14px}.capture-head>span{color:var(--faint);margin-left:auto}.capture-text{padding:10px 0 12px;font-size:17px;line-height:26px}.note-caret{background:var(--text);vertical-align:-4px;width:1.5px;height:19px;display:inline-block}.capture-foot{color:var(--faint);align-items:center;gap:12px;min-height:22px;font-size:12px;display:flex}.capture-actions{white-space:nowrap;gap:12px;margin-left:auto;display:flex}.notes-stage kbd,.notes-panel kbd{color:var(--muted);border:1px solid #d4d5d8;border-bottom-width:2px;border-radius:5px;padding:2px 5px;font-family:inherit;font-size:11px;font-weight:500;line-height:1}.note-saved{color:#3d7d55;align-items:center;gap:5px;display:flex}.note-keys{gap:8px;display:flex;position:absolute;top:490px;left:23%}.note-keys kbd{background:var(--white);padding:7px 12px;font-size:13px;box-shadow:0 2px #d4d5d8}.note-stack{border-radius:20px;width:280px;padding:16px;position:absolute;top:70px;right:4.4%;box-shadow:0 24px 60px #1e325a33}.note-stack .stack-label{color:var(--muted);margin:4px 4px 8px;font-size:12px;font-weight:600}.note-stack>div:not(.stack-label,.stack-insert),.stack-new{background:var(--white);border-radius:12px;margin-bottom:6px;padding:10px 12px;font-size:14px;line-height:1.4;box-shadow:0 1px 2px #16171a0d}.note-stack b{font-weight:600;display:block}.note-stack small{color:var(--muted);font-size:13px}.notes-stage .note-capture{opacity:0;transition:opacity .42s var(--ease), transform .42s var(--ease);transform:translateY(16px)}.notes-stage[data-phase="2"] .note-capture,.notes-stage[data-phase="3"] .note-capture{opacity:1;transform:none}.notes-stage[data-phase="4"] .note-capture,.notes-stage[data-phase="5"] .note-capture{opacity:0;transform:scale(.96)}.stack-insert{transition:grid-template-rows .5s var(--ease);grid-template-rows:0fr;display:grid}.stack-new{opacity:0;min-height:0;transition:opacity .5s, transform .5s var(--ease), padding .5s, margin .5s;margin-bottom:0;padding-block:0;overflow:hidden;transform:translateY(-14px)}.notes-stage[data-phase="4"] .stack-insert,.notes-stage[data-phase="5"] .stack-insert{grid-template-rows:1fr}.notes-stage[data-phase="4"] .stack-new,.notes-stage[data-phase="5"] .stack-new{opacity:1;margin-bottom:6px;padding-block:10px;transform:none}.notes-stage[data-phase="4"] .stack-new{animation:1.2s both note-outline}@keyframes note-outline{0%{outline:2px solid #4a84c459}to{outline:2px solid #0000}}.notes-stage[data-phase="1"] .note-keys kbd{animation:90ms .3s key-press}.notes-stage[data-phase="1"] .note-keys kbd+kbd{animation-delay:.51s}@keyframes key-press{to{box-shadow:none;background:#f1f4f9;transform:translateY(2px)}}.notes-stage[data-phase="2"] .save-key{animation:.15s 1.4s key-press}.note-replay{cursor:pointer;text-underline-offset:4px;background:0 0;border:0;font-size:13px;text-decoration:underline;position:absolute;bottom:22px;left:50%;translate:-50%}@supports (animation-timeline:view()){.notes-stage .note-back{animation:linear both note-tilt;animation-timeline:view();animation-range:entry cover 40%}}@keyframes note-tilt{0%{transform:rotateX(9deg)rotateY(-10deg)translateZ(-60px)}to{transform:rotateX(4deg)rotateY(-10deg)translateZ(-60px)}}.notes-trio{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px;display:grid}.notes-trio h3{align-items:center;gap:8px;margin:0 0 6px;font-size:17px;font-weight:600;display:flex}.notes-trio svg{color:#4a84c4;width:17px;height:17px}.notes-trio p{color:var(--muted);margin:0;font-size:15px}.marketing-more{align-items:center;gap:6px;margin-top:28px;font-size:15px;font-weight:500;display:inline-flex}.marketing-more svg{width:16px}.bento-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:300px;gap:14px;margin-top:44px;display:grid}.bento-tile{background-color:var(--white);border:1px solid var(--line);opacity:0;min-width:0;transition:opacity .5s var(--ease), transform .5s var(--ease);border-radius:22px;flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:relative;overflow:hidden;transform:translateY(14px)}.bento-tile.entered{opacity:1;transform:none}.bento-tile:nth-child(3n+2){transition-delay:70ms}.bento-tile:nth-child(3n){transition-delay:.14s}.bento-tile.photo{border:0}.bento-copy h3{margin:0 0 3px;font-size:17px;font-weight:600;line-height:1.3}.bento-copy p{color:var(--muted);max-width:300px;margin:0;font-size:14px;line-height:1.5}.bento-copy.glass{border-radius:14px;padding:12px 14px}.bento-tags{flex-wrap:wrap;gap:6px;padding:0;display:flex;position:absolute;top:22px;left:22px;right:22px}.bento-tags span{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:4px 9px;font-size:13px}.bento-edit .bento-tags span{background:var(--bg)}.bento-vignette{transition:translate .2s,filter .2s;position:absolute;top:22px;left:22px;right:22px}.bento-tile:not(.photo):hover .bento-vignette{filter:drop-shadow(0 3px 4px #1e325a14);translate:0 -2px}.bento-mini{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5;box-shadow:0 10px 30px #1e325a1a}.tilt{transform-origin:bottom;transform:perspective(900px)rotateX(6deg)}.mini-question{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.mini-question svg{width:13px;height:13px}.bento-translation{width:calc(100% - 44px);margin:0;position:absolute;top:22px;left:22px}.snippet-example{align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.snippet-trigger{border:1px solid var(--line);background:var(--bg);white-space:nowrap;border-radius:8px;padding:4px 8px}.snippet-example>svg{width:14px;color:var(--faint);flex-shrink:0}.snippet-expand{transition:grid-template-columns .4s var(--ease) .5s;grid-template-columns:0fr;display:grid}.snippet-expand>span{background:var(--white);min-width:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;overflow:hidden}.entered .snippet-expand{grid-template-columns:1fr}.entered .snippet-expand>span{padding:8px}.landing .developers-strip{grid-template-columns:420px minmax(0,1fr);align-items:center;gap:60px;padding-top:120px;display:grid}.developers-strip h2{font-size:44px}.developer-stage{border-radius:24px;height:420px;position:relative;overflow:hidden}.developer-window{border-radius:16px;position:absolute;top:56px;left:50px;right:50px;overflow:hidden;box-shadow:0 30px 60px #1e325a40}.terminal-bar{height:34px;color:var(--muted);background:#ffffffb3;align-items:center;gap:6px;padding:0 14px;font-size:12px;display:flex}.terminal-bar .window-dots{margin:0}.terminal-bar>span{margin:auto}.terminal-body{color:#33363c;background:#fafaf9eb;min-height:250px;padding:18px 20px;font:13.5px/1.7 ui-monospace,monospace}.terminal-dim{color:var(--faint)}.terminal-ready{color:#4a84c4}.terminal-prompt{color:var(--text);border:1px solid #d9dadc;border-radius:10px;min-height:134px;margin-top:12px;padding:10px 12px}.developer-speech{color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex;position:absolute;bottom:24px;left:50px;right:35px;box-shadow:0 12px 30px #1e325a2e}.developer-speech svg{flex-shrink:0;width:16px}.footer-columns{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr 1fr;gap:64px;padding-top:40px;font-size:14px;display:grid}.footer-columns h4{margin:0 0 10px;font-size:13px;font-weight:600}.footer-columns a{color:var(--muted);margin:6px 0;display:block}.footer-brand p{color:var(--muted);max-width:260px;margin:8px 0}.footer-brand b{font-size:16px}.notes-hero{text-align:center;padding:96px 0 40px}.notes-hero h1{letter-spacing:-.035em;font-size:68px;line-height:1}.notes-hero p{color:var(--muted);max-width:560px;margin:18px auto 26px;font-size:19px}.notes-feature .notes-stage{height:560px;margin-top:20px}.notes-stage-centered .note-back{top:70px;left:20%}.notes-stage-centered .note-capture{top:220px;left:50%;translate:-50%}.notes-stage-centered .note-keys{top:400px;left:50%;translate:-50%}.notes-stage-centered[data-phase="4"] .note-capture,.notes-stage-centered[data-phase="5"] .note-capture{opacity:1;transform:none}.notes-feature-rows{flex-direction:column;gap:110px;padding:110px 0;display:flex}.notes-feature-row{grid-template-columns:1fr 1.25fr;align-items:center;gap:64px;display:grid}.notes-feature-row.reverse{grid-template-columns:1.25fr 1fr}.notes-feature-row.reverse>:first-child{order:2}.notes-feature-row h3{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:500;line-height:1.1}.notes-feature-row>div>p{color:var(--muted);margin-top:10px;font-size:17px}.notes-panel{opacity:0;height:400px;transition:opacity .6s var(--ease), transform .6s var(--ease);border-radius:24px;position:relative;overflow:hidden;transform:translateY(14px)}.entered .notes-panel{opacity:1;transform:none}.notes-panel .note-back{width:85%;height:250px;top:40px;left:7%;transform:none}.notes-panel .note-capture{width:80%;top:200px;left:15%}.notes-panel .capture-text{font-size:15px;line-height:23px}.grab-panel .note-capture{opacity:0;transition:opacity .42s .4s, transform .42s var(--ease) .4s;transform:translateY(16px)}.entered .grab-panel .note-capture{opacity:1;transform:none}.say-panel .note-capture{width:80%;top:120px;left:12%}.note-listening{color:var(--muted);align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.note-listening svg{width:14px;height:14px}.notes-desktop{background:var(--bg);border-radius:14px;width:76%;height:290px;font-size:12px;display:flex;position:absolute;top:70px;left:8%;overflow:hidden;box-shadow:0 30px 60px #1e325a40}.notes-desktop aside{width:96px;color:var(--muted);background:#f3f3f1;flex-shrink:0;padding:28px 8px}.notes-desktop aside div{border-radius:5px;padding:4px 8px}.notes-desktop .selected{background:var(--white);color:var(--text)}.notes-desktop>div{padding:14px 16px}.notes-desktop h4{margin:0 0 10px;font-size:15px}.notes-desktop p{margin:10px 0}.notes-phone{background:var(--white);border:6px solid var(--text);border-radius:30px;width:200px;height:340px;padding:16px 12px;font-size:12px;position:absolute;top:50px;right:8%;box-shadow:0 30px 60px #1e325a4d}.notes-phone h4{margin:0 0 10px;font-size:20px}.notes-phone p{border-bottom:1px solid var(--line);padding:7px 4px}.notes-four{grid-template-columns:repeat(4,1fr);gap:28px;padding-bottom:40px;display:grid}.notes-four h4{margin:10px 0 4px;font-size:16px;font-weight:600}.notes-four p{color:var(--muted);margin:0;font-size:14px}.notes-four>div>span{background:var(--white);border:1px solid var(--line);color:#4a84c4;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.notes-four svg{width:16px;height:16px}@media (width<=900px){.notes-stage[data-phase="4"] .note-capture,.notes-stage[data-phase="5"] .note-capture{opacity:1;transform:none}.notes-stage .notes-canvas{transform-origin:top;width:1080px;height:620px;left:50%;right:auto;translate:-50%;scale:.65}.notes-stage{height:420px}.note-stack{display:none}.notes-stage .note-back{left:16%}.notes-stage .note-capture{left:27%}.notes-stage-centered .note-capture{left:50%}.notes-stage .note-keys{left:27%}.notes-stage-centered .note-keys{left:50%}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .developers-strip{grid-template-columns:1fr;gap:32px}.notes-feature-row,.notes-feature-row.reverse{grid-template-columns:1fr;gap:24px}.notes-feature-row.reverse>:first-child{order:0}.notes-four{grid-template-columns:repeat(2,1fr)}.notes-feature .notes-stage{height:380px}.notes-trio{gap:24px}}@media (width<=560px){.site-header .nav{gap:12px}.site-header .logo{font-size:17px}.site-header .nav .btn{padding-inline:12px;font-size:13px}.site-header .nav>.link:not(.opt){font-size:13px}.site-header.condensed .nav{gap:10px;padding-left:12px}.site-header.condensed .logo svg{display:none}.marketing-notes h2,.marketing-bento h2,.developers-strip h2,.notes-feature h2{font-size:38px}.notes-trio{grid-template-columns:1fr;gap:24px}.notes-stage{border-radius:22px;height:330px;margin-top:32px}.notes-stage .notes-canvas{scale:.56}.notes-stage .note-back{width:52%;height:400px;top:48px;left:24%}.notes-stage .note-capture{width:550px;top:180px;left:25%}.notes-stage .note-keys{top:420px;left:25%}.notes-stage-centered .note-capture,.notes-stage-centered .note-keys{left:50%}.note-replay{bottom:18px}.bento-grid{grid-template-columns:minmax(0,1fr)}.developer-stage{height:360px}.developer-window{top:32px;left:20px;right:20px}.terminal-body{padding:16px;font-size:12px}.developer-speech{font-size:11px;bottom:18px;left:20px;right:20px}.footer-columns{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.notes-hero{padding-top:64px}.notes-hero h1{font-size:46px}.notes-hero p{font-size:17px}.notes-feature .notes-stage{height:330px}.notes-feature-rows{gap:72px;padding-block:80px}.notes-feature-row h3{font-size:30px}.notes-panel{height:340px}.notes-panel .note-back{width:88%;padding:18px;top:28px;left:6%}.notes-panel .note-capture{width:88%;padding:12px;top:170px;left:8%}.notes-panel .capture-text{font-size:13px;line-height:20px}.say-panel .note-capture{top:95px}.notes-desktop{width:88%;height:250px;top:55px;left:5%}.notes-phone{width:155px;height:285px;font-size:11px;top:30px;right:5%}.notes-desktop aside{width:76px;padding-inline:4px}.notes-four{gap:24px}}@media (prefers-reduced-motion:reduce){.notes-stage .note-back{animation:none}.notes-panel,.bento-tile,.grab-panel .note-capture{opacity:1;transform:none}.notes-stage .note-keys kbd{animation:none}.snippet-expand{grid-template-columns:1fr}.snippet-expand>span{padding:8px}.notes-stage .stack-new{animation:none}.notes-stage mark{background:#4a84c447}}.bento-tags span{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transition-delay:calc(var(--i) * 50ms);transform:translateY(12px)}.bento-tile.entered .bento-tags span{opacity:1;transform:none}.bento-languages .bento-mini{width:86%}.terminal-prompt code{background:#eef1f5;border-radius:4px;padding:0 4px}@media (prefers-reduced-motion:reduce){.bento-tags span{opacity:1;transform:none}}}