@font-face{font-family:Inter;src:url('./assets/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/inter-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/inter-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:InterTitle;src:url('./assets/inter-title.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--intro-font-size:48px;--content-width:1120px;--bg:#080808;--text:#ededf1;--muted:#929299;--accent:#9f86e7;--accent-light:#c9bcf0;--accent-material:url('./assets/figma/material-prism.png') center/cover;--key-rim:linear-gradient(160deg,#2c2e31,#0b0c0e);--key-face:radial-gradient(ellipse at 95% 8%,#25272a,transparent 60%),radial-gradient(ellipse at 0% 95%,#191a1d,transparent 58%),linear-gradient(155deg,#1b1d20 0%,#131416 48%,#0e0f11 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-light);outline-offset:4px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.wrap{width:min(var(--content-width),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;z-index:30;top:-80px;left:20px;background:#eee;color:#111;padding:12px 20px;border-radius:8px}.skip-link:focus-visible{top:15px}.skip-link:not(:focus-visible){clip-path:inset(50%)}
.keyboard-stage{padding:0 24px}.keyboard-pan{width:100%}.keyboard{width:min(100%,752px);margin:auto;container-type:inline-size}.keyboard-row{display:grid;gap:1.20482cqw;height:7.228916cqw;margin-bottom:1.20482cqw}.keyboard-row-top{grid-template-columns:repeat(12,minmax(0,1fr))}.keyboard-row-middle{grid-template-columns:minmax(0,2.75fr) repeat(7,minmax(0,1fr)) minmax(0,2.75fr)}.keyboard-row-bottom{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,6.833333fr) repeat(3,minmax(0,1fr))}.keyboard-row i{border-radius:1.104418cqw;background-origin:border-box;background-repeat:no-repeat}.keyboard-row-top i{background:linear-gradient(to top,#ffffff05 0%,#ffffff00 80%)}.keyboard-row-middle i{background:linear-gradient(#ffffff05,#ffffff0a)}.keyboard-row-bottom i{background:linear-gradient(#ffffff0a,#ffffff0f)}.keyboard-key{min-width:0;display:flex;justify-content:space-between;align-items:flex-end;border:0;border-radius:1.104418cqw;padding:1.20482cqw;font-size:1.405622cqw;font-weight:500;line-height:2.008032cqw;text-align:left;color:inherit}.keyboard-insights,.keyboard-dictate{padding:.125cqw .125cqw .25cqw;border:0;border-radius:.75cqw;box-shadow:inset 0 -.125cqw 0 #0004;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5cqw;font-weight:500;line-height:2.5cqw;letter-spacing:-.012cqw}.keyboard-insights{background:var(--key-rim);color:#fff}.keyboard-dictate{background:linear-gradient(180deg,#fff,#b0b0b0);color:#151515}.keyboard-key-face{position:relative;display:flex;align-items:flex-start;justify-content:space-between;width:100%;height:100%;padding:1cqw;border:.125cqw solid transparent;border-radius:.875cqw}.keyboard-insights .keyboard-key-face{background:var(--key-face)}.keyboard-dictate .keyboard-key-face{background:linear-gradient(180deg,#b0b0b0,#fff)}.keyboard-key-face:after{content:'';position:absolute;inset:-.125cqw;border-radius:inherit;padding:.125cqw;background:linear-gradient(180deg,#00000019,#00000005 50%,#00000019);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.keyboard-key-label{align-self:flex-end;white-space:nowrap}.key-icon{display:block;width:20px;height:20px;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.keyboard .key-icon{width:2.008032cqw;height:2.008032cqw;flex-shrink:0}.icon-insights{mask-image:url('./assets/icon-insights.svg')}.icon-settings{mask-image:url('./assets/icon-settings.svg')}.icon-left{mask-image:url('./assets/icon-arrow-left.svg')}.icon-right{mask-image:url('./assets/icon-arrow-right.svg')}.icon-snippets{mask-image:url('./assets/icon-snippets.svg');color:#929294;width:27px;height:27px}.keyboard-settings{background:linear-gradient(#ffffff0a,#ffffff0f);border:1px solid #ffffff08;color:#ffffff66;padding:.803213cqw}.keyboard-settings .key-icon{align-self:flex-start}.keyboard-arrow{align-items:center;justify-content:center;background:linear-gradient(#ffffff0a,#ffffff0f);border:1px solid #ffffff08;color:#ffffffa6}.keyboard-key:hover{filter:brightness(1.15)}.keyboard-insights:active,.keyboard-dictate:active,.keyboard-dictate.is-playing{padding-top:.25cqw;padding-bottom:.125cqw}.keyboard-status{align-self:flex-end;font-size:1.20482cqw;font-weight:400;opacity:.55}.keyboard-hint{text-align:center;font-size:13px;color:#74747b;min-height:22px;margin-top:22px}
.keyboard-key-label{font-size:max(12px,1.5cqw)}.keyboard-settings{font-size:max(12px,1.405622cqw)}.keyboard-status{font-size:max(12px,1.20482cqw)}.keyboard-hint{font-size:12px;margin-top:16px;min-height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
h1,h2{font-family:InterTitle,Inter,sans-serif;font-weight:500;letter-spacing:-.035em}h2{font-size:30px;line-height:1.2}h3,h4{font-weight:500}button{color:inherit}img{display:block}
.site-header{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}.site-header nav{display:flex;gap:26px;color:#9999a2;font-size:14px}.site-header nav a:hover{color:#eee}.header-demo{justify-self:end;display:flex;align-items:center;min-height:40px;padding:7px 15px;border:1px solid #fff3;border-radius:14px;background:linear-gradient(#fff,#e9e9eb);box-shadow:inset 0 1px 0 #fff;color:#101012;font-size:14px;font-weight:600;white-space:nowrap}.header-demo:hover{filter:brightness(1.05)}
/* Figma 377:8598: native 8px tile, 30% spacing (2.4px), 10.4px repeat and 45.192% fade. */
.brand-keyboard{width:204px;height:46px;position:relative;display:block;overflow:hidden;border:1px solid #191919;border-radius:11px;background:#121212;color:#fff;flex:none}.brand-key-grid{position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:46px;overflow:hidden;display:grid;grid-template-columns:repeat(20,8px);grid-template-rows:repeat(5,8px);gap:2.4px;-webkit-mask-image:linear-gradient(90deg,transparent 45.192307%,#000 100%);mask-image:linear-gradient(90deg,transparent 45.192307%,#000 100%)}.brand-key-grid i{display:block;background:rgba(255,255,255,.03);border-radius:2px}.brand-key-rim{position:absolute;left:6px;top:6px;width:32px;height:32px;padding:1px 1px 2px;border-radius:6px;background:linear-gradient(#fff,#b0b0b0);box-shadow:inset 0 -1px 0 #0004}.brand-key-face{height:29px;width:100%;border:1px solid transparent;border-radius:7px;background:linear-gradient(#b0b0b0,#fff);display:flex;align-items:center;justify-content:center}.brand-key-face img{width:auto;height:auto;max-width:none}.brand-key-name{position:absolute;left:48px;top:18px;font:590 14px/20px -apple-system,BlinkMacSystemFont,'SF Pro',sans-serif;font-variation-settings:'wght' 590,'wdth' 100;letter-spacing:-.112px;white-space:nowrap}
.hero{width:100%;padding:43px 0 38px}.hero-copy{text-align:center}.hero h1{font-family:Inter,sans-serif;font-size:var(--intro-font-size);line-height:1.3;font-weight:500;letter-spacing:-.025em}.keyboard-stage{padding:0;margin-top:-9px}.keyboard{width:100%;max-width:none}.keyboard-row:last-child{margin-bottom:0}.keyboard-insights{background:linear-gradient(#5e6ad2,#373c6d)}.keyboard-insights .keyboard-key-face{background:linear-gradient(#474e92,#5e6ad2);border-color:#0006}.keyboard-settings{position:relative;justify-content:flex-start}.keyboard-settings .key-icon{position:absolute;right:1.20482cqw;top:1.20482cqw}.keyboard-hint{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;margin:0}.figma-icon{display:block;max-width:none;flex:none}.keyboard-key-face img{align-self:flex-start}
.demo-section{padding-top:58px}.demo-section h2{text-align:center;font-size:32px}.dictation-surface{margin-top:26px;min-height:210px;padding:39px 28px;border:1px solid #ffffff0d;border-radius:18px;background:#101012}.fragment-bar{display:flex;align-items:center;gap:10px;font-size:12px;color:#92929e;margin-bottom:16px}.fragment-bar img{flex:none}.dictation-surface p{max-width:440px;font-family:InterTitle,Inter,sans-serif;font-size:22px;line-height:1.5;letter-spacing:-.025em;color:#a7a5b3}.dictation-surface s{color:#66616f}.demo-is-playing .dictation-surface{border-color:#ffffff20}.demo-is-playing #dictation-text{opacity:.65}
.hero{padding:43px 0 24px}.keyboard-stage{margin-top:-9px}.keyboard-settings>img{position:absolute;right:1.20482cqw;top:1.20482cqw;opacity:.5}.keyboard-settings{display:flex;align-items:flex-end}.control-label{display:block;font-size:12px;line-height:1.5;color:#898995}
.scroll-demo{margin-top:58px;position:relative}.demo-flow{position:static;padding-bottom:1px}.demo-flow h2{text-align:center;font-size:32px}.demo-gallery{position:relative;display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;margin-top:26px;border-radius:18px}.demo-gallery::-webkit-scrollbar{display:none}.demo-card{flex:0 0 calc(50% - 8px);margin:0;min-height:240px;padding:35px 28px;border-radius:18px}.demo-card p{max-width:none;font-size:21px;line-height:1.5}.fragment-bar{margin-bottom:19px}.text-cursor{display:inline-block;width:1px;height:22px;background:#c9bcf0;vertical-align:text-bottom;margin-left:4px}.product-section{padding-top:82px}.product-copy{max-width:none;margin:auto;color:#a7a5b3;font-family:InterTitle,Inter,sans-serif;font-size:var(--intro-font-size);line-height:1.3;letter-spacing:-.03em}.product-copy p+p{margin-top:25px}.product-copy strong{font-weight:400;color:#ededf1}
.feature-section{padding-top:88px;scroll-margin-top:20px}.feature-heading{margin-bottom:27px}.feature-surface{position:relative;overflow:hidden;background:#101012;border:1px solid #ffffff0d;border-radius:18px}.models-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}.segmented{display:inline-flex;padding:4px;border:1px solid #ffffff0d;border-radius:9px;background:#111113;gap:3px}.segmented button{border:1px solid transparent;border-radius:6px;background:transparent;color:#9999a4;font-size:13px;padding:7px 10px;white-space:nowrap}.segmented button[aria-selected=true]{background:linear-gradient(#252529,#1a1a1e);border-color:#ffffff10;box-shadow:0 2px 5px #0005,inset 0 1px 0 #ffffff08;color:#e4e4eb}.models-stage{padding:32px 35px}.processing-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:37px;align-items:center;min-height:216px}.processing-copy h3{font-family:InterTitle,Inter,sans-serif;font-size:27px;line-height:1.2;letter-spacing:-.04em}.processing-copy p{font-size:14px;line-height:1.7;color:#9797a4;margin-top:17px;max-width:310px}.quiet-link{display:inline-block;font-size:13px;color:#aaaab6;text-decoration:underline;text-underline-offset:3px;margin-top:20px}.quiet-link:hover{color:white}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 18px;border:1px solid #ffffff20;border-radius:9px;background:var(--key-face);box-shadow:inset 0 1px 0 #ffffff09;color:#dedee4;font-size:14px;font-weight:500}.button:hover{filter:brightness(1.15)}.access-section{padding-top:88px;padding-bottom:64px}.access-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}.access-product{display:flex;align-items:center;gap:19px}.access-product h2{font-size:26px}.access-product p{font-size:14px;color:#9595a1;margin-top:8px}.faq-layout{margin-top:34px}.faq-list{border-top:1px solid #ffffff0d}.faq-list details{border-bottom:1px solid #ffffff0d}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:18px 0;font-size:14px;color:#aaaab6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:#6b6b77;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#9393a1;font-size:14px;line-height:1.65;padding-bottom:20px;max-width:620px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0d;padding:24px 0 30px;color:#858591;font-size:12px}.site-footer .brand{display:flex;gap:9px;align-items:center;font-family:InterTitle,Inter,sans-serif;font-size:18px;color:#b9b9c7;letter-spacing:-.035em}.site-footer nav{display:flex;gap:22px;font-size:13px}.site-footer nav a:hover{color:white}
@media(max-width:760px){.site-header{gap:15px}.site-header nav{gap:16px}:root{--intro-font-size:34px}.processing-panel{grid-template-columns:1fr 1fr;gap:24px}.model-device{width:220px}.processing-copy h3{font-size:25px}.demo-card{padding:29px 23px}.demo-card p{font-size:20px}}
@media(max-width:630px){.site-header{grid-template-columns:1fr auto;gap:12px}.site-header nav{display:none}.brand-keyboard{justify-self:start}.processing-panel{grid-template-columns:1fr;gap:26px}.processing-copy{padding:0 3px}.processing-copy p{max-width:100%}.model-device{width:250px}.models-heading{flex-wrap:wrap;gap:18px}.access-heading{align-items:flex-start;flex-wrap:wrap}.access-heading>.button{margin-left:91px}.access-product{gap:15px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.site-header{height:72px}.header-demo{font-size:13px;padding:7px 12px;min-height:36px;border-radius:12px}.hero{padding:32px 0 12px}:root{--intro-font-size:29px}.keyboard-stage{margin-top:2px}.keyboard-pan{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.keyboard-pan::-webkit-scrollbar{display:none}.keyboard{width:530px;margin:0}.keyboard-key-label,.keyboard-settings{font-size:12px}.scroll-demo{margin-top:50px}.demo-flow h2{font-size:27px}.demo-gallery{gap:12px;border-radius:16px;margin-top:23px}.demo-card{flex-basis:calc(100% - 24px);min-height:240px;padding:30px 24px;border-radius:16px}.demo-card p{font-size:21px}.product-section{padding-top:60px}.product-copy p+p{margin-top:23px}.feature-section{padding-top:65px}.feature-heading{margin-bottom:23px}.feature-heading h2{font-size:26px}.models-stage{padding:27px 24px}.processing-copy h3{font-size:25px}.processing-copy h3 br{display:none}.access-section{padding-top:67px;padding-bottom:44px}.access-product h2{font-size:23px}.access-product p{max-width:185px;font-size:13px}.access-heading>.button{margin-left:87px}.site-footer{flex-wrap:wrap}.site-footer nav{order:3;width:100%;font-size:14px;gap:24px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.site-header{gap:8px}.header-demo{font-size:12px;padding:7px 9px}:root{--intro-font-size:26px}.demo-card p{font-size:20px}.access-product{gap:12px}.access-product h2{font-size:21px}.access-product p{font-size:12px}.access-heading>.button{margin-left:84px}.site-footer{gap:15px}.model-device{width:min(250px,calc(100% - 24px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.scroll-demo{height:auto!important}.demo-flow{position:static}.demo-gallery{scroll-snap-type:x mandatory}.demo-card{scroll-snap-align:start}}

.download-label-compact{display:none}@media(max-width:350px){.download-label{display:none}.download-label-compact{display:inline}.header-demo{font-size:12px;padding:7px 8px}.site-header{gap:6px}}

.demo-gallery{width:100%;padding-inline:max(24px,calc((100% - var(--content-width))/2));border-radius:0}.demo-card{flex-basis:569px}@media(max-width:560px){.demo-gallery{padding-inline:20px;border-radius:0}.demo-card{flex-basis:min(340px,calc(100vw - 64px))}}@media(max-width:380px){.demo-gallery{padding-inline:16px}}
.app-key{position:relative;display:flex;flex:none;background:linear-gradient(#fff,#b0b0b0);box-shadow:inset 0 -2px 0 #0004}.app-key-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:2px solid transparent;background:linear-gradient(#b0b0b0,#fff)}.app-key img{width:auto;height:auto;max-width:none}.app-key-model{width:64px;height:64px;border-radius:12px;padding:2px 2px 4px}.app-key-model .app-key-face{border-radius:14px}.app-key-access{width:72px;height:72px;border-radius:13.5px;padding:2.25px 2.25px 4.5px}.app-key-access .app-key-face{border-radius:15.75px;border-width:2.25px}

/* Layout and surfaces from Figma 374:8189. */
body{position:relative;isolation:isolate}
.hero-art{position:absolute;z-index:-1;inset:0 0 auto;display:block;width:100%;height:676px;pointer-events:none}
.site-header{height:92px;gap:30px}
.site-header nav{gap:12px;font-weight:500}
.site-header nav a{display:flex;align-items:center;justify-content:center;width:120px;height:44px;border-radius:16px}
.header-demo{min-height:44px;padding:9px 18px}
.hero{padding:120px 0 64px}
.hero-copy{padding-top:18px}
.hero h1{letter-spacing:0}
.hero h1 span{color:#ededf199}
.keyboard-stage{margin-top:-16px}
.keyboard-key-label,.keyboard-settings{font-size:clamp(12px,1.25cqw,14px)}
.keyboard-insights .keyboard-key-face,.keyboard-dictate .keyboard-key-face{border-color:transparent}
.keyboard-insights .keyboard-key-face:after{background:linear-gradient(180deg,#c0c6ff80,#6270ce55 55%,#8894fa80)}
.keyboard-dictate .keyboard-key-face:after{background:linear-gradient(180deg,#ffffff99,#ffffff33 50%,#8a8a8a70)}
.keyboard-settings{border:0;color:#959597;background:linear-gradient(to right,#ffffff05,#ffffff0a);padding:1.20482cqw}
.keyboard-settings>img{opacity:1}
.keyboard-arrow{border:0}
.scroll-demo{margin-top:105px}
.demo-flow h2{font-family:Inter,sans-serif;line-height:1.3;letter-spacing:0}
.demo-gallery{margin-top:34px}
.demo-card{padding:60px 38px;min-height:286.5px;border:1px solid #ffffff0d;border-radius:24px;background:#101012}
.fragment-bar{font-size:13px;line-height:23px;margin-bottom:20px}
.demo-card p{font-size:27px;line-height:1.5;letter-spacing:-.03em}
.product-section{padding-top:105px}
.product-section>h2{font-size:46px;line-height:1.15;letter-spacing:-.04em}
.product-copy{margin:34px 0 0;max-width:706px;font-family:Inter,sans-serif;font-weight:500;line-height:1.3;letter-spacing:0;color:#ededf199}
.product-copy p+p{margin-top:16px}
.access-section{padding-top:110px;padding-bottom:70px}
.access-product{gap:24px}
.access-product h2{font-size:34px;line-height:1.15;letter-spacing:-.04em}
.access-product p{margin-top:7px;color:#858593}
.button{min-height:48px;padding:12px 23px;border-radius:10px;background:#ffffff08;border-color:#ffffff05;box-shadow:inset 0 .5px 0 #ffffff17}
.faq-layout{margin-top:45px}
.faq-list summary{font-size:15px}
.faq-list summary span{font-size:23px;line-height:35.65px}
.faq-list p{max-width:660px;line-height:1.85;padding-bottom:23px}
.site-footer{padding:28px 0 36px;color:#777786}
.site-footer nav{gap:25px}

/* Model logos follow the reference: a moving row with a lift at its center. */
.models-feature{padding-top:105px}
.model-intro h2{text-align:center;font-size:46px;line-height:1.15;letter-spacing:-.04em}

.model-carousel{position:relative;max-width:640px;margin:38px auto 0}




.model-window{position:relative;isolation:isolate;height:224px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 16%,#000 84%,transparent)}
.model-focus{position:absolute;left:50%;top:54px;z-index:-1;width:120px;height:120px;transform:translateX(-50%);border-radius:50%;background:#040405}
.model-logo-track{position:absolute;inset:0}
.model-logo{position:absolute;left:calc(50% - 48px);top:102px;display:flex;align-items:center;justify-content:center;width:96px;height:96px;overflow:hidden;border:1px solid #ffffff14;border-radius:50%;background:#111113;will-change:transform,opacity}
/* One centered glyph, with an 18% safe area on every side of the circle. */
.model-logo img{display:block;width:64%;height:64%;object-fit:contain}
.model-logo-0{background:#050505}
.model-carousel-footer{position:relative;display:flex;justify-content:center;align-items:center;min-height:44px}
.model-data-link{font-size:14px;color:#aaaab6;text-decoration:underline;text-underline-offset:4px}
.model-data-link:hover{color:#ededf1}
@media(max-width:1100px){.hero{padding-top:100px}.hero-art{height:620px}.keyboard-stage{margin-top:-12px}}
@media(max-width:760px){.site-header{gap:15px}.site-header nav a{width:auto;padding:10px}.hero{padding:80px 0 52px}.hero-art{height:530px}.demo-card{flex-basis:480px;padding:48px 32px;min-height:280px}.demo-card p{font-size:24px}.product-section>h2,.model-intro h2{font-size:36px}.product-section,.models-feature{padding-top:82px}.access-product h2{font-size:30px}}
@media(max-width:560px){.site-header{height:78px;gap:12px}.header-demo{min-height:36px;padding:7px 12px}.hero{padding:56px 0 40px}.hero-copy{padding-top:12px}.hero-art{height:430px}.keyboard-stage{margin-top:-4px}.scroll-demo{margin-top:65px}.demo-gallery{margin-top:27px}.demo-card{flex-basis:calc(100vw - 64px);padding:36px 24px;min-height:286px;border-radius:20px}.demo-card p{font-size:22px}.fragment-bar{font-size:12px;margin-bottom:18px}.product-section,.models-feature{padding-top:65px}.product-section>h2,.model-intro h2{font-size:29px}.product-copy{margin-top:25px}.model-carousel{margin-top:38px}.model-window{height:196px}.model-focus{width:96px;height:96px;top:63px}.model-logo{width:76px;height:76px;left:calc(50% - 38px);top:109px}.model-carousel-footer{min-height:42px}.model-data-link{font-size:13px}.access-section{padding-top:75px;padding-bottom:44px}.access-product{gap:19px}.access-product h2{font-size:26px}.faq-layout{margin-top:34px}.faq-list summary{font-size:14px}.site-footer nav{gap:24px}}
@media(max-width:380px){.site-header{gap:8px}.header-demo{font-size:12px;padding:7px 9px}.demo-card{flex-basis:calc(100vw - 56px);padding:32px 22px}.demo-card p{font-size:21px}.product-section>h2,.model-intro h2{font-size:27px}.access-product{gap:15px}.access-product h2{font-size:23px}}
@media(max-width:350px){.site-header{gap:6px}.header-demo{padding:7px 8px}.access-product h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.model-logo{will-change:auto}}

/* Sticky header. Masks belong to sibling filter layers, never their parent. */
:root{--header-height:92px;--header-feather:48px}
html{scroll-padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px) + 24px)}
.site-header-shell{position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top,0px)}
.site-header-shell .site-header{position:relative;z-index:1;height:var(--header-height)}
.header-backdrop{position:absolute;inset:0 0 auto;height:calc(100% + var(--header-feather));pointer-events:none}
.header-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,rgb(8 8 8 / .94) 25%,rgb(8 8 8 / .64) 55%,rgb(8 8 8 / .24) 78%,transparent 100%)}
.header-blur-layer{position:absolute;inset:0;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 var(--fade-start),transparent var(--fade-end));mask-image:linear-gradient(180deg,#000 0%,#000 var(--fade-start),transparent var(--fade-end))}
.header-blur-layer:nth-child(1){--blur:1px;--fade-start:78%;--fade-end:100%}
.header-blur-layer:nth-child(2){--blur:2px;--fade-start:70%;--fade-end:90%}
.header-blur-layer:nth-child(3){--blur:4px;--fade-start:56%;--fade-end:78%}
.header-blur-layer:nth-child(4){--blur:8px;--fade-start:44%;--fade-end:65%}
.header-blur-layer:nth-child(5){--blur:16px;--fade-start:32%;--fade-end:50%}
.header-blur-layer:nth-child(6){--blur:32px;--fade-start:18%;--fade-end:36%}
@media(max-width:560px){:root{--header-height:78px;--header-feather:40px}.header-blur-layer:nth-child(5){--blur:12px}.header-blur-layer:nth-child(6){--blur:24px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header-blur-layer{display:none}.header-backdrop:after{background:linear-gradient(180deg,var(--bg) 0%,rgb(8 8 8 / .96) 55%,rgb(8 8 8 / .6) 78%,transparent 100%)}}
@media(prefers-reduced-transparency:reduce){.header-blur-layer{display:none}.header-backdrop:after{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 65%,transparent 100%)}}

/* Compact product footer with descriptive destinations. */
.site-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:28px;padding:28px 0 32px;line-height:1.5}
.footer-product p{margin-top:8px;font-size:12px;color:#92929e}
.site-footer nav{justify-content:center;flex-wrap:wrap;gap:10px 24px;padding-top:4px;order:initial;width:auto}
.site-footer nav a{color:#a1a1ae}
.footer-credit{padding-top:4px;white-space:nowrap}
.footer-credit a{color:#a1a1ae}.footer-credit a:hover{color:#ededf1}
@media(max-width:900px){.site-footer{grid-template-columns:1fr auto;gap:20px 24px}.site-footer nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-top:0}}
@media(max-width:560px){.site-footer{grid-template-columns:1fr;gap:20px}.site-footer nav{grid-column:1;grid-row:2;gap:12px 22px;font-size:13px}.footer-credit{grid-row:3;padding-top:0}}

/* Mobile hero: one native spacebar, with author and GitHub links below. */
.mobile-keyboard{display:none}
@media(max-width:560px){
 :root{--header-height:72px}
 .site-header-shell .site-header{gap:12px}
 .brand-keyboard{width:clamp(156px,52vw,204px)}
 .header-demo{min-height:44px;padding:10px 14px;font-size:13px}
 .download-label{display:inline}.download-label-compact{display:none}
 .hero{padding:48px 0 36px}
 .hero-copy{max-width:380px;padding-top:0}
 .hero h1{font-size:clamp(26px,7.2vw,32px);line-height:1.22;letter-spacing:-.025em}
 .hero-art{height:440px}
 .keyboard-stage{margin-top:24px}
 .keyboard-pan{overflow:visible;overscroll-behavior-x:auto}
 .keyboard{display:none}
 .mobile-keyboard{display:flex;flex-direction:column;width:min(280px,calc(100% - 16px));margin:auto;container-type:inline-size}
 .mobile-spacebar{width:100%;height:56px;padding:1px 1px 3px;border-radius:8px}
 .mobile-spacebar .keyboard-key-face{align-items:center;justify-content:center;padding:12px 14px;border-width:1px;border-radius:7px}
 .mobile-spacebar .keyboard-key-face:after{inset:-1px;padding:1px}
 .mobile-spacebar .keyboard-key-label{align-self:center;font-size:15px;line-height:20px;letter-spacing:0}
 .mobile-keyboard-links{display:flex;justify-content:center;gap:28px;margin-top:14px}
 .mobile-keyboard-links a{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px;line-height:20px;color:#aaaab6;white-space:nowrap}
 .mobile-keyboard-links a:hover{color:#ededf1}
 .mobile-keyboard-links img{width:14px;height:14px;object-fit:contain}
}
@media(max-width:350px){.site-header-shell .site-header{gap:8px}.header-demo{padding-inline:11px}.hero{padding-top:40px}}