:root{--ink:#0a1519;--ink2:#132329;--paper:#f2f2e9;--muted:#9aacad;--acid:#d6fb77;--lilac:#bba8fb;--line:#2a3b3f;--cream:#f7f8ed;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--lilac);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-glow{position:absolute;inset:0 0 auto;z-index:-1;height:850px;background:radial-gradient(ellipse 600px 460px at 72% 29%,#23474478,transparent 73%),radial-gradient(ellipse 550px 300px at 15% 0%,#223a3b4a,transparent 80%);pointer-events:none}.skip{position:absolute;left:12px;top:-60px;background:var(--acid);color:var(--ink);padding:12px;z-index:30}.skip:focus{top:12px}.site-header{height:83px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1400px;margin:auto;padding:0 48px;border-bottom:1px solid #ffffff12}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.07em;font-size:21px;white-space:nowrap}.brand img{flex:none}.brand-period{color:var(--acid)}.site-nav{display:flex;gap:40px}.site-nav a{font-size:13px;color:#b2bfc0;transition:color .2s}.site-nav a:hover,.nav-github:hover{color:var(--acid)}.nav-github{font-size:13px;font-weight:700;white-space:nowrap}.nav-github span{font-size:16px;margin-left:4px}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding-block:72px 88px}.hero-copy{max-width:610px;position:relative;z-index:2}.eyebrow,.kicker,.tiny-up{color:var(--acid);letter-spacing:.16em;font-size:10px;font-weight:900}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px #d6fb771b}.hero h1{font-weight:850;letter-spacing:-.085em;font-size:clamp(56px,6vw,95px);line-height:1.035;margin:27px 0 27px;max-width:730px}.hero h1 em,h2 em{font-style:normal;color:var(--acid)}.lede{max-width:505px;font-size:17px;line-height:1.75;color:#b2c1c1;margin:0 0 34px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:10px;font-size:13px;font-weight:800;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--acid);color:var(--ink)}.button-lime:hover{background:#e4ffa7}.button-ghost{border-color:#415052;background:#19262a;color:var(--paper)}.button-ghost:hover{background:#27383c}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 23px;color:#8d9c9c;font-size:11px;margin-top:35px}.mini-pulse{color:var(--acid);margin-right:6px}.hero-art{height:520px;position:relative;isolation:isolate;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#345e5790 0,#274d4759 31%,#101e2300 70%)}.hero-art-grid{position:absolute;inset:0;background:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:53px 53px;mask-image:radial-gradient(circle,#0003,transparent 70%)}.hero-orbit{border:1px solid #bdffca2e;position:absolute;inset:75px;border-radius:50%;transform:rotate(-20deg)}.orbit-outer{inset:35px;border-style:dashed;border-color:#bcf4c51b}.center-record{width:305px;height:305px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle at 50% 50%,#121d23 0 3px,#25383c 4px 5px,#101c20 6px 9px);border:8px solid #293b3e;box-shadow:0 30px 75px #0008,0 0 0 12px #537c6733,0 0 0 58px #547c4c11;animation:spin 27s linear infinite}.center-record-inner{background:var(--acid);width:113px;height:113px;border-radius:50%;display:grid;place-items:center;border:13px solid #142729;color:#182320;font-size:46px;letter-spacing:-.1em;font-weight:900}.center-record-inner span{margin-left:-5px}.vinyl{position:absolute;border-radius:50%;width:93px;height:93px;background:repeating-radial-gradient(circle,#0e1b1f 0 2px,#273a40 3px 4px);border:5px solid #26393b;box-shadow:0 12px 40px #0008;display:grid;place-items:center}.vinyl>div{width:30px;height:30px;border-radius:50%;background:var(--lilac);border:6px solid #172529}.vinyl-one{top:58px;right:62px}.vinyl-two{bottom:58px;left:50px;width:72px;height:72px}.vinyl-two>div{background:#eea87e}.floating-label{position:absolute;border:1px solid #6e968a77;background:#16282bcf;backdrop-filter:blur(8px);border-radius:100px;font-size:9px;font-weight:900;letter-spacing:.13em;padding:12px 15px;box-shadow:0 8px 25px #0004}.label-top{top:48px;left:18px;transform:rotate(-8deg)}.label-mini-icon{color:var(--acid);font-size:16px;margin-right:6px}.label-bottom{right:0;bottom:74px;transform:rotate(8deg)}.equalizer-mini{color:var(--acid);margin-right:7px}.hero-art-caption{position:absolute;bottom:5px;color:#76908c;letter-spacing:.2em;font-size:9px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.intro-stripe{border-block:1px solid #334442;background:#122228}.intro-stripe-inner{display:flex;gap:29px;align-items:center;justify-content:space-between;min-height:85px;font-size:12px;color:#aabdbc}.intro-stripe-inner strong{color:var(--acid);font-size:24px;margin-right:10px;font-weight:800}.slash{height:28px;width:1px;background:#3d5051;transform:rotate(20deg)}.section-pad{padding-block:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:47px}.section-heading h2{font-size:clamp(40px,4.9vw,66px);letter-spacing:-.072em;line-height:1.1;margin:18px 0 16px;max-width:850px}.section-heading p{font-size:15px;line-height:1.75;color:#a7b9b8;max-width:685px;margin:0}.section-side-note{white-space:nowrap;letter-spacing:.16em;font-size:9px;font-weight:900;color:#acbbb8;display:flex;align-items:center;gap:9px;margin-bottom:13px}.note-orbit{font-size:24px;color:var(--acid)}
.product-shell{border:1px solid #485f5c;background:#101b20;border-radius:23px;overflow:hidden;box-shadow:0 40px 120px #0006,0 0 0 8px #ffffff05}.demo-topbar{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-bottom:1px solid #314347;gap:17px;background:#152429}.mini-brand{display:flex;align-items:center;gap:8px;letter-spacing:-.05em;font-size:14px;font-weight:900}.tiny-tag{font-size:9px;letter-spacing:.12em;color:var(--acid);border:1px solid #6c85526f;padding:4px 7px;border-radius:40px;margin-left:5px}.demo-tabs{display:flex;align-items:center;gap:3px;background:#0b181c;border:1px solid #2d4144;padding:4px;border-radius:12px}.demo-tabs button{border:0;padding:11px 16px;border-radius:9px;color:#9ab0af;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.demo-tabs button[aria-selected=true]{background:#2d4144;color:#fff}.reset-demo{border:0;background:transparent;color:#90a3a2;font-size:12px}.reset-demo:hover{color:white}.demo-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 204px;min-height:685px}.demo-side{padding:27px 15px;border-right:1px solid #273c40}.side-label{color:#849b99;font-size:10px;letter-spacing:.14em;font-weight:900;margin:0 0 19px 8px}.mode-list{display:grid;gap:8px}.mode-button{display:flex;align-items:center;text-align:left;gap:11px;width:100%;padding:12px 10px;border:1px solid transparent;background:transparent;color:#c1d0cf;border-radius:12px;transition:.16s}.mode-button:hover{background:#243438}.mode-button.active{background:#2b3c36;border-color:#5e8567;color:white}.mode-icon{font-size:25px;color:var(--acid);width:23px;flex:none}.mode-button strong{display:block;font-size:12px}.mode-button small{display:block;margin-top:4px;font-size:10px;color:#91a5a3}.side-tips{margin:75px 2px 0;border:1px solid #40524c;border-radius:15px;padding:17px;background:linear-gradient(150deg,#21352e,#18292c)}.little-star{font-size:25px;color:var(--acid)}.side-tips p{font-size:13px;line-height:1.55;margin:14px 0;color:#e2eddf;font-weight:650}.side-tips span{font-size:9px;letter-spacing:.1em;color:#a7c7af;line-height:1.5;display:block}.demo-main{padding:26px;min-width:0}.demo-panel[hidden]{display:none}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel-heading h3{font-size:25px;margin:6px 0 0;letter-spacing:-.04em}.tiny-up{font-size:9px}.headset-chip{border:1px solid #506858;color:#cdecb8;border-radius:30px;padding:7px 10px;font-size:9px;letter-spacing:.06em;font-weight:900;white-space:nowrap}.listening-card{background:#1b292e;border:1px solid #435356;border-radius:20px;padding:19px;max-width:650px;position:relative;touch-action:pan-y}.artbox{position:relative;overflow:hidden;display:grid;place-items:center;height:240px;border-radius:14px;background:linear-gradient(135deg,var(--art1,#19495b),var(--art2,#72c9cc));box-shadow:inset 0 0 45px #1118}.artbox:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 48%,transparent 20%,#0e141b68 88%)}.art-lines{position:absolute;inset:-80px;background:repeating-linear-gradient(35deg,#ffffff15 0 2px,transparent 2px 20px);transform:rotate(-20deg)}.art-ring{height:185px;width:185px;position:relative;z-index:1;border:22px solid #0b1d269e;border-radius:50%;box-shadow:0 0 0 4px #ffffff38,0 0 0 24px #ffffff12,0 10px 45px #0008;display:grid;place-items:center}.art-hole{width:38px;height:38px;border-radius:50%;background:#e9edd6;box-shadow:0 0 0 12px #1430398f}.art-mark{position:absolute;bottom:15px;left:17px;z-index:2;font-size:9px;letter-spacing:.22em;font-weight:800;color:#fff9}.track-description{padding:17px 2px 12px;transition:filter .2s}.track-eyebrow{font-size:9px;letter-spacing:.15em;color:var(--acid);font-weight:900}.track-description h4{font-size:27px;letter-spacing:-.05em;margin:5px 0}.track-description p{color:#b7c7c5;margin:0;font-size:13px}.song-why{color:#afc5ba;font-size:11px;margin-top:10px}.blind-active .track-description h4,.blind-active .track-description p,.blind-active .track-description .track-eyebrow{filter:blur(7px);user-select:none}.blind-active .artbox:before{content:"BLIND LISTENING";position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#0d191ec9;color:var(--acid);font-size:13px;font-weight:900;letter-spacing:.22em}.playback-section{border-top:1px solid #324247;padding-top:12px}.wave-line{display:flex;gap:3px;height:22px;align-items:center;justify-content:center;opacity:.68}.wave-line span{display:block;width:3px;border-radius:5px;background:var(--acid);height:var(--h,9px)}.progress-track{height:5px;background:#52625d;border-radius:100px;overflow:hidden;margin-top:8px}.progress-inner{height:100%;background:var(--acid);width:0;transition:width .075s linear}.time-row{display:flex;justify-content:space-between;font-size:10px;color:#9daead;margin-top:9px;font-variant-numeric:tabular-nums}.player-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0}.play-primary{border:0;border-radius:10px;background:var(--acid);color:var(--ink);font-weight:900;font-size:12px;display:flex;align-items:center;gap:8px;padding:13px 20px;white-space:nowrap}.play-primary:hover,.keep-button:hover{filter:brightness(1.13)}.volume-control{display:flex;align-items:center;gap:7px;color:#c7d1cb;font-size:11px;min-width:0}.volume-control input{width:100px;accent-color:var(--acid);cursor:pointer}.volume-control output{width:30px;text-align:right;font-size:10px;color:#c8d4c5}.vote-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.vote-button{padding:12px 6px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #46585a;border-radius:9px;background:#2a3d42;color:#e6efeb;font-size:13px;font-weight:700}.vote-button:hover{background:#3c5558}.pass-button{color:#ffb5ac}.keep-button{background:#3d6241;color:#e7ffdb;border-color:#629263}.vote-button[aria-pressed=true]{border-color:var(--acid);color:var(--acid)}.player-hint{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#8da3a0;font-size:10px;margin:12px 4px 0}.journey-side{border-left:1px solid #273c40;padding:27px 15px}.journey-side h4{font-size:20px;letter-spacing:-.04em;line-height:1.2;margin:2px 6px 23px}.lime-dot{color:var(--acid)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-grid>div{border:1px solid #384c4d;border-radius:12px;background:#223237;padding:12px 8px}.stat-grid b{font-size:27px;color:var(--acid);display:block;letter-spacing:-.07em}.stat-grid span{font-size:10px;color:#a6b8b6}.divider-demo{border-top:1px solid #394b4b;margin:30px 0}.journey-label{font-weight:900;font-size:9px;letter-spacing:.15em;color:#9eb7ad;margin-bottom:15px}.path-flow{display:flex;flex-direction:column;gap:8px}.path-flow span{border-radius:10px;border:1px solid #3d5553;padding:12px;font-size:11px;font-weight:700;background:#1c2e32}.path-flow i{height:15px;width:1px;background:var(--acid);margin-left:17px;position:relative}.path-flow i:after{content:"⌄";position:absolute;bottom:-8px;left:-3px;color:var(--acid)}.demo-disclaimer{font-size:10px;line-height:1.65;color:#94a7a1;margin-top:45px}.under-demo{font-size:12px;color:#90a8a1;margin:16px 0 0;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{position:fixed;z-index:99;bottom:26px;right:30px;background:var(--acid);color:var(--ink);font-size:13px;font-weight:800;padding:14px 20px;border-radius:11px;box-shadow:0 13px 40px #0009;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .18s,transform .18s}.toast.shown{opacity:1;transform:translateY(0)}#reaction{position:absolute;inset:0;z-index:7;display:grid;place-items:center;pointer-events:none;font-size:95px;font-weight:950;text-shadow:0 10px 24px #0018;opacity:0}#reaction.show{animation:reaction .55s ease-in-out}@keyframes reaction{0%{transform:scale(.4) rotate(-15deg);opacity:0}35%{transform:scale(1.15) rotate(7deg);opacity:1}85%{opacity:1}100%{transform:scale(1.05);opacity:0}}.duel-subtitle{color:#b5c7c1;line-height:1.6;font-size:13px;margin:0 0 22px}.cup-setup{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.button-quiet{border:1px solid #50635b;background:#263c3b;color:white}.duel-arena{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duel-card{border:1px solid #455c57;border-radius:16px;padding:11px;background:#1d2d31;min-width:0;position:relative}.duel-card h4{font-size:14px;margin:10px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duel-card p{font-size:11px;color:#adbfba;margin:0 0 11px}.duel-card .duel-art{height:128px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--art1),var(--art2));font-size:51px;color:#fff8}.duel-actions{display:flex;gap:6px}.duel-actions button{flex:1;min-width:0;padding:10px 6px;font-size:11px;border:1px solid #537169;border-radius:8px;background:#2d4644;color:#ecf9e8}.duel-actions button.vote-go{background:var(--acid);color:var(--ink);font-weight:800}.duel-progress{font-size:11px;color:#a8c5b2;margin:14px 0}.duel-archive{margin-top:21px}.duel-archive h4{font-size:14px;margin:0 0 11px}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.podium>div{background:#263c3a;border:1px solid #466259;border-radius:11px;padding:12px 8px;text-align:center;font-size:11px}.podium b{font-size:19px;color:var(--acid);display:block;margin-bottom:8px}.podium span{font-weight:800;display:block}.podium small{font-size:10px;color:#b3c4ba}.cup-history-item{font-size:11px;color:#a7b9b5;margin-top:10px}.collection-list{display:grid;gap:8px}.collection-row{border:1px solid #3d5556;border-radius:10px;padding:11px;display:flex;align-items:center;gap:12px;background:#1e3032}.collection-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:9px;flex:none;background:linear-gradient(135deg,var(--art1),var(--art2))}.collection-row strong{font-size:13px}.collection-row p{color:#a8bab7;font-size:10px;margin:4px 0 0}.collection-empty{color:#bdcbc7;text-align:center;border:1px dashed #45605e;border-radius:14px;padding:35px;font-size:13px}
.build{background:#eef1e9;color:var(--ink)}.build .section-heading p{color:#5c6c6d}.build h2 em{color:#62834b}.build .kicker{color:#557e54}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-card{padding:32px;min-height:345px;border-radius:20px;border:1px solid #d8ded3;background:#fff;position:relative;overflow:hidden}.feature-one{background:#d9e7d5}.feature-icon{display:grid;place-items:center;background:#d6fb77;width:45px;height:45px;border-radius:13px;font-size:28px;color:#16291f;margin-bottom:32px}.feature-num{font-size:10px;letter-spacing:.16em;font-weight:900;color:#668068}.feature-card h3{font-size:28px;letter-spacing:-.05em;margin:13px 0 10px}.feature-card p{color:#596966;font-size:14px;line-height:1.7;max-width:450px;margin:0}.mini-route-chart{margin:25px 0 0;display:grid;gap:8px;max-width:340px}.mini-route-chart>div{display:flex;align-items:center;gap:10px}.mini-route-chart span{font-size:9px;font-weight:900;letter-spacing:.07em;width:74px}.mini-route-chart i{height:7px;display:block;width:var(--bar);background:#49775d;border-radius:4px}.bracket-motif{display:flex;align-items:center;gap:16px;margin-top:28px}.bracket-motif>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.bracket-motif span{background:#e9eee6;border:1px solid #ccd7c9;border-radius:5px;padding:7px 17px;font-size:11px}.bracket-motif>i{height:1px;width:32px;background:#4a6f5a}.bracket-motif strong{font-size:10px;letter-spacing:.14em;color:#406c53}.feature-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:29px}.feature-tag-row span{font-size:9px;font-weight:900;background:#eff4e9;border-radius:20px;padding:9px 11px;color:#547252}.test-summary{display:flex;align-items:center;gap:15px;margin-top:18px}.test-summary strong{font-size:63px;letter-spacing:-.08em;color:#406e4b}.test-summary span{max-width:190px;line-height:1.4;font-size:12px;color:#607169}.architecture{margin-top:24px;border:1px solid #d6ded2;border-radius:17px;background:#fff;padding:28px}.arch-label{font-size:10px;font-weight:900;letter-spacing:.15em;color:#5a775e}.arch-flow{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:23px}.arch-flow>div{border-radius:11px;background:#e9efe8;padding:17px;flex:1;min-width:0}.arch-flow b{display:block;font-size:14px}.arch-flow small{display:block;font-size:10px;margin-top:5px;color:#697b73}.arch-flow>span{font-size:25px;color:#78927d}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.timeline article{display:flex;gap:23px;padding:27px 25px;border:1px solid #3b5050;border-radius:18px;background:#152529}.timeline-number{color:var(--acid);font-size:30px;letter-spacing:-.07em;font-weight:900}.timeline article span{color:#88a696;letter-spacing:.16em;font-size:9px;font-weight:900}.timeline article h3{font-size:21px;letter-spacing:-.04em;margin:8px 0}.timeline article p{font-size:13px;line-height:1.7;color:#9bb2b0;margin:0}.closing{border-block:1px solid #35514c;background:radial-gradient(ellipse at 85% 65%,#344f427a,transparent 54%),#1a332c}.closing-inner{padding-block:105px;text-align:center}.closing h2{font-size:clamp(40px,5.5vw,69px);letter-spacing:-.07em;line-height:1.1;margin:17px 0}.closing p{max-width:620px;margin:0 auto 29px;color:#b8ccbf;line-height:1.7}.closing-inner>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{padding-block:38px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font-size:17px}.footer p,.footer>span{color:#91a8a6;font-size:11px;max-width:360px;line-height:1.5}.footer>span{text-align:right}
@media(max-width:1150px){.hero h1{font-size:clamp(52px,6.4vw,75px)}.hero-art{height:450px}.center-record{width:270px;height:270px}.demo-layout{grid-template-columns:188px minmax(0,1fr) 170px}.demo-main{padding:21px}.journey-side{padding:24px 12px}.mode-button{gap:5px}.mode-button strong{font-size:11px}.side-tips{padding:13px}.stat-grid{grid-template-columns:1fr}.artbox{height:205px}.listening-card{padding:14px}.panel-heading h3{font-size:22px}.player-row{flex-wrap:wrap}}
@media(max-width:925px){.site-nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{max-width:620px;width:100%;margin:auto;order:-1;height:370px}.center-record{width:230px;height:230px}.center-record-inner{width:85px;height:85px;font-size:33px;border-width:10px}.vinyl-one{right:90px}.hero-copy{max-width:720px}.hero h1{font-size:clamp(60px,10vw,84px)}.intro-stripe-inner{flex-wrap:wrap;padding-block:20px;justify-content:center}.demo-layout{grid-template-columns:185px minmax(0,1fr)}.journey-side{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-flow{flex-wrap:wrap}.arch-flow>div{min-width:35%}.arch-flow>span{display:none}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.site-header{height:70px;padding-inline:16px}.nav-github{font-size:11px}.brand{font-size:18px}.brand img{height:32px;width:32px}.hero{padding-block:36px 70px}.hero-art{height:300px}.center-record{width:194px;height:194px;border-width:6px}.floating-label{font-size:7px}.label-top{left:0;top:20px}.label-bottom{right:0;bottom:27px}.vinyl-one{width:60px;height:60px;top:20px;right:36px}.vinyl-two{width:51px;height:51px;bottom:35px;left:30px}.hero h1{font-size:clamp(54px,12vw,80px)}.lede{font-size:15px}.hero-meta{margin-top:25px}.intro-stripe-inner{gap:10px 18px;font-size:10px}.intro-stripe-inner strong{font-size:19px}.slash{display:none}.section-pad{padding-block:72px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:43px}.section-side-note{margin-top:14px}.demo-topbar{flex-wrap:wrap;gap:12px;padding:12px}.mini-brand{flex:1}.demo-tabs{order:3;width:100%;justify-content:space-between}.demo-tabs button{font-size:11px;padding:10px 8px}.reset-demo span{display:none}.demo-layout{display:block}.demo-side{padding:13px;border-right:0;border-bottom:1px solid #314347}.demo-side .side-label,.side-tips{display:none}.mode-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mode-button{padding:10px 5px;justify-content:center;text-align:center;display:block}.mode-icon{display:block;width:auto;font-size:23px}.mode-button strong{font-size:10px}.mode-button small{font-size:8px}.demo-main{padding:13px}.headset-chip{display:none}.artbox{height:205px}.listening-card{padding:12px}.art-ring{width:155px;height:155px;border-width:18px}.track-description h4{font-size:24px}.player-row{flex-wrap:nowrap}.play-primary{padding:12px 11px;font-size:11px}.volume-control input{width:76px}.vote-button{gap:4px;font-size:11px;padding:11px 3px}.vote-button span{font-size:10px}.player-hint{font-size:9px}.feature-grid,.timeline{grid-template-columns:1fr}.feature-card{min-height:300px}.architecture{padding:18px}.arch-flow>div{min-width:41%}.footer{display:block;padding-block:30px}.footer>span{text-align:left;display:block}.closing-inner{padding-block:75px}.closing h2{font-size:43px}.duel-card .duel-art{height:94px}.duel-card{padding:8px}.duel-actions{flex-direction:column}.podium{gap:4px}.podium>div{padding:8px 4px}.podium span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Portfolio release: controls retained from continuous-listening prototype. */
.playback-options{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 0}
.playback-option{border:1px solid #3d5556;background:#183036;color:#e5f1e3;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:750;min-height:36px;transition:background .15s,border-color .15s}
.playback-option:hover{background:#25464c;border-color:#89a6a2}
.playback-option[aria-pressed="true"]{border-color:var(--acid);color:var(--acid)}
.playback-option:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}
@media(max-width:680px){.playback-options{gap:7px}.playback-option{padding:9px 10px;flex:1;font-size:10px}}