.hero-banner-section{padding:54px 0!important}.hero-banner-card{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;background:linear-gradient(135deg,#f7f7f5 0%,#ffffff 100%);border:1px solid rgba(0,0,0,.07);border-radius:30px;padding:56px;box-shadow:0 28px 90px rgba(0,0,0,.08);overflow:hidden}.hero-banner-copy h1{font-size:62px;line-height:.96;letter-spacing:-3px;margin:0 0 24px}.hero-banner-product{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.hero-banner-image-wrap{width:100%;height:360px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:34px}.hero-banner-image-wrap img{width:100%;height:100%;object-fit:contain}.hero-product-btn{width:100%;max-width:360px;margin-top:0!important}.dark-mode .hero-banner-card{background:linear-gradient(135deg,#080808 0%,#111 100%);border-color:#242424;box-shadow:0 28px 90px rgba(0,0,0,.45)}.dark-mode .hero-banner-image-wrap{background:#fff;border-color:#222}@media(max-width:900px){.hero-banner-card{grid-template-columns:1fr;gap:30px;padding:34px}.hero-banner-copy h1{font-size:42px;letter-spacing:-1.7px}.hero-banner-image-wrap{height:300px}}@media(max-width:560px){.hero-banner-section{padding:22px 0!important}.hero-banner-card{gap:18px;padding:18px;border-radius:18px}.hero-banner-copy h1{font-size:30px;line-height:1.02;letter-spacing:-1.2px;margin-bottom:12px}.hero-banner-copy .hero-copy{font-size:13px;line-height:1.35}.hero-banner-image-wrap{height:190px;border-radius:14px;padding:18px}.hero-product-btn{height:36px;min-height:36px;font-size:12px}}