/* A compositor-backed dock stays anchored while the document scrolls. */
body.concept-b{padding-bottom:50px}
.concept-b .taskbar{position:fixed;inset:auto 0 0;z-index:1000;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;isolation:isolate;overflow:visible;contain:layout paint}
.concept-b .taskbar button{min-height:38px}
.faq-page{max-width:920px;margin:0 auto;padding:18px 0 50px;color:#f2f0e9}
.faq-heading{padding:30px 0 22px;border-bottom:1px solid #666}
.faq-heading h1{font:700 clamp(40px,6vw,76px)/1.04 RedMoonBlackletter,Georgia,serif;letter-spacing:-.035em;margin:20px 0}
.faq-heading p{max-width:480px;font-size:12px;line-height:1.7;color:#bcbab3}
.faq-actions{display:flex;flex-wrap:wrap;gap:12px;padding:22px 0}
.faq-page :is(.faq-actions a,.faq-actions button,.faq-list a,.faq-list button){display:inline-flex;align-items:center;min-height:44px;padding:12px 15px;border:1px solid #777;background:transparent;color:#f2f0e9;text-decoration:none;font:10px/1.4 'Courier New',monospace}
.faq-page :is(.faq-actions a,.faq-actions button,.faq-list a,.faq-list button):hover{background:#b70017;border-color:#b70017;color:#fff}
.faq-shipping{padding:18px;border-left:3px solid #b70017;background:#151515;font-size:11px;line-height:1.8;margin:0 0 28px}
.faq-shipping strong{font-weight:normal;color:#fff}
.faq-list details{border-top:1px solid #555}
.faq-list details:last-child{border-bottom:1px solid #555}
.faq-list summary{position:relative;list-style:none;padding:22px 32px 22px 0;cursor:pointer;font:15px/1.5 Arial,sans-serif;min-height:64px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:5px;top:20px;font:22px 'Courier New',monospace;color:#ef2842}
.faq-list details[open] summary:after{content:'−'}
.faq-list details>div{max-width:700px;padding:0 0 24px;color:#c6c4bd;font:12px/1.9 'Courier New',monospace}
.faq-list ol{padding-left:22px}.faq-list li{padding-left:5px;margin:7px 0}
/* The cassette shares the TV's molded graphite, smoked glass and physical keys. */
.tape-stage .cassette{border:3px solid;border-color:#4b4d43 #11130f #0a0b09 #414339;border-radius:10px;background:repeating-linear-gradient(93deg,#ffffff05 0 1px,transparent 1px 3px),linear-gradient(125deg,#383936,#222320 60%,#171816);box-shadow:inset 0 0 0 2px #10120d,inset 0 0 0 3px #52574944,0 7px #10110f,0 9px #33342f,0 20px 30px #0009}
.tape-stage .tape-label{border:1px solid #8b4d4366;border-radius:3px 3px 0 0;background:linear-gradient(125deg,#622924,#361511);color:#deddd0;text-shadow:0 1px #180705}
.tape-stage .tape-label>span{font:bold italic clamp(34px,7vw,66px)/1 Arial,sans-serif;letter-spacing:-.06em}
.tape-stage .tape-label small{color:#b99c8d;letter-spacing:2px}
.tape-stage .tape-mechanism{border-color:#3c1b16;background:linear-gradient(#151913,#30352b,#12160f);box-shadow:inset 0 2px 7px #000b;border-bottom-width:7px}
.tape-stage .tape-mechanism i{background:#20231c;border-color:#a3a997;box-shadow:0 0 0 2px #0d100a,0 0 0 3px #626854,inset 0 0 0 2px #454c3b}
.tape-stage .tape-mechanism>span{background:linear-gradient(#28251c,#5a4b31,#211e17);box-shadow:inset 0 0 0 3px #090b06}
.tape-stage .tape-base{color:#8f9383;font-size:7px;letter-spacing:1px}
.tape-stage .tape-display{background:#080c07;color:#b7e58d;border:3px solid;border-color:#090b06 #34392c #4a5140 #141a0e;border-radius:3px;box-shadow:0 1px #70775633,inset 0 0 12px #000;text-shadow:0 0 4px #a5d87977}
.tape-stage .tape-controls{gap:6px}
.tape-stage .tape-controls button{border:1px solid;border-color:#62645b #080907 #070806 #4b4e43;border-radius:3px;background:linear-gradient(#45483d,#292c24 55%,#252820);color:#d7dace;box-shadow:inset 0 1px #878b7555,inset 0 -3px #11140c,0 3px #090b06}
.tape-stage .tape-controls button:is(:hover,:focus-visible){background:linear-gradient(#5d624f,#3a402f);color:#fff;outline:1px solid #b1bb8a;outline-offset:2px}
.tape-stage .tape-controls button:active{transform:translateY(2px);box-shadow:inset 0 1px 4px #000a}
.tape-stage #tape-play[aria-pressed="true"]{color:#c6ef9c;box-shadow:inset 0 -3px #11140c,0 3px #090b06,inset 0 2px #a9c77955}
.tape-stage #tape-stop{background:linear-gradient(#6f2c27,#421714 65%,#35100e);border-color:#8e4a43 #250b08 #1b0806 #744139;color:#f0c9c2}
.tape-stage .tape-notice{color:#939a84;letter-spacing:1px}
@media(max-width:760px){body.concept-b{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.concept-b .taskbar{height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}.concept-b .taskbar button{min-height:44px;flex:1;max-width:160px}.concept-b .taskbar .start{flex:1;min-width:75px}.faq-page{padding-top:10px}.faq-heading{padding-top:15px}.faq-heading h1{font-size:43px}.faq-list summary{font-size:14px}.faq-list details>div{font-size:11px}.faq-actions{gap:8px}.faq-page .faq-actions :is(a,button){font-size:9px;flex:1;justify-content:center;text-align:center}.tape-stage .tape-label small{font-size:7px;letter-spacing:1px}}

.header-contact{border:1px solid #62414b;padding:9px 12px;color:inherit;text-decoration:none;font-size:9px;white-space:nowrap}.header-contact:hover{background:#a00027}.index-footer .contact-link{color:inherit;text-decoration:none;border:1px solid #684653;padding:12px;min-height:44px;display:inline-flex;align-items:center}@media(max-width:760px){.header-contact{display:none}}

.home-contact{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px;border:1px solid #623747;color:#dcc9d1;text-decoration:none;font:10px 'Courier New',monospace;letter-spacing:.7px;margin:0 0 14px}.home-contact:hover{background:#280e1a;color:#fff}

.concept-b .taskbar .taskbar-contact{display:flex;align-items:center;justify-content:center;gap:10px;height:38px;min-width:112px;padding:0 12px;border:1px solid #555;background:#141414;color:#e7e5dc;text-decoration:none;font:inherit}.taskbar-contact:hover{background:#a40029!important}.taskbar-contact svg{flex:none}@media(max-width:760px){.concept-b .taskbar .taskbar-contact{min-width:0;flex:1;height:44px;gap:3px;flex-direction:column;padding:0 3px}.concept-b .taskbar button{min-width:0;flex:1}.concept-b .taskbar small{font-size:8px}}
