/* Homepage hero only: soft, oversized keyboard with a clear text layer. */
.hero-section.home-keyboard-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;min-height:490px;margin:0 auto;padding:62px 44px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 42%,rgba(25,125,255,.35),transparent 65%),linear-gradient(145deg,#073B92 0%,#0958BD 42%,#0756BD 70%,#032968 100%)!important;border:1px solid #fff!important;border-radius:3px!important}
.home-keyboard-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#629bd00a 1px,transparent 1px),linear-gradient(90deg,#629bd00a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(100deg,transparent,#000)}
.home-keyboard-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:none}
.home-keyboard-hero .home-keyboard-art{position:absolute;z-index:0;pointer-events:none;left:44%;top:-36px;width:1030px;height:620px;background:url('../images/home-keyboard-soft.svg') center/contain no-repeat;transform:perspective(1050px) rotateX(27deg) rotateY(-16deg) rotateZ(-24deg);transform-origin:35% 50%;opacity:.42;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.home-keyboard-hero .hero-container{position:relative;z-index:2;display:block;max-width:1100px}
.home-keyboard-hero .hero-content{max-width:570px;text-align:left}
.home-keyboard-hero .hero-content .hero-label{font:700 13px/1.5 var(--font-ui)!important;color:#ADD8E6!important;letter-spacing:1.8px!important;margin:0 0 18px!important}
.home-keyboard-hero .hero-content h1{max-width:570px;margin:0;font:800 clamp(36px,4.3vw,54px)/1.15 var(--font-ui)!important;letter-spacing:-1.6px!important;color:#fff!important;overflow-wrap:normal}
.home-keyboard-hero .hero-content h1>span{font:inherit!important;color:#D1D5DB!important}
.home-keyboard-hero .hero-content .hero-description{max-width:480px;margin:20px 0 0!important;font:400 16px/1.8 var(--font-ui)!important;letter-spacing:0!important;color:#e5efff!important;overflow-wrap:normal}
.home-keyboard-hero .hero-actions{margin-top:27px;gap:12px;justify-content:flex-start;flex-wrap:wrap}
.home-keyboard-hero .hero-actions .primary-button{background:#246bab;color:#fff;border:1px solid #fff;min-height:46px;font-size:14px;box-shadow:0 4px 10px #246bab18}
.home-keyboard-hero .hero-actions .primary-button:hover{background:#19588f;border-color:#19588f}
.home-keyboard-hero .hero-actions .secondary-button{background:#ffffffed;border:1px solid #adc4d7;color:#284c6a;min-height:46px;font-size:14px}
.home-keyboard-hero .hero-actions .secondary-button:hover{background:#edf6ff;border-color:#6b97bb}
.home-keyboard-hero .hero-actions a:focus-visible{outline:3px solid #246bab;outline-offset:4px}
.home-keyboard-hero .hero-points{margin-top:25px;gap:10px 16px;justify-content:flex-start;flex-direction:row;font-size:13px}
.home-keyboard-hero .hero-points>span{padding:0;gap:6px;background:transparent;border:0;border-radius:0;color:#e5efff}
.home-keyboard-hero .hero-point-check{width:18px;height:18px;flex-basis:18px;font-size:13px;background:#e1f0e9;color:#28764c}
@media(max-width:900px){.hero-section.home-keyboard-hero{padding:44px 30px;min-height:450px}.home-keyboard-hero .home-keyboard-art{left:40%;top:10px;width:860px;height:560px;opacity:.38}.home-keyboard-hero::after{background:none}.home-keyboard-hero .hero-content{max-width:540px}}
@media(max-width:600px){.hero-section.home-keyboard-hero{width:100%;padding:30px 22px 170px;min-height:0}.home-keyboard-hero .hero-content h1{font-size:clamp(30px,7.8vw,40px)!important;letter-spacing:-1px!important}.home-keyboard-hero .hero-content .hero-description{font-size:14px!important;line-height:1.7!important;margin-top:16px!important}.home-keyboard-hero .hero-content .hero-label{font-size:13px!important;margin-bottom:13px!important;letter-spacing:1.2px!important}.home-keyboard-hero .hero-actions{flex-direction:row;align-items:stretch;margin-top:22px}.home-keyboard-hero .hero-actions a{width:auto;flex:1 1 150px;padding:0 14px;font-size:13px}.home-keyboard-hero .hero-points{gap:10px 14px;margin-top:20px;font-size:13px}.home-keyboard-hero .home-keyboard-art{width:690px;height:410px;left:4%;top:auto;bottom:-205px;opacity:.4;transform:perspective(900px) rotateX(25deg) rotateY(-12deg) rotateZ(-22deg)}.home-keyboard-hero::after{background:none}}