@charset "UTF-8";
:root{color-scheme:dark;--bg:#0A0A0A;--bg2:#121212;--surface:#1A1A1A;--surface2:#242424;--line:rgba(235,235,235,.13);--text:#F3F3F3;--muted:#AEAEAE;--dim:#7E7E7E;--amber:#CCCCCC;--amber2:#F4F4F4;--cyan:#9D9D9D;--max:1220px;font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;letter-spacing:.005em}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--amber2);outline-offset:4px}button{font:inherit}.skip-link{position:absolute;z-index:100;left:12px;top:-60px;padding:10px 14px;background:var(--amber2);color:#191919}.skip-link:focus{top:12px}.section-wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.site-header{height:82px;padding:0 max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line);background:rgba(13,13,13,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:36px;height:36px;border:1px solid rgba(205,205,205,.7);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:3px;background:linear-gradient(145deg,rgba(205,205,205,.12),rgba(154,154,154,.04));box-shadow:0 0 22px rgba(205,205,205,.08)}.brand-mark i{display:block;width:3px;border-radius:2px;background:var(--amber2)}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:14px}.brand-mark i:nth-child(4){height:25px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:15px;letter-spacing:3.2px;font-weight:760}.brand-copy small{margin-top:7px;font-size:8px;letter-spacing:1.8px;color:var(--dim)}.primary-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.primary-nav a,.header-action,.eyebrow,.hero-note,.hero-bottom-rule,.art-index,.art-side-mark,.row-aside,.space-tag,.spec-head,.spec-total,.download-footnote,.footer-links{font-size:9px;letter-spacing:1.35px;font-weight:720}.primary-nav a{color:var(--muted);transition:color .16s}.primary-nav a:hover,.footer-links a:hover{color:var(--amber2)}.header-action{min-height:38px;padding:0 15px;display:flex;align-items:center;gap:13px;border:1px solid rgba(205,205,205,.45);color:var(--amber2);border-radius:5px;white-space:nowrap}.header-action span{font-size:15px}.hero{min-height:700px;position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;gap:38px;padding-top:54px;padding-bottom:90px}.hero-copy{padding:38px 0 56px;max-width:620px;position:relative;z-index:2}.eyebrow{color:var(--amber);display:flex;align-items:center;gap:11px;margin:0 0 23px}.eyebrow-line{height:1px;width:27px;background:var(--amber)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.99;letter-spacing:-4.7px;font-weight:570;margin:0 0 26px}.hero h1 em,.section-heading h2 em,.spaces-title h2 em,.download-copy h2 em,.launch-panel h2 em{font-family:Georgia,"Times New Roman",serif;color:var(--amber2);font-weight:400;letter-spacing:-2.5px}.hero-intro{max-width:530px;color:#BDBDBD;font-size:16px;line-height:1.75;margin:0 0 32px}.hero-actions,.download-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.button{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:5px;font-size:9px;letter-spacing:1.25px;font-weight:800;transition:transform .15s,background .15s,border-color .15s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--amber);color:#1E1E1E;border:1px solid var(--amber);box-shadow:0 8px 26px rgba(205,205,205,.12)}.button-primary:hover{background:#FFFFFF}.button-secondary{border:1px solid rgba(239,239,239,.2);color:var(--text);background:rgba(255,255,255,.015)}.button-secondary:hover{border-color:var(--amber)}.button span{font-size:15px}.hero-note{margin-top:31px;display:flex;align-items:center;gap:9px;color:var(--dim);font-size:8px}.status-light{width:6px;height:6px;border-radius:50%;background:#E4E4E4;box-shadow:0 0 10px rgba(226,226,226,.45)}.hero-art{align-self:center;min-height:490px;position:relative;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.07);overflow:hidden;background:radial-gradient(ellipse at 51% 47%,rgba(154,154,154,.07),transparent 43%),radial-gradient(ellipse at 65% 58%,rgba(205,205,205,.07),transparent 46%)}.hero-art:before{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(154,154,154,.1);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.012),0 0 0 80px rgba(255,255,255,.009)}.record-graphic{width:min(100%,510px);position:relative;z-index:1;filter:drop-shadow(0 28px 36px rgba(0,0,0,.42));animation:record-turn 42s linear infinite}.art-index{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;color:var(--dim);font-size:8px;z-index:2}.art-index-top{top:27px}.art-index-bottom{bottom:25px}.art-side-mark{position:absolute;right:8px;top:50%;writing-mode:vertical-rl;color:rgba(170,170,170,.45);font-size:7px;letter-spacing:2px}.hero-bottom-rule{position:absolute;left:0;right:0;bottom:33px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:var(--dim);font-size:8px}.system-section{padding-top:118px;padding-bottom:128px;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.section-heading{position:sticky;top:130px;align-self:start}.section-heading h2,.spaces-title h2,.download-copy h2,.launch-panel h2{font-size:clamp(40px,4.3vw,58px);line-height:1.02;letter-spacing:-2.8px;font-weight:560;margin:0 0 22px}.section-heading>p:last-child,.spaces-title>p:last-child{color:var(--muted);max-width:335px;font-size:14px;line-height:1.8}.system-list{border-top:1px solid var(--line)}.system-row{display:grid;grid-template-columns:46px minmax(0,1fr) 155px;gap:20px;padding:28px 0 31px;border-bottom:1px solid var(--line)}.row-number{font:12px/1.5 Consolas,monospace;color:var(--amber)}.row-main h3{font-size:20px;letter-spacing:-.5px;font-weight:570;margin:0 0 8px}.row-main p{font-size:13px;color:var(--muted);line-height:1.8;margin:0;max-width:550px}.row-aside{padding-top:6px;display:flex;flex-direction:column;gap:8px;color:var(--dim);font-size:8px}.spaces-section{background:#131313;border-top:1px solid rgba(154,154,154,.12);border-bottom:1px solid rgba(154,154,154,.12);padding:108px 0}.spaces-inner{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.spaces-title h2{margin-bottom:20px}.spaces-title>p:last-child{max-width:300px}.space-stack{border-top:1px solid var(--line)}.space-line{display:grid;grid-template-columns:48px minmax(0,1fr) 110px;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.space-symbol{font:14px/1 Consolas,monospace;color:var(--cyan)}.space-line h3{font-size:13px;letter-spacing:1.8px;margin:0 0 4px;font-weight:760}.space-line p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.space-tag{text-align:right;color:var(--dim);font-size:8px}.record-line .space-symbol{color:var(--amber2);font-size:20px}.privacy-strip{padding-top:92px;padding-bottom:95px;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:34px}.privacy-stamp{width:78px;height:78px;border:1px solid rgba(205,205,205,.4);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--amber2);font:700 9px/1.5 Consolas,monospace;letter-spacing:1.7px;transform:rotate(-9deg)}.privacy-strip .eyebrow{margin-bottom:12px}.privacy-strip h2{font-size:24px;letter-spacing:-.7px;font-weight:570;margin:0 0 8px}.privacy-strip p:not(.eyebrow){max-width:680px;margin:0;color:var(--muted);font-size:12px;line-height:1.85}.privacy-strip strong{color:var(--amber2);font-size:10px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--amber2);font-size:9px;letter-spacing:1.2px;font-weight:780;white-space:nowrap}.text-link span{font-size:15px}.text-link:hover{color:#fff}.download-section{background:#141414;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:105px 0}.download-inner{display:grid;grid-template-columns:1fr .92fr;gap:100px;align-items:center}.download-copy h2{margin-bottom:20px}.download-copy>p:not(.eyebrow):not(.download-footnote){max-width:460px;color:var(--muted);font-size:14px;line-height:1.85;margin-bottom:28px}.download-actions{align-items:center}.download-footnote{font-size:8px;color:var(--dim);line-height:1.8;letter-spacing:.35px;font-weight:500;margin:20px 0 0;max-width:470px}.download-spec{border:1px solid rgba(205,205,205,.22);background:linear-gradient(145deg,rgba(205,205,205,.045),transparent 55%),#101010;padding:22px 25px 15px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.spec-head,.spec-total{display:flex;justify-content:space-between;color:var(--dim);font-size:8px;padding-bottom:17px;border-bottom:1px solid var(--line)}.spec-head span:last-child{color:var(--amber)}.spec-file{display:grid;grid-template-columns:34px 1fr 25px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.file-icon{width:30px;height:30px;display:grid;place-content:center;border:1px solid rgba(154,154,154,.2);color:var(--cyan);border-radius:5px;font-size:15px}.spec-file strong,.spec-file small{display:block}.spec-file strong{font-size:12px;font-weight:620}.spec-file small{font-size:10px;color:var(--dim);margin-top:3px}.spec-file b{font:10px Consolas,monospace;color:var(--dim);text-align:right}.spec-total{padding-top:17px;padding-bottom:0;border:0}.spec-total strong{color:var(--amber2);font-size:8px}.launch-panel{min-height:300px;display:flex;align-items:center;justify-content:space-between;padding-top:85px;padding-bottom:85px}.launch-panel .eyebrow{margin-bottom:13px}.launch-panel h2{font-size:43px;margin-bottom:13px}.launch-panel p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:13px;margin:0}.launch-button{min-width:215px}.site-footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px max(32px,calc((100vw - var(--max))/2));background:#0A0A0A}.footer-brand .brand-mark{width:31px;height:31px}.footer-brand .brand-copy strong{font-size:12px}.footer-brand .brand-copy small{font-size:7px}.site-footer>p{margin:0;color:var(--dim);font-size:11px}.footer-links{display:flex;gap:22px;color:var(--muted);font-size:8px}.footer-links a{transition:color .15s}
/* Quick-start page */
.help-hero{padding:100px 0 62px;border-bottom:1px solid var(--line)}.help-hero h1{font-size:clamp(44px,6vw,68px);line-height:1;letter-spacing:-3px;font-weight:560;margin:0 0 20px}.help-hero h1 em{font-family:Georgia,serif;color:var(--amber2);font-weight:400}.help-hero p:last-child{max-width:600px;color:var(--muted);font-size:15px;line-height:1.8}.help-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:80px;padding-top:55px;padding-bottom:120px}.help-toc{position:sticky;top:115px;align-self:start;border-left:1px solid var(--line);padding-left:17px;display:flex;flex-direction:column;gap:13px}.help-toc a{font-size:10px;color:var(--muted)}.help-toc a:hover{color:var(--amber2)}.help-content{max-width:760px}.help-content section{padding:0 0 42px;margin:0 0 42px;border-bottom:1px solid var(--line);scroll-margin-top:115px}.help-content h2{font-size:25px;letter-spacing:-.7px;font-weight:600;margin:0 0 15px}.help-content h3{font-size:15px;margin:26px 0 7px}.help-content p,.help-content li{color:var(--muted);font-size:13px;line-height:1.85}.help-content ol,.help-content ul{padding-left:20px}.help-content code{background:#1F1F1F;border:1px solid var(--line);padding:2px 5px;border-radius:3px;color:var(--amber2);font:12px Consolas,monospace}.help-callout{border-left:2px solid var(--amber);background:rgba(205,205,205,.055);padding:14px 17px;margin:20px 0}.help-callout p{margin:0}.help-steps{counter-reset:help;list-style:none;padding:0!important}.help-steps li{counter-increment:help;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.help-steps li:before{content:"0" counter(help);font:12px Consolas,monospace;color:var(--amber);padding-top:2px}.help-content a{color:var(--amber2);text-decoration:underline;text-underline-offset:3px}.help-content a:hover{color:#fff}.back-home{font-size:10px;color:var(--amber2);letter-spacing:1px}
@keyframes record-turn{to{transform:rotate(360deg)}}
@media(max-width:950px){.site-header{gap:20px}.primary-nav{gap:16px}.hero{grid-template-columns:1fr 1fr;gap:10px;min-height:620px}.hero h1{font-size:clamp(45px,6vw,65px)}.hero-art{min-height:420px}.system-section,.spaces-inner{gap:50px}.download-inner{gap:48px}.privacy-strip{grid-template-columns:72px 1fr;gap:24px}.privacy-strip>.text-link{grid-column:2}}
@media(max-width:700px){.section-wrap{width:calc(100% - 38px)}.site-header{height:auto;min-height:70px;padding:12px 19px;gap:12px;flex-wrap:wrap}.brand-mark{width:31px;height:31px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:7px}.primary-nav{order:3;width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.primary-nav a{font-size:8px}.header-action{margin-left:auto;min-height:34px;padding:0 9px;font-size:8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:55px;padding-bottom:75px;gap:10px}.hero-copy{padding:15px 0 0}.hero h1{font-size:clamp(45px,12vw,63px);letter-spacing:-3px}.hero-intro{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column;max-width:350px}.button{min-height:46px}.hero-art{min-height:370px;border-left:0;border-top:1px solid var(--line);margin-top:15px}.record-graphic{width:min(95%,360px)}.hero-art:before{width:310px;height:310px}.art-index{left:12px;right:12px;font-size:7px}.art-side-mark{display:none}.hero-bottom-rule{font-size:7px;bottom:20px}.system-section{padding-top:75px;padding-bottom:80px;display:block}.section-heading{position:static;margin-bottom:36px}.section-heading h2,.spaces-title h2,.download-copy h2{font-size:45px}.system-row{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:23px 0}.row-aside{grid-column:2;flex-direction:row;flex-wrap:wrap;padding-top:3px;gap:8px 14px}.spaces-section{padding:72px 0}.spaces-inner{display:block}.spaces-title{margin-bottom:32px}.space-line{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:19px 0}.space-tag{grid-column:2;text-align:left;font-size:7px}.privacy-strip{padding-top:65px;padding-bottom:68px;display:grid;grid-template-columns:55px 1fr;gap:15px}.privacy-stamp{width:53px;height:53px;font-size:7px}.privacy-strip h2{font-size:20px}.privacy-strip p:not(.eyebrow){font-size:11px}.privacy-strip>.text-link{grid-column:2}.download-section{padding:75px 0}.download-inner{grid-template-columns:1fr;gap:42px}.download-copy h2{font-size:46px}.download-actions{align-items:flex-start;flex-direction:column}.download-spec{padding:18px}.launch-panel{min-height:0;padding-top:65px;padding-bottom:65px;align-items:flex-start;flex-direction:column;gap:25px}.launch-panel h2{font-size:40px}.site-footer{padding:25px 19px;flex-wrap:wrap;justify-content:space-between}.site-footer>p{order:3;width:100%;font-size:10px}.footer-links{gap:13px}.help-hero{padding:70px 0 40px}.help-hero h1{font-size:46px}.help-layout{display:block;padding-top:26px;padding-bottom:75px}.help-toc{position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:35px;flex-direction:row;flex-wrap:wrap;gap:10px 17px}.help-toc a{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Public information pages */
.legal-footer-links{width:100%;display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.legal-footer-links a{font-size:8px;letter-spacing:1.1px;font-weight:700;color:var(--dim)}
.legal-footer-links a:hover{color:var(--amber2)}
.document-page{padding-top:92px;padding-bottom:110px;max-width:1040px}
.document-heading{max-width:780px;padding-bottom:46px;border-bottom:1px solid var(--line)}
.document-heading h1{font-size:clamp(48px,6vw,72px);font-weight:560;line-height:1.01;letter-spacing:-3.6px;white-space:pre-line;margin:0 0 20px}
.document-heading h1 em{font-family:Georgia,serif;color:var(--amber2);font-weight:400}
.document-intro{font-size:16px;line-height:1.75;color:var(--muted);max-width:690px;margin:0 0 16px}
.document-meta{font-size:9px;letter-spacing:1.05px;text-transform:uppercase;color:var(--dim);margin:0}
.document-content{max-width:790px;padding-top:25px}
.document-content section{padding:28px 0;border-bottom:1px solid var(--line)}
.document-content h2{font-size:21px;letter-spacing:-.5px;font-weight:600;margin:0 0 13px;color:var(--text)}
.document-content h3{font-size:15px;font-weight:650;margin:20px 0 8px}
.document-content p,.document-content li{font-size:13px;line-height:1.9;color:var(--muted)}
.document-content p:last-child{margin-bottom:0}
.document-content ul{padding-left:21px}
.document-content li+li{margin-top:6px}
.document-content a{color:var(--amber2);text-decoration:underline;text-decoration-color:rgba(205,205,205,.35);text-underline-offset:3px}
.document-content a:hover{color:#fff}
.document-content code{font-family:Consolas,monospace;color:#E4E4E4;background:#FFFFFF0a;padding:2px 5px;border-radius:3px}
.legal-callout,.contact-panel{padding:24px 26px;border:1px solid rgba(205,205,205,.27);background:linear-gradient(140deg,rgba(205,205,205,.07),transparent 60%),#131313;margin:22px 0 8px}
.legal-callout strong,.contact-label{font-size:9px;letter-spacing:1.4px;color:var(--amber2);font-weight:800;text-transform:uppercase}
.legal-callout p{margin:10px 0 0}
.contact-email{font-size:clamp(22px,3vw,34px)!important;color:var(--text)!important;letter-spacing:-.7px;margin:8px 0 10px}
.contact-email a{text-decoration:none}
.contact-panel .button{margin-top:10px}
@media(max-width:900px){.document-page{padding-top:70px;padding-bottom:80px}}
@media(max-width:700px){.document-heading h1{font-size:44px;letter-spacing:-2.3px}.document-content h2{font-size:19px}.legal-footer-links{gap:12px}}

/* Website record visual is ported from the actual BLACKBOX RECORD workspace. */
/* BLACKBOX monochrome finish: original layout and original turntable animation retained. */
:root {
  color-scheme: dark;
  --bg: #0A0A0A;
  --bg2: #121212;
  --surface: #1A1A1A;
  --surface2: #242424;
  --line: rgba(235,235,235,.13);
  --text: #F3F3F3;
  --muted: #AEAEAE;
  --dim: #7E7E7E;
  --amber: #CCCCCC;
  --amber2: #F4F4F4;
  --cyan: #9D9D9D;
}
html, body { background-color: var(--bg); }
.site-header {
  background: rgba(10,10,10,.84);
  border-bottom-color: rgba(235,235,235,.12);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
  backdrop-filter: blur(18px) saturate(115%);
}
.header-action, .button, .primary-nav a, .footer-links a, .text-link,
.system-row, .space-line, .space-symbol, .download-spec {
  transition-timing-function: cubic-bezier(.2,.7,.2,1);
  transition-duration: .28s;
}
.button-secondary {
  background: rgba(243,243,243,.035);
  border-color: rgba(235,235,235,.19);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}
.button-secondary:hover {
  background: rgba(235,235,235,.09);
  border-color: rgba(244,244,244,.48);
}
.scene-readout {
  background: linear-gradient(140deg,rgba(46,46,46,.72),rgba(14,14,14,.64));
  border-color: rgba(235,235,235,.16);
  box-shadow: 0 16px 34px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.055);
  -webkit-backdrop-filter: blur(14px) saturate(115%);
  backdrop-filter: blur(14px) saturate(115%);
}
.download-spec {
  background: linear-gradient(145deg,rgba(224,224,224,.065),rgba(167,167,167,.018) 58%),rgba(16,16,16,.82);
  border-color: rgba(215,215,215,.22);
  -webkit-backdrop-filter: blur(13px) saturate(110%);
  backdrop-filter: blur(13px) saturate(110%);
}
.download-spec:hover { border-color: rgba(244,244,244,.42); }
.spaces-section {
  background: linear-gradient(145deg,rgba(196,196,196,.035),transparent 64%),#141414;
  border-color: rgba(224,224,224,.12);
}
.download-section {
  background: linear-gradient(145deg,rgba(196,196,196,.025),transparent 60%),#121212;
}
.site-footer { background: #090909; }
/* Scroll reveal and progress remain unchanged. */
.site-scroll-progress {
  position: fixed;
  z-index: 1000;
  inset: 0 auto auto 0;
  width: 100%;
  height: 2px;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: left center;
  background: linear-gradient(90deg,#828282,#F6F6F6);
  box-shadow: 0 0 9px rgba(238,238,238,.22);
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .site-scroll-progress { display: none; }
  .site-header,.header-action,.button,.primary-nav a,.footer-links a,.text-link,
  .system-row,.space-line,.space-symbol,.download-spec { transition: none !important; }
}


/* Exact BLACKBOX RECORD vinyl component, ported from player/style.css. */
.player-record-stage {
  min-height: 560px;
  align-self: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-left: 1px solid rgba(255,255,255,.07);
  background: radial-gradient(ellipse at 50% 48%,rgba(220,220,220,.075),transparent 52%);
}
.player-record-stage:before { display: none; }
.player-record-stage .site-record-visual-card {
  position: relative;
  width: min(100%, 540px);
  min-height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px;
  border-radius: 24px;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 43%,rgba(220,220,220,.045),transparent 50%),linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),rgba(5,5,5,.3);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 26px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
}
.player-record-stage .record-light-orbit {
  position: absolute;
  top: 48%; left: 50%;
  width: min(84%, 490px); aspect-ratio: 1;
  border-radius: 50%; transform: translate(-50%,-54%);
  border: 1px solid rgba(255,255,255,.045);
  box-shadow: 0 0 60px rgba(220,220,220,.025),inset 0 0 45px rgba(255,255,255,.018);
  pointer-events: none;
}
.player-record-stage .site-record-pulse-wrap {
  width: clamp(270px, 32vw, 420px);
  max-width: 100%; aspect-ratio: 1;
  position: relative; display: grid; place-items: center;
  z-index: 2;
}
.player-record-stage .record-disc{width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden;transform:rotate(0deg);will-change:transform;isolation:isolate;background:radial-gradient(circle at center,transparent 0 10.7%,rgba(255,255,255,.08) 10.9%,transparent 11.2%,transparent 12.3%,rgba(0,0,0,.68) 12.5%,transparent 13%),repeating-radial-gradient(circle at center,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,.22) 1.5px 3px,rgba(255,255,255,.02) 3.5px 4px,transparent 4.5px 6.5px),conic-gradient(from 210deg,rgba(255,255,255,.16),rgba(0,0,0,.94) 14%,rgba(255,255,255,.09) 25%,rgba(0,0,0,.93) 43%,rgba(255,255,255,.17) 58%,rgba(0,0,0,.95) 72%,rgba(255,255,255,.11) 86%,rgba(0,0,0,.94));box-shadow:0 30px 65px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.25),0 0 0 10px rgba(255,255,255,.016),inset 0 2px 4px rgba(255,255,255,.24),inset 0 -12px 22px rgba(0,0,0,.65);}
.player-record-stage .record-disc:before{content:"";position:absolute;inset:0;border-radius:50%;z-index:1;pointer-events:none;background:repeating-radial-gradient(circle at center,transparent 0 13px,rgba(255,255,255,.045) 13.5px 14px,rgba(0,0,0,.22) 14.5px 15px,transparent 15.5px 18px),conic-gradient(from 0deg,rgba(255,255,255,.26),transparent 7%,rgba(255,255,255,.04) 16%,transparent 32%,rgba(255,255,255,.12) 48%,transparent 65%,rgba(255,255,255,.07) 83%,transparent);mix-blend-mode:screen;}
.player-record-stage .record-grooves{position:absolute;inset:2%;border-radius:50%;z-index:2;pointer-events:none;background:repeating-radial-gradient(circle at center,transparent 0 4px,rgba(255,255,255,.025) 4.5px 5px,rgba(0,0,0,.22) 5.5px 6px,transparent 6.5px 9px);}
.player-record-stage .record-reflection{position:absolute;z-index:4;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(128deg,rgba(255,255,255,.25),transparent 18%,transparent 44%,rgba(255,255,255,.075) 49%,transparent 53%),radial-gradient(ellipse at 24% 11%,rgba(255,255,255,.14),transparent 32%);mix-blend-mode:screen;opacity:.64;}
.player-record-stage .record-label-well{position:absolute;z-index:3;width:39%;height:39%;top:30.5%;left:30.5%;border-radius:50%;background:linear-gradient(145deg,#11131a,#030406);box-shadow:0 0 0 5px rgba(0,0,0,.72),0 0 0 6px rgba(255,255,255,.21),inset 0 4px 8px rgba(255,255,255,.12);}
.player-record-stage .record-label-art{position:absolute;z-index:4;width:34.5%;height:34.5%;left:32.75%;top:32.75%;border-radius:50%;object-fit:cover;opacity:1;transition:opacity var(--record-transition-duration,1.5s) ease,filter var(--record-transition-duration,1.5s) ease;box-shadow:0 5px 18px rgba(0,0,0,.65);}
.player-record-stage .record-label-ring{position:absolute;z-index:6;left:31.5%;top:31.5%;width:37%;height:37%;border:1px solid rgba(255,255,255,.25);border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.38);}
.player-record-stage .record-spindle{position:absolute;z-index:7;width:5%;height:5%;top:47.5%;left:47.5%;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fafafa,#989ba0 38%,#25272d 60%,#050506 80%);box-shadow:0 0 0 1px rgba(0,0,0,.8),0 0 7px rgba(255,255,255,.24);}
.player-record-stage .record-disc {
  /* The BLACKBOX player rotates this element with updateRecordMotion(). */
  box-shadow: 0 30px 65px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.25),0 0 0 10px rgba(255,255,255,.016),inset 0 2px 4px rgba(255,255,255,.24),inset 0 -12px 22px rgba(0,0,0,.65);
}
.player-record-stage .site-record-status {
  width: 100%; max-width: 420px;
  display: flex; justify-content: space-between; gap: 14px;
  margin: 26px auto 0;
  color: #929292; font: 9px Consolas,monospace; letter-spacing: .13em;
}
.player-record-stage .site-record-status span:first-child { display:flex;align-items:center;gap:8px;color:#E8E8E8; }
.player-record-stage .site-record-status i { width:6px;height:6px;border-radius:50%;background:#D7D7D7;box-shadow:0 0 10px rgba(235,235,235,.36); }
@media(max-width:950px) {
  .player-record-stage { min-height:490px; border-left:0; border-top:1px solid rgba(255,255,255,.07); }
  .player-record-stage .site-record-visual-card { min-height:470px; }
  .player-record-stage .site-record-pulse-wrap { width:clamp(250px,54vw,390px); }
}
@media(max-width:700px) {
  .player-record-stage { min-height:390px; }
  .player-record-stage .site-record-visual-card { min-height:370px; padding:15px; }
  .player-record-stage .site-record-pulse-wrap { width:min(78vw,330px); }
  .player-record-stage .site-record-status { max-width:330px; font-size:7px; }
}
@media(prefers-reduced-motion:reduce) {
  .player-record-stage .record-disc { transform:none !important; }
}


/* BLACKBOX website motion system: editorial, deliberate, and low-distraction. */
@keyframes bb-hero-rise {
  from { opacity: 0; transform: translate3d(0, 22px, 0); filter: blur(5px); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}
@keyframes bb-scene-settle {
  from { opacity: 0; transform: translate3d(0, 12px, 0) scale(.985); filter: blur(3px); }
  to   { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}
@keyframes bb-marquee-travel {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.hero-copy > .eyebrow { animation: bb-hero-rise .75s cubic-bezier(.2,.72,.2,1) .08s both; }
.hero-copy > h1 { animation: bb-hero-rise .9s cubic-bezier(.2,.72,.2,1) .17s both; }
.hero-copy > .hero-intro { animation: bb-hero-rise .85s cubic-bezier(.2,.72,.2,1) .28s both; }
.hero-copy > .hero-actions { animation: bb-hero-rise .8s cubic-bezier(.2,.72,.2,1) .39s both; }
.hero-copy > .hero-note { animation: bb-hero-rise .8s cubic-bezier(.2,.72,.2,1) .49s both; }
.player-record-stage { animation: bb-scene-settle 1.15s cubic-bezier(.2,.72,.2,1) .18s both; }

.has-motion [data-reveal] {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  filter: blur(4px);
  transition:
    opacity .82s cubic-bezier(.2,.72,.2,1) var(--reveal-delay, 0ms),
    transform .82s cubic-bezier(.2,.72,.2,1) var(--reveal-delay, 0ms),
    filter .82s cubic-bezier(.2,.72,.2,1) var(--reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}
.has-motion [data-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0,0,0);
  filter: blur(0);
}

.signal-marquee {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.09);
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.012) 48%,rgba(255,255,255,.035));
  -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image: linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.signal-marquee-track { display: flex; width: max-content; animation: bb-marquee-travel 42s linear infinite; }
.signal-marquee:hover .signal-marquee-track,
.signal-marquee:focus-within .signal-marquee-track { animation-play-state: paused; }
.signal-marquee-group {
  min-width: 100vw;
  flex: 0 0 100vw;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: clamp(24px,3.5vw,58px);
  padding: 21px 34px;
  white-space: nowrap;
  color: #B9B9B9;
  font: 750 9px/1.2 Inter,"Segoe UI",system-ui,sans-serif;
  letter-spacing: .19em;
}
.signal-marquee-group i { color: #777; font-style: normal; font-size: 11px; }

.showcase-section { padding-top: 122px; padding-bottom: 130px; }
.showcase-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 60px;
  margin-bottom: 50px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--line);
}
.showcase-heading .eyebrow { margin-bottom: 17px; }
.showcase-heading h2 {
  margin: 0;
  font-size: clamp(42px,4.8vw,64px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 560;
}
.showcase-heading h2 em {
  font-family: Georgia,"Times New Roman",serif;
  color: var(--amber2);
  font-weight: 400;
  letter-spacing: -.045em;
}
.showcase-heading > p {
  max-width: 410px;
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.85;
}
.showcase-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 28px 22px; align-items: start; }
.showcase-card {
  min-width: 0;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 58%),rgba(12,12,12,.82);
  box-shadow: 0 18px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.045);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: transform .65s cubic-bezier(.2,.72,.2,1),border-color .4s ease,box-shadow .4s ease;
}
.showcase-card--record { grid-column: span 7; }
.showcase-card--void { grid-column: span 5; margin-top: 78px; }
.showcase-card--studio { grid-column: span 5; margin-top: -42px; }
.showcase-card--themes { grid-column: span 7; }
.showcase-card--settings { grid-column: 2 / span 10; margin-top: 22px; }
.showcase-media {
  position: relative;
  display: block;
  aspect-ratio: 1.585 / 1;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 7px;
  background: #101010;
  isolation: isolate;
}
.showcase-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.001);
  transition: transform .95s cubic-bezier(.2,.72,.2,1),filter .7s ease;
  filter: saturate(.92) contrast(1.02);
}
.showcase-media::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg,transparent 28%,rgba(255,255,255,.075) 49%,transparent 66%);
  transform: translateX(-130%);
  transition: transform 1.05s cubic-bezier(.2,.72,.2,1);
}
.showcase-view {
  position: absolute;
  z-index: 2;
  right: 13px;
  top: 13px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 3px;
  background: rgba(8,8,8,.7);
  color: #F5F5F5;
  font: 750 8px/1 Inter,"Segoe UI",sans-serif;
  letter-spacing: .12em;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .35s ease,transform .35s ease;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.showcase-card:hover { transform: translateY(-5px); border-color: rgba(255,255,255,.25); box-shadow: 0 28px 65px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07); }
.showcase-card:hover .showcase-media img { transform: scale(1.025); filter: saturate(1) contrast(1.04); }
.showcase-card:hover .showcase-media::after { transform: translateX(130%); }
.showcase-card:hover .showcase-view,.showcase-media:focus-visible .showcase-view { opacity: 1; transform: translateY(0); }
.showcase-card figcaption {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 8px 7px;
}
.showcase-index { display: block; margin-bottom: 7px; color: #8C8C8C; font: 8px/1.2 Consolas,monospace; letter-spacing: .16em; }
.showcase-card h3 { margin: 0; font-size: 17px; line-height: 1.25; font-weight: 590; letter-spacing: -.025em; }
.showcase-card figcaption p { max-width: 270px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; text-align: right; }
.showcase-card--settings .showcase-media { aspect-ratio: 1.72 / 1; }
.showcase-card--settings figcaption p { max-width: 390px; }

.system-row,.space-line,.download-spec { transition: border-color .38s ease,background-color .38s ease,transform .5s cubic-bezier(.2,.72,.2,1); }
.system-row:hover { border-color: rgba(255,255,255,.28); }
.space-line:hover { transform: translateX(5px); }
.download-spec:hover { transform: translateY(-4px); }
.header-action,.button,.text-link,.primary-nav a,.footer-links a { transition: color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .4s ease,transform .4s cubic-bezier(.2,.72,.2,1); }
.button:hover { transform: translateY(-3px); box-shadow: 0 13px 32px rgba(255,255,255,.1); }
.header-action:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.55); }

@media(max-width:950px) {
  .showcase-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
  .showcase-heading > p { max-width: 620px; }
  .showcase-card--void { margin-top: 38px; }
  .showcase-card--studio { margin-top: 0; }
  .showcase-card--settings { grid-column: span 12; }
}
@media(max-width:700px) {
  .signal-marquee-group { min-width: 100vw; padding-inline: 20px; gap: 24px; font-size: 8px; }
  .showcase-section { padding-top: 76px; padding-bottom: 82px; }
  .showcase-heading { margin-bottom: 30px; }
  .showcase-heading h2 { font-size: 45px; }
  .showcase-grid { grid-template-columns: 1fr; gap: 20px; }
  .showcase-card--record,.showcase-card--void,.showcase-card--studio,.showcase-card--themes,.showcase-card--settings { grid-column: 1; margin-top: 0; }
  .showcase-card figcaption { align-items: flex-start; flex-direction: column; gap: 8px; }
  .showcase-card figcaption p { max-width: 100%; text-align: left; }
  .showcase-view { opacity: 1; transform: none; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-copy > .eyebrow,.hero-copy > h1,.hero-copy > .hero-intro,.hero-copy > .hero-actions,.hero-copy > .hero-note,.player-record-stage { animation: none !important; }
  .signal-marquee-track { animation: none !important; }
  .signal-marquee-group[aria-hidden="true"] { display: none; }
  .has-motion [data-reveal] { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; }
  .showcase-card,.showcase-media img,.showcase-media::after,.showcase-view,.system-row,.space-line,.download-spec,.header-action,.button { transition: none !important; }
}
/* Preserve the card lift after its reveal transition has completed. */
.has-motion .showcase-card.is-visible:hover { transform: translateY(-5px); }