:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202126;background:#f5f5f7;scroll-behavior:smooth;--muted:#737780;--line:#dcdde2;--glass:#ffffffb8}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #73889c;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:36px;padding:12px max(24px,calc((100vw - 1120px)/2));background:#f5f5f7db;backdrop-filter:blur(24px);border-bottom:1px solid #e0e1e780}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:650;letter-spacing:-.7px}.brand img{object-fit:contain}.nav nav{display:flex;gap:30px;font-size:12px;margin-left:auto}.language-control{display:flex;gap:3px;background:#e8e9ed;border-radius:20px;padding:3px}.language-control button{border:0;background:transparent;padding:7px 10px;border-radius:18px;font-size:11px}.language-control [aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #00000012}.hero{text-align:center;padding-top:68px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.13em;color:var(--muted);margin:0 0 24px}.hero h1{font-size:clamp(52px,7.5vw,88px);line-height:1.08;letter-spacing:-.065em;margin:0;font-weight:650}.muted{color:#80838d}.lead{font-size:19px;line-height:1.8;max-width:620px;margin:25px auto 0;color:#6d717a}.hero-links{display:flex;align-items:center;gap:28px;justify-content:center;flex-wrap:wrap;margin:30px 0 45px;font-size:13px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border:1px solid #ced2d9;border-radius:28px;font-weight:500}.pill.primary{background:#292e36;color:#fff;border-color:#292e36}.model-panel{position:relative;height:560px;border:1px solid #e3e6ea;border-radius:34px;background:radial-gradient(ellipse at 50% 48%,#fff,#edf0f4);overflow:hidden}.model-panel canvas{width:100%;height:100%;display:block;touch-action:none}.model-top{position:absolute;inset:22px 26px auto;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-size:11px;color:#7a8089;z-index:2;text-align:left}.model-controls{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;align-items:center}.segmented{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:4px;border:1px solid #ffffffb8;border-radius:25px;background:var(--glass);backdrop-filter:blur(20px);box-shadow:0 2px 12px #26374a08}.segmented button{border:0;border-radius:20px;background:transparent;padding:9px 15px;font-size:12px;white-space:nowrap}.segmented button[aria-pressed=true]{background:#e0e5ec}.glass{background:var(--glass);backdrop-filter:blur(20px);border:1px solid #fff;border-radius:25px;padding:13px 20px;font-size:12px}.model-fallback{position:absolute;inset:30% 15% auto;color:var(--muted);font-size:18px;line-height:1.8}.chord-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;text-align:left}.chord-controls>span{font-size:12px;color:var(--muted);line-height:1.6}.grip-strip{display:flex;justify-content:space-between;align-items:center;gap:26px;text-align:left;padding-top:16px}.grip-strip p{font-size:11px;color:var(--muted);line-height:1.7;max-width:390px}.grip-strip .segmented{flex-shrink:0}.insight{padding:115px 0 100px}h2{font-size:clamp(34px,4.3vw,53px);letter-spacing:-.045em;line-height:1.18;font-weight:620;margin:0 0 35px}h3{font-size:24px;line-height:1.35;letter-spacing:-.025em}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:55px}.editorial p{font-size:17px;line-height:1.95;color:#6e737c;margin:0}.ergonomics{margin:45px 0;padding:35px 40px;border:1px solid #fff;border-radius:26px;background:#fff9;box-shadow:0 12px 45px #28374c05}.ergonomics .eyebrow{margin-bottom:15px}.ergonomics strong{display:block;font-size:21px;line-height:1.85;font-weight:650;color:#353b44}.ergonomics p{margin:0}.ergonomics .footnote{margin-top:18px}.footnote{font-size:11px;color:var(--muted);line-height:1.9;margin-top:24px}.next-idea{align-items:center;margin:40px 0 42px}.next-idea h3{max-width:360px;margin:0;font-size:31px;line-height:1.5}.chords{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}/* Three columns intentionally map to the three 0/1/2-finger chords. */.chord{text-align:left;padding:27px;border:1px solid #e1e3e8;border-radius:22px;background:#fafbfc;transition:background .18s,box-shadow .18s}.chord.active{background:#fff;box-shadow:0 8px 25px #26374a09;border-color:#bbc6d1}.chord .fingers{font-size:27px;letter-spacing:9px;color:#8b9ba9;display:block;margin-bottom:25px}.chord strong{display:block;font-size:12px;color:var(--muted);font-weight:500}.chord>span:not(.fingers){display:block;font-size:23px;font-weight:550;margin-top:9px;line-height:1.25;letter-spacing:-.5px}.chord small{display:block;font-size:12px;line-height:1.8;margin-top:16px;color:var(--muted)}.video-section{background:#14171d;color:#f1f3f7;padding:90px 0}.video-section .eyebrow{color:#919dab}.video-intro{font-size:16px;line-height:1.8;color:#a4aeba;max-width:620px}.video-placeholder{min-height:350px;border:1px solid #343c47;border-radius:27px;background:linear-gradient(125deg,#252d38,#191e26);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px;padding:40px;margin-top:35px}.video-outline{height:65px;width:100px;border:1px solid #6d7b8e;border-radius:17px;display:grid;place-items:center;color:#b8c6d5;font-size:35px}.video-placeholder strong{font-size:21px;font-weight:500}.video-placeholder p{font-size:13px;color:#9aa8b8;max-width:460px;line-height:1.8;margin:0}.video-placeholder a{font-size:12px;margin-top:8px;border-color:#576476}.status-section{padding:100px 0 80px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:45px 0}.tag{font-size:11px;color:#84929e}.status-grid h3{margin:10px 0 20px}.status-grid p{font-size:14px;color:var(--muted);line-height:1.9;margin:15px 0}.status-grid a{font-size:13px;display:inline-flex;margin-top:12px}.scope-note{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.scope-note p{color:var(--muted);font-size:11px;line-height:1.9}.release-note{margin-top:45px;padding:32px 38px;background:#e9ecf1;border-radius:25px}.release-note h3{margin:0 0 15px}.release-note p{color:var(--muted);font-size:13px;line-height:1.9;max-width:720px}.release-note .hero-links{justify-content:flex-start;margin:25px 0 0}footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:25px 0 35px}footer p{flex:1;font-size:11px;color:var(--muted)}footer>a:last-child{font-size:12px}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.nav{padding:10px 18px;gap:16px}.nav nav{gap:18px}.model-panel{height:460px}.editorial{gap:25px}.grip-strip{flex-direction:column;align-items:flex-start;gap:3px}.grip-strip p{max-width:none}.chord-controls{flex-wrap:wrap}.chord{padding:20px}.chord>span:not(.fingers){font-size:20px}.status-grid{gap:30px}.ergonomics{padding:28px}.ergonomics strong{font-size:19px}}
@media(max-width:540px){.nav{flex-wrap:wrap;gap:10px 20px}.nav .brand{font-size:18px}.nav nav{order:3;justify-content:center;width:100%;padding:4px 0;font-size:11px}.language-control{margin-left:auto}.hero{padding-top:48px}.hero h1{font-size:48px}.lead{font-size:16px}.hero-links{gap:20px;margin-bottom:30px}.model-panel{height:390px;border-radius:25px}.model-top{inset:17px 16px auto;font-size:10px}.model-controls{left:12px;right:12px;bottom:14px;gap:7px}.segmented button{font-size:10px;padding:9px 10px}.glass{font-size:10px;padding:12px}.model-fallback{inset:25% 10% auto;font-size:15px}.chord-controls{gap:10px}.insight{padding:75px 0 60px}.editorial{grid-template-columns:1fr;gap:22px}.editorial p{font-size:16px}.ergonomics{padding:23px;margin:28px 0}.ergonomics strong{font-size:18px}.next-idea h3{font-size:27px}.chords{grid-template-columns:1fr;gap:12px}.chord{display:grid;grid-template-columns:50px 1fr;column-gap:18px}.chord .fingers{grid-row:span 3;letter-spacing:4px;align-self:center;margin:0;font-size:22px}.chord small{margin-top:8px}.video-section{padding:65px 0}.video-placeholder{padding:25px;min-height:340px}.status-section{padding:65px 0}.status-grid,.scope-note{grid-template-columns:1fr;gap:25px}.scope-note{gap:0}.release-note{padding:26px}.status-section h2{font-size:36px}footer{flex-wrap:wrap;gap:15px}footer p{flex-basis:100%;order:3;line-height:1.7}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Real-device walkthrough: load video only when requested. */
.device-video{margin:32px 0 0}.device-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:24px;background:#080a0e;box-shadow:0 16px 60px #0004}.device-video figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:13px;line-height:1.6;color:#a4aeba}.device-video figcaption a{color:#e0e7f0}.video-description{max-width:780px;margin-top:24px;color:#a4aeba;font-size:14px;line-height:1.9}@media(max-width:540px){.device-video video{border-radius:14px}.device-video figcaption{font-size:12px}}

/* Feedback: direct links to GitHub Issues and email. */
.join-section{padding-top:88px;padding-bottom:100px;scroll-margin-top:90px}.join-copy{max-width:820px}.join-copy>p:not(.eyebrow):not(.footnote){font-size:19px;line-height:1.75;color:#535964}.contact-links{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:28px}.contact-links a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media(max-width:720px){.nav nav{gap:12px}}
