@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--blue:#3155f5;--ink:#0e0f12;--muted:#686d78;--soft:#868d99;--surface:#f5f6f8;--gutter:clamp(20px,4vw,40px);--section:clamp(96px,13vw,168px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:'cv11','ss01','ss03'}h1,h2,h3,p,ul,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#dfe6ff}.container{width:min(calc(100% - 2 * var(--gutter)),1160px);margin-inline:auto}.blue{color:var(--blue)}.soft{color:var(--soft)}.skip{position:absolute;left:20px;top:-100px;padding:12px 18px;background:var(--ink);color:white;z-index:100;border-radius:30px}.skip:focus{top:12px}.nav{position:sticky;top:0;z-index:50;background:#fffffff0;backdrop-filter:blur(18px)}.nav-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:750;letter-spacing:-.045em;line-height:1.1;color:var(--blue)}.brand img{flex-shrink:0;object-fit:contain}.nav-links{display:flex;gap:34px;font-size:14px;font-weight:500;color:var(--muted)}.nav-links a:hover,.footer a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--ink);color:#fff;min-height:52px;padding:0 24px;font-size:16px;font-weight:600;border-radius:999px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);background:#252831}.button.small{min-height:40px;padding:0 18px;font-size:14px}.button.primary{background:var(--blue);box-shadow:0 6px 20px #3155f54d}.button.primary:hover{background:#2747d9}.button.ghost{background:transparent;color:var(--ink)}.button.ghost:hover{background:var(--surface)}
.hero{position:relative;isolation:isolate;padding-top:clamp(56px,9vw,112px);overflow:hidden;text-align:center}.hero h1{font-size:clamp(3.4rem,8.4vw,7rem);letter-spacing:-.065em;font-weight:750;line-height:.98;margin-inline:auto;max-width:1000px}.hero-lede{margin:34px auto 0}.lede{color:var(--muted);font-size:clamp(17px,1.6vw,21px);line-height:1.5;letter-spacing:-.015em}.hero-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:36px}.facts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:0;margin-top:24px;color:var(--muted);font-size:13px}.facts li{display:flex;align-items:center;gap:8px}.facts li:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue)}.hero-dots{position:absolute;z-index:-1;top:44px;width:min(33vw,475px);height:360px;background-image:radial-gradient(circle,#3155f54a 1.35px,transparent 1.7px);background-size:12px 12px;mask-image:radial-gradient(ellipse at left,#000,transparent 72%)}.hero-dots.left{left:0}.hero-dots.right{right:0;transform:scaleX(-1)}
.stage{position:relative;margin-top:clamp(56px,7vw,88px);padding:82px 0 86px;border-radius:36px;background:radial-gradient(ellipse at 50% 110%,#3155f536,transparent 60%),linear-gradient(#f7f8fc,#eef2ff);overflow:hidden}.stage:after,.dotted:before{content:'';position:absolute;right:0;bottom:0;width:65%;height:100%;pointer-events:none;background-image:radial-gradient(circle,#3155f559 1.4px,transparent 1.7px);background-size:9px 9px;mask-image:radial-gradient(ellipse at bottom right,#000,transparent 68%)}.demo-window{position:relative;z-index:1;width:66%;margin:auto;background:white;box-shadow:0 4px 8px #0e0f120a,0 24px 64px #1f2d7829;border-radius:20px;text-align:left;padding-bottom:12px}.window-bar{display:flex;align-items:center;gap:14px;padding:16px 20px;color:#7b8290;font-size:12px;font-weight:600}.lights{display:flex;gap:7px}.lights i{width:10px;height:10px;background:#e3e5ea;border-radius:50%}.sample-label{margin-left:auto;font-size:10px;font-weight:500;color:#757b87}.demo-tabs{display:flex;gap:5px;margin:0 22px 14px;border-bottom:1px solid #eceef2;padding-bottom:10px}.demo-tabs button{border:0;background:transparent;color:var(--muted);padding:7px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.demo-tabs button[aria-pressed=true]{background:#eef2ff;color:#2747d9}.demo-tabs button:focus-visible{outline-offset:1px}.demo-content{padding:0 18px 12px}.demo-row{display:flex;align-items:center;gap:12px;border-radius:10px;padding:12px 13px;min-height:65px}.demo-row.selected{background:#f1f4ff}.demo-row>div:nth-child(2){min-width:0}.demo-row strong{font-size:13px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-row small{display:block;font-size:10px;color:#747b88;margin-top:3px}.item-symbol{display:grid;place-items:center;background:white;box-shadow:0 1px 5px #00000009;width:30px;height:34px;color:var(--blue);border-radius:7px;flex-shrink:0;font-size:15px}.row-label{margin-left:auto;font-size:10px;color:#747b88}.window-status{margin:0 12px;padding:10px 12px;border-radius:10px;background:var(--surface);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px;justify-content:space-between}.window-status>span:first-child{display:flex;align-items:center;gap:7px}.window-status i,.release-badge i{display:inline-block;border-radius:50%;background:var(--blue);height:6px;width:6px;flex-shrink:0}.stage-chip{position:absolute;z-index:2;border-radius:99px;padding:9px 14px;background:#fffffff0;box-shadow:0 12px 32px #0e0f1214;font-size:12px;display:flex;gap:6px;align-items:center}.chip-a{left:3%;top:16%}.chip-b{right:3%;bottom:12%;color:var(--blue);font-weight:650}kbd{display:inline-grid;place-items:center;background:#f5f6f8;box-shadow:inset 0 -1.5px #0e0f121a;border-radius:6px;min-width:22px;height:23px;padding:0 5px;font:600 13px Inter,sans-serif;color:#3a3d45}
.features,.guide{padding-top:var(--section)}h2{font-size:clamp(36px,4.6vw,57.6px);font-weight:700;line-height:1.04;letter-spacing:-.05em}.section-title{text-align:center;margin-bottom:clamp(40px,5vw,64px)}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span7{grid-column:span 7}.span8{grid-column:span 8}.panel{--pad:clamp(26px,3vw,40px);position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;min-height:310px;background:var(--surface);border-radius:12px;padding:calc(var(--pad) + 28px) var(--pad) var(--pad);overflow:hidden}.panel>*{position:relative;z-index:1}.cobalt{color:white;background:var(--blue)}.dark{color:white;background:#0c0d10}.cap{position:absolute;top:0;left:0;padding:9px 16px 10px 18px;font-size:12px;font-weight:500;font-style:italic;line-height:1.4;color:var(--muted);background:white;border-radius:0 0 16px}.cobalt .cap{color:#ffffffeb;background:#ffffff1f}.dark .cap{color:#c1c3ca;background:#ffffff12}.panel h3{font-size:clamp(22px,1.9vw,26px);font-weight:650;letter-spacing:-.04em;line-height:1.14}.panel p{color:var(--muted);font-size:16px;line-height:1.5}.panel.cobalt p{color:#ffffffdc}.panel.dark p{color:#b5b7bf}.panel-foot{display:grid;gap:10px;margin-top:auto}.tall{min-height:410px}.intro-panel{min-height:260px}.snippet{border-radius:16px;background:white;padding:16px 19px;margin-block:auto;box-shadow:0 1px 2px #0e0f120a;font-size:16px;line-height:1.5}.highlight{background:#3155f51a;border-radius:4px;padding:2px}.caret{display:inline-block;width:2px;height:18px;vertical-align:-3px;background:var(--blue)}.cut-right{clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);padding-right:calc(var(--pad) + 20px)}.cut-both{clip-path:polygon(30px 0,100% 0,calc(100% - 30px) 100%,0 100%);margin-left:-30px;padding-left:calc(var(--pad) + 30px);padding-right:calc(var(--pad) + 20px)}.cut-left{clip-path:polygon(30px 0,100% 0,100% 100%,0 100%);margin-left:-30px;padding-left:calc(var(--pad) + 30px)}.cut-both .cap,.cut-left .cap{left:30px}.slope-right{clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%);padding-right:calc(var(--pad) + 20px)}.slope-left{clip-path:polygon(0 0,100% 0,100% 100%,30px 100%);margin-left:-30px;padding-left:calc(var(--pad) + 30px)}.slope-left .cap{padding-left:40px}.burst:before{content:'';position:absolute;inset:-40%;background:repeating-conic-gradient(#ffffff14 0deg 1.4deg,transparent 1.4deg 7deg);mask-image:radial-gradient(circle,transparent 18%,black 50%)}.comic-word{font-size:clamp(44px,5.3vw,74px);font-weight:900;font-style:italic;letter-spacing:-.065em;transform:rotate(-6deg);text-shadow:3px 4px #1c35b8;margin:auto;white-space:nowrap}.cobalt.dotted:before{background-image:radial-gradient(circle,#ffffff80 1.3px,transparent 1.7px);mask-image:radial-gradient(ellipse at top right,black,transparent 75%)}.key-pair{display:flex;gap:8px}.key-pair kbd{background:white;min-width:40px;height:42px;font-size:20px;border-radius:9px}.history-list{list-style:none;padding:10px 0 0;margin-top:auto}.history-list li{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #ffffff25;font-size:14px}.history-list li:last-child{border:0}.history-list li span{color:#ffffffd0}.history-list strong{white-space:nowrap;font-size:13px;font-weight:550}.panel .panel-note{font-size:10px;color:#ffffffc9}.prompt-stack{display:grid;gap:8px;margin-bottom:32px}.prompt-stack>div{background:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 2px 10px #0e0f1208;font-size:13px;font-weight:550;transform:rotate(-2deg)}.prompt-stack>div:nth-child(2){transform:translateX(8px) rotate(1deg)}.prompt-stack span{display:block;color:#757b87;font-size:10px;font-weight:400}.pill-grid{display:flex;flex-wrap:wrap;gap:12px;margin-block:14px 30px}.pill-grid span{background:white;border-radius:99px;padding:10px 14px;font-size:13px;color:var(--muted);box-shadow:0 1px 2px #0e0f120a}.pill-grid span:before{content:'';display:inline-block;width:6px;height:6px;background:#d3d7df;border-radius:50%;margin-right:8px}.pill-grid .active{color:var(--ink)}.pill-grid .active:before{background:var(--blue)}.quote{min-height:245px;justify-content:center}.quote p{font-weight:600;color:var(--ink);font-size:17px}.quote.dark p{color:white}.quote .mono{font:14px/1.5 ui-monospace,Menlo,monospace}.speech{align-self:flex-start;padding:15px 18px;background:white;border-radius:20px;box-shadow:0 2px 5px #00000006;line-height:1.4;color:var(--ink)}.speech:after{content:'';position:absolute;bottom:-5px;left:25px;background:inherit;width:12px;height:12px;transform:rotate(45deg);border-radius:3px}.permission-visual{display:grid;gap:9px;margin:18px 0 30px}.permission-visual>span{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffff0c;padding:14px;border-radius:12px;font-size:12px;color:#d2d3da}.permission-visual b{font-size:10px;background:#ffffff12;padding:5px 10px;border-radius:20px;font-weight:500;color:#ced4f0}.speech-stack{display:grid;gap:12px;margin:14px 0 35px;font-size:14px}.speech-stack .speech{position:relative}.speech.black{background:var(--ink);color:#fff;margin-left:15px}.feature-icon{margin:10px 0 30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.text-link{color:var(--blue);font-size:15px;font-weight:600;white-space:nowrap}.guide-card{min-height:225px;transition:background .2s}.guide-card p{margin-top:auto}.guide-card:hover{background:#eef2ff}.guide-card.cobalt:hover{background:#2747d9}.card-arrow{position:absolute;top:20px;right:22px;color:var(--muted)}.cobalt .card-arrow{color:white}.final{position:relative;isolation:isolate;padding:var(--section) 0;text-align:center;overflow:hidden}.final .container{display:flex;flex-direction:column;align-items:center;gap:24px}.app-icon{margin-bottom:8px;filter:drop-shadow(0 14px 24px #1f2d783d)}.final-dots{position:absolute;z-index:-1;left:50%;top:30px;transform:translateX(-50%);width:570px;height:400px;background-image:radial-gradient(circle,#3155f54a 1.3px,transparent 1.7px);background-size:10px 10px;mask-image:radial-gradient(ellipse,#000,transparent 68%)}.release-badge{display:inline-flex;align-items:center;gap:10px;padding:15px 25px;border-radius:99px;background:var(--blue);color:white;font-weight:600;box-shadow:0 6px 20px #3155f54d}.release-badge i{background:white}.release-note{font-size:13px;color:var(--muted)}.footer{padding:24px 0 40px}.footer-inner{padding-top:32px;border-top:1px solid #eef0f3;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:24px}.footer .brand{font-size:18px}.footer nav{display:flex;gap:26px;font-size:13px;color:var(--muted)}.footer p{flex-basis:100%;color:var(--muted);font-size:11px}
.page{max-width:760px;margin:0 auto;padding:90px 24px 100px}.eyebrow{font-size:13px;font-weight:600;color:var(--blue);margin-bottom:20px}.page h1{font-size:clamp(52px,7vw,80px);letter-spacing:-.06em;line-height:1.05;margin-bottom:24px}.page .lead{font-size:22px;color:var(--muted);margin-bottom:40px}.page h2{font-size:28px;margin-top:42px;margin-bottom:16px}.page p,.page li{color:#555d6b;line-height:1.75}.page ul{padding-left:24px}.page li+li{margin-top:10px}.page .draft,.page .note{background:var(--surface);border-radius:14px;padding:25px;margin:28px 0}.page .draft{background:#eef2ff}.page strong{font-weight:650}.page .draft p,.page .note p{margin-top:10px}.back{display:inline-block;margin-top:35px;color:var(--blue);font-weight:600}
@media(min-width:1440px){.hero h1{font-size:112px}}@media(max-width:1000px){.nav-links{gap:20px;font-size:12px}.brand{font-size:18px}.stage-chip{display:none}.demo-window{width:83%}.bento .span3,.bento .span4,.bento .span5{grid-column:span 6}.bento .span7,.bento .span8{grid-column:span 12}.cut-right,.cut-both,.cut-left,.slope-right,.slope-left{clip-path:none;margin-left:0;padding-inline:var(--pad)}.cut-both .cap,.cut-left .cap,.slope-left .cap{left:0;padding-left:18px}.bento .intro-panel{grid-column:span 4}.intro-panel{padding-inline:20px}.comic-word{font-size:44px}.permission-visual>span{flex-wrap:wrap}.section-title{max-width:800px;margin-inline:auto}.tall{min-height:370px}}
@media(max-width:700px){.nav-links{display:none}.nav-inner{height:66px}.hero h1{font-size:clamp(48px,9.1vw,64px)}.hero-lede{max-width:440px;margin-top:28px}.desktop-break{display:none}.hero-actions{gap:6px;margin-top:28px}.button{font-size:14px;padding-inline:20px}.facts{font-size:11px;gap:8px 14px;margin-top:22px}.hero-dots{width:40%;height:300px;opacity:.7}.stage{padding:35px 12px;border-radius:24px}.demo-window{width:100%;border-radius:15px}.window-bar{padding:14px;font-size:11px;gap:9px}.lights{gap:4px}.lights i{width:8px;height:8px}.demo-tabs{margin-inline:12px}.demo-content{padding-inline:8px}.demo-row{gap:8px;padding:10px 9px}.demo-row strong{font-size:11px}.demo-row small{font-size:9px}.row-label{display:none}.window-status{font-size:9px;padding:9px;gap:5px}.window-status>.sample-label{display:none}.sample-label{font-size:9px}.section-title{text-align:left}.bento>*{grid-column:span 12!important}.panel,.tall{min-height:300px}.intro-panel{min-height:185px}.comic-word{font-size:62px}.snippet{font-size:16px}.panel h3{font-size:26px}.panel p{font-size:16px}.quote{min-height:210px}.guide-card{min-height:210px}.feature-icon{width:80px;height:80px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:32px}.section-heading h2 br{display:none}.section-heading h2 .soft:before{content:' '}.final .container{gap:22px}.final h2{font-size:38px}.final .lede{font-size:15px}.final-dots{top:0;width:430px;height:350px}.footer-inner{gap:24px}.footer .brand{flex-basis:100%}.footer nav{gap:24px}.page{padding-top:60px}.page .lead{font-size:20px}.page h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Aha-inspired shortcut opening: key entrance, press, release, then headline. */
.hero-title{position:relative}.shortcut-intro{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:25px;pointer-events:none}.intro-keys{display:flex;gap:22px;perspective:700px}.intro-key{position:relative;display:grid;place-items:center;width:128px;height:128px;padding-bottom:9px;border-radius:30px;background:linear-gradient(155deg,#fff 50%,#f8f9fc);color:#3a3d45;box-shadow:0 8px 0 #e4e7ef,0 22px 34px #1f2d7824,inset 0 0 0 1px #f4f5f8;font-size:60px;font-weight:600;line-height:1}.key-name{position:absolute;bottom:16px;font-size:12px;letter-spacing:-.02em;color:#7b8290}.intro-caption{font-size:15px;font-weight:500;color:var(--muted)}.shortcut-reminder{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:22px auto -8px;font-size:13px;color:var(--muted)}.shortcut-reminder p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.shortcut-chord{display:inline-flex;gap:4px;margin-inline:3px}.shortcut-chord kbd{background:#eef2ff;color:#2747d9;min-width:25px;height:27px}.shortcut-context{margin-left:3px}.replay-intro{border:0;background:transparent;font-size:12px;color:#5e6676;cursor:pointer;padding:7px 8px;border-radius:8px;white-space:nowrap}.replay-intro:hover{background:#eef2ff;color:var(--blue)}.replay-intro[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){
.intro-playing .shortcut-intro{display:flex;animation:intro-depart .3s ease-in 1.65s both}
.intro-playing .intro-key{animation:key-arrive .48s cubic-bezier(.2,.8,.2,1.3) both,key-press .55s ease .85s both}
.intro-playing .intro-key:nth-child(2){animation-delay:.08s,.94s}
.intro-playing .intro-caption{animation:intro-caption-in .35s ease .25s both}
.intro-playing .hero h1{animation:headline-arrive .8s cubic-bezier(.22,1,.36,1) 1.85s both}
.intro-playing .hero-lede,.intro-playing .shortcut-reminder,.intro-playing .hero-actions,.intro-playing .facts{animation:hero-detail-arrive .65s ease 2.05s both}
.intro-playing .stage{animation:stage-arrive .85s cubic-bezier(.22,1,.36,1) 2.2s both}
.intro-playing .hero-dots{animation:intro-caption-in 1.2s ease 1.8s both}
}
@keyframes key-arrive{from{opacity:0;translate:0 18px;scale:.92}to{opacity:1;translate:0 0;scale:1}}
@keyframes key-press{0%,100%{transform:translateY(0);box-shadow:0 8px 0 #e4e7ef,0 22px 34px #1f2d7824,inset 0 0 0 1px #f4f5f8;color:#3a3d45}18%,58%{transform:translateY(7px);box-shadow:0 1px 0 #dce2f0,0 10px 18px #1f2d781c,inset 0 0 0 1px #e8edfc;color:var(--blue)}}
@keyframes intro-caption-in{from{opacity:0}to{opacity:1}}
@keyframes intro-depart{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-9px) scale(.96)}}
@keyframes headline-arrive{from{opacity:0;clip-path:inset(-10% 100% -10% -5%);transform:translateY(8px)}to{opacity:1;clip-path:inset(-10% -5% -10% -5%);transform:translateY(0)}}
@keyframes hero-detail-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes stage-arrive{from{opacity:0;transform:translateY(36px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.intro-key{width:82px;height:82px;font-size:39px;border-radius:21px;padding-bottom:9px}.intro-keys{gap:17px}.key-name{font-size:9px;bottom:10px}.shortcut-intro{gap:17px}.intro-caption{font-size:12px}.shortcut-reminder{max-width:340px;margin-top:22px;font-size:12px;gap:2px 10px}.shortcut-context{flex-basis:100%;margin-top:2px}.hero-title{min-height:122px}.hero h1{min-height:122px}}

/* Support and privacy pages */
.page p+p{margin-top:16px}.page ol{padding-left:24px}.page a:not(.back){color:var(--blue);text-underline-offset:3px}.page p a,.page li a{text-decoration:underline}.page h2{scroll-margin-top:28px}.page .page-meta{font-size:13px;color:var(--muted);margin-top:-20px;margin-bottom:32px}.page .page-toc{display:flex;flex-wrap:wrap;gap:10px 20px;border-block:1px solid var(--line);padding:20px 0;margin:32px 0;font-size:14px}.page .contact-card{padding:28px;background:#eef2ff;border-radius:18px;margin:28px 0}.page .contact-card h2{margin-top:0}.page .contact-card a{overflow-wrap:anywhere}.page .contact-person{font-size:13px}.page details{border-bottom:1px solid var(--line);padding:20px 0}.page summary{font-weight:600;font-size:17px;cursor:pointer;line-height:1.5}.page details p{margin-top:14px}.page .note ul{margin-top:14px}.page li{padding-left:3px}.page-toc a:hover{text-decoration:underline}@media(max-width:600px){.page .contact-card{padding:22px}.page .page-toc{gap:12px 18px}.page .page-meta{margin-top:-16px}.page summary{font-size:16px}}