.keyboards-hub{overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff9fc 46%,#fff 100%);color:#30263a}
.keyboard-hero,.keyboard-section,.keyboard-trust{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.keyboard-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(30px,5vw,72px);align-items:center;padding:clamp(52px,8vw,98px) 0 clamp(44px,6vw,72px)}
.keyboard-hero h1{max-width:760px;margin:.12em 0 .28em;font-size:clamp(2.5rem,3.1vw,2.75rem);line-height:1.08;letter-spacing:-.025em}.keyboard-hero h1 em{color:#c2247b}.keyboard-hero__lead{max-width:720px;margin:.2em 0 1.1em;font-family:"Playfair Display",serif;font-size:clamp(1.32rem,2.2vw,1.85rem);line-height:1.35;color:#5c176c}.keyboard-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.keyboard-hero__visual{position:relative;overflow:hidden;padding:18px;border:1px solid #ead3e4;border-radius:30px;background:linear-gradient(145deg,#f8eaf6,#fff);box-shadow:0 20px 48px rgba(69,18,82,.12)}.keyboard-hero__visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}.keyboard-hero__badge{position:absolute;right:30px;bottom:30px;padding:10px 14px;border-radius:999px;background:#3f104f;color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(40,8,50,.25)}
.keyboard-breadcrumbs{width:min(1180px,calc(100% - 40px));margin:0 auto 32px}.keyboard-section{padding:clamp(42px,6vw,78px) 0}.keyboard-section--tint{width:100%;padding-inline:max(20px,calc((100% - 1180px)/2));background:#f8edf6}.keyboard-section__heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.55fr);gap:28px;align-items:end;margin-bottom:28px}.keyboard-section__heading h2{margin:.12em 0 .2em;font-size:clamp(2rem,3.2vw,2.85rem);line-height:1.08}.keyboard-section__heading>p{margin:0;color:#625467}
.keyboard-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.keyboard-product{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border:1px solid #e6d4e4;border-radius:26px;background:#fff;box-shadow:0 14px 36px rgba(62,18,74,.08)}.keyboard-product__image{aspect-ratio:16/9;background:#f5eaf3}.keyboard-product__image img{display:block;width:100%;height:100%;object-fit:cover}.keyboard-product__body{display:flex;flex-direction:column;padding:24px}.keyboard-product__status{margin:0 0 8px;color:#93206f;font-size:.77rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.keyboard-product h3{margin:0 0 10px;font-size:clamp(1.35rem,2vw,1.72rem);line-height:1.16}.keyboard-product__summary{color:#5d5260}.keyboard-product__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:auto 0 18px;padding-top:12px}.keyboard-product__fact{padding:12px;border-radius:14px;background:#faf3f8}.keyboard-product__fact small{display:block;color:#705c72;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.keyboard-product__fact strong{display:block;margin-top:2px;color:#42104f;font-size:1.08rem}.keyboard-product__fact em{display:block;color:#746776;font-size:.7rem;font-style:normal}.keyboard-product__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.keyboard-product__options{color:#6f5e72;font-size:.8rem;font-weight:700}
.keyboard-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.keyboard-method-grid article{padding:22px;border:1px solid #ead5e6;border-radius:20px;background:#fff}.keyboard-method-grid span{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#551260;color:#fff;font-weight:800}.keyboard-method-grid h3{margin:14px 0 8px;font-size:1.18rem}.keyboard-method-note{margin-top:22px;padding:22px;border-left:5px solid #ca277f;border-radius:0 18px 18px 0;background:#fff}
.keyboard-storage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}.keyboard-storage__copy{padding:clamp(24px,4vw,40px);border-radius:26px;background:linear-gradient(145deg,#3f104f,#6e1d70);color:#fff}.keyboard-storage__copy .eyebrow,.keyboard-storage__copy h2{color:#fff}.keyboard-storage__copy h2{margin:.12em 0 .3em;font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.08}.keyboard-storage__paid{display:inline-flex;flex-direction:column;margin:12px 0 18px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.12)}.keyboard-storage__paid small{text-transform:uppercase;letter-spacing:.06em}.keyboard-storage__paid strong{font-size:1.45rem}.keyboard-storage__paid em{font-size:.78rem;font-style:normal}.keyboard-storage__copy .button{background:#fff;color:#571361}
.keyboard-video-wrap{max-width:390px;margin-inline:auto}.keyboard-video-wrap .jff-card{box-shadow:0 16px 40px rgba(57,16,67,.13)}
.keyboard-methodology{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:24px;align-items:center;padding:clamp(28px,5vw,48px);border:1px solid #e7d2e3;border-radius:28px;background:linear-gradient(135deg,#fff,#f8eaf6)}.keyboard-methodology h2{margin:.12em 0 .25em;font-size:clamp(2rem,3vw,2.7rem)}.keyboard-methodology__links{display:grid;gap:10px}.keyboard-methodology__links a{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #dfc7dc;border-radius:14px;background:#fff;color:#6b176c;font-weight:800;text-decoration:none}.keyboard-methodology__links a:hover{border-color:#c12a7d;background:#fff6fb}
.keyboard-trust{padding:0 0 clamp(58px,8vw,100px)}
.keyboards-hub a:focus-visible,.keyboards-hub button:focus-visible{outline:3px solid #ef82bd;outline-offset:4px}
@media(max-width:980px){.keyboard-product-grid{grid-template-columns:1fr}.keyboard-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.keyboard-hero h1{font-size:2.25rem}.keyboard-hero,.keyboard-section__heading,.keyboard-storage,.keyboard-methodology{grid-template-columns:1fr}.keyboard-hero__visual{max-width:620px}.keyboard-section__heading{align-items:start}.keyboard-storage__copy{order:1}.keyboard-video-wrap{order:2}}
@media(max-width:620px){.keyboard-hero,.keyboard-section,.keyboard-trust,.keyboard-breadcrumbs{width:min(100% - 24px,1180px)}.keyboard-section--tint{width:100%;padding-inline:12px}.keyboard-hero{padding-top:42px}.keyboard-hero h1{font-size:clamp(1.875rem,8vw,2rem);line-height:1.1}.keyboard-hero__visual{padding:10px;border-radius:22px}.keyboard-hero__badge{right:20px;bottom:20px}.keyboard-product__image{aspect-ratio:16/10}.keyboard-product__facts,.keyboard-method-grid{grid-template-columns:1fr}.keyboard-hero__actions,.keyboard-product__actions{display:grid}.keyboard-hero__actions .button,.keyboard-product__actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.keyboard-product,.keyboard-method-grid article{transition:none!important}}