@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal.BNOj0Qhp.woff2)format("woff2"),url(/assets/space-mono-vietnamese-400-normal.B0PMp_xB.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal.DTLbW2xa.woff2)format("woff2"),url(/assets/space-mono-latin-ext-400-normal.D4cJI_B-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal.Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal._3DlpgIW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-vietnamese-700-normal.DWQgDHuA.woff2)format("woff2"),url(/assets/space-mono-vietnamese-700-normal.D-KrLuLr.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-ext-700-normal.B2s3bDs2.woff2)format("woff2"),url(/assets/space-mono-latin-ext-700-normal.B_E7P90g.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal.mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal.D7A851RN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-ext-600-normal.DDEJyoof.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-600-normal.BLVNc-Ct.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-600-normal.Ba_MyzgW.woff2)format("woff2"),url(/assets/caveat-cyrillic-600-normal.CqH0c_uj.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-ext-600-normal.DDJRD6ps.woff2)format("woff2"),url(/assets/caveat-latin-ext-600-normal.shBvSnoU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal.zlTlWIYU.woff2)format("woff2"),url(/assets/caveat-latin-600-normal.DUjB8dgm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper-tape:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='192' height='72' viewBox='0 0 192 72' fill='none' stroke='white' stroke-width='1'%3e%3cg transform='translate(25 3.38)'%3e%3crect width='46' height='29.23' rx='1.37'/%3e%3crect x='1.97' y='1.75' width='42.06' height='18.18' rx='1.1'/%3e%3ccircle cx='13.26' cy='11.18' r='2.52'/%3e%3ccircle cx='32.74' cy='11.18' r='2.52'/%3e%3cpath d='M7.74 29.23 L9.37 21.17 L36.63 21.17 L38.26 29.23'/%3e%3c/g%3e%3cg transform='translate(121 39.38)'%3e%3crect width='46' height='29.23' rx='1.37'/%3e%3crect x='1.97' y='1.75' width='42.06' height='18.18' rx='1.1'/%3e%3ccircle cx='13.26' cy='11.18' r='2.52'/%3e%3ccircle cx='32.74' cy='11.18' r='2.52'/%3e%3cpath d='M7.74 29.23 L9.37 21.17 L36.63 21.17 L38.26 29.23'/%3e%3c/g%3e%3c/svg%3e");--bg:#efe9d6;--ink:#1d3b2a;--body-c:#44543e;--mono-c:#5a6b52;--card:#f4efde;--panel:#e8e1c8;--line:#1d3b2a;--chip:#c9c1a4;--btn-bg:#1d3b2a;--btn-fg:#f4efde;--accent:#d9541e;--accent-deep:#b8400f;--link:#b8400f;--cream:#f4efde;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Bricolage Grotesque Variable,Bricolage Grotesque,sans-serif}:root[data-theme=dark]{--link:#f0803f;--bg:#101d14;--ink:#efe9d6;--body-c:#b9c6ad;--mono-c:#93a688;--card:#182b1e;--panel:#15271b;--line:#c9c1a4;--chip:#3a5a45;--btn-bg:#efe9d6;--btn-fg:#14231a}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{color:var(--ink);background:0 0;margin:0;transition:color .5s}html{background:var(--bg);transition:background .5s}a{color:inherit}a:hover{color:var(--accent)}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--cream)}.mono{font-family:Space Mono,ui-monospace,monospace}@supports (mask-image:url("")){body:before{content:"";z-index:-1;pointer-events:none;background:var(--ink);opacity:.042;-webkit-mask:var(--paper-tape) 0 0 / 192px 72px repeat;mask:var(--paper-tape) 0 0 / 192px 72px repeat;position:fixed;inset:0}:root[data-theme=dark] body:before{opacity:.052}}.skip-link{z-index:100;min-height:24px;color:var(--btn-fg);background:var(--btn-bg);align-items:center;padding:10px 14px;display:inline-flex;position:fixed;top:8px;left:8px}.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;overflow:hidden}.section-shell{width:min(100%,1224px);margin-inline:auto;padding-inline:32px}@keyframes header-stuck{to{border-color:color-mix(in srgb, var(--line) 22%, transparent);box-shadow:0 8px 24px #14231a14}}.site-band{z-index:60;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #0000;position:sticky;top:0}.site-header{justify-content:space-between;align-items:center;gap:24px;padding-block:18px 14px;display:flex}@supports (animation-timeline:scroll()){.site-band{--band-timeline:scroll();animation:linear both header-stuck;animation-timeline:var(--band-timeline);animation-range:0 120px}}.brand{align-items:center;gap:14px;text-decoration:none;display:flex}.brand img{border:1.5px solid var(--line);border-radius:8px;width:auto;height:54px}.brand-tag{letter-spacing:.22em;color:var(--mono-c);text-transform:uppercase;font-size:11px}.site-nav{letter-spacing:.08em;align-items:center;gap:26px;font-size:13px;display:flex}.site-nav a{align-items:center;min-height:28px;text-decoration:none;display:inline-flex}.theme-toggle{cursor:pointer;border:1.5px solid var(--chip);color:inherit;letter-spacing:.08em;background:0 0;border-radius:999px;min-height:28px;padding:9px 14px;font-size:11px}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.nav-cta{background:var(--btn-bg);color:var(--btn-fg);border-radius:999px;padding:10px 18px}.nav-cta:hover{background:var(--accent);color:var(--cream)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:84px 40px;display:grid}.hero h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 24px;font-size:clamp(44px,5.4vw,68px);font-weight:800;line-height:1.02}.hero-lede{color:var(--body-c);max-width:46ch;margin:0 0 36px;font-size:19px;line-height:1.55}.hero-cta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-primary{background:var(--accent-deep);color:var(--cream);box-shadow:0 3px 0 var(--line);border-radius:14px;align-items:center;gap:12px;padding:16px 26px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--btn-bg);color:var(--btn-fg)}.btn-primary span{background:var(--cream);border-radius:50%;width:10px;height:10px}.free-note{letter-spacing:.06em;color:var(--mono-c);font-size:12px}.hero-tagline{letter-spacing:.14em;text-transform:uppercase;margin:44px 0 0;font-size:13px}@keyframes spool-spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}@keyframes halo-breathe{0%,to{opacity:.22;transform:scale(.985)}50%{opacity:.52;transform:scale(1.055)}}@keyframes breathe-dot{0%,to{transform:scale(.72)}50%{transform:scale(1.15)}}.hero{isolation:isolate;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:var(--bg);width:100vw;margin-left:-50vw;position:absolute;top:-40px;bottom:-32px;left:50%;mask-image:linear-gradient(#0000,#000 14% 78%,#0000)}.hero>:first-child{z-index:2;position:relative}.hero-art{z-index:1;isolation:isolate;justify-content:center;align-items:flex-start;width:100%;min-width:0;display:flex;position:relative}.halo{z-index:0;border:1px solid color-mix(in srgb, var(--chip), var(--cream) 30%);background:radial-gradient(circle, transparent 66%, color-mix(in srgb, var(--chip) 7%, transparent) 72%, transparent 79%);box-shadow:0 0 18px color-mix(in srgb, var(--chip) 22%, transparent), 0 0 44px color-mix(in srgb, var(--accent) 8%, transparent), inset 0 0 22px color-mix(in srgb, var(--cream) 10%, transparent);pointer-events:none;border-radius:50%;margin:auto;animation:10s cubic-bezier(.45,0,.55,1) infinite halo-breathe;position:absolute;inset:0}.halo-lg{width:540px;max-width:100%;height:540px}.halo-sm{width:420px;max-width:88%;height:420px;animation-delay:-4.2s}.tape-wall{z-index:0;opacity:.08;pointer-events:none;contain:paint;width:100vw;margin-left:-50vw;position:absolute;top:-40px;bottom:-32px;left:50%;overflow:hidden;mask-image:linear-gradient(#0000,#000 14% 78%,#0000)}:root[data-theme=dark] .tape-wall{opacity:.055}.tw{transform-origin:50%;width:124%;height:124%;display:block;position:absolute;top:-12%;left:-12%;transform:rotate(-6deg)}@keyframes tw-drift{to{transform:translateX(calc(var(--tw-strip) * -1))}}.tw-track{animation:tw-drift var(--tw-dur) linear infinite;will-change:transform}.tw-rev{animation-direction:reverse}.tw-door{fill:#0000003d}.tw-pill{fill:#102016}.tw-pack{fill:#6f5c3c;r:var(--tw-pl)}.tw-pack-r{r:var(--tw-pr)}.tw-flange{fill:#00000038}.tw-through{opacity:.3}.tw-hub{fill:color-mix(in srgb, var(--panel) 70%, #102016)}.tw-bore{fill:#102016}.tw-p1{--tw-s:#1d3b2a;--tw-p:var(--card);--tw-c:#d9541e;--tw-b:#d9541e;--tw-pl:64px;--tw-pr:44px}.tw-p2{--tw-s:#173d2e;--tw-p:var(--card);--tw-c:#2e7d6b;--tw-b:#2e7d6b;--tw-pl:40px;--tw-pr:68px}.tw-p3{--tw-s:#4e6fa3;--tw-p:var(--card);--tw-c:#2a3352;--tw-b:#2a3352;--tw-pl:70px;--tw-pr:38px}.tw-p4{--tw-s:#16301f;--tw-p:var(--card);--tw-c:#d9a036;--tw-b:#d9a036;--tw-pl:46px;--tw-pr:66px}.tw-p5{--tw-s:#4b4a45;--tw-p:var(--card);--tw-c:#d9a036;--tw-b:#d9a036;--tw-pl:60px;--tw-pr:50px}.tw-p6{--tw-s:#b4ab92;--tw-p:var(--panel);--tw-c:#c74a1b;--tw-b:#c74a1b;--tw-pl:52px;--tw-pr:60px}.tw-p7{--tw-s:#c74a1b;--tw-p:var(--card);--tw-c:#1d3b2a;--tw-b:#16301f;--tw-pl:68px;--tw-pr:42px}.tw-p8{--tw-s:#6b4f7d;--tw-p:var(--card);--tw-c:#6b4f7d;--tw-b:var(--cream);--tw-pl:44px;--tw-pr:64px}@media (width<=560px){.tape-wall{display:none}.hero:before{content:none}}.cassette{width:var(--cassette-width);aspect-ratio:var(--cassette-ratio);transform-origin:0 0;background:var(--shell);border-radius:var(--cassette-radius);position:relative;box-shadow:0 34px 60px #0a140e66,0 14px 24px #0a140e47,0 3px 6px #0a140e38,inset 0 2px #f4efde47,inset 0 -3px #0000004d,inset 2px 0 #ffffff12,inset -2px 0 #0000002e}.cassette:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 3px),radial-gradient(circle at 30% 20%,#ffffff12,#0000 55%),linear-gradient(#ffffff1a,#0000 28%,#00000029 94%);position:absolute;inset:0}.cassette:after{content:"";border-radius:calc(var(--cassette-radius) - 4px);pointer-events:none;border:1px solid #f4efde1a;position:absolute;inset:4px;box-shadow:inset 0 -1px #0f241a3d}.cassette[data-material=translucent]{background:linear-gradient(118deg, color-mix(in srgb, var(--shell), #f4efde 24%) 0%, color-mix(in srgb, var(--shell) 42%, transparent) 16%, color-mix(in srgb, var(--shell) 58%, transparent) 58%, color-mix(in srgb, var(--shell-dark) 66%, transparent) 100%), color-mix(in srgb, var(--shell) 54%, transparent);backdrop-filter:blur(.8px)saturate(1.12);box-shadow:0 34px 60px #0a140e57, 0 14px 24px #0a140e3d, 0 3px 6px #0a140e38, inset 0 3px 0 color-mix(in srgb, var(--shell), #f4efde 48%), inset 0 -4px 0 color-mix(in srgb, var(--shell-dark) 78%, transparent), inset 3px 0 0 color-mix(in srgb, var(--shell), #f4efde 20%), inset -3px 0 0 color-mix(in srgb, var(--shell-dark) 72%, transparent)}.cassette[data-material=translucent]:before{background:repeating-linear-gradient(0deg,#ffffff12 0 1px,#0000 1px 4px),radial-gradient(circle at 28% 16%,#fff3,#0000 47%),linear-gradient(#ffffff29,#0000 34%,#00000014 90%)}.cassette[data-material=translucent]:after{border-color:color-mix(in srgb, var(--shell), #f4efde 40%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--shell-dark) 32%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--shell-dark) 62%, transparent)}.screw{background:linear-gradient(40deg,#0000 44%,#f4efde8c 44% 56%,#0000 56%),linear-gradient(130deg,#0000 44%,#f4efde8c 44% 56%,#0000 56%),#0f241a;border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:inset 0 1px 2px #000000b3,0 1px #ffffff1f}.screw:after{content:"";border:.5px solid #f4efde3d;border-radius:50%;position:absolute;inset:2px;box-shadow:0 .5px #00000059}.screw.tl{top:9px;left:11px}.screw.tr{top:9px;right:11px}.screw.bl{bottom:9px;left:11px}.screw.br{bottom:9px;right:11px}.flank{background:var(--shell-dark);width:7px;position:absolute;top:58%;bottom:18%}.flank.l{border-radius:3px 0 0 3px;left:-3px;box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px 1px #0000004d}.flank.r{border-radius:0 3px 3px 0;right:-3px;box-shadow:inset -1px 1px #ffffff1f,inset 1px -1px 1px #0000004d}.cassette[data-material=translucent] .flank{background:color-mix(in srgb, var(--shell-dark) 76%, transparent)}.cassette-face{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.cassette-face:before{content:"";z-index:0;background:var(--pattern);border-radius:12px;height:170px;position:absolute;top:22px;left:26px;right:26px;box-shadow:inset 0 2px 5px #00000038,0 1px #ffffff1a}.shell-mechanism{z-index:1;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at var(--hub-left-x) var(--hub-y), transparent 0 calc(var(--hub-ring-radius) + 8px), color-mix(in srgb, var(--shell-dark) 52%, transparent) calc(var(--hub-ring-radius) + 8.5px) calc(var(--hub-ring-radius) + 11px), transparent calc(var(--hub-ring-radius) + 11.5px)), radial-gradient(circle at var(--hub-right-x) var(--hub-y), transparent 0 calc(var(--hub-ring-radius) + 8px), color-mix(in srgb, var(--shell-dark) 52%, transparent) calc(var(--hub-ring-radius) + 8.5px) calc(var(--hub-ring-radius) + 11px), transparent calc(var(--hub-ring-radius) + 11.5px)), repeating-linear-gradient(90deg, transparent 0 34px, color-mix(in srgb, var(--shell-dark) 34%, transparent) 34px 36px, transparent 36px 68px), linear-gradient(180deg, transparent 0 67%, color-mix(in srgb, var(--shell-dark) 44%, transparent) 67% 68%, transparent 68% 82%, color-mix(in srgb, var(--shell-dark) 32%, transparent) 82% 83%, transparent 83%);position:absolute;inset:0}.cassette[data-material=translucent] .shell-mechanism{opacity:.52}.tape-label{z-index:2;box-sizing:border-box;background:var(--label-bg);backdrop-filter:blur(3.5px)saturate(.88);color:#1d3b2a;border:1px solid #ffffff61;border-radius:8px;height:138px;padding:8px 14px;position:absolute;top:30px;left:42px;right:42px;overflow:hidden;box-shadow:inset 0 1px #ffffff6b,0 1px 3px #00000038}.tape-label>*{z-index:1;position:relative}.tape-label:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at var(--wear-x) var(--wear-y), #5a462d26, transparent 28%), repeating-linear-gradient(7deg, transparent 0 17px, #5a462d06 18px 19px);mix-blend-mode:multiply;opacity:.55;position:absolute;inset:0}.cassette[data-finish=foil] .tape-label{border:1px solid #1d3b2a47;box-shadow:inset 0 1px #ffffff9e,0 2px 4px #0000003d}.cassette[data-finish=foil] .tape-label:before{content:"";pointer-events:none;border-block:1px solid #1d3b2a33;position:absolute;inset:5px 10px}.cassette[data-finish=topographic] .tape-label:before{content:"";opacity:.85;pointer-events:none;border:2px solid #c88932;width:7px;height:7px;position:absolute;top:12px;right:18px;transform:rotate(45deg)}.label-top{border-bottom:2px solid #1d3b2a;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.label-side{align-items:center;gap:10px;display:flex}.label-side b{background:var(--tape-accent);color:var(--cream);border-radius:4px;padding:2px 8px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;transition:background .6s}.label-title{font-family:Caveat,cursive;font-size:27px;font-style:normal;font-weight:600;line-height:1}.label-90{font-family:Space Mono,monospace;font-size:14px}.label-sub{z-index:3;box-sizing:border-box;letter-spacing:.18em;color:#5a6b52;background:var(--label-sub-bg,#f4efded6);border-top:1px solid #1d3b2a7a;justify-content:space-between;align-items:center;padding:6px 14px 3px;font-family:Space Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.tape-window{z-index:3;clip-path:inset(calc(var(--hub-y) - 28px) calc(100% - var(--hub-right-x) - var(--hub-ring-radius) - var(--window-end-pad)) calc(100% - var(--hub-y) - 28px) calc(var(--hub-left-x) - var(--hub-ring-radius) - var(--window-end-pad)) round 999px);background:#e8e1c8;position:absolute;inset:0;overflow:hidden}.tape-window:before{content:"";z-index:5;left:calc(var(--hub-left-x) - var(--hub-ring-radius) - var(--window-end-pad));right:calc(100% - var(--hub-right-x) - var(--hub-ring-radius) - var(--window-end-pad));top:var(--hub-y);pointer-events:none;border:3px solid #0000;border-radius:999px;height:56px;position:absolute;transform:translateY(-50%);box-shadow:inset 0 3px 6px #00000047}.tape-window-artwork{z-index:1;clip-path:inset(calc(var(--hub-y) - 18px) calc(100% - var(--hub-right-x) + var(--hub-ring-radius) + 7px) calc(100% - var(--hub-y) - 18px) calc(var(--hub-left-x) + var(--hub-ring-radius) + 7px) round 3px);pointer-events:none;position:absolute;inset:0}.tape-window-cover{z-index:2;left:calc(var(--hub-left-x) + var(--hub-ring-radius) + 7px);right:calc(100% - var(--hub-right-x) + var(--hub-ring-radius) + 7px);top:calc(var(--hub-y) - 18px);pointer-events:none;background:#d8d2c052;border-radius:3px;height:36px;position:absolute;box-shadow:inset 0 3px 5px #0003}.spool{top:var(--hub-y);width:var(--hub-ring);height:var(--hub-ring);place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.tape-spool{z-index:0}.hub-spool{z-index:4}.spool-l{left:var(--hub-left-x)}.spool-r{left:var(--hub-right-x)}.reel-capacity{background:radial-gradient(circle,#f4efde04 0 68%,#f4efde12 69% 72%,#f4efde06 73% 100%);border:1px solid #f4efde21;border-radius:50%;width:144px;height:144px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 4px #1d3b2a0e,0 0 0 1px #1d3b2a0f}.pack{background:radial-gradient(circle, transparent 0 var(--hub-ring-radius), #3b2a1b calc(var(--hub-ring-radius) + .75px) 100%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #1c100a6b,inset 0 0 0 7px #704f3047,inset 0 0 0 12px #2819104d,inset 0 0 0 18px #79563638,inset 0 0 0 24px #2b1b1142,inset 0 0 0 31px #7e5b3a2e}.spool-l .pack{width:var(--left-pack);height:var(--left-pack)}.spool-r .pack{width:var(--right-pack);height:var(--right-pack)}.hub{width:var(--hub-ring);height:var(--hub-ring);background:radial-gradient(circle, transparent 0 var(--hub-bore-radius), #f4efde calc(var(--hub-bore-radius) + .5px) calc(var(--hub-ring-radius) - 2px), transparent calc(var(--hub-ring-radius) - 1px));z-index:2;border:3px solid #1d3b2a;border-radius:50%;animation:4s linear infinite paused spool-spin;position:relative;box-shadow:inset 0 1px 2px #00000047}.spool-r .hub{animation-duration:6s}.unit-player .hub{animation-play-state:running}.hub:after{content:none}.hub:before{content:"";z-index:3;width:var(--hub-bore);height:var(--hub-bore);box-sizing:border-box;pointer-events:none;border:1px solid #1d3b2a6b;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drive-spindle{z-index:4;width:var(--spindle-size);height:var(--spindle-size);background:radial-gradient(circle at 40% 32%,#b7b4a6 0 26%,#8f8d80 52%,#5c5e55 100%);border-radius:50%;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #0000004d,0 1px 2px #00000059}.unit-player .drive-spindle{display:block}.drive-spindle b{z-index:1;background:#3c4038;border-radius:1px;width:10%;height:17%;position:absolute;top:50%;left:50%}.drive-spindle b:first-child{transform:translate(-50%,-50%)rotate(0)translateY(-90%)}.drive-spindle b:nth-child(2){transform:translate(-50%,-50%)rotate(120deg)translateY(-90%)}.drive-spindle b:nth-child(3){transform:translate(-50%,-50%)rotate(240deg)translateY(-90%)}.drive-spindle:before,.drive-spindle:after{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drive-spindle:before{z-index:2;background:#a9a79b;border:1px solid #66685f;width:34%;height:34%}.drive-spindle:after{z-index:4;background:#5c5e55;width:17%;height:17%}.hub i{z-index:4;width:var(--hub-tooth-width);height:var(--hub-tooth-depth);background:#f4efde;border:1px solid #1d3b2a6b;border-top:0;border-radius:.35px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 .25px #f4efdeb8}.hub i:first-child{transform:translate(-50%, -50%) rotate(0deg) translateY(calc(var(--hub-tooth-radius) * -1))}.hub i:nth-child(2){transform:translate(-50%, -50%) rotate(60deg) translateY(calc(var(--hub-tooth-radius) * -1))}.hub i:nth-child(3){transform:translate(-50%, -50%) rotate(120deg) translateY(calc(var(--hub-tooth-radius) * -1))}.hub i:nth-child(4){transform:translate(-50%, -50%) rotate(180deg) translateY(calc(var(--hub-tooth-radius) * -1))}.hub i:nth-child(5){transform:translate(-50%, -50%) rotate(240deg) translateY(calc(var(--hub-tooth-radius) * -1))}.hub i:nth-child(6){transform:translate(-50%, -50%) rotate(300deg) translateY(calc(var(--hub-tooth-radius) * -1))}.ticks{z-index:3;left:50%;top:var(--hub-y);width:80px;height:50px;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.ticks span{align-items:center;gap:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ticks i{background:#1d3b2a;width:2px}.ticks i:first-child,.ticks i:nth-child(5){height:10px}.ticks i:nth-child(2),.ticks i:nth-child(4){height:16px}.ticks i:nth-child(3){height:22px}.trap-row{z-index:4;left:var(--transport-left);top:var(--transport-top);width:var(--transport-width);position:absolute}.trap{filter:drop-shadow(0 3px 2px #00000047);width:100%;height:auto;display:block;overflow:visible}.trap-face{fill:var(--shell-dark);stroke:color-mix(in srgb, var(--shell-dark), #0f241a 45%);stroke-width:1.5px}.trap-lip{fill:color-mix(in srgb, var(--shell-dark), #f4efde 16%);opacity:.55}.cassette[data-material=translucent] .trap-face{fill:color-mix(in srgb, var(--shell-dark) 68%, transparent);stroke:color-mix(in srgb, var(--shell), #f4efde 28%)}.cassette[data-material=translucent] .trap-lip{fill:color-mix(in srgb, var(--shell), #f4efde 20%);opacity:.7}.trap-opening-cavity{fill:#5f5a50}.trap-opening-face{fill:#9c9689;stroke:#c1baaa;stroke-width:.45px}.trap-screw{stroke:#14291e;stroke-width:1.5px;stroke-linecap:round}@keyframes vu-sway{0%{transform:rotate(-26deg)}11%{transform:rotate(-13deg)}21%{transform:rotate(-21deg)}33%{transform:rotate(-5deg)}44%{transform:rotate(-15deg)}56%{transform:rotate(4deg)}65%{transform:rotate(-11deg)}76%{transform:rotate(-2deg)}87%{transform:rotate(-19deg)}to{transform:rotate(-26deg)}}.deck{transform-origin:top;z-index:1;flex:none;width:562px;height:343px;margin:0 auto;position:relative}.stage{overflow-clip-margin:64px;width:100%;height:100%;display:grid;overflow:clip visible}.unit{grid-area:1/1;place-self:center;transition:transform .55s cubic-bezier(.2,.9,.3,1),opacity .45s}.unit.is-out{opacity:0;transition:transform .42s cubic-bezier(.55,0,.85,.4),opacity .42s;transform:translate(-130px)rotate(-3deg)scale(.92)}.unit.is-parked{opacity:0;transition:none;transform:translate(140px)rotate(3deg)scale(.92)}.player{--pl-tint:linear-gradient(170deg, #234634, #1d3b2a 40%, #16301f);--pl-edge:#0f241a;--pl-inset:#16301f;--pl-strip-tint:linear-gradient(180deg, #26492f, #1a3526);--pl-strip-text:#c9c1a4;--pl-engrave:0 1px 0 #00000073;--pl-label:#93a688;--pl-bottom-bg:#1d3b2a;--pl-tray:#08120c80;--pl-key-face:linear-gradient(180deg, #fbf7e8 0 55%, #e7e1c9 55%, #cfc8ae);--pl-key-border:#a9a28a;--pl-key-text:#44543e;--pl-rec-face:linear-gradient(180deg, #f08050 0 55%, #d9541e 55%, #b0430f);--pl-rec-border:#8a3110;--pl-door-frame:#c9c1a4;--pl-rocker-bg:#24402f;--pl-rocker-ridges:repeating-linear-gradient(0deg, #0a140d 0 3px, #3a5a45 3px 6px);border:2px solid var(--pl-edge);background:radial-gradient(circle at 30% 10%, #f4efde17, transparent 55%), repeating-linear-gradient(90deg, #ffffff08 0 2px, transparent 2px 5px), repeating-linear-gradient(0deg, #0000000d 0 1px, transparent 1px 4px), var(--pl-tint);border-radius:18px;grid-template-rows:38px 12px 206px 83px;width:540px;height:343px;display:grid;position:relative;box-shadow:0 30px 55px #0a140e73,0 10px 18px #0a140e4d,inset 0 1px #f4efde2e,inset 0 0 24px #00000040}.unit-player .player{transform-origin:50%;transform:scale(.95)}.player[data-cw=charcoal]{--pl-tint:linear-gradient(170deg, #35342f, #2a2925 40%, #1b1a17);--pl-edge:#121110;--pl-inset:#1b1a17;--pl-strip-tint:linear-gradient(180deg, #3b3a34, #26251f);--pl-strip-text:#d8d5c9;--pl-engrave:0 1px 0 #00000080;--pl-label:#8f8d80;--pl-bottom-bg:#2a2925;--pl-tray:#00000080;--pl-key-text:#3e3d35;--pl-door-frame:#b7b4a6;--pl-rocker-bg:#33322c;--pl-rocker-ridges:repeating-linear-gradient(0deg, #121110 0 3px, #55534a 3px 6px)}.player[data-cw=ember]{--pl-tint:linear-gradient(170deg, #d95f2b, #c74a1b 40%, #a03a10);--pl-edge:#7e2e0c;--pl-inset:#a83d14;--pl-strip-tint:linear-gradient(180deg, #d65b28, #b0430f);--pl-strip-text:#f4efde;--pl-engrave:0 1px 0 #00000059;--pl-label:#f2cbaa;--pl-bottom-bg:#c74a1b;--pl-tray:#4a140473;--pl-key-border:#b39a78;--pl-key-text:#6b3b14;--pl-rec-face:linear-gradient(180deg, #35604a 0 55%, #1d3b2a 55%, #122a1d);--pl-rec-border:#0f241a;--pl-door-frame:#f4efde;--pl-rocker-bg:#b0430f;--pl-rocker-ridges:repeating-linear-gradient(0deg, #7e2e0c 0 3px, #e8763f 3px 6px)}.player[data-cw=sand]{--pl-tint:linear-gradient(170deg, #fbf7e8, #efe9d6 40%, #d9d2b8);--pl-edge:#6e6c5f;--pl-inset:#c9c1a4;--pl-strip-tint:linear-gradient(180deg, #fffdf4, #e4dec6);--pl-strip-text:#44543e;--pl-engrave:0 1px 0 #ffffffb3;--pl-label:#5a6b52;--pl-bottom-bg:#efe9d6;--pl-tray:#6e6c5f38;--pl-key-face:linear-gradient(180deg, #2e5540 0 55%, #1d3b2a 55%, #142a1e);--pl-key-border:#0f241a;--pl-key-text:#f4efde;--pl-door-frame:#6e6c5f;--pl-rocker-bg:#c9c1a4;--pl-rocker-ridges:repeating-linear-gradient(0deg, #8f8d80 0 3px, #efe9d6 3px 6px)}.pl-lbl,.pl-brand,.pl-model,.pl-bay-txt,.pl-vu-t,.pl-counter span,.pl-lcd,.pl-vol-lbl,.pl-side-lbl{font-family:Space Mono,monospace}.pl-lbl{letter-spacing:.14em;color:var(--pl-label);font-size:9px}.pl-strip{background:repeating-linear-gradient(90deg, #f4efde0a 0 1px, transparent 1px 4px), var(--pl-strip-tint);border-bottom:2px solid var(--pl-edge);border-radius:15px 15px 0 0;justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:inset 0 1px #f4efde24}.pl-brand{letter-spacing:.2em;color:var(--pl-strip-text);text-shadow:var(--pl-engrave);font-size:10px;font-weight:700}.pl-strip-r{align-items:center;gap:5px;display:flex}.pl-strip-r .pl-lbl{letter-spacing:.12em;font-size:8px}.pl-model{letter-spacing:.18em;color:var(--pl-label);text-shadow:var(--pl-engrave);margin-left:4px;font-size:9px}.pl-led{border:2px solid var(--pl-edge);border-radius:50%;flex:none;width:10px;height:10px}.pl-led.batt{background:radial-gradient(circle at 35% 30%,#e9e19f,#d9a036 70%)}.pl-led.rec{background:#4a2f22;box-shadow:inset 0 1px 2px #0000008c}.pl-slot{justify-content:center;padding:4px 0 0;display:flex}.pl-slot i{width:420px;max-width:82%;height:5px;box-shadow:inset 0 2px 3px #000000f2, 0 0 0 2px var(--pl-inset), 0 1px 0 #f4efde33;background:#0a140d;border-radius:3px}.pl-io{position:absolute;top:50px;left:0}.pl-io i,.pl-io-label{position:absolute}.pl-speaker{background:var(--pl-rocker-ridges);border-radius:8px;width:28px;height:64px;top:7px;left:10px}.pl-mic-port{border:2px solid var(--pl-edge);background:radial-gradient(var(--pl-edge) 1px, transparent 2px) 0 0 / 5px 5px, var(--pl-bottom-bg);border-radius:50%;width:30px;height:30px;top:99px;left:9px}.pl-phones-port{background:radial-gradient(#000 34%, #777 38% 52%, var(--pl-edge) 56%);border-radius:50%;width:17px;height:17px;top:151px;left:15.5px}.pl-io-label{text-align:center;width:48px;font-size:8px;left:0}.pl-io-label.speaker{top:78px}.pl-io-label.mic{top:135px}.pl-io-label.phones{letter-spacing:.08em;top:174px}.pl-bay{justify-self:center;width:440px;height:206px;position:relative}.pl-bay:after{content:"";z-index:4;pointer-events:none;border:2px solid var(--pl-door-frame);background:linear-gradient(102deg,#0000 0% 15%,#f4efde1f 16% 26%,#0000 27% 100%),linear-gradient(132deg,#f4efde24 0%,#f4efde0a 25%,#0a160f47 55%,#f4efde1a 100%);border-radius:10px;position:absolute;inset:-4px;overflow:hidden;box-shadow:inset 0 1px #fff3,0 2px 4px #080e0a38}.pl-recess{background:linear-gradient(#20241f,#141813);border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 3px 10px #0000009e}.pl-bracket{width:18px;height:18px;position:absolute}.pl-bracket.tl{border-top:3px solid #4d4b43;border-left:3px solid #4d4b43;border-radius:5px 0 0;top:6px;left:14px}.pl-bracket.tr{border-top:3px solid #4d4b43;border-right:3px solid #4d4b43;border-radius:0 5px 0 0;top:6px;right:14px}.pl-bracket.bl{border-bottom:3px solid #4d4b43;border-left:3px solid #4d4b43;border-radius:0 0 0 5px;bottom:6px;left:14px}.pl-bracket.br{border-bottom:3px solid #4d4b43;border-right:3px solid #4d4b43;border-radius:0 0 5px;bottom:6px;right:14px}.pl-rail{background:linear-gradient(90deg,#0c0f0b,#3e423b 55%,#0c0f0b);border-radius:4px;width:7px;position:absolute;top:30px;bottom:30px;box-shadow:inset 0 2px 4px #000000b3}.pl-rail.l{left:30px}.pl-rail.r{right:30px}.pl-bay-txt{white-space:nowrap;letter-spacing:.3em;color:#7e8a7480;font-size:8px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.pl-drive{top:var(--pl-hub-y);width:var(--pl-platter-size);height:var(--pl-platter-size);background:radial-gradient(circle at 35% 30%,#5a5e57,#23261f 72%);border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0c0f0b,0 0 0 6px #2e322b,inset 0 1px 2px #ffffff38}.pl-drive:after{content:"";width:var(--pl-spindle-size);height:var(--pl-spindle-size);background:radial-gradient(circle at 35% 30%,#f8f5ea,#b7b4a6 60%,#8f8d80);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pl-drive.l{left:var(--pl-hub-left)}.pl-drive.r{left:var(--pl-hub-right)}.pl-head{top:calc(var(--pl-transport-y) - 11px);background:linear-gradient(#4d4b43,#2b2a24);border-radius:4px 4px 9px 9px;width:92px;height:22px;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff2e}.pl-pinch,.pl-capstan{z-index:2;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.pl-pinch{top:var(--pl-pinch-y);background:radial-gradient(circle at 35% 30%,#3d403a,#11140f 72%);width:18px;height:18px;box-shadow:inset 0 0 0 3px #0a0c09,0 0 0 2px #56594f}.pl-capstan{top:var(--pl-capstan-y);background:radial-gradient(circle at 35% 30%,#e2dfd2,#6a6860 70%);width:12px;height:12px;box-shadow:0 0 0 2px #0c0f0b}.pl-pinch.l{left:var(--pl-pinch-left)}.pl-pinch.r{left:var(--pl-pinch-right)}.pl-capstan.l{left:var(--pl-capstan-left)}.pl-capstan.r{left:var(--pl-capstan-right)}.pl-tape{left:50%;top:var(--pl-tape-top);width:var(--pl-tape-source-width);margin-left:calc(-1 * var(--pl-tape-source-half));z-index:3;transform:scale(var(--pl-tape-scale));transform-origin:top;position:absolute}.pl-bottom{z-index:5;border-top:2px solid var(--pl-edge);background:linear-gradient(180deg, #f4efde0d, transparent) var(--pl-bottom-bg);border-radius:0 0 14px 14px;align-items:center;gap:10px;height:83px;padding:6px 12px 7px;display:flex;position:relative}.pl-vu{border:2px solid var(--pl-edge);background:linear-gradient(#f7f2e1,#ede7d2);border-radius:9px;flex:none;width:110px;height:62px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0003,0 2px #00000059}.pl-vu-t{letter-spacing:.1em;font-size:8px;position:absolute}.pl-vu-t.l{color:#5a6b52;font-size:9px;font-weight:700;bottom:5px;left:8px}.pl-vu-t.m{color:#5a6b52;top:6px;left:9px}.pl-vu-t.r{color:#a83d14;top:6px;right:9px}.pl-vu-scale{width:0;height:0;position:absolute;bottom:6px;left:50%}.pl-tick{transform-origin:50% 100%;background:linear-gradient(#1d3b2a 0 9px,#0000 9px);width:2px;height:50px;position:absolute;bottom:0;left:-1px}.pl-tick:first-child{transform:rotate(-44deg)}.pl-tick:nth-child(2){transform:rotate(-29deg)}.pl-tick:nth-child(3){transform:rotate(-15deg)}.pl-tick:nth-child(4){transform:rotate(0)}.pl-tick:nth-child(5){transform:rotate(15deg)}.pl-tick:nth-child(6){transform:rotate(29deg)}.pl-tick:nth-child(7){transform:rotate(44deg)}.pl-tick:nth-child(6),.pl-tick:nth-child(7){background:linear-gradient(#d9541e 0 9px,#0000 9px)}.pl-needle{transform-origin:50% 100%;background:linear-gradient(#d9541e 0 76%,#a83d14);width:2px;height:45px;animation:4.4s ease-in-out infinite vu-sway;position:absolute;bottom:0;left:-1px;transform:rotate(-40deg)}.pl-needle-hub{background:radial-gradient(circle at 35% 30%,#4d4b43,#1a1e19);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-4px;left:-5px}.pl-keys{background:var(--pl-tray);border-radius:10px;align-items:flex-start;gap:5px;margin:0 auto;padding:7px 8px 5px;display:flex;box-shadow:inset 0 2px 4px #0000008c,0 1px #f4efde12}.pl-key-col{flex-direction:column;align-items:center;gap:4px;display:flex}.pl-key{background:var(--pl-key-face);border:1px solid var(--pl-key-border);width:40px;height:36px;color:var(--pl-key-text);border-radius:5px;place-items:center;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #0f241a2e,0 5px #0f241a,0 9px 11px #0000006b}.pl-key.rec{background:var(--pl-rec-face);border-color:var(--pl-rec-border);color:#f4efde}.pl-key.k-rew,.pl-key.k-ffwd{justify-content:center;align-items:center;gap:2px;display:flex}.pl-key.k-rew:before,.pl-key.k-rew:after{content:"";border-block:5px solid #0000;border-right:8px solid}.pl-key.k-ffwd:before,.pl-key.k-ffwd:after{content:"";border-block:5px solid #0000;border-left:8px solid}.pl-key.k-play:before{content:"";border-block:6px solid #0000;border-left:10px solid;margin-left:2px}.pl-key.k-eject{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.pl-key.k-eject:before{content:"";border-inline:7px solid #0000;border-bottom:8px solid}.pl-key.k-eject:after{content:"";background:currentColor;border-radius:1px;width:14px;height:3px}.pl-key.play{transform:translateY(4px);box-shadow:0 1px #0f241a,inset 0 2px 4px #0000004d}.pl-meta{flex-direction:column;align-items:center;gap:6px;display:flex}.pl-counter{background:#0a140d;border-radius:7px;gap:3px;padding:6px 7px;display:flex;box-shadow:inset 0 2px 5px #000c}.pl-counter span{text-align:center;color:#efe9d6;background:#0f241a;border-radius:3px;width:15px;height:18px;font-size:13px;line-height:18px}.pl-lcd{text-align:center;letter-spacing:.16em;color:#b9e3a9;background:#0a140d;border-radius:6px;min-width:60px;padding:4px 8px;font-size:11px;box-shadow:inset 0 2px 5px #000c}.pl-vol{grid-template-rows:41px 41px;gap:4px;width:22px;height:86px;display:grid;position:absolute;top:70px;right:-11px}.pl-vol i{background-color:var(--pl-rocker-bg);background-image:var(--pl-rocker-ridges);border:1px solid #0a140d;border-radius:10px;display:block;position:relative;box-shadow:2px 3px 7px #0006}.pl-vol i:before,.pl-vol i.up:after{content:"";background:color-mix(in srgb, var(--pl-rocker-bg), white 38%);height:2px;box-shadow:0 1px 0 color-mix(in srgb, var(--pl-rocker-bg), black 72%), 0 -1px 0 color-mix(in srgb, var(--pl-rocker-bg), white 18%);border-radius:2px;position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%)}.pl-vol i.up:after{width:2px;height:12px;top:14px;left:50%;right:auto;transform:translate(-50%)}.pl-vol-lbl,.pl-side-lbl{writing-mode:vertical-rl;letter-spacing:.12em;color:var(--pl-label);font-size:8px;position:absolute;right:25px}.pl-vol-lbl{top:104px}.pl-side{width:18px;height:46px;color:var(--pl-key-text);background:var(--pl-key-face);border:1px solid var(--pl-key-border);border-radius:9px;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:188px;right:-9px;box-shadow:2px 3px 6px #0000004d}.pl-side-lbl{top:194px}.breath-band{justify-content:center;padding-top:88px;display:flex}.breath-inner{align-items:center;gap:36px;max-width:720px;display:flex}.breath-rings{flex:none;place-items:center;width:104px;height:104px;display:grid;position:relative}.breath-rings i{border:2px solid var(--chip);border-radius:50%;animation:8s ease-in-out infinite breathe;position:absolute;inset:0}.breath-rings i+i{border-color:var(--line);animation-delay:.5s;inset:16px}.breath-rings b{background:var(--accent);border-radius:50%;width:30px;height:30px;animation:8s ease-in-out infinite breathe-dot}.breath-title{letter-spacing:-.01em;text-wrap:balance;margin:0 0 10px;font-size:clamp(22px,2.4vw,28px);font-weight:700}.breath-list{letter-spacing:.14em;text-transform:uppercase;color:var(--mono-c);margin:0;font-size:12px;line-height:1.9}.section{padding-block:96px 32px}.kicker,.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--mono-c);margin:0 0 12px;font-family:Space Mono,ui-monospace,monospace;font-size:12px;font-weight:400;display:block}.eyebrow>span{background:var(--accent);vertical-align:middle;width:26px;height:2px;margin-right:8px;display:inline-block}.section-title{letter-spacing:-.015em;text-wrap:balance;max-width:24ch;margin:0 0 48px;font-size:clamp(32px,3.6vw,46px);font-weight:800}.card-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.how-card{background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);border-radius:18px;padding:30px 28px}.how-step{letter-spacing:.14em;color:var(--accent);margin:0 0 18px;font-size:13px}.how-card h3{margin:0 0 12px;font-size:23px;font-weight:700}.how-card p{color:var(--body-c);margin:0;font-size:16px;line-height:1.6}.tag-inline{background:var(--panel);border-radius:4px;padding:1px 6px;font-family:Space Mono,monospace;font-size:14px}.screens{grid-template-columns:minmax(0,1fr);align-items:start;gap:42px;padding-block:72px;display:grid}.screens-copy{max-width:760px}.screens h2{letter-spacing:-.015em;text-wrap:balance;margin:0 0 20px;font-size:clamp(30px,3.2vw,42px);font-weight:800}.screens-lede{color:var(--body-c);margin:0 0 26px;font-size:17px;line-height:1.6}.snaps{grid-template-columns:repeat(5,minmax(0,184px));justify-content:center;align-items:flex-start;gap:clamp(12px,2vw,20px);display:grid}.snap{--snap-fade:var(--panel);border:3px solid var(--line);background:var(--panel);border-radius:22px;width:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 36px #1d3b2a38}.snap img{aspect-ratio:auto;width:100%;height:auto;display:block}.snap[data-appearance=dark]{--snap-fade:#1f2922}.snap-badge{z-index:2;color:#f4efde;letter-spacing:.12em;backdrop-filter:blur(4px);background:#141d17c7;border:1px solid #f4efde8f;border-radius:999px;padding:5px 8px;font-size:8px;line-height:1;position:absolute;top:10px;right:10px}.snap:after{content:"";background:linear-gradient(180deg, transparent, var(--snap-fade));pointer-events:none;height:48px;position:absolute;bottom:0;left:0;right:0}.snap-a{transform:rotate(-2deg)}.snap-b{transform:rotate(1deg)translateY(20px)}.snap-c{transform:rotate(-1deg)translateY(5px)}.snap-d{transform:rotate(1.25deg)translateY(22px)}.snap-e{transform:rotate(-.75deg)translateY(7px)}.tablet-showcase{border-radius:28px;gap:24px;margin-top:34px;display:grid}.tablet-showcase>h3{font-size:clamp(26px,3vw,38px);line-height:1.08}.tablet-snaps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);display:grid}.tablet-snap:after{display:none}.chips{flex-wrap:wrap;gap:10px;display:flex}.chips span{letter-spacing:.06em;border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;font-family:Space Mono,monospace;font-size:12px}.privacy-band{color:#f4efde;background:#1d3b2a;padding-block:96px}.privacy-band .kicker{color:#9db08f}.privacy-band .section-title{max-width:26ch;margin-bottom:18px}.privacy-lede{color:#c6d2bc;max-width:60ch;margin:0 0 52px;font-size:17px;line-height:1.6}.privacy-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.privacy-grid article{border:1.5px solid #3a5a45;border-radius:16px;padding:26px 24px}.privacy-grid h3{letter-spacing:.14em;color:#f0803f;text-transform:uppercase;margin:0 0 14px;font-family:Space Mono,monospace;font-size:12px;font-weight:400}.privacy-grid p{color:#e4e9d8;margin:0;font-size:15px;line-height:1.55}.privacy-fine{color:#9db08f;max-width:72ch;margin:40px 0 0;font-size:13px;line-height:1.7}.privacy-more{letter-spacing:.1em;color:#f4efde;border-bottom:1.5px solid var(--accent);margin-top:24px;padding-bottom:3px;font-family:Space Mono,monospace;font-size:13px;text-decoration:none;display:inline-block}.privacy-more:hover{color:var(--accent)}.pricing{text-align:center;max-width:964px;margin-inline:auto;padding:96px 32px 32px}.pricing .section-title{margin:0 auto 44px}.price-grid{text-align:left;grid-template-columns:1fr 1fr;gap:22px;display:grid}.price-card{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:32px 30px}.price-card h3{letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-family:Space Mono,monospace;font-size:13px;font-weight:400}.price-big{margin:0 0 18px;font-size:38px;font-weight:800}.founding-note{letter-spacing:.08em;margin:-12px 0 18px;font-family:Space Mono,monospace;font-size:12px}.price-card.pro .founding-note{color:#f0803f}.price-card p{color:var(--body-c);margin:0;font-size:15px;line-height:1.7}.price-card.pro{color:#f4efde;box-shadow:0 4px 0 var(--accent);background:#1d3b2a;border-color:#1d3b2a}.price-card.pro h3{color:#f0803f}.price-card.pro p{color:#c6d2bc}.get{text-align:center;padding-block:96px 80px}.get-panel{background:var(--panel);border:2px solid var(--line);border-radius:24px;padding:72px 40px}.get-panel img{border:2px solid var(--line);border-radius:10px;width:auto;height:84px;margin:0 auto 28px}.get-panel h2{letter-spacing:-.015em;margin:0 0 14px;font-size:clamp(30px,3.4vw,44px);font-weight:800}.get-lede{color:var(--body-c);margin:0 0 40px;font-size:17px}.store-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.store-link{background:var(--btn-bg);color:var(--btn-fg);border-radius:14px;align-items:center;gap:14px;min-width:200px;padding:14px 26px;text-decoration:none;display:inline-flex}.store-link:hover,.store-link:focus-visible{background:var(--accent);color:var(--cream)}.store-link svg{flex:none}.store-link>span{flex-direction:column;align-items:flex-start;display:flex}.store-link small{letter-spacing:.16em;opacity:.75;text-transform:uppercase;font-family:Space Mono,monospace;font-size:10px}.store-link b{font-size:22px;font-weight:700;line-height:1.15}.site-footer{border-top:2px solid var(--line);padding:28px 0}.site-footer .section-shell{letter-spacing:.1em;color:var(--mono-c);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;font-family:Space Mono,ui-monospace,monospace;font-size:12px;display:flex}.site-footer nav{flex-wrap:wrap;gap:24px;display:flex}.site-footer a{color:var(--mono-c);text-decoration:none}.site-footer a:hover{color:var(--accent)}@media (width<=940px){.site-nav a:not(.nav-cta):not(.theme-toggle){display:none}.hero{grid-template-columns:minmax(0,1fr);gap:56px;padding-top:64px}.hero>div:first-child{text-align:center}.hero-lede{margin-inline:auto}.hero-cta-row{justify-content:center}.hero-art{padding-block:20px}.card-grid{grid-template-columns:1fr}.screens{gap:36px}.snaps{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:16px;margin-inline:-24px;padding:16px 24px 34px;scroll-padding-inline:24px;display:flex;overflow:auto hidden}.snaps::-webkit-scrollbar{display:none}.snap{scroll-snap-align:center;flex:0 0 clamp(156px,23vw,184px)}.tablet-snaps{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-grid{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}}@media (width<=560px){.section-shell,.pricing{padding-inline:20px}.site-header{gap:12px}.site-nav{gap:12px;font-size:12px}.theme-toggle{padding:7px 10px}.nav-cta{padding:9px 13px}.brand img{height:44px}.brand-tag{display:none}.hero{padding-top:48px}.halo-lg,.halo-sm{display:none}.snaps{gap:12px;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}.snap{border-width:2px;border-radius:18px;flex-basis:clamp(150px,42vw,184px)}.tablet-snaps,.privacy-grid{grid-template-columns:1fr}.get-panel{padding:48px 22px}.store-links{display:grid}.store-link{justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hub,.halo,.breath-rings i,.breath-rings b,.pl-needle{animation:none}.tw-track{transform:translateX(calc(var(--tw-strip) * -1 * var(--tw-phase)));animation:none}.unit,.unit.is-out,.unit.is-parked{transition:opacity .4s;transform:none!important}}