@font-face{font-family:MyAV;src:url('./assets/smart.ttf') format('truetype');font-display:swap}
@font-face{font-family:MyAVDisplay;src:url('./assets/dotmatrix3.ttf') format('truetype');font-display:swap}
:root{--paper:#f5f3ef;--ink:#202522;--muted:#70756f;--line:#ddded6;--accent:#bc4630;--remote:#73e1e9;--remote-dim:#2e737b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,a,input,select{touch-action:manipulation}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b94a32;outline-offset:4px}button{border:0}svg{display:inline-block;vertical-align:middle}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.site-header{height:100px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;font-family:Arial,sans-serif;font-size:35px;letter-spacing:-2.5px;font-weight:800;position:relative;line-height:1}.brand .brand-my{font-weight:400;letter-spacing:-2px}.brand i{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-left:5px}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a{padding:10px 0}.site-header nav a:hover{color:var(--accent)}.launch-note{font-size:11px;display:flex;align-items:center;gap:8px;letter-spacing:.15px}.launch-note>span{height:6px;width:6px;border-radius:50%;background:#b84b33}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(340px,.85fr) minmax(650px,1.4fr);min-height:950px;padding:40px 5% 60px;align-items:center;gap:2.5%}.hero-copy{align-self:center;padding-bottom:20px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.9px;line-height:1.5;font-weight:600;display:flex;gap:10px;align-items:center}.eyebrow>span{width:22px;height:1px;background:var(--accent)}h1{font-size:clamp(52px,5.2vw,78px);font-weight:500;line-height:1.04;letter-spacing:-4px;margin:28px 0 25px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.intro{font-size:16px;line-height:1.75;color:#6b7069;margin:0;max-width:315px}.try-caption{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:12px;margin:25px 0 22px;font-style:italic;font-family:Georgia,serif}.drawn-arrow{font-family:Arial;font-size:33px;line-height:1}.guided-steps{max-width:340px;border-top:1px solid var(--line)}.guided-steps>button{background:none;color:var(--ink);width:100%;display:flex;align-items:center;gap:17px;text-align:left;border-bottom:1px solid var(--line);padding:17px 0;transition:padding .2s,color .2s}.guided-steps>button:hover{padding-left:6px;color:var(--accent)}.step-number{font-family:Georgia,serif;font-size:12px;color:#91958c}.guided-steps strong{font-size:12px;font-weight:500;display:block}.guided-steps small{font-size:10px;color:#7b8077;display:block;margin-top:5px}.step-arrow{margin-left:auto;font-size:18px;color:#9b9f96}.hero-footnote{font-size:10px;color:#84897f;display:flex;gap:8px;align-items:center;margin-top:25px}.small-power{font-size:17px}.demo-stage{position:relative;min-height:850px;display:flex;justify-content:center;align-items:center;padding-right:170px}.stage-orbit{width:670px;height:670px;position:absolute;border-radius:50%;background:#e9e9e1;left:50%;top:50%;transform:translate(-51%,-50%);z-index:0}.stage-orbit:after{content:'';position:absolute;inset:28px;border-radius:50%;border:1px solid #f6f4ef}.stage-label{position:absolute;left:calc(50% - 235px);top:5px;font-size:9px;letter-spacing:1.8px;color:#757e73;display:flex;align-items:center;gap:8px;white-space:nowrap}.stage-label>span,.feedback-label>span{width:5px;height:5px;background:#71896a;border-radius:50%;box-shadow:0 0 0 3px #71896a16}.phone-holder{z-index:1;position:relative}.phone{position:relative;width:360px;height:788px;border-radius:54px;padding:8px;background:linear-gradient(110deg,#b6ada5,#49443d 25%,#d7cec4 50%,#5f594f 85%,#c1b7a9);box-shadow:0 34px 45px -26px #252c2465,0 9px 20px #282a2022,inset 0 0 0 1px #ded9d1;flex-shrink:0}.phone-screen{height:100%;width:100%;background:#030506;border:3px solid #171b1a;border-radius:46px;overflow:hidden;color:#e5ebeb;position:relative}.hardware-key{position:absolute;width:3px;border-radius:3px;background:linear-gradient(#827a70,#b4ab9e,#716b60)}.key-left{left:-2px;top:148px;height:62px}.key-right{right:-2px;top:195px;height:88px}.statusbar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:4px 22px 0;position:relative;font-size:11px;font-weight:600;color:#f4f4f4}.island{position:absolute;left:50%;transform:translateX(-50%);top:8px;width:95px;height:25px;background:#000;border-radius:30px;box-shadow:0 0 0 1px #0b1011}.status-icons{display:flex;gap:4px;align-items:center;font-size:7px}.home-indicator{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);height:4px;width:107px;background:#e5e9e9;border-radius:5px}.remote{height:calc(100% - 58px);position:relative;display:flex;flex-direction:column;padding:0 12px;font-family:MyAV,Arial,sans-serif;--key-tint:brightness(.65) sepia(1) saturate(4) hue-rotate(129deg)}.app-header{height:43px;min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 2px}.app-brand{background:none;color:#f5f6f6;font-family:Arial,sans-serif;letter-spacing:-2px;font-size:27px;font-weight:bold;padding:0}.app-brand>span{font-weight:400}.room-selector{font-family:MyAV,Arial,sans-serif;background:none;border:0;color:#b3bbbc;display:flex;align-items:center;gap:6px;font-size:11px;padding:8px 0}.room-selector svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.source-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:4px 0 11px;flex-shrink:0}.source-tab{font-family:MyAV,Arial,sans-serif;min-height:51px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px 2px 5px;border:1px solid #293337;background:#080d0f;border-radius:4px;color:#97a3a6;transition:all .15s;font-size:9px}.source-tab[aria-pressed=true]{color:var(--remote);border-color:#5fbdc4;background:#0c1a1d;box-shadow:inset 0 0 12px #3caeb00c}.source-symbol{height:19px;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:13px;font-weight:600;color:inherit}.source-symbol svg{width:24px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.source-symbol.sky{font-family:Arial;font-size:20px;letter-spacing:-2px;font-style:italic}.source-symbol.shield{font-size:10px;letter-spacing:1px}.source-symbol.onkyo{font-size:10px;letter-spacing:.5px}.source-symbol.sony{font-family:Georgia;font-size:10px;letter-spacing:.8px}.receiver-display{flex-shrink:0;min-height:51px;padding:7px 10px;background:#081013;border:1px solid #1c2c2e;border-radius:3px;position:relative;line-height:1.3}.receiver-display .display-top{color:#849497;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.display-on{width:4px;height:4px;border-radius:50%;background:#87c8a1;display:inline-block;margin-right:4px}.display-on.off{background:#75554c}.receiver-display .display-main{font-family:MyAVDisplay,monospace;display:flex;align-items:center;justify-content:space-between;color:#b3deea;font-size:17px;letter-spacing:1px}.display-main .display-volume{font-size:17px}.display-main small{font-family:Arial,sans-serif;letter-spacing:0;font-size:8px;margin-left:3px}.control-heading{display:flex;justify-content:space-between;align-items:center;min-height:49px;padding:6px 1px}.control-kicker{display:block;font:7px Arial;letter-spacing:1.5px;color:#687c81;margin-bottom:4px}.control-heading strong{font-size:15px;font-weight:400;color:#d5dcdc;display:block}.remote-power{border:1px solid #2e6c57;background:#092018;border-radius:50%;height:30px;width:30px;color:#87dfb0;display:flex;align-items:center;justify-content:center}.remote-power.off{border-color:#705246;background:#20120c;color:#c18d75}.remote-power svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.remote-tabs{display:flex;justify-content:center;align-items:center;gap:20px;flex-shrink:0;min-height:28px;border-bottom:1px solid #1b2528;margin-bottom:5px}.remote-tabs button{font-family:MyAV,Arial;background:none;color:#6d8186;font-size:10px;position:relative;padding:5px 2px 7px;min-width:42px}.remote-tabs button[aria-selected=true]{color:var(--remote)}.remote-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--remote);left:4px;right:4px}.remote-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#32474c transparent;outline:0}.remote-content>div{min-height:100%}.navigation-view{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:1px 1px 5px}.mini-channel-rail{width:100%;display:flex;gap:5px;align-items:center;justify-content:space-between;margin:1px 0 3px;flex-shrink:0}.mini-channel-rail button{background:#11191c;border:1px solid #243034;border-radius:3px;min-width:0;width:48px;height:30px;color:#e6eeee;position:relative;padding:3px;overflow:hidden}.channel-badge{display:flex;height:100%;width:100%;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:9px;font-weight:bold;text-align:center;line-height:1.1}.channel-badge img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#12191c;padding:4px}.channel-badge .badge-text{max-width:100%;overflow:hidden;display:block;line-height:1.2}.channel-badge[data-brand=bbc] .badge-text{font-size:8px;letter-spacing:.3px;white-space:pre-line}.aux-row{display:flex;width:236px;justify-content:space-between;gap:6px;flex-shrink:0}.remote-key{min-height:29px;min-width:44px;border:1px solid #1f5b64;border-radius:4px;background:linear-gradient(#061316,#03090b);color:#b6e9ef;padding:6px 9px;display:inline-flex;align-items:center;justify-content:center;font:10px MyAV,Arial,sans-serif;box-shadow:inset 0 0 0 1px #0c2429;transition:filter .12s,background .12s}.remote-key:hover,.remote-key:active{background:#143039;filter:brightness(1.3)}.remote-key svg{height:14px;width:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.aux-row .remote-key{flex:1;max-width:80px}.dpad{height:154px;width:154px;flex-shrink:0;position:relative;margin:0 auto}.dpad button{position:absolute;background:none;padding:0;display:flex;align-items:center;justify-content:center;transition:filter .12s}.dpad button:hover{filter:brightness(1.5)}.dpad button:active{transform:scale(.97)}.dpad img{width:100%;height:100%;filter:var(--key-tint);pointer-events:none}.dpad-up,.dpad-down{width:98px;height:42px;left:28px}.dpad-up{top:0}.dpad-down{bottom:0}.dpad-down img{transform:rotate(180deg)}.dpad-left,.dpad-right{width:42px;height:98px;top:28px}.dpad-left{left:0}.dpad-right{right:0}.dpad-left img{transform:rotate(180deg)}.dpad-center{width:62px;height:62px;left:46px;top:46px;color:#c5f7fb;font:15px MyAV,Arial}.dpad-center>span{position:absolute;pointer-events:none}.transport-row{display:flex;gap:6px;justify-content:center;width:100%;flex-shrink:0;margin-top:2px}.transport-row .remote-key{padding:5px;min-width:37px;min-height:30px;flex:1;max-width:48px}.transport-row .remote-key img{width:15px;height:15px;object-fit:contain}.transport-row .is-playing{border-color:#66b2bf;background:#10303b}.colour-keys{display:flex;gap:14px;justify-content:center;padding:4px 0}.colour-keys button{width:22px;height:7px;border-radius:10px;background:var(--colour);padding:0;opacity:.75}.volume-area{flex-shrink:0;min-height:84px;padding:8px 1px 5px;border-top:1px solid #1c292b}.volume-heading{display:flex;align-items:center;justify-content:space-between;color:#829398;font:8px Arial;letter-spacing:1px;margin-bottom:7px}.volume-heading strong{font:15px MyAVDisplay,monospace;color:#c9eaee;letter-spacing:1px}.volume-controls{display:flex;align-items:center;gap:9px}.volume-controls .remote-key{min-width:32px;width:32px;height:30px;padding:5px;font-size:18px}.volume-controls input{width:100%;min-width:0;height:20px;cursor:pointer;accent-color:var(--remote);margin:0}.volume-controls .mute-key{width:29px;min-width:29px;color:#b0c9cb;border:0;background:none;box-shadow:none}.mute-key.active{color:#f1a17a;background:#33180d}.volume-controls input[type=range]{appearance:none;background:transparent}.volume-controls input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#73e1e9 0%,#73e1e9 var(--volume),#254147 var(--volume),#254147 100%)}.volume-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#92dde4;border:2px solid #baeef3;border-radius:50%;margin-top:-5px;box-shadow:0 0 7px #6ad7dc50}.volume-controls input[type=range]::-moz-range-track{height:3px;background:#254147}.volume-controls input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#92dde4;border:1px solid #baeef3;border-radius:50%}.app-toolbar{height:29px;min-height:29px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #152326}.app-toolbar>span{font:7px Arial;letter-spacing:1px;color:#506266}.app-toolbar button{background:none;color:#9bafb5;width:32px;height:28px;padding:6px}.app-toolbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.phone-caption{text-align:center;font-size:8px;letter-spacing:1.5px;color:#7c8178;margin-top:18px}.phone-caption>span{margin:0 6px}.equipment-feedback{position:absolute;z-index:2;right:0;top:50%;transform:translateY(-46%);width:188px}.feedback-label{font-size:8px;letter-spacing:1.2px;display:flex;gap:8px;align-items:center;margin:0 0 14px 10px}.receiver-card{background:#fbfaf7ee;padding:20px 16px 17px;border:1px solid #fff;border-radius:9px;box-shadow:0 8px 24px #374a3510}.receiver-wordmark{font-family:Arial,sans-serif;font-weight:800;letter-spacing:2px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.power-led{width:5px;height:5px;border-radius:50%;background:#6a9972}.power-led.off{background:#b28058}.receiver-model{font-size:8px;color:#8a9185;margin-top:5px;letter-spacing:1px}.receiver-mini-display{font-family:MyAVDisplay,monospace;border-radius:3px;background:#102323;padding:12px 9px;margin:18px 0 12px;color:#a6cebd}.mini-input{font-size:14px;text-transform:uppercase;letter-spacing:1px}.mini-volume{font-size:23px;margin-top:8px;display:flex;align-items:baseline;justify-content:space-between}.mini-volume small{font:8px Arial;letter-spacing:1px}.mini-mode{font:7px Arial;letter-spacing:.7px;margin-top:10px;color:#658e83}.connection-line{height:24px;border-left:1px dashed #a1b09b;margin-left:29px}.source-response{padding:13px 12px;background:#fbfaf7e8;border:1px solid #fff;border-radius:7px;display:flex;gap:10px;align-items:center;box-shadow:0 8px 20px #374a350b}.response-icon{background:#eceee6;width:32px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:bold;flex-shrink:0}.source-response strong{display:block;font-size:10px;font-weight:500}.source-response small{display:block;font-size:8px;color:#818c7b;margin-top:4px;line-height:1.4}.feedback-hint{font-size:10px;color:#7f8879;line-height:1.6;padding-left:10px;margin-top:17px}.remote-toast{position:absolute;bottom:38px;left:16px;right:16px;z-index:20;border:1px solid #315459;background:#14272bf5;color:#d6eef0;padding:9px 12px;border-radius:6px;font:10px MyAV,Arial;line-height:1.5;pointer-events:none;opacity:0;transform:translateY(5px);transition:.2s;text-align:center;box-shadow:0 4px 20px #0008}.remote-toast.show{opacity:1;transform:none}.off-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;padding:20px;color:#849a9f;font-size:12px}.off-panel svg{height:40px;width:40px;fill:none;stroke:#63888a;stroke-width:1.4}.off-panel p{font-size:10px;line-height:1.7;margin:0}.off-panel button{margin-top:6px;min-height:36px;padding:8px 16px}.avr-controls{padding:9px 3px 4px;display:flex;flex-direction:column;justify-content:center;gap:12px}.remote-section-label{font:8px Arial;color:#7f959a;letter-spacing:1.3px;margin:0 0 7px}.input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.input-choice{min-height:63px;font-size:10px;display:flex;flex-direction:column;gap:7px}.input-choice.selected{background:#102b32;border-color:#74d6df}.input-choice .input-icon{font-family:Arial;font-size:16px;letter-spacing:-1px}.input-choice .input-icon.shield{font-size:10px;color:#8dbd66;letter-spacing:0}.input-choice small{font:7px Arial;letter-spacing:.4px;color:#718f96}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mode-grid button{font-size:8px;min-height:31px;padding:4px}.mode-grid .selected{background:#16343b;border-color:#6bbcc4;color:#d6f8fb}.macrobar{display:flex;gap:8px;align-items:center;justify-content:center;border-top:1px solid #1d2c2f;margin-top:2px;padding-top:10px}.macrobar button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;min-height:29px}.macrobar .all-on{color:#85cea0;border-color:#315c45}.macrobar .all-off{color:#d58d78;border-color:#66483c}.channel-view,.app-view{padding:7px 3px 10px}.channel-view-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.channel-view-header span{font:8px Arial;letter-spacing:.7px;color:#728c93}.channel-view-header button{font-size:9px;padding:4px 6px;min-height:26px}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.channel-tile{min-height:73px;background:#10191c;border:1px solid #263a40;border-radius:4px;color:#d5e7eb;padding:8px 5px;position:relative;overflow:hidden;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px}.channel-tile.selected{border-color:#8bd4df;background:#17333b}.channel-tile .channel-badge{font-size:13px;position:relative;height:26px}.channel-tile>small{font-size:8px;color:#708f98;letter-spacing:.5px}.channel-tile .star-dot{position:absolute;right:5px;top:4px;color:#d7b978;font-size:8px}.empty-channels{font-size:11px;text-align:center;color:#9ab2b9;padding:30px 15px;line-height:1.7}.number-view{padding:8px 12px}.number-screen{min-height:32px;padding:7px;text-align:center;font:20px MyAVDisplay,monospace;color:#b7e5ee;letter-spacing:4px}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.number-grid button{font-size:20px;min-height:44px}.number-grid button.small-key{font-size:11px}.channel-step-row{display:flex;justify-content:center;gap:10px;margin:10px 0 0}.channel-step-row .remote-key{flex:1;font-size:10px}.app-view .channel-tile{min-height:73px}.app-view .channel-badge{font-size:11px}.app-view .channel-badge img{background:transparent}.app-launch-note{font-size:9px;color:#8aa1a8;text-align:center;margin:12px 0 0;line-height:1.6}.disc-view{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:12px}.disc-art{height:78px;width:78px;border:1px solid #4b6973;background:repeating-conic-gradient(from 20deg,#324d59 0deg,#081319 40deg,#334f54 70deg,#172533 110deg);border-radius:50%;position:relative;box-shadow:0 0 22px #426e7835}.disc-art:after{content:'';position:absolute;inset:32px;border:2px solid #52676d;border-radius:50%;background:#070d0f}.disc-view h3{font-size:15px;font-weight:400;margin:2px 0 0;color:#b8e7f0}.disc-view p{font-size:9px;color:#768f97;margin:0}.disc-time{font:14px MyAVDisplay,monospace;color:#97cbd9;letter-spacing:2px}.guide-view{padding:8px 0}.guide-caption{font:8px Arial;letter-spacing:1px;color:#738f99;display:flex;justify-content:space-between;margin:0 4px 8px}.guide-row{display:flex;gap:10px;width:100%;text-align:left;align-items:center;border:1px solid #223941;background:#0d191f;border-radius:4px;padding:9px 8px;margin:5px 0;color:#b9d6e2}.guide-row.selected{border-color:#78bfcb;background:#142b34}.guide-row .guide-num{font:12px MyAVDisplay,monospace;color:#7ba9b8;min-width:28px}.guide-row strong{font-size:10px;font-weight:400;display:block}.guide-row small{font-size:8px;color:#78939e;display:block;margin-top:4px}.settings-sheet{position:absolute;inset:0 0 -1px;background:#0c1215;z-index:30;border-radius:20px 20px 0 0;border-top:1px solid #4b686f;overflow-y:auto;scrollbar-width:thin;padding:12px 18px 24px;color:#cddde0}.sheet-handle{width:35px;height:3px;background:#576e74;border-radius:3px;margin:0 auto 14px}.settings-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #22343b}.settings-heading h2{font-size:22px;font-weight:400;letter-spacing:0;margin:0}.settings-heading button{height:28px;width:28px;border-radius:50%;background:#25363d;color:#afc9d1;font:19px Arial}.settings-device{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#97b7c1;padding:16px 0 6px}.settings-sheet fieldset{border:0;padding:0;margin:18px 0}.settings-sheet legend,.settings-label{font:8px Arial;letter-spacing:1.4px;color:#6d9ba9;margin-bottom:10px;display:block}.setting-option-row{display:flex;gap:6px;flex-wrap:wrap}.setting-option-row button{background:#14252b;color:#8fb8c4;border:1px solid #2b4b56;padding:8px 9px;border-radius:4px;font-size:10px;min-width:42px;min-height:31px}.setting-option-row button.selected{background:#244b58;color:#d1f1f5;border-color:#79c6da}.settings-sheet select{color:#c2e2e8;background:#12232a;border:1px solid #2b4b56;border-radius:4px;padding:9px;width:100%;font-size:12px}.setting-description{font-size:10px;line-height:1.7;color:#7f9ba5;margin:8px 0 0}.setting-reading{padding:12px;background:#111e23;border-radius:4px;font-size:11px;display:flex;align-items:center;justify-content:space-between;margin-top:7px}.setting-reading>small{font-size:9px;color:#73949f}.settings-divider{border-top:1px solid #24353b;margin:20px 0 0;padding-top:15px}.settings-sheet .settings-reset{background:transparent;color:#96b8c4;font-size:10px;padding:8px 0;display:flex;align-items:center;gap:10px}.settings-sheet .demo-label{font:8px Arial;color:#596f79;letter-spacing:.3px;line-height:1.6;margin-top:15px}.key-active{filter:brightness(1.6)!important}.setup-section{max-width:1440px;margin:auto;padding:55px 5% 65px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end;margin-bottom:35px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:17px;color:#7a8277}.section-heading h2{font-size:32px;line-height:1.2;letter-spacing:-1.1px;font-weight:400;margin:0}.section-heading p{font-size:12px;color:#7c8377;text-align:right;line-height:1.7;margin:0}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden}.equipment-card{background:none;text-align:left;color:var(--ink);padding:22px 22px 20px;border-right:1px solid var(--line);transition:background .2s}.equipment-card:last-child{border-right:0}.equipment-card:hover{background:#eceee5}.equipment-number{font-size:8px;letter-spacing:1.1px;color:#86907e}.equipment-drawing{width:100%;height:100px;margin:16px 0 8px;color:#66755f;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round}.equipment-card h3{font-size:16px;font-weight:500;margin:8px 0 12px}.equipment-card h3 span{color:#7a8373;font-weight:400;font-size:12px}.equipment-card p{font-size:11px;line-height:1.8;color:#7c8576;margin:0 0 24px;min-height:40px}.card-link{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#53694b}.card-link>span{font-size:17px}.detail-section{max-width:1440px;margin:auto;padding:50px 5% 65px;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.detail-section .eyebrow{color:#818a79;font-size:9px}.detail-section h2{font-size:38px;font-weight:400;letter-spacing:-1.5px;max-width:380px;line-height:1.15;margin:18px 0}.detail-section p{font-size:13px;line-height:1.8;color:#6c7767;margin:0 0 17px;max-width:490px}.detail-section p.demo-disclosure{font-size:10px;color:#8b9285}.reset-button{padding:11px 0;background:none;border-bottom:1px solid #a8b29f;display:flex;justify-content:space-between;gap:40px;font-size:11px;color:#617757}.reset-button>span{font-size:16px}footer{border-top:1px solid var(--line);padding:30px 5%;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:24px}footer>span{font-size:9px;color:#88917f}footer>span:last-child{font-size:8px}.embed .site-header,.embed .hero-copy,.embed .setup-section,.embed .detail-section,.embed footer,.embed .stage-label,.embed .stage-orbit,.embed .phone-caption,.embed .equipment-feedback{display:none}.embed body,.embed{background:transparent}.embed .hero{display:block;padding:0;min-height:0;max-width:none}.embed .demo-stage{padding:0;min-height:0;display:flex;align-items:center;justify-content:center}.embed .phone-holder{margin:0}.embed .phone{box-shadow:0 12px 25px -15px #0006}.embed .phone-caption{display:none}
@media(min-width:1600px){.hero{grid-template-columns:400px 1fr}.hero-copy{padding-left:10px}.demo-stage{padding-right:190px}}
@media(max-width:1250px){.hero{grid-template-columns:320px minmax(570px,1fr);gap:10px;padding-left:4%;padding-right:4%}.demo-stage{padding-right:140px}.equipment-feedback{width:158px;right:-5px}.receiver-card{padding:16px 12px}.feedback-label{font-size:7px;letter-spacing:.7px}.hero h1{font-size:62px}.stage-orbit{width:580px;height:580px}.stage-label{left:calc(50% - 225px)}}
@media(max-width:1050px) and (min-width:761px){.hero{grid-template-columns:1fr 440px;gap:20px;min-height:925px}.equipment-feedback{display:none}.demo-stage{padding-right:0;min-height:850px}.stage-orbit{width:470px;height:470px}.stage-label{left:50%;transform:translateX(-50%)}.hero h1{font-size:62px}.intro{font-size:15px}.guided-steps{max-width:310px}.equipment-card{padding:18px 15px}.equipment-card h3{font-size:14px}.equipment-card h3 span{display:block;font-size:11px;margin-top:4px}.equipment-card p{font-size:10px}.section-heading h2{font-size:27px}.section-heading p{font-size:10px}}
@media(max-width:760px){.site-header{height:76px;padding:0 7%}.site-header .brand{font-size:31px}.site-header nav{display:none}.launch-note{font-size:9px}.hero{display:flex;flex-direction:column;padding:38px 6% 35px;gap:28px;min-height:0;overflow:hidden}.hero-copy{align-self:stretch;text-align:center;padding-bottom:0}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.5px}.hero h1{font-size:59px;letter-spacing:-3px;margin:20px 0 17px}.hero h1 br{display:none}.intro{font-size:14px;max-width:350px;margin:auto;line-height:1.7}.intro br{display:none}.try-caption{justify-content:center;font-size:12px;margin:17px 0 0}.try-caption .drawn-arrow{transform:rotate(70deg);font-size:28px}.guided-steps,.hero-footnote{display:none}.demo-stage{padding:0;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center}.stage-label{display:none}.stage-orbit{width:480px;height:480px;left:50%;top:45%;transform:translate(-50%,-50%)}.equipment-feedback{position:relative;transform:none;top:auto;right:auto;width:330px;margin:24px auto 0}.feedback-label{justify-content:center;margin-bottom:12px;font-size:8px}.equipment-feedback #feedback-content{display:grid;grid-template-columns:1fr 1fr;gap:8px}.receiver-card{padding:14px}.receiver-wordmark{font-size:10px;letter-spacing:1px}.receiver-model{font-size:7px}.receiver-mini-display{margin:10px 0 0;padding:8px}.mini-input{font-size:11px}.mini-volume{font-size:19px;margin-top:4px}.mini-mode{font-size:6px;margin-top:7px}.connection-line{display:none}.source-response{padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.source-response strong{font-size:11px}.source-response small{font-size:9px;line-height:1.5}.response-icon{height:30px;width:30px}.feedback-hint{display:none}.phone-caption{font-size:7px}.setup-section{padding:35px 6% 45px}.section-heading{display:block}.section-heading .eyebrow{font-size:8px;margin-bottom:15px}.section-heading h2{font-size:29px;max-width:300px}.section-heading p{text-align:left;font-size:11px;margin-top:12px;max-width:260px}.equipment-grid{grid-template-columns:1fr 1fr}.equipment-card{padding:18px 15px;border-bottom:1px solid var(--line)}.equipment-card:nth-child(2){border-right:0}.equipment-card:nth-child(n+3){border-bottom:0}.equipment-number{font-size:6.5px;letter-spacing:.7px}.equipment-drawing{height:75px;margin:10px 0 4px}.equipment-card h3{font-size:14px}.equipment-card h3 span{font-size:10px;display:block;margin-top:3px}.equipment-card p{font-size:10px;min-height:53px;margin-bottom:15px}.card-link{font-size:9px}.detail-section{padding:35px 6% 40px;display:block}.detail-section h2{font-size:32px;max-width:260px;margin:15px 0 22px}.detail-section p{font-size:12px}.detail-section .eyebrow{font-size:8px}footer{padding:24px 6%;flex-wrap:wrap;row-gap:15px}footer>span{font-size:8px}footer>span:last-child{flex-basis:100%;font-size:7px}.embed .demo-stage{margin:0}.embed .hero{overflow:visible}}
@media(max-width:390px){.hero{padding-left:3%;padding-right:3%}.phone{width:342px;height:758px;border-radius:51px;padding:7px}.phone-screen{border-radius:45px}.remote{padding:0 10px}.remote-content .dpad{height:146px;width:146px}.dpad-up,.dpad-down{width:94px;height:40px;left:26px}.dpad-left,.dpad-right{width:40px;height:94px;top:26px}.dpad-center{width:60px;height:60px;left:43px;top:43px}.navigation-view{gap:2px}.aux-row .remote-key{min-height:27px}.source-strip{margin-bottom:8px}.volume-area{min-height:79px;padding-top:6px}.equipment-feedback{width:310px}.hero h1{font-size:53px}.intro{max-width:290px;font-size:13px}.control-heading{min-height:44px}}
@media(max-width:350px){.phone-holder{zoom:.9}.equipment-feedback{width:280px}.hero h1{font-size:47px}.equipment-card{padding:16px 11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.macro-label{font:7px Arial;letter-spacing:1px;color:#56737c}.info-view{padding:22px 12px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}.info-view h3{font-size:19px;font-weight:400;color:#bce1eb;margin:0}.info-view p{font-size:11px;line-height:1.7;color:#7e9ba6;margin:0}.info-view p.info-channel{font-size:9px;color:#b0d3dc}.info-view>.remote-key:last-child{margin-top:6px}.menu-view{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:15px 20px}.menu-view .remote-key{justify-content:flex-start;min-height:37px;font-size:11px}.keyboard-view{display:flex;flex-direction:column;gap:14px;padding:22px 12px}.keyboard-view label{font-size:12px;color:#aed6e2;line-height:1.5}.keyboard-view input{background:#152830;border:1px solid #416571;border-radius:4px;color:#cbe6ec;padding:12px 9px;width:100%;font-size:12px}.keyboard-view p{font-size:9px;color:#6e929f;line-height:1.6}.highlight-area{box-shadow:0 0 0 2px #75dfe8;border-radius:5px}.remote button:focus-visible,.remote input:focus-visible,.remote select:focus-visible{outline:2px solid #f4ce86;outline-offset:2px}.remote:has(.settings-sheet:not([hidden])) .remote-toast{z-index:40}.source-tab:active,.remote-key:active{transform:scale(.97)}
/* Match MyAV's portrait layout: the receiver volume remains beside every pad. */
.remote{display:grid;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:43px 66px 51px 49px 33px minmax(0,1fr) 29px;column-gap:8px}
.app-header{grid-area:1/1/2/3}.source-strip{grid-area:2/1/3/3}.receiver-display{grid-area:3/1/4/3}.control-heading{grid-area:4/1/5/3}.remote-tabs{grid-area:5/1/6/3}.remote-content{grid-area:6/1/7/2}.volume-area{grid-area:6/2/7/3;display:flex;flex-direction:column;min-height:0;padding:9px 0 5px 7px;border-top:0;border-left:1px solid #1c292b;margin-top:6px}.app-toolbar{grid-area:7/1/8/3}.volume-heading{display:flex;flex-direction:column;gap:8px;flex-shrink:0;margin-bottom:11px}.volume-heading>span{font:6px/1.5 Arial;letter-spacing:.4px;text-align:center;max-width:35px}.volume-heading>strong{font-size:17px}.volume-controls{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.volume-controls>.remote-key[data-action=volume][data-value="1"]{order:0}.volume-controls>input{order:1;flex:1;width:20px;min-height:30px;writing-mode:vertical-lr;direction:rtl;appearance:none}.volume-controls>.remote-key[data-action=volume][data-value="-1"]{order:2}.volume-controls>.mute-key{order:3;margin-top:5px}.volume-controls .remote-key{min-width:30px;width:30px;min-height:30px;flex-shrink:0;padding:6px}.volume-controls input[type=range]::-webkit-slider-runnable-track{height:100%;width:3px;background:linear-gradient(to top,#73e1e9 0%,#73e1e9 var(--volume),#254147 var(--volume),#254147 100%)}.volume-controls input[type=range]::-webkit-slider-thumb{margin-top:0;margin-left:-5px}.volume-controls input[type=range]::-moz-range-track{height:100%;width:3px}.mini-channel-rail{gap:4px}.mini-channel-rail button{height:31px;width:40px}.mini-channel-rail button:nth-child(6){display:none}.navigation-view{gap:7px}.dpad{height:180px;width:180px;margin:1px auto}.dpad-up,.dpad-down{width:114px;height:49px;left:33px}.dpad-left,.dpad-right{width:49px;height:114px;top:33px}.dpad-center{width:73px;height:73px;left:53.5px;top:53.5px}.transport-row .remote-key{min-width:32px}.aux-row{max-width:100%;width:242px}.avr-controls{gap:20px;padding-left:0;padding-right:0}.input-choice{padding:7px 2px;font-size:8px;gap:9px}.input-choice .input-icon{font-size:14px}.input-choice .input-icon.shield{font-size:9px}.input-choice small{font-size:6px}.mode-grid button{font-size:7px;padding:6px 2px;line-height:1.5}.macrobar{gap:7px}.macro-label{font-size:6px}.channel-grid{gap:5px}.channel-tile{min-height:68px;padding:8px 3px}.channel-view{padding-left:0;padding-right:0}.channel-tile .channel-badge{font-size:11px}.channel-tile .channel-badge[data-brand=bbc] .badge-text{font-size:9px}.app-view{padding-left:0;padding-right:0}.app-view .channel-tile{min-height:77px}.app-view .channel-badge{font-size:10px}.number-view{padding:8px 2px}.number-grid button{min-height:46px}.number-screen{padding:4px}.guide-row{padding:10px 5px}.guide-row strong{font-size:9px}.guide-row small{font-size:8px}.guide-caption{font-size:6px;letter-spacing:.6px}.settings-sheet{grid-area:1/1/8/3}.brand{gap:2px}.brand img{width:32px;height:32px;align-self:center;margin-right:7px;letter-spacing:0}.app-brand img{width:22px;height:22px;margin-right:6px;vertical-align:-2px}.hero{min-height:920px;padding-top:25px;padding-bottom:45px}.demo-stage{min-height:820px}.stage-label{top:-3px}
@media(max-width:760px){.hero{min-height:0;padding-top:38px;padding-bottom:35px}.demo-stage{min-height:0}.brand img{width:27px;height:27px}.stage-label{display:none}}
@media(max-width:390px){.remote{grid-template-rows:43px 61px 48px 45px 31px minmax(0,1fr) 29px;grid-template-columns:minmax(0,1fr) 37px;column-gap:6px}.source-strip{margin-bottom:8px}.receiver-display{min-height:48px}.control-heading{min-height:45px}.volume-area{padding-left:5px}.navigation-view{gap:5px}.remote-content .dpad{height:170px;width:170px}.dpad-up,.dpad-down{width:108px;height:46px;left:31px}.dpad-left,.dpad-right{width:46px;height:108px;top:31px}.dpad-center{width:69px;height:69px;left:50.5px;top:50.5px}.avr-controls{gap:16px}.volume-controls{gap:7px}.number-grid button{min-height:43px}}
.channel-badge img{opacity:0}.channel-badge img.loaded{opacity:1}.source-tab .source-symbol{pointer-events:none}.phone{scroll-margin-top:20px}.setup-section,.detail-section{scroll-margin-top:30px}
/* The television below is illustrative equipment feedback, outside MyAV. */
.demo-tv{margin:0 0 22px;padding:3px;background:#252a28;border:1px solid #7b827c;border-radius:3px;position:relative;box-shadow:0 8px 18px #374a3515}
.demo-tv-screen{aspect-ratio:16/9;background:radial-gradient(ellipse at 80% 25%,color-mix(in srgb,var(--screen-accent) 50%,#101c20),#09161b 85%);color:#f4f5ef;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px;overflow:hidden}
.demo-tv-screen>small{font-size:7px;letter-spacing:.8px;opacity:.7}.demo-tv-screen>strong{font-size:15px;line-height:1.15;font-weight:500}.demo-tv-screen>span{font-size:8px;line-height:1.4;opacity:.75}.demo-tv.off .demo-tv-screen{background:#080e11}.demo-tv.off .demo-tv-screen>strong{color:#4a5452}.demo-tv-model{font-size:6px;letter-spacing:.4px;color:#a7ada7;text-align:center;padding:3px}.demo-tv-model i{display:inline-block;width:2px;height:2px;border-radius:50%;background:#6bcb67;margin-left:4px}.demo-tv.off .demo-tv-model i{background:#c53b33}.demo-tv:after{content:'';position:absolute;bottom:-8px;left:30%;width:40%;height:8px;background:#505953;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}
.equipment-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.equipment-card{padding-left:18px;padding-right:18px}.equipment-drawing{max-width:100%}
@media(max-width:1050px){.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-card{border-bottom:1px solid var(--line)}.equipment-card:nth-child(3){border-right:0}.equipment-card:nth-child(n+4){border-bottom:0}}
@media(max-width:760px){.equipment-grid{grid-template-columns:1fr 1fr}.equipment-card:nth-child(odd){border-right:1px solid var(--line)}.equipment-card:nth-child(even){border-right:0}.equipment-card:nth-child(n+3){border-bottom:1px solid var(--line)}.equipment-card:last-child{grid-column:1/-1;border:0}.equipment-feedback #feedback-content{grid-template-columns:1fr 1fr;align-items:stretch}.equipment-feedback .demo-tv{grid-column:1/-1;width:80%;justify-self:center;margin-bottom:10px}.demo-tv-screen>strong{font-size:22px}.demo-tv-screen>span{font-size:11px}.demo-tv-screen>small{font-size:9px}}
/* Homepage room embed: native controls plus illustrative equipment response. */
.embed-room{background:transparent}.embed-room body{background:transparent}.embed-room .site-header,.embed-room .hero-copy,.embed-room .setup-section,.embed-room .detail-section,.embed-room footer,.embed-room .stage-label,.embed-room .stage-orbit,.embed-room .phone-caption{display:none}.embed-room .hero{display:block;padding:8px 0 0;margin:0;min-height:0;max-width:none;width:100%;overflow:visible}.embed-room .demo-stage{display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:808px;padding:0 172px 0 0;width:100%}.embed-room .equipment-feedback{display:block;position:absolute;right:2px;top:50%;transform:translateY(-44%);width:158px;margin:0}.embed-room .feedback-label{font-size:7px;letter-spacing:.7px}.embed-room .equipment-feedback #feedback-content{display:block}.embed-room .receiver-card{padding:16px 12px}.embed-room .source-response{padding:12px 10px;display:flex;flex-direction:row;gap:8px}.embed-room .demo-tv{width:100%;margin:0 0 20px}.embed-room .demo-tv-screen>strong{font-size:14px}.embed-room .demo-tv-screen>span{font-size:8px}.embed-room .demo-tv-screen>small{font-size:7px}.embed-room .feedback-hint{font-size:8px}.embed-room .phone-holder{zoom:1}.embed-room .phone{width:360px;height:788px}
@media(max-width:549px){.embed-room .demo-stage{flex-direction:column;min-height:0;padding:0;gap:18px}.embed-room .phone{width:342px;height:758px}.embed-room .phone-holder{zoom:1}.embed-room .equipment-feedback{position:relative;right:auto;top:auto;transform:none;width:265px;margin:0 auto}.embed-room .equipment-feedback .receiver-card,.embed-room .equipment-feedback .source-response,.embed-room .equipment-feedback .connection-line,.embed-room .equipment-feedback .feedback-hint{display:none}.embed-room .demo-tv{width:100%;margin:0 0 9px}.embed-room .demo-tv-screen{aspect-ratio:16/7}.embed-room .feedback-label{justify-content:center;margin-bottom:10px}.embed-room .demo-tv-screen>strong{font-size:18px}.embed-room .demo-tv-screen>span{font-size:10px}}
@media(max-width:350px){.embed-room .phone-holder{zoom:.88}.embed-room .equipment-feedback{width:240px}}