.hero__slide .container{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;width:100%}.hero__art{position:relative;z-index:3;display:flex;justify-content:center;opacity:0;transform:translateY(30px) scale(.94);transition:1s cubic-bezier(.2,.7,.2,1) .25s}.hero__slide.active .hero__art{opacity:1;transform:none}.hero__art .art{width:min(100%,470px);height:auto;animation:floaty 6s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}.hero__chip{position:absolute;background:#fff;color:var(--dark);border-radius:14px;padding:10px 14px;font-weight:800;font-size:.82rem;box-shadow:0 18px 30px -12px rgba(0,0,0,.45);display:flex;gap:8px;align-items:center;animation:floaty 5s ease-in-out infinite}.hero__chip i{font-style:normal;background:var(--accent);width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center}.hero__chip small{display:block;font-weight:600;color:#666;font-size:.72rem}.hero__chip--1{top:6%;left:2%;animation-delay:-1s}.hero__chip--2{bottom:8%;right:0;animation-delay:-2.5s}.hero__chip--3{top:44%;right:-2%;animation-delay:-4s}
.hero__content{max-width:none}.hero__content p{max-width:520px}
.cat .art{position:absolute;left:8%;right:8%;top:6%;width:84%;height:auto;transition:transform .5s}.cat:hover .art{transform:scale(1.08) rotate(-2deg)}.cat--art{background:linear-gradient(160deg,var(--primary),#2b38b3)}
.pcard__img .art{padding:10%;width:100%;height:100%}.pcard__img.is-ph{background:linear-gradient(160deg,#e9edfb,#f8faff)}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pack{background:#fff;border:1px solid #e7e9f5;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:.3s}.pack:hover{transform:translateY(-6px);box-shadow:0 26px 44px -24px rgba(28,37,125,.55)}.pack__art{background:linear-gradient(160deg,var(--primary),#2b38b3);padding:18px 30px 6px;position:relative}.pack__art .art{width:100%;height:auto;max-height:210px}.pack__tag{position:absolute;top:14px;left:14px;background:var(--accent);color:var(--dark);font-weight:800;font-size:.72rem;padding:5px 11px;border-radius:99px;letter-spacing:.06em;text-transform:uppercase}.pack__body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.pack__body h3{font-size:1.25rem;color:var(--primary)}.pack__body ul{display:grid;gap:7px;font-size:.92rem}.pack__body li::before{content:'✓ ';color:#4f8f00;font-weight:900}.pack__body .btn{margin-top:auto}
.promo{background:linear-gradient(100deg,var(--accent),#b6e46b);color:var(--dark);border-radius:26px;padding:clamp(22px,4vw,40px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;position:relative;overflow:hidden}.promo::after{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.35)}.promo h2{font-size:clamp(1.5rem,3.2vw,2.3rem);color:var(--dark)}.promo p{margin-top:6px;font-weight:600}.promo__cd{font-family:'Montserrat';font-weight:800;font-size:1.4rem;margin-top:10px;color:var(--primary)}.promo>*{position:relative;z-index:2}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}.flow__i{text-align:center;padding:0 14px;position:relative}.flow__i::before{counter-increment:s;content:counter(s);display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--primary);color:#fff;font-family:'Montserrat';font-weight:800;position:relative;z-index:2}.flow__i::after{content:'';position:absolute;top:26px;left:calc(50% + 34px);right:calc(-50% + 34px);height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 14px)}.flow__i:last-child::after{display:none}.flow__i b{display:block;color:var(--primary)}.flow__i span{font-size:.86rem;color:#555}
@media (max-width:1000px){.packs{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr;gap:26px 0}.flow__i::after{display:none}}
@media (max-width:760px){.hero__slide .container{grid-template-columns:1fr}.hero__art{display:none}.packs{grid-template-columns:1fr}.cat .art{top:4%}.cat:first-child .art{width:40%;left:56%;right:4%}}