@font-face{font-family:Inter;src:url('assets/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Space;src:url('assets/fonts/SpaceGrotesk-Variable.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--carbon:#222320;--bone:#f2f0e9;--paper:#faf9f6;--oxide:#b64d2e;--muted:#596057;--line:#d3d4ca;--display:Space,Arial,sans-serif;--body:Inter,Arial,sans-serif;--mono:Plex,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bone);color:var(--carbon);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex='0']:focus-visible{outline:2px solid var(--oxide);outline-offset:5px}::selection{background:var(--oxide);color:#fff}.shell{width:min(calc(100% - 112px),1320px);margin-inline:auto}.section{padding:112px 0}.mono,.eyebrow{font:400 10px/1.6 var(--mono);letter-spacing:.09em}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:var(--oxide);display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--oxide)}h1,h2,h3,h4{font-family:var(--display);font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(34px,4vw,54px);line-height:1.12}h2 span{color:#797c73}h3{font-size:24px;line-height:1.2}h4{font-size:24px;line-height:1.2}.section-heading .eyebrow{margin-bottom:24px}.section-copy{font-size:16px;line-height:1.8;color:var(--muted)}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;padding:12px 20px;background:var(--carbon);color:white}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(242,240,233,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center}.brand img{width:132px;height:42px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{font-size:12px;transition:color .2s}.site-header nav a:hover{color:var(--oxide)}.site-header .nav-action{margin-left:10px;border:1px solid var(--carbon);padding:10px 15px;border-radius:4px;font-weight:500;display:flex;gap:20px;align-items:center}.menu-toggle{display:none}
.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;min-height:630px;align-items:center}.hero-copy{position:relative;z-index:2;padding:65px 0 60px}.hero h1{font-size:clamp(48px,5.4vw,78px);line-height:1.04;margin-top:27px;letter-spacing:-.06em}.hero h1 span{color:var(--oxide)}.hero-description{margin-top:26px;font-size:16px;line-height:1.8;color:var(--muted);max-width:410px}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 19px;background:var(--carbon);color:var(--bone);border-radius:4px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;min-height:48px}.button:hover{background:var(--oxide);transform:translateY(-2px)}.button span{font-size:17px;font-weight:400}.text-link{font-size:12px;font-weight:500;display:inline-flex;gap:16px;align-items:center;min-height:40px}.text-link span{font-size:18px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.development{font-size:10px;letter-spacing:.015em;color:var(--muted);margin-top:35px;display:flex;gap:9px;align-items:center}.development .status-dot{width:4px;height:4px}.hero-studio{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;margin-right:-30px;isolation:isolate}.hero-studio:before{position:absolute;content:'';inset:75px 0 85px 10px;border-radius:50%;background:radial-gradient(ellipse,#deded3 0%,#e9e7de 45%,transparent 72%);z-index:-1}.hero-device{width:113%;max-width:none;object-fit:contain}.studio-label{position:absolute;right:10px;top:43px;color:#7b8071;font-size:8px;writing-mode:vertical-rl}.hero-studio figcaption{position:absolute;bottom:52px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.hero-studio figcaption .mono{font-size:8px;color:var(--muted)}.studio-cross{position:absolute;width:12px;height:12px}.studio-cross:before,.studio-cross:after{content:'';position:absolute;background:#b9bcaf}.studio-cross:before{width:12px;height:1px;top:5px}.studio-cross:after{height:12px;width:1px;left:5px}.cross-one{left:8px;top:50px}.cross-two{right:0;bottom:100px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:24px 26px}.hero-bottom>p{font-size:11px;line-height:1.5;color:var(--muted)}.hero-bottom>div{display:flex;gap:54px;font-size:9px;color:var(--muted)}.hero-bottom>a{display:grid;place-items:center;border:1px solid #babcaf;border-radius:50%;width:38px;height:38px}
.system-section{background:var(--paper)}.system-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:890px;margin-top:32px}.system-intro p{font-size:15px;line-height:1.8;color:var(--muted)}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:68px}.workflow article{border-top:1px solid var(--line);padding-top:20px}.workflow .mono{font-size:9px;color:var(--muted)}.step-art{height:115px;margin:5px 0 15px;display:flex;align-items:center}.step-art svg{width:150px;height:90px;fill:none;stroke:var(--carbon);stroke-width:1.2}.step-art .oxide{stroke:var(--oxide);stroke-width:2}.workflow h3{font-size:23px;margin-bottom:14px}.workflow article>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:290px}
.app-section{background:var(--carbon);color:var(--bone);overflow:hidden}.app-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}.app-copy .eyebrow{color:#de967d}.app-copy h2{margin-top:24px}.app-copy h2 span{color:#a8aba0}.app-copy .section-copy{color:#c0c3b7;margin-top:26px;font-size:15px;max-width:340px}.preview-topline{display:flex;justify-content:space-between;margin-bottom:14px;color:#a9af9e;font-size:8px}.demo-tabs{display:flex;gap:26px;border-bottom:1px solid #c9ccbf;margin-top:23px}.demo-tabs button{border:0;background:none;padding:12px 0;font-size:11px;position:relative;color:var(--muted)}.demo-tabs button[aria-selected=true]{color:var(--carbon);font-weight:600}.demo-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--oxide)}.preview-caption{font-size:10px;line-height:1.7;margin-top:15px;color:#b3b9a9}

summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;font-weight:300;transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}
.approach-section{border-bottom:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:.8fr 1fr;gap:120px;align-items:center}.approach-mark{height:440px;position:relative;background:linear-gradient(90deg,transparent calc(50% - .5px),#c9ccbf calc(50% - .5px),#c9ccbf calc(50% + .5px),transparent calc(50% + .5px));display:flex;flex-direction:column;align-items:center;justify-content:center}.approach-mark:before,.approach-mark:after{content:'';position:absolute;width:100%;height:1px;background:#c9ccbf;left:0;top:25px}.approach-mark:after{top:auto;bottom:25px}.approach-mark img{width:142px;height:195px;object-fit:contain;background:var(--bone);padding:18px 10px;box-sizing:content-box}.approach-mark .mono{margin-top:20px;font-size:8px;background:var(--bone);padding:6px 15px;color:var(--muted)}.approach-grid h2{margin-top:24px;font-size:46px}.approach-grid .section-copy{margin-top:25px;font-size:14px}.principles{margin-top:35px}.principles article{display:flex;gap:24px;border-top:1px solid var(--line);padding:19px 0}.principles article>.mono{color:var(--oxide);padding-top:5px;font-size:9px}.principles h3{font-size:18px;letter-spacing:-.025em}.principles p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:7px}.support-grid{display:grid;grid-template-columns:.8fr 1fr;gap:120px}.support-grid h2{margin-top:24px}.support-grid .section-copy{max-width:320px;margin-top:25px;font-size:14px}.faq-list details{border-top:1px solid #c4c8ba}.faq-list details:last-child{border-bottom:1px solid #c4c8ba}.faq-list summary{padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:20px;cursor:pointer;list-style:none;line-height:1.5}.faq-list details p{font-size:12px;color:var(--muted);line-height:1.9;max-width:470px;padding:0 20px 25px 0}.closing-section{background:var(--carbon);color:var(--bone);padding:65px 0 75px;overflow:hidden}.closing-section .eyebrow{color:#df9d84}.closing-section .shell>div{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:26px}.closing-section h2{font-size:clamp(32px,4vw,52px)}.button-light{background:var(--bone);color:var(--carbon);white-space:nowrap}.button-light:hover{background:white}.closing-rule{display:block;position:relative;height:1px;background:#606457;margin-top:48px}.closing-rule:after{content:'';position:absolute;right:0;top:-4px;width:8px;height:8px;border:1px solid #949a87;background:var(--carbon);transform:rotate(45deg)}
.site-footer{padding:55px 0 30px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1.2fr .8fr;gap:30px;align-items:start}.footer-main>p{font-size:11px;color:var(--muted);line-height:1.8}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:10px}.footer-main nav a:hover{color:var(--oxide)}.back-top{font-size:8px;justify-self:end;min-height:40px;display:flex;align-items:center}.footer-legal{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-top:45px;border-top:1px solid var(--line);padding-top:23px;color:var(--muted);font-size:9px}.footer-legal p{font-size:8px;line-height:1.9;max-width:820px}
@media(min-width:1600px){.hero-grid{min-height:730px}.hero h1{font-size:82px}.hero-description{font-size:18px;max-width:470px}.hero-device{width:120%}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.site-header nav{gap:22px}.hero-grid{min-height:590px;grid-template-columns:1fr 1fr}.hero h1{font-size:60px}.hero-description{font-size:14px}.hero-copy .actions{gap:20px}.hero-copy .text-link{font-size:11px}.hero-device{width:125%}.hero-studio{margin-right:-20px}.hero-studio figcaption{left:25px;right:10px;bottom:64px}.hero-studio figcaption .mono{font-size:6px}.section{padding:90px 0}.app-layout{gap:45px;grid-template-columns:.8fr 1.2fr}.app-copy h2{font-size:43px}.workflow{gap:35px}.approach-grid,.support-grid{gap:70px}.approach-grid h2{font-size:40px}.footer-main{grid-template-columns:1fr 1fr 1.3fr}.back-top{display:none}}
@media(max-width:850px){.shell{width:calc(100% - 48px)}.header-inner{height:72px}.brand img{width:117px;height:38px}.site-header nav{gap:20px}.site-header nav a{font-size:10px}.site-header .nav-action{margin-left:0;padding:9px 10px;gap:12px}.hero-grid{min-height:535px}.hero h1{font-size:49px}.hero-copy{padding:45px 0}.hero-description{font-size:13px}.hero-copy .actions{gap:16px}.hero-copy .button{font-size:10px;padding:12px;gap:12px}.hero-copy .text-link{font-size:10px;gap:8px}.hero-copy .eyebrow{font-size:8px}.development{font-size:8px;margin-top:26px}.hero-studio figcaption{font-size:10px;bottom:42px;left:10px}.studio-label{top:28px;right:5px;font-size:7px}.cross-one{left:0;top:35px}.hero-bottom>div{gap:26px}.system-intro{gap:35px}.system-intro p{font-size:13px}.app-layout{grid-template-columns:1fr;gap:45px}.app-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.app-copy .eyebrow{grid-column:1/-1}.app-copy h2{grid-column:1;grid-row:2/4;font-size:48px}.app-copy .section-copy{grid-column:2;grid-row:2/4;margin-top:24px;max-width:none;font-size:13px}.app-copy .text-link{grid-column:1;grid-row:5}.approach-grid{gap:45px;grid-template-columns:.65fr 1fr}.approach-grid h2{font-size:35px}.approach-mark{height:400px}.support-grid{gap:45px}.faq-list summary{font-size:12px}.closing-section h2{font-size:34px}.closing-section .button{font-size:10px;padding:13px;gap:15px}.workflow h3{font-size:20px}.workflow article>p{font-size:11px}.workflow{gap:25px}.footer-main{gap:25px}.footer-main>p{font-size:10px}}
@media(max-width:680px){html{scroll-padding-top:82px}.shell{width:calc(100% - 40px)}.section{padding:68px 0}.header-inner{height:68px}.brand img{width:114px;height:36px}.menu-toggle{display:flex;gap:13px;align-items:center;min-height:44px;background:none;border:0;padding:6px 0 6px 12px;font-size:11px}.menu-toggle i{width:19px;height:12px;border-top:1px solid var(--carbon);border-bottom:1px solid var(--carbon);position:relative}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bone);padding:8px 20px 25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-header.menu-open nav{display:flex}.site-header nav a{font-size:15px;padding:14px 0;border-bottom:1px solid var(--line)}.site-header .nav-action{padding:13px 15px;margin-top:16px;font-size:12px;justify-content:space-between;border:1px solid var(--carbon)}.menu-open .menu-toggle i{border:0}.menu-open .menu-toggle i:before,.menu-open .menu-toggle i:after{content:'';position:absolute;top:5px;width:19px;height:1px;background:var(--carbon);transform:rotate(45deg)}.menu-open .menu-toggle i:after{transform:rotate(-45deg)}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%;padding:45px 0 0}.hero-copy .eyebrow{font-size:9px}.hero h1{font-size:clamp(43px,11.5vw,68px);margin-top:24px;line-height:1.02;letter-spacing:-.055em}.hero-description{margin-top:24px;font-size:14px;max-width:360px;line-height:1.8}.hero-copy .actions{margin-top:26px;gap:24px}.hero-copy .button{font-size:11px;padding:14px 16px;gap:18px}.hero-copy .text-link{font-size:11px;gap:10px}.development{font-size:9px;margin-top:23px}.hero-studio{width:100%;height:340px;margin:15px 0 0}.hero-device{width:min(114%,560px);height:100%;object-fit:contain}.hero-studio:before{inset:15px 0 20px}.studio-label{top:24px;right:2px;font-size:6px}.hero-studio figcaption{bottom:14px;left:8px;right:8px;font-size:10px}.hero-studio figcaption .mono{font-size:6px}.cross-one{top:23px}.cross-two{bottom:55px}.hero-bottom{padding:20px 0}.hero-bottom>p{font-size:9px}.hero-bottom>div{gap:12px;font-size:6px}.hero-bottom>a{width:28px;height:28px;font-size:12px}.section-heading .eyebrow{margin-bottom:21px}.eyebrow{font-size:9px}h2{font-size:35px;letter-spacing:-.045em}.system-intro{grid-template-columns:1fr;gap:18px;margin-top:26px;max-width:500px}.system-intro p{font-size:13px}.workflow{grid-template-columns:1fr;margin-top:36px;gap:28px}.workflow article{display:grid;grid-template-columns:95px 1fr;column-gap:20px;padding-top:18px}.workflow .mono{font-size:7px;grid-column:1/-1}.step-art{grid-column:1;grid-row:2/4;height:95px;margin:0}.step-art svg{width:90px;height:70px}.workflow h3{grid-column:2;grid-row:2;font-size:20px;margin-top:14px;margin-bottom:10px}.workflow article>p{grid-column:2;grid-row:3;font-size:11px;max-width:none}.app-layout{gap:32px}.app-copy{display:block}.app-copy h2{font-size:40px}.app-copy .section-copy{font-size:13px;margin-top:24px;max-width:440px}.app-copy .text-link{font-size:12px}.demo-tabs{gap:30px;margin-top:20px}.preview-caption{font-size:9px}.approach-grid{grid-template-columns:1fr;gap:40px}.approach-mark{height:220px;order:2}.approach-mark img{height:120px;width:85px;padding:8px 20px}.approach-mark .mono{margin-top:5px;font-size:7px}.approach-mark:before{top:8px}.approach-mark:after{bottom:8px}.approach-grid h2{font-size:35px}.approach-grid .section-copy{font-size:13px}.principles{margin-top:30px}.principles article{gap:20px}.principles h3{font-size:18px}.principles p{font-size:11px}.support-grid{grid-template-columns:1fr;gap:35px}.support-grid h2 br{display:none}.support-grid .section-copy{font-size:13px;max-width:none}.faq-list summary{font-size:12px;padding:22px 0}.faq-list details p{font-size:11px}.closing-section{padding:46px 0 52px}.closing-section .shell>div{display:block;margin-top:24px}.closing-section h2{font-size:36px;max-width:300px}.closing-section .button{margin-top:26px;font-size:11px;padding:14px 16px;gap:25px}.closing-rule{margin-top:36px}.site-footer{padding:38px 0 25px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main>p{font-size:10px;justify-self:end}.footer-main nav{grid-column:1/-1;grid-template-columns:repeat(3,1fr);font-size:10px;gap:12px 20px;margin-top:6px}.footer-legal{grid-template-columns:1fr;gap:15px;margin-top:30px;padding-top:20px;font-size:8px}.footer-legal p{font-size:7px}.back-top{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.button:hover{transform:none}}
/* Current single-instrument presentation. */
.board-hero{width:95%;max-width:100%;transform:rotate(-9deg);filter:drop-shadow(0 27px 16px #22232020)}
.board-studio:before{inset:95px 0 95px 15px}.hardware-facts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px;margin-top:34px;padding-top:26px;border-top:1px solid #4a4f42}.hardware-facts strong{font:500 28px var(--display);letter-spacing:-.05em;white-space:nowrap}.hardware-facts strong span{font:400 10px var(--mono);letter-spacing:0;margin-left:5px;color:#b6bcae}.hardware-facts p{font-size:10px;color:#b6bcae;margin-top:8px}.hardware-context{font-size:11px;line-height:1.9;color:#b9bfb0;margin-top:29px;max-width:350px}.board-window{border:1px solid #79806d;border-radius:7px;background:var(--bone);color:var(--carbon);overflow:hidden;box-shadow:0 30px 60px #0b0d0b40}.board-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #cdd0c3;gap:15px}.board-toolbar .demo-tabs{border:0;margin:0;gap:25px}.board-toolbar .demo-tabs button{padding:18px 0}.board-toolbar>.mono{font-size:8px;color:var(--muted)}.board-panel{padding:15px 12px 0}.board-panel[hidden]{display:none}.board-panel>img{width:100%;height:auto;aspect-ratio:1000/740;object-fit:contain}.board-panel>p{display:flex;justify-content:space-between;gap:20px;margin:0 10px;padding:16px 0 18px;border-top:1px solid #cdd0c3;font-size:9px;color:var(--muted)}.board-panel .mono{font-size:8px;color:var(--oxide)}
@media(max-width:1100px){.hardware-facts{gap:10px}.hardware-facts strong{font-size:24px}.board-toolbar{padding:0 17px}}
@media(max-width:850px) and (min-width:681px){.hardware-section .app-copy{display:block;max-width:600px}.hardware-section .app-copy .section-copy{max-width:500px}.hardware-facts{max-width:460px}.hardware-context{max-width:500px}.hardware-viewer{max-width:610px;width:100%;margin:auto}}
@media(max-width:680px){.board-hero{width:108%;height:auto}.board-studio:before{inset:25px 0}.hardware-facts{gap:12px;margin-top:28px;padding-top:23px;max-width:420px}.hardware-facts strong{font-size:29px}.hardware-facts p{font-size:9px}.hardware-context{font-size:11px;max-width:440px;margin-top:25px}.board-toolbar{padding-inline:14px}.board-toolbar .demo-tabs{gap:23px}.board-toolbar .demo-tabs button{font-size:10px;padding:16px 0}.board-toolbar>.mono{font-size:7px}.board-panel{padding:8px 5px 0}.board-panel>img{aspect-ratio:1.2}.board-panel>p{font-size:7px;padding-block:13px;gap:12px}.board-panel .mono{font-size:7px}.hero-studio figcaption{gap:10px}.hero-studio figcaption .mono{font-size:6px}}
.actions{flex-wrap:wrap}
@media(max-width:360px){.hardware-facts strong{font-size:24px}.hardware-facts strong span{font-size:8px}.hardware-facts{gap:10px}}
@media(min-width:681px){.board-hero{width:90%;max-height:430px}.board-studio figcaption{bottom:30px}}
