.sc-hero{padding:20px var(--side-padding) 0}.sc-hero__inner{max-width:calc(var(--container-max) - 2 * var(--side-padding));background:linear-gradient(56deg, var(--color-bg-orange) 0%, var(--color-bg-orange-deep) 99%);border-radius:40px;align-items:stretch;min-height:506px;margin:0 auto;display:flex;position:relative;overflow:hidden}.sc-hero__inner:before{content:"";opacity:.28;pointer-events:none;z-index:0;background:url(/img/hero-chdk-watermark-white.svg) 50%/contain no-repeat;width:840px;height:740px;position:absolute;top:50%;right:20%;transform:translateY(-50%)}.sc-hero__content{z-index:1;flex-direction:column;flex:0 0 50%;justify-content:center;align-items:flex-start;min-width:0;padding:80px 40px 60px 58px;display:flex;position:relative}.sc-hero__title{color:var(--color-black);margin-bottom:24px;font-size:45px;font-weight:700;line-height:1.21}.sc-hero__title-accent{color:var(--color-secondary)}.sc-hero__text{color:var(--color-black);flex-direction:column;gap:20px;margin-bottom:40px;font-size:20px;line-height:1.4;display:flex}.sc-hero__text strong{font-weight:600}.sc-hero__visual{z-index:1;flex:1;justify-content:flex-end;align-items:center;padding-right:20px;display:flex;position:relative;overflow:visible}.sc-hero__img{z-index:1;filter:drop-shadow(0 16px 32px #00000026);width:100%;max-width:460px;height:auto;display:block;position:relative}.sc-catalog{padding:80px var(--side-padding) 80px}.sc-catalog__inner{max-width:calc(var(--container-max) - 2 * var(--side-padding));margin:0 auto}.sc-catalog__title{color:var(--color-black);margin-bottom:32px;font-size:clamp(28px,2vw + 10px,36px);font-weight:600;line-height:1.19}.sc-catalog__tabs{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.sc-catalog__tab{color:var(--color-black);font-family:var(--font-family);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);background:#f5f5f5;border:none;border-radius:76px;justify-content:center;align-items:center;padding:12px 20px;font-size:16px;font-weight:600;display:inline-flex}.sc-catalog__tab:hover{background:var(--color-bg-purple);color:var(--color-secondary)}.sc-catalog__tab.is-active{background:var(--color-secondary);color:var(--color-white)}.sc-catalog__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.sc-catalog__card{background:var(--color-white);text-align:center;transition:transform var(--transition-card), box-shadow var(--transition-card), opacity .3s;border-radius:40px;flex-direction:column;align-items:center;gap:16px;padding:20px 16px 32px;display:flex;box-shadow:1px 5px 12px #00000029}.sc-catalog__card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000002e}.sc-catalog__card.is-hidden{display:none}.sc-catalog__card-img-wrap{flex-shrink:0;justify-content:center;align-items:center;width:206px;height:279px;display:flex}.sc-catalog__card-img{object-fit:contain;filter:drop-shadow(0 4px 5px #00000026);max-width:100%;max-height:100%}.sc-catalog__card-name{color:var(--color-black);font-size:20px;font-weight:600;line-height:1.3}.sc-catalog__card-actions{align-items:center;gap:24px;display:flex}.sc-catalog__card-btn{min-width:180px}.sc-catalog__card-link{color:var(--color-secondary);white-space:nowrap;transition:color var(--transition-fast);font-size:16px;font-weight:600;text-decoration:none}.sc-catalog__card-link:hover{color:var(--color-primary)}@media (width<=1024px){.sc-hero__inner{flex-direction:column;min-height:auto}.sc-hero__content{flex:none;padding:48px 32px}.sc-hero__visual{justify-content:center;padding:0 32px 32px}.sc-hero__img{max-width:320px}.sc-catalog__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sc-hero__title{font-size:32px}.sc-hero__text{font-size:17px}.sc-hero__img{max-width:260px}.sc-catalog__tabs{gap:8px}.sc-catalog__tab{padding:10px 16px;font-size:14px}.sc-catalog__card{border-radius:24px;padding:16px 12px 24px}.sc-catalog__card-img-wrap{width:160px;height:220px}.sc-catalog__card-name{font-size:17px}.sc-catalog__card-actions{flex-direction:column;gap:12px}}@media (width<=600px){.sc-catalog__grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}@media (width<=480px){.sc-hero__title{font-size:28px}.sc-hero__content{padding:36px 20px}.sc-hero__text{font-size:16px}}
