:root{color-scheme:dark;--night: #07070b;--glass: rgba(20, 20, 30, .62);--paper: #f2f0e9;--paper-dim: rgba(242, 240, 233, .68);--paper-faint: rgba(242, 240, 233, .4);--line: rgba(242, 240, 233, .16);--signal: #b63828;--signal-hi: #e0553c;--aether: #8fe6ff;--violet: #b894ff;--amber: #ffb46b;--relay: #4a8dff;--cream: #eeeae2;--ink: #2b2824;--ink-dim: #5f5a52;--ink-line: rgba(43, 40, 36, .14);--green: #2f5b3d;--sleep: #5b5b9e;--display: "Anton", Impact, "Arial Narrow Bold", sans-serif;--serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter: clamp(16px, 4vw, 56px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--night);color:var(--paper);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}code{font-family:var(--mono);font-size:.92em}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--signal-hi);outline-offset:3px;border-radius:6px}::selection{background:var(--signal);color:var(--paper)}#field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.wrap{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding-inline:var(--gutter)}section{position:relative}.page.tone-cream{background:var(--cream);color:var(--ink);min-height:100vh}.page.tone-cream ::selection{background:var(--green);color:var(--cream)}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.wordmark{font-family:var(--display);letter-spacing:.01em;text-decoration:none}.wordmark .slash{color:var(--signal-hi)}.text-glow{text-shadow:0 0 24px rgba(7,7,11,.95),0 0 8px rgba(7,7,11,.8)}.tone-cream .text-glow{text-shadow:none}header.top{display:flex;justify-content:space-between;align-items:center;padding-block:22px}header.top .wordmark{font-size:26px}header.top nav{display:flex;gap:22px;font-size:14px;color:var(--paper-dim)}header.top nav a{text-decoration:none}header.top nav a:hover{color:var(--paper)}header.top.tone-cream nav{color:var(--ink-dim)}header.top.tone-cream nav a:hover{color:var(--ink)}header.top.tone-cream .wordmark{color:var(--ink)}header.top.tone-cream .slash{color:var(--signal)}.hero{min-height:min(100svh,980px);display:flex;flex-direction:column}.hero .wrap{flex:1;display:flex;flex-direction:column;width:100%}.hero-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:28px;padding-block:40px 72px;text-shadow:0 0 28px rgba(7,7,11,.9)}.eyebrow{color:var(--paper-faint)}h1{margin:0;max-width:11ch;font:400 clamp(52px,9vw,140px)/.92 var(--display);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}h1 em{font:italic 400 1.12em/.9 var(--serif);text-transform:none;letter-spacing:-.01em;padding-right:.06em}h1 .e-light{background:linear-gradient(100deg,var(--aether),var(--violet) 55%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 calc(var(--beat, 0) * 26px) rgba(184,148,255,.9));text-shadow:none}.lede{max-width:36em;margin:0;font-size:clamp(17px,1.6vw,20px);color:var(--paper-dim)}.lede strong{color:var(--paper);font-weight:500}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}.player{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}.play{display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:999px;border:1px solid rgba(184,148,255,.4);background:#1e18308c;color:var(--paper);font:500 14px/1 var(--sans);cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,background .2s}.play:hover{border-color:var(--violet);background:#2e224cb3}.play .disc{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--aether),var(--violet));color:var(--night)}.meter{display:inline-flex;gap:3px;align-items:flex-end;height:16px}.meter i{width:3px;height:3px;border-radius:2px;background:var(--aether);transition:height 60ms linear}.player small{color:var(--paper-faint);font-size:13px;line-height:1.4;max-width:40em}.player small b{color:var(--paper-dim);font-weight:500}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font:600 15px/1 var(--sans);text-decoration:none;border:1px solid var(--line);cursor:pointer;color:inherit;background:transparent;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--paper);color:var(--night);border-color:var(--paper)}.btn.ghost:hover{border-color:var(--paper-dim)}.tone-cream .btn.primary{background:var(--green);border-color:var(--green);color:var(--cream)}.tone-cream .btn.ghost{border-color:#2b282440}.tone-cream .btn.ghost:hover{border-color:var(--ink)}.sec-head{display:flex;flex-direction:column;gap:14px;max-width:640px}.sec-head .mono{color:var(--paper-faint)}.tone-cream .sec-head .mono,.tone-cream .mono{color:var(--ink-dim)}h2.big{margin:0;font:400 clamp(44px,6.4vw,92px)/.92 var(--display);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}.tagline{margin:0;font:italic 400 clamp(24px,2.6vw,34px)/1.15 var(--serif);text-wrap:balance}.body{margin:0;color:var(--paper-dim);max-width:36em}.tone-cream .body{color:var(--ink-dim)}.body a{color:inherit}.facts{margin:8px 0 0;display:grid;gap:12px;max-width:520px}.facts div{display:grid;grid-template-columns:92px 1fr;gap:16px;padding-top:12px;border-top:1px solid var(--line)}.facts dt{font:500 11px/1.9 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-faint)}.facts dd{margin:0;font-size:15px}.tone-cream .facts div{border-top-color:var(--ink-line)}.tone-cream .facts dt{color:var(--ink-dim)}.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.ship{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px;color:var(--paper-faint)}.ship b{color:var(--paper-dim);font-weight:500}.tone-cream .ship{color:var(--ink-dim)}.tone-cream .ship b{color:var(--ink)}.what{padding-block:clamp(80px,12vh,150px) 0}.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid var(--line)}.pillar{padding:24px 24px 28px 0;display:flex;flex-direction:column;gap:10px}.pillar+.pillar{padding-left:24px;border-left:1px solid var(--line)}.pillar h3{margin:0;font:400 26px/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em}.pillar p{margin:0;color:var(--paper-dim);font-size:15px}.pillar .mono{color:var(--paper-faint)}.how{padding-block:clamp(80px,12vh,150px)}.steps{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}.step{position:relative;counter-increment:step;padding:22px 20px 24px;border-radius:16px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:10px}.step:before{content:"0" counter(step);font:400 34px/1 var(--display);color:var(--signal-hi)}.step h3{margin:0;font:600 17px/1.3 var(--sans)}.step p{margin:0;color:var(--paper-dim);font-size:14.5px}.step code{color:var(--paper);font-size:12.5px}.scale{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px}.stat{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid var(--line)}.stat b{font:400 clamp(36px,4.5vw,60px)/1 var(--display);font-variant-numeric:tabular-nums}.stat span{color:var(--paper-dim);font-size:14.5px}.catalog{padding-block:clamp(80px,12vh,150px) 0}.cards{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border-radius:20px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s}.card:hover,.card:focus-within{transform:translateY(-6px);border-color:var(--paper-dim)}.card.tone-cream{background:#eeeae2f0;color:var(--ink);border-color:#eeeae299}.card-link{display:flex;flex-direction:column;gap:8px;padding:24px 24px 22px;text-decoration:none;min-height:100%}.card-link img{width:72px;height:72px;border-radius:18px;margin-bottom:10px;box-shadow:0 8px 24px #00000059}.card .mono{color:var(--paper-faint);font-size:11px}.card.tone-cream .mono{color:var(--ink-dim)}.card-name{font:400 34px/1 var(--display);text-transform:uppercase;letter-spacing:.01em}.card-summary{color:var(--paper-dim);font-size:15px}.card.tone-cream .card-summary{color:var(--ink-dim)}.card-open{margin-top:auto;padding-top:18px;font:600 14px/1 var(--sans)}.card.tone-cream .card-open{color:var(--green)}.app-hero{min-height:min(100svh,980px);display:flex;flex-direction:column;overflow-x:clip}.app-hero .wrap{width:100%;flex:1;display:flex;flex-direction:column}.app-grid{flex:1;display:grid;grid-template-columns:minmax(0,600px) 1fr;gap:40px;align-items:center;padding-block:clamp(32px,6vh,72px)}.app-head{position:relative;display:flex;flex-direction:column;gap:14px;max-width:600px}.tone-night .app-hero .app-head:before{content:"";position:absolute;top:-48px;right:-80px;bottom:-48px;left:-80px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(7,7,11,.85),rgba(7,7,11,.55) 60%,transparent);pointer-events:none}.app-head .mono{color:var(--paper-faint)}.tone-cream .app-head .mono{color:var(--ink-dim)}.app-name{margin:0;font:400 clamp(52px,7.5vw,112px)/.9 var(--display);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;max-width:none}.name-row{display:flex;align-items:center;gap:16px}.name-row img{width:64px;height:64px;border-radius:15px;box-shadow:0 6px 18px #0000004d,0 0 0 1px #ffffff14}.tone-cream .name-row img{box-shadow:0 6px 18px #2f5b3d2e,0 0 0 1px #2b282414}.chromatic .tagline{color:#e6dcff}.relaybar .tagline{color:#cfe0ff}.riverbaby .tagline{color:var(--green)}.app-body{padding-block:clamp(48px,8vh,96px) clamp(72px,10vh,120px)}.two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px 64px;align-items:start}.aside{display:flex;flex-direction:column;gap:14px}.app-foot{position:relative;z-index:2;background:var(--night);border-top:1px solid var(--line);padding-block:40px}.app-foot.tone-cream{background:var(--cream)}.app-foot.tone-cream{border-top-color:var(--ink-line)}.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.orb-wrap{width:96px;height:96px;perspective:500px;margin-bottom:6px}.orb{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;box-shadow:0 0 40px #8f6bff73,0 0 0 1px #ffffff14;transition:transform .25s ease-out;transform-style:preserve-3d}.orb img{width:100%;height:100%;display:block;transform:scale(1.18)}.orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at var(--gx, 35%) var(--gy, 25%),rgba(255,255,255,.35),transparent 45%);mix-blend-mode:screen}.stage{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:10px;align-self:end}.looks{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.looks button{border:0;background:transparent;color:var(--paper-dim);cursor:pointer;font:500 14px/1 var(--sans);padding:10px 16px;border-radius:999px;transition:background .2s,color .2s}.looks button:hover{color:var(--paper)}.looks button[aria-pressed=true]{background:#f2f0e9f0;color:var(--night)}.stage small{color:var(--paper-faint);font-size:13px}.mac{position:relative;z-index:3}.menubar{display:flex;justify-content:space-between;align-items:center;gap:16px;height:32px;padding-inline:14px;border-radius:10px;background:#2828348c;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);font:500 13px/1 -apple-system,BlinkMacSystemFont,var(--sans);color:#ffffffe0}.mb-left,.mb-right{display:flex;align-items:center;gap:18px;white-space:nowrap}.mb-left span{opacity:.8;font-weight:400}.mb-right svg{display:block}.mb-icon{border:0;background:transparent;color:inherit;padding:3px 7px;border-radius:5px;cursor:pointer;display:grid;place-items:center}.mb-icon[aria-expanded=true]{background:#ffffff38}.menu-drop{position:absolute;right:64px;top:40px;width:380px;max-width:calc(100% - 64px);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff1f;transform-origin:85% 0;transition:opacity .22s,transform .28s cubic-bezier(.2,.9,.3,1.2),visibility .22s}.menu-drop img{display:block;width:100%;height:auto}.menu-drop.closed{opacity:0;transform:scale(.94) translateY(-6px);visibility:hidden}.relaybar .app-grid{grid-template-columns:minmax(0,600px) 420px}.tunnel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-block:0 clamp(40px,7vh,80px)}.end{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:14px;background:var(--glass);border:1px solid rgba(74,141,255,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 30px #4a8dff40}.end .mono{font-size:10.5px;color:var(--paper-faint)}.end code{font:500 15px/1.3 var(--mono)}.tube{text-align:center}.tube span{display:inline-block;transform:translateY(-26px);color:var(--paper-dim);background:#07070b99;padding:2px 8px;border-radius:6px}.quickadd{border-radius:16px;padding:20px;background:#101018c7;border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.qa-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.qa-head .mono{color:var(--paper-faint)}.linkish{border:0;background:none;color:var(--paper-dim);font:500 13px/1 var(--sans);cursor:pointer;padding:6px 8px;border-radius:6px}.linkish:hover{color:var(--paper);background:#ffffff0f}.field-input{font:500 14px/1.6 var(--mono);padding:12px 14px;border-radius:9px;min-height:48px;background:#00000073;border:1px solid rgba(74,141,255,.55);box-shadow:0 0 0 3px #4a8dff26;overflow-wrap:anywhere}.caret{display:inline-block;width:8px;height:1.1em;vertical-align:-.18em;background:var(--relay);margin-left:1px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.tok{border-radius:4px;transition:background .3s,color .3s}.tok.hit.tok-L{background:#4a8dff40;color:#bcd4ff}.tok.hit.tok-D{background:#b08cff40;color:#ddd0ff}.tok.hit.tok-R{background:#f0a04b38;color:#ffd9ae}.rules{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.rule{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line);transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1)}.rule.pending{opacity:0;transform:translateY(-10px)}.badge{font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border-radius:6px;text-align:center}.rule[data-r=L] .badge{background:#4a8dff33;color:#bcd4ff}.rule[data-r=D] .badge{background:#b08cff33;color:#ddd0ff}.rule[data-r=R] .badge{background:#f0a04b33;color:#ffd9ae}.rule code{font:500 13.5px/1.4 var(--mono)}.rule small{display:block;color:var(--paper-faint);font:400 12.5px/1.4 var(--sans)}.qa-status{margin:12px 0 0;font-size:13px;color:var(--paper-faint);min-height:1.4em}.install{display:flex;flex-direction:column;gap:18px}.brew{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:12px;background:#0000008c;border:1px solid var(--line)}.brew code{flex:1;font:500 14px/1.5 var(--mono);overflow-x:auto;white-space:nowrap}.brew code:before{content:"$ ";color:var(--paper-faint)}.copy{border:1px solid var(--line);background:#ffffff0f;color:var(--paper);font:600 13px/1 var(--sans);padding:9px 12px;border-radius:8px;cursor:pointer;min-width:68px}.copy:hover{background:#ffffff1f}.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:clamp(48px,8vh,96px)}.shots figure{margin:0;display:flex;flex-direction:column;gap:10px}.shots img{border-radius:14px;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff1a}.shots figcaption{color:var(--paper-dim);font-size:14px}.phone{position:relative;width:300px;max-width:100%;aspect-ratio:416 / 900;justify-self:center;border-radius:48px;padding:10px;background:#1b1a18;box-shadow:0 40px 80px #3c322847,0 0 0 1px #0000004d,inset 0 0 0 2px #3a3835}.screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:var(--cream)}.screen img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.screen img.on{opacity:1}.island{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2;width:34%;height:28px;border-radius:20px;background:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;overflow:hidden;transition:width .55s cubic-bezier(.3,1.3,.4,1),height .55s cubic-bezier(.3,1.3,.4,1),border-radius .55s}.island>*{opacity:0;transition:opacity .25s;white-space:nowrap}.island.open{width:92%;height:70px;border-radius:30px;padding:0 16px}.island.open>*{opacity:1;transition-delay:.22s}.la-left{display:flex;align-items:center;gap:10px}.la-moon{width:34px;height:34px;border-radius:50%;background:var(--sleep);display:grid;place-items:center}.la-text{display:flex;flex-direction:column;line-height:1.2}.la-text b{font:600 14px/1.2 -apple-system,var(--sans)}.la-text span{font:400 11.5px/1.2 -apple-system,var(--sans);color:#fff9}.la-time{font:600 22px/1 -apple-system,var(--sans);font-variant-numeric:tabular-nums;color:#b9b7ff}.doc{min-height:100vh;padding-bottom:clamp(60px,10vh,120px)}.prose{max-width:68ch;margin-top:clamp(24px,6vh,64px);padding:clamp(24px,4vw,44px);border-radius:20px;background:#eeeae2eb;border:1px solid var(--ink-line);display:flex;flex-direction:column;gap:16px}.prose .mono a{text-decoration:none}.prose h1{font-size:clamp(40px,5vw,64px);max-width:none}.prose .effective{margin:0;color:var(--ink-dim);font-size:14px}.prose p{margin:0}.contact{position:relative;z-index:2;background:var(--cream);color:var(--ink);margin-top:clamp(80px,12vh,150px);padding-block:clamp(60px,10vh,120px)}.contact .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 64px;align-items:end}.contact .mono{color:var(--ink-dim)}.contact .tagline{color:var(--green)}.contact p{color:var(--ink-dim);margin:0;max-width:34em}.mail{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.mail .addr{font:400 clamp(24px,3vw,40px)/1.1 var(--display);letter-spacing:.01em;word-break:break-all}.mail .row{display:flex;flex-wrap:wrap;gap:10px}.contact .btn.primary{background:var(--ink);border-color:var(--ink);color:var(--cream)}.contact .btn.ghost{border-color:#2b282440;color:var(--ink)}.site-footer{position:relative;z-index:2;background:var(--cream);color:var(--ink);padding-block:40px 56px;border-top:1px solid var(--ink-line)}.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}.footer-mark{font-size:clamp(64px,12vw,160px);line-height:.85;color:var(--ink)}.footer-mark .slash{color:var(--signal)}.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px}.site-footer li a{text-decoration:none;border-bottom:1px solid rgba(43,40,36,.25)}.site-footer li a:hover{border-bottom-color:var(--ink)}.site-footer p{margin:0;color:var(--ink-dim);font-size:14px}@media(max-width:900px){.app-grid,.relaybar .app-grid,.two-col,.contact .wrap{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.stage{align-items:flex-start;align-self:start}.menu-drop{position:relative;right:auto;top:auto;margin:12px auto 0;width:100%;max-width:380px}.menu-drop.closed,.mb-left span{display:none}.shots{grid-template-columns:minmax(0,1fr)}.phone{justify-self:start}}@media(max-width:700px){header.top nav{display:none}.pillars,.scale,.cards{grid-template-columns:minmax(0,1fr)}.pillar,.pillar+.pillar{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}.steps{grid-template-columns:minmax(0,1fr)}.tunnel{grid-template-columns:1fr;justify-items:start;gap:44px}.tunnel .end:last-child{justify-self:end}.tube span{transform:none}.looks button{padding:10px 12px;font-size:13px}.mb-right .batt,.mb-right .wifi{display:none}.facts div{grid-template-columns:1fr;gap:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}}