.console-showcase{margin:42px 0 65px}.console-showcase-heading{margin-bottom:26px}.console-showcase-heading h2{font-size:clamp(28px,3vw,40px);font-weight:750;letter-spacing:-.045em;margin:8px 0}.console-showcase-heading p{font-size:14px;color:#9eacbb}.console-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.console-family{--console-accent:143,178,239;min-width:0}.console-family.tone-red{--console-accent:237,157,167}.console-family.tone-green{--console-accent:161,219,161}.console-current{position:relative;display:block;padding:25px 25px 20px;border:1px solid rgba(var(--console-accent),.22);border-radius:20px;background:radial-gradient(ellipse at 50% 55%,rgba(var(--console-accent),.12),transparent 67%),linear-gradient(145deg,#1a2029,#10151c);overflow:hidden;transition:border-color .25s,transform .25s}.console-family-label{position:relative;font-size:12px;color:rgb(var(--console-accent));font-weight:650;letter-spacing:.06em}.console-stage{height:220px;position:relative;display:grid;place-items:center;margin:4px 0 8px}.console-stage>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px #0008);transition:transform .5s cubic-bezier(.2,.7,.3,1),filter .5s}.console-halo{position:absolute;bottom:0;width:65%;height:28px;border-radius:50%;background:rgba(var(--console-accent),.12);filter:blur(12px)}.console-model{display:flex;align-items:center;justify-content:space-between;gap:12px}.console-model strong{font-size:22px;font-weight:750;letter-spacing:-.035em}.console-model>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff25;border-radius:50%;color:rgb(var(--console-accent))}.console-current:hover{border-color:rgba(var(--console-accent),.65);transform:translateY(-3px)}.console-current:hover .console-stage>img{transform:translateY(-7px) scale(1.055);filter:drop-shadow(0 22px 22px #000b)}.console-current:focus-visible,.console-previous:focus-visible{outline:2px solid #d5fa70;outline-offset:4px}.console-previous{display:flex;align-items:center;gap:14px;padding:12px 18px;margin-top:10px;background:#121820;border:1px solid #29313b;border-radius:14px;transition:background .2s}.console-previous>img{width:78px;height:60px;object-fit:contain;flex-shrink:0}.console-previous>span{flex:1;min-width:0}.console-previous small{display:block;font-size:11px;color:#8998aa;margin-bottom:4px}.console-previous strong{font-size:15px}.console-previous>svg{flex-shrink:0;color:#9cabb9}.console-previous:hover{background:#1b232d}@media(max-width:750px){.console-showcase-grid{gap:12px}.console-current{padding:17px 14px}.console-stage{height:170px}.console-model strong{font-size:17px}.console-model>span{width:28px;height:28px}.console-previous{padding:10px;gap:8px}.console-previous>img{width:48px;height:48px}.console-previous strong{font-size:12px}.console-previous small{font-size:9px}}@media(max-width:550px){.console-showcase-grid{grid-template-columns:1fr;gap:22px}.console-current{padding:20px 22px}.console-stage{height:205px;margin:-8px 0 0}.console-model strong{font-size:23px}.console-previous{padding:10px 18px}.console-previous>img{width:70px;height:54px}.console-previous strong{font-size:15px}.console-previous small{font-size:11px}}@media(prefers-reduced-motion:reduce){.console-current,.console-stage>img{transition:none;transform:none!important}}@media(max-width:550px){.console-showcase-grid{gap:12px}.console-current{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;column-gap:14px;padding:12px 16px 12px 10px}.console-stage{grid-column:1;grid-row:1/5;height:100px;margin:0}.console-family-label{grid-column:2;grid-row:2}.console-model{grid-column:2;grid-row:3;margin-top:4px}.console-model strong{font-size:20px}.console-model>span{width:30px;height:30px}.console-previous{margin-top:6px;padding:8px 16px 8px 12px}.console-previous>img{width:52px;height:40px}.console-previous strong{font-size:14px}}