:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:#f6f7fb;color:#101114;scroll-behavior:smooth}*{box-sizing:border-box}html,body{margin:0;min-width:320px;overflow-x:hidden;background:#f6f7fb}body{-webkit-tap-highlight-color:rgba(80,150,190,.18)}a{color:inherit}a:focus-visible{outline:3px solid #5bdcf2;outline-offset:4px;border-radius:7px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 14px;border-radius:999px;background:#101114;color:#fff;font-weight:800;transform:translateY(-180%);transition:transform .16s ease-out}.skip-link:focus-visible{transform:translateY(0)}.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,5vw,78px);border-bottom:1px solid color-mix(in srgb,CanvasText 10%,transparent);background:color-mix(in srgb,Canvas 72%,transparent);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;text-decoration:none;letter-spacing:0}.mark{width:28px;height:28px;border-radius:999px;background:linear-gradient(#101114,#101114) center 8px / 4px 12px no-repeat,radial-gradient(circle at 38% 30%,#fff 0 22%,#bff7ff 50%,#111720);box-shadow:0 10px 28px #4dccee47}nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.95rem}nav a{text-decoration:none;color:color-mix(in srgb,CanvasText 68%,transparent);text-underline-offset:4px}nav a:hover{color:CanvasText;text-decoration:underline}.hero{min-height:82vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);align-items:center;gap:clamp(28px,6vw,82px);padding:54px clamp(20px,7vw,100px)}.eyebrow{margin:0 0 14px;color:#23788d;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}h1{max-width:900px;margin:0;font-size:clamp(3rem,7.4vw,7rem);line-height:.9;letter-spacing:0;text-wrap:balance}h2{margin:0 0 18px;font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:0}.lead{max-width:720px;color:color-mix(in srgb,CanvasText 68%,transparent);font-size:clamp(1.08rem,1.8vw,1.35rem);line-height:1.55}.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.meta span{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,CanvasText 7%,transparent);font-weight:760}.product{position:relative;min-height:560px;display:grid;place-items:center}.orb{position:absolute;top:18px;width:230px;aspect-ratio:1;border-radius:999px;background:linear-gradient(#101114,#101114) center 74px / 7px 50px no-repeat,radial-gradient(circle at 38% 32%,#fff 0 22%,#ffffffeb 25%,#a9f4ff 54%,#141a23);box-shadow:0 34px 110px #5bdcf247,inset 0 0 0 1px #ffffffd9}.orb i{position:absolute;left:50%;top:86px;width:54px;height:46px;transform:translate(-50%);border:4px solid #101114;border-top:0;border-radius:0 0 999px 999px}.keyboard-card{position:relative;z-index:1;width:min(100%,390px);margin-top:160px;padding:18px;border:1px solid color-mix(in srgb,CanvasText 12%,transparent);border-radius:34px;background:color-mix(in srgb,Canvas 62%,transparent);box-shadow:0 36px 120px #182c3a29;-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}.key-top{display:flex;align-items:center;gap:8px}.key-top span{width:8px;height:8px;border-radius:999px;background:#66f0ab}.key-top b{font-size:.92rem}.key-top em{margin-left:auto;font-size:.78rem;color:color-mix(in srgb,CanvasText 54%,transparent);font-style:normal}.keyboard-card p{min-height:78px;margin:14px 0;padding:16px;border-radius:22px;background:color-mix(in srgb,Canvas 75%,transparent);color:color-mix(in srgb,CanvasText 74%,transparent);font-weight:680}.keyboard-card button{width:100%;height:56px;border:0;border-radius:999px;background:#050507;color:#c6c6c6;font:inherit;font-weight:850}.keys{display:grid;grid-template-columns:54px 1fr 54px;gap:8px;margin-top:12px}.keys span{height:34px;border-radius:999px;background:color-mix(in srgb,CanvasText 8%,transparent)}.band{max-width:980px;margin:0 auto;padding:72px clamp(20px,7vw,96px);border-top:1px solid color-mix(in srgb,CanvasText 10%,transparent);scroll-margin-top:92px}.band p,.band li,dd{color:color-mix(in srgb,CanvasText 70%,transparent);font-size:1.1rem;line-height:1.65;overflow-wrap:anywhere}dt{margin-top:18px;font-weight:850}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.language-grid article{min-width:0;padding:20px;border:1px solid color-mix(in srgb,CanvasText 11%,transparent);border-radius:18px;background:color-mix(in srgb,Canvas 80%,CanvasText 4%)}.language-grid h3{margin:0 0 10px}footer{padding:36px clamp(20px,7vw,96px);text-align:center;color:color-mix(in srgb,CanvasText 55%,transparent)}@media(prefers-color-scheme:dark){:root,html,body{background:#05070a;color:#f8fafc}.keyboard-card{box-shadow:0 36px 120px #0006}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.skip-link{transition:none}}@media(max-width:820px){.nav{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:34px}.product{min-height:480px}}