.duo-console{background:#101010;color:#fff;overflow:hidden}
.console-heading{max-width:850px;margin-bottom:2.5rem}
.console-heading .section-index{color:#efa16f;margin-bottom:1rem}
.console-heading h2{color:#fff;font-size:clamp(2.3rem,4.5vw,4.7rem);line-height:1.04;margin:0 0 1rem}
.console-heading>p:last-child{color:#ccc;max-width:580px;font-size:1.05rem}
.console-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.console-screen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:#242020;isolation:isolate}
.console-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.console-photo.is-current{opacity:1;transform:scale(1)}
.console-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#0009);pointer-events:none}
.console-hud{position:absolute;z-index:2;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;letter-spacing:.12em}
.console-meter{display:flex;align-items:center;gap:4px;height:23px}
.console-meter i{display:block;width:3px;height:100%;background:white;transform:scaleY(.25)}
.console-screen.is-switching .console-meter i{animation:consolePulse .5s alternate 2}
.console-meter i:nth-child(2n){animation-delay:.1s!important}.console-meter i:nth-child(3n){animation-delay:.2s!important}
.console-guide{position:absolute;inset:20%;border:1px solid #ffffff70;z-index:2;opacity:0;pointer-events:none;transition:opacity .4s,transform .5s;transform:scale(1.08)}
.console-screen[data-mode='1'] .console-guide{opacity:1;transform:scale(1)}
.console-tabs{display:flex;border-bottom:1px solid #ffffff40;gap:8px}
.console-tabs button{flex:1;min-height:70px;cursor:pointer;background:transparent;color:#aaa;border:0;border-bottom:3px solid transparent;font:800 clamp(1rem,2vw,1.45rem) var(--display);padding:10px 6px;transition:color .2s,background .2s,border-color .2s}
.console-tabs small{display:block;font-size:.7rem;font-weight:400;letter-spacing:.12em;margin-bottom:4px}
.console-tabs button[aria-selected='true']{color:#fff;background:#d8743630;border-color:var(--burgundy)}
.console-tabs button:focus-visible,.console-panel:focus-visible,.console-cta:focus-visible{outline:2px solid #efa16f;outline-offset:4px}
.console-panels{display:grid;margin-top:2rem}
.console-panel{grid-area:1/1;min-width:0}
.console-panel[hidden]{display:block;visibility:hidden;pointer-events:none}
.console-panel h3{font-size:clamp(1.5rem,2.6vw,2.5rem);line-height:1.15;margin:0 0 1rem;color:#efa16f;letter-spacing:-.04em}
.console-panel p{color:#ddd;line-height:1.7;font-size:1rem;margin:0}
.console-panel ul{list-style:none;padding:0;margin:1.5rem 0}
.console-panel li{border-top:1px solid #ffffff20;padding:.7rem 0;font-size:.95rem;display:flex;gap:12px}
.console-panel li:before{content:'+';color:#efa16f}
.console-cta{display:inline-block;border-bottom:1px solid #efa16f;padding:8px 0;color:#fff;font-weight:700}
@keyframes consolePulse{to{transform:scaleY(1)}}
@media(max-width:900px){
 .console-layout{grid-template-columns:1fr;gap:1.5rem}
 .console-screen{aspect-ratio:16/10;border-radius:12px}
 .console-heading{margin-bottom:1.5rem}
 .console-heading h2{font-size:clamp(2.2rem,8vw,3.5rem)}
 .console-panels{margin-top:1.4rem}
 .console-tabs button{min-height:64px}
 .console-panel h3{font-size:1.6rem}
}
@media(prefers-reduced-motion:reduce){.console-photo,.console-guide,.console-tabs button{transition:none}.console-screen.is-switching .console-meter i{animation:none}}