@font-face{font-family:DM;src:url('/assets/dm-sans.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Instrument;src:url('/assets/instrument-serif.ttf') format('truetype');font-style:normal;font-display:swap}@font-face{font-family:Instrument;src:url('/assets/instrument-italic.ttf') format('truetype');font-style:italic;font-display:swap}
:root{--paper:#edf2e6;--ink:#153c31;--muted:#556a60;--line:#cbd6c5;--lime:#d5eb91;--peach:#f0b89c;--nav:78px;--sans:DM,'Trebuchet MS',sans-serif;--serif:Instrument,Georgia,serif;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.6 var(--sans);overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #a15b36;outline-offset:5px}img{max-width:100%;height:auto;display:block}p,h1,h2,h3,figure{margin:0}em{font-weight:400}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.91}h1{font:700 clamp(64px,8.2vw,132px)/1.06 var(--sans);letter-spacing:-.075em;white-space:nowrap}h2{font-size:clamp(60px,6.3vw,96px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--ink);color:white;z-index:200}.skip:focus{top:10px}.topbar{height:var(--nav);position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line);background:rgba(237,242,230,.96);backdrop-filter:blur(10px)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:600;letter-spacing:-.04em}.brand-mark{font:italic 35px/.8 var(--serif)}.topbar nav{display:flex;align-items:center;gap:26px}.topbar nav>a:not(.download){text-decoration:none;font-size:13px}.quiet-button{border:0;background:transparent;color:var(--ink);padding:7px 0;font-size:13px;text-decoration:underline;text-underline-offset:4px}.download,.solid-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:13px 22px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:14px;line-height:1.2;transition:background .2s,color .2s,transform .2s}.download:hover,.solid-button:hover{background:var(--lime);color:var(--ink);transform:translateY(-2px)}.download span:last-child{font-size:21px}.story{margin-top:var(--nav);position:relative}.panel{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;padding:70px 8vw 88px;min-height:calc(100svh - var(--nav));border-bottom:1px solid var(--line);overflow:hidden}.panel-copy{min-width:0;position:relative;z-index:2;max-width:650px}.eyebrow{font:500 11px/1.4 var(--sans);letter-spacing:.13em;margin-bottom:26px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--ink)}.lead{font-size:clamp(18px,1.6vw,24px);line-height:1.4;letter-spacing:-.025em;margin:24px 0 14px}.body-copy{font-size:clamp(15px,1.25vw,19px);line-height:1.6;max-width:440px;color:var(--muted);margin-top:26px}.intro-panel{grid-template-columns:1.65fr 1fr;gap:2vw}.intro-panel .panel-copy{max-width:none}.intro-panel .body-copy{margin-top:0;max-width:385px}.intro-panel .lead{margin:24px 0 12px;font-size:clamp(20px,1.9vw,28px)}.text-link{display:inline-flex;align-items:center;gap:32px;text-decoration:none;border-bottom:1px solid var(--ink);padding:6px 0;font-size:14px;margin-top:30px}.text-link span{font-size:22px}.panel-foot{position:absolute;left:8vw;right:8vw;bottom:30px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:var(--muted)}.panel-foot span:last-child{font-size:11px;letter-spacing:.04em}.hero-art{height:300px;position:relative;max-width:310px;width:100%;justify-self:center}.staff{position:absolute;top:20%;left:-10%;width:118%;height:58%;transform:rotate(-12deg);display:flex;flex-direction:column;justify-content:space-between}.staff i{height:1px;background:#c0cdb8}.music-card{position:absolute;width:64%;height:72%;border:1px solid var(--ink);border-radius:12px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 35px -30px #153c3170}.music-card>span{font-size:9px;letter-spacing:.12em}.music-card b{font-family:Georgia,serif;font-weight:400;font-size:110px;line-height:1;align-self:center;margin-top:0}.music-card small{font-size:12px;margin-top:auto}.card-back{top:10%;left:0;transform:rotate(-15deg);background:var(--peach)}.card-front{top:5%;right:0;transform:rotate(11deg);background:var(--lime)}.card-rule{height:1px;background:var(--ink);opacity:.3;width:100%;margin-bottom:18px}.orbit-label{position:absolute;bottom:0;right:0;font-size:9px;letter-spacing:.15em;transform:rotate(-6deg)}.curl{position:absolute;width:62%;height:auto;left:-18%;bottom:-4%;fill:none;stroke:var(--ink);stroke-width:1.8}.controls-panel{background:#e3eadb}.aside-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:26px;padding-left:14px;border-left:2px solid #b5c5aa}.demo{min-width:0;width:100%;max-width:460px;justify-self:center;background:#f7f8f1;border:1px solid #adbfaa;border-radius:16px;padding:26px;box-shadow:0 14px 25px -24px #1b422e60}.demo-heading{display:flex;justify-content:space-between;align-items:center}.demo-brand{font:600 14px/1.4 var(--sans)}.demo-brand span{font:12px var(--sans);margin-left:8px}.demo-status{font-size:10px;letter-spacing:.07em;text-transform:uppercase;border:1px solid #becbb6;border-radius:20px;padding:5px 9px}.demo-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:23px 0 8px}.demo-note{aspect-ratio:1;background:#e6eddd;border:1px solid #d2ddc9;border-radius:5px;display:grid;place-items:center;color:#98ad8c;font-family:Georgia,serif;font-size:23px}.demo-note i{font-style:normal}.demo-note.is-filled{background:var(--ink);border-color:var(--ink);color:var(--lime)}.progress-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.05em;color:var(--muted);margin-bottom:18px}.control{margin-bottom:15px}.control label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.control output{font-variant-numeric:tabular-nums;color:var(--ink)}input[type=range]{min-width:0;accent-color:var(--ink);width:100%;height:22px;margin:0;cursor:ew-resize}.range-ends{font-size:10px;display:flex;justify-content:space-between;color:var(--muted)}.score-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.demo-actions{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.solid-button{min-width:158px}.demo-disclaimer{font-size:10px;color:var(--muted);line-height:1.4;margin-top:17px}.preview-panel{background:#dbe7d0}.secondary{font-size:14px;max-width:360px}.product-preview{justify-self:center;position:relative;max-width:325px;width:100%;transform:rotate(3deg)}.product-preview img{width:100%;max-height:calc(100svh - 245px);object-fit:contain;object-position:center;border-radius:15px}.preview-label{display:block;text-align:center;font-size:9px;letter-spacing:.16em;margin-bottom:10px}.product-preview figcaption{font-size:10px;text-align:center;margin-top:10px;color:var(--muted)}.chapter-nav{display:none}.is-pinned{height:calc(100svh - var(--nav));overflow:hidden}.is-pinned .track{display:flex;width:300%;height:100%}.is-pinned .panel{width:33.333333%;flex:0 0 33.333333%;min-height:0;height:100%;padding-top:38px;padding-bottom:100px;border:0}.is-pinned .panel-foot{bottom:82px}.is-pinned .chapter-nav{position:absolute;bottom:0;left:0;right:0;height:65px;display:flex;align-items:center;gap:34px;padding:0 4.5vw;background:rgba(237,242,230,.98);border-top:1px solid var(--line);z-index:5}.chapter-nav button{font-size:11px;border:0;background:none;color:var(--muted);padding:8px 0;white-space:nowrap}.chapter-nav button span{margin-right:10px;font-size:9px}.chapter-nav button[aria-current]{color:var(--ink);font-weight:600}.chapter-line{height:2px;flex:1;background:#d0dbc8;max-width:260px;margin-left:auto}.chapter-line span{height:100%;display:block;width:33.333%;background:var(--ink);transform-origin:left}.installation{max-width:1260px;margin:0 auto;padding:105px 6vw 40px;scroll-margin-top:var(--nav)}.install-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:54px}.install-heading h2{font-size:clamp(48px,5.5vw,80px)}.install-heading>p{max-width:330px;font-size:14px;color:var(--muted);margin-bottom:8px}.guide{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.guide summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:24px 0;font-size:21px;list-style:none}.guide summary::-webkit-details-marker{display:none}.guide-meta{display:flex;align-items:center;gap:28px;font-size:10px;letter-spacing:.1em}.guide-meta b{font-size:26px;font-weight:400;transition:transform .2s}.guide[open] .guide-meta b{transform:rotate(45deg)}.guide-body{padding:0 0 28px}.copy-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:16px 20px;margin-bottom:35px;background:#dfe8d6;font-size:13px;border-radius:8px}#copy-status{font-size:12px;color:var(--muted)}ol{list-style:none;padding:0;margin:0;counter-reset:steps}li{position:relative;counter-increment:steps;padding:0 0 34px 48px}li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:2px;font-size:11px;color:var(--muted)}li h3{font-size:17px;font-weight:600;line-height:1.5;margin-bottom:6px}li p{margin:0 0 15px;color:var(--muted);font-size:14px}code{background:#dfe8d6;padding:3px 7px;border-radius:4px;font-size:.94em;overflow-wrap:anywhere}.address{width:520px;border-radius:7px}.load{width:210px;border-radius:7px}li figure{margin-top:16px}.screenshot-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.annotated{position:relative;min-width:720px}.annotated img{width:100%}.annotation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}figcaption{margin-top:8px;color:var(--muted);font-size:11px}.mobile-hint{display:none}.contact{color:var(--ink);text-underline-offset:3px;overflow-wrap:anywhere}.closing{display:flex;justify-content:space-between;align-items:center;padding:80px 0 50px}.closing>p{font:400 42px/1.1 var(--serif);letter-spacing:-.03em}.closing>div{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.closing>div>span{font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:28px 4.5vw;border-top:1px solid var(--line);font-size:11px}footer a{text-decoration:none}.motion-off .music-card,.motion-off .product-preview{transform:none}
@media(max-width:1100px){.panel{gap:4vw;padding-left:6vw;padding-right:6vw}.hero-art{height:270px}.music-card b{font-size:96px}.demo{padding:22px}.topbar nav{gap:20px}.is-pinned .panel{padding-bottom:96px}.body-copy{font-size:15px}.lead{font-size:18px}}
@media(max-width:959px),(max-height:759px){.panel{min-height:0;padding-top:72px;padding-bottom:72px;gap:6vw}.panel-foot{display:none}.hero-art{height:300px}h1{font-size:clamp(58px,8.2vw,112px)}h2{font-size:clamp(54px,7vw,82px)}.product-preview img{max-height:560px}.chapter-nav{display:none!important}.installation{padding-top:80px}}
@media(max-width:700px){:root{--nav:68px}.topbar{padding:0 20px}.wordmark{font-size:13px;gap:8px}.brand-mark{font-size:29px}.topbar nav{gap:16px}.topbar nav>a:not(.download){display:none}.topbar .download{padding:10px 14px;gap:12px;font-size:12px}#motion-toggle{font-size:10px}.panel{grid-template-columns:1fr;padding:52px 24px 58px;gap:38px}.panel-copy{max-width:480px}h1{font-size:clamp(40px,12vw,84px)}h2{font-size:62px}.intro-panel{grid-template-columns:1fr;padding-top:76px;padding-bottom:76px}.intro-panel .hero-art{display:none}.intro-panel .lead{font-size:21px;margin-top:24px}.eyebrow{font-size:9px;margin-bottom:20px}.lead{font-size:20px;margin-top:24px}.desktop-break{display:none}.body-copy{font-size:15px;margin-top:22px}.hero-art{height:310px;max-width:310px;margin:4px auto 20px}.music-card{padding:16px}.music-card b{font-size:100px}.music-card>span{font-size:7px}.music-card small{font-size:9px}.orbit-label{font-size:7px}.text-link{font-size:13px;margin-top:25px}.demo{max-width:460px;padding:22px}.demo-note{font-size:20px}.preview-panel{gap:30px}.product-preview{max-width:270px;transform:none}.product-preview img{max-height:none}.preview-label{margin-bottom:14px}.installation{padding:65px 24px 30px}.install-heading{display:block;margin-bottom:35px}.install-heading h2{font-size:56px}.install-heading>p{margin-top:26px}.guide summary{font-size:18px}.copy-row{padding:14px;font-size:12px;gap:10px}.guide-meta{font-size:8px;gap:16px}li{padding-left:30px}li h3{font-size:16px}li p{font-size:13px}.mobile-hint{display:inline}.closing{padding:55px 0 35px;gap:25px}.closing>p{font-size:30px}.closing .download{font-size:13px;padding:12px 17px;gap:15px}.closing>div>span{font-size:8px;max-width:120px}footer{padding:25px 24px;gap:18px;flex-wrap:wrap;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.music-card,.product-preview{transform:none}}

/* Static privacy page: readable without JavaScript or animation. */
.policy-back{font-size:13px;text-decoration:none}.policy-main{max-width:820px;margin:0 auto;padding:150px 28px 90px}.policy-main h1{font:700 clamp(40px,6vw,66px)/1.1 var(--sans);letter-spacing:-.055em;white-space:normal}.policy-date{margin-top:18px;color:var(--muted);font-size:13px}.policy-main section{margin-top:38px}.policy-main h2{font:600 21px/1.35 var(--sans);letter-spacing:-.025em;margin-bottom:12px}.policy-main section p{font-size:16px;line-height:1.75;color:var(--muted)}.policy-main section p+p{margin-top:14px}.policy-page footer a{text-underline-offset:4px}.policy-page footer a:hover{text-decoration:underline}
@media(max-width:700px){.policy-main{padding:112px 24px 60px}.policy-main h1{font-size:42px}.policy-main section{margin-top:30px}.policy-main h2{font-size:20px}.policy-main section p{font-size:15px;line-height:1.7}.policy-date{font-size:12px}.policy-back{font-size:12px}}