.keyboard-section{padding:88px 0;background:#14171e;border-block:1px solid #303540;scroll-margin-top:90px}.keyboard-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.keyboard-layout h2{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.04em;margin:14px 0 24px}.keyboard-layout h2 span{color:#efbf5c}.keyboard-lead{font-size:1.1rem;color:#b8c0ce;line-height:1.7;max-width:510px}.keyboard-samples{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.keyboard-samples span{background:#232833;border:1px solid #3a414d;border-radius:12px;padding:12px 14px;font-size:20px}.keyboard-features{padding-left:20px;color:#c3c9d4;line-height:1.7;margin-bottom:26px}.keyboard-features li{margin:8px 0}.keyboard-preview{padding:24px;border-radius:24px;background:#1c2029;border:1px solid #3a414d;min-width:0}.keyboard-preview img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #3a414d}.keyboard-preview ol{padding-left:22px;color:#e7e9ee;line-height:1.65}.keyboard-preview li{padding:6px 0}.keyboard-preview small{display:block;color:#a8b0bf;line-height:1.6}.keyboard-section .quiet{margin-top:15px;max-width:480px}.header-row nav{gap:18px}@media(max-width:1000px){.keyboard-layout{gap:32px}.header-row nav{gap:10px}}@media(max-width:760px){.keyboard-section{padding:56px 0}.keyboard-layout{grid-template-columns:1fr;gap:30px}.keyboard-preview{padding:18px}.keyboard-samples span{font-size:18px}.keyboard-section .button{width:100%}}