.hero{background:var(--color-primary);color:#fff;padding:60px 0;overflow:hidden}.hero-inner{align-items:center;gap:40px;display:flex}.hero-content{flex:1;min-width:0}.hero-title{letter-spacing:-1px;margin-bottom:16px;font-size:2.4rem;font-weight:800;line-height:1.15}.hero-desc{color:#ffffffb3;max-width:480px;margin-bottom:28px;font-size:1rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero .btn-outline{color:#fff;border-color:#ffffff4d}.hero .btn-outline:hover{background:#ffffff1a;border-color:#fff}.hero-visual{flex-shrink:0;justify-content:center;align-items:center;width:300px;height:300px;display:flex}.hero-shape{background:radial-gradient(circle at 30% 30%, var(--color-accent), #4cc9f033);opacity:.4;border-radius:50%;width:240px;height:240px}.hero-slider{background:var(--color-bg);padding:20px;position:relative}.hero-slider-track{border-radius:12px;position:relative;overflow:hidden}.hero-slide-link{display:block}.hero-img{width:100%;display:block}.hero-img-mobile{display:none}.hero-arrow{color:#fff;cursor:pointer;opacity:1;z-index:2;background:#0000004d;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:#0009;border-color:#fff}.hero-arrow-left{left:16px}.hero-arrow-right{right:16px}.hero-dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:0 0;border:2px solid #ffffffb3;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.hero-dot.active{background:#fff;border-color:#fff;transform:scale(1.2)}.hero-dot:hover:not(.active){background:#fff6}@media (max-width:900px){.hero{padding:40px 0}.hero-visual{display:none}.hero-title{font-size:1.8rem}.hero-img-desktop{display:none}.hero-img-mobile{display:block}.hero-slider{padding:12px}.hero-slider-track{border-radius:10px}.hero-arrow{width:34px;height:34px}.hero-arrow-left{left:8px}.hero-arrow-right{right:8px}}@media (max-width:480px){.hero-title{font-size:1.5rem}.hero-desc{font-size:.9rem}}