/* ═══════════════════════════════════════════════
   CATEGORIES
   ═══════════════════════════════════════════════ */
.categories{padding:72px 0}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat-card{position:relative;overflow:hidden;aspect-ratio:3/4.2;border-radius:var(--radius-lg);cursor:pointer}
.cat-card .bgc{transition:transform .8s var(--ease)}
.cat-card:hover .bgc{transform:scale(1.06)}
.cat-card__overlay{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.7));z-index:2}
.cat-card__badge{position:absolute;top:14px;left:14px;z-index:3;background:var(--red);color:var(--white);font-family:var(--font-h);font-size:10px;font-weight:600;padding:3px 12px;text-transform:uppercase;letter-spacing:1px;border-radius:2px}
.cat-card__body{position:absolute;bottom:0;left:0;right:0;padding:28px;z-index:3}
.cat-card__title{font-family:var(--font-h);font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--white)}
.cat-card__sub{font-size:12px;color:rgba(255,255,255,.55);margin-top:4px}
.cat-card__link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-h);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-top:12px;opacity:.65;transition:.25s}
.cat-card__link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s}
.cat-card:hover .cat-card__link{opacity:1}
.cat-card:hover .cat-card__link svg{transform:translateX(3px)}

/* ═══════════════════════════════════════════════
   PRODUCTS SECTION (homepage)
   ═══════════════════════════════════════════════ */
.products-sec{padding:64px 0 72px}
.products-sec__tabs{display:flex;gap:20px;flex-wrap:wrap}
.products-sec__tab{font-family:var(--font-h);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--g400);padding-bottom:4px;border-bottom:1.5px solid transparent;transition:.25s;cursor:pointer;background:none;border-top:0;border-left:0;border-right:0}
.products-sec__tab:hover,.products-sec__tab.act{color:var(--dark);border-bottom-color:var(--red)}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:4px}
.products-sec__more{text-align:center;margin-top:40px}

/* ═══════════════════════════════════════════════
   WHY US
   ═══════════════════════════════════════════════ */
.why-us{padding:72px 0;background:var(--g50)}
.why-us__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why-us__card{text-align:center;padding:32px 20px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--g200);transition:.35s var(--ease)}
.why-us__card:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:var(--shadow-md)}
.why-us__icon{width:52px;height:52px;margin:0 auto 16px;background:var(--dark);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .35s}
.why-us__card:hover .why-us__icon{background:var(--red)}
.why-us__icon svg{width:22px;height:22px;stroke:var(--white);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.why-us__card h4{font-family:var(--font-h);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.why-us__card p{font-size:13px;color:var(--g500);line-height:1.6}

/* ═══════════════════════════════════════════════
   HOW IT WORKS
   ═══════════════════════════════════════════════ */
.how-works{padding:72px 0}
.how-works__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.how-works__grid::before{content:'';position:absolute;top:28px;left:15%;right:15%;height:1px;border-top:2px dashed var(--g200)}
.how-works__step{text-align:center;position:relative;z-index:1}
.how-works__num{width:56px;height:56px;margin:0 auto 16px;background:var(--white);border:2px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:20px;font-weight:700;color:var(--red);transition:.3s}
.how-works__step:hover .how-works__num{background:var(--red);color:var(--white)}
.how-works__step h4{font-family:var(--font-h);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}
.how-works__step p{font-size:12px;color:var(--g500);max-width:180px;margin:0 auto}

/* ═══════════════════════════════════════════════
   STATS
   ═══════════════════════════════════════════════ */
.stats-bar{background:var(--dark);color:var(--white);padding:48px 0}
.stats-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.stats-bar__item h3{font-family:var(--font-h);font-size:clamp(32px,4vw,44px);font-weight:700}
.stats-bar__item h3 b{color:var(--red)}
.stats-bar__item p{font-size:11px;color:var(--g400);text-transform:uppercase;letter-spacing:3px;margin-top:4px}

/* ═══════════════════════════════════════════════
   CLIENTS
   ═══════════════════════════════════════════════ */
.clients{padding:48px 0;text-align:center}
.clients__label{font-family:var(--font-h);font-size:11px;text-transform:uppercase;letter-spacing:5px;color:var(--g400);margin-bottom:28px}
.clients__row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;opacity:.3}
.clients__item{width:80px;height:32px;background:var(--g300);border-radius:4px}

/* ═══════════════════════════════════════════════
   NEWS
   ═══════════════════════════════════════════════ */
.news-sec{padding:64px 0 72px}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.news-card{cursor:pointer;transition:transform .3s var(--ease)}
.news-card:hover{transform:translateY(-4px)}
.news-card__img{aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius);position:relative}
.news-card__img .bgc{transition:transform .6s var(--ease)}
.news-card:hover .news-card__img .bgc{transform:scale(1.04)}
.news-card__date{position:absolute;top:10px;left:10px;background:var(--white);padding:2px 10px;border-radius:2px;font-size:10px;font-weight:600;color:var(--g600);z-index:2}
.news-card__body{padding:12px 0}
.news-card__body h4{font-family:var(--font-h);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;margin-bottom:4px}
.news-card__body p{font-size:12px;color:var(--g500)}

/* ═══════════════════════════════════════════════
   CTA
   ═══════════════════════════════════════════════ */
.cta-sec{padding:72px 0;background:linear-gradient(135deg,#0d1b2a,#1b3a4b);text-align:center;color:var(--white);position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.cta-sec h2{font-family:var(--font-h);font-size:clamp(24px,3vw,36px);font-weight:700;text-transform:uppercase;letter-spacing:4px;margin-bottom:12px;position:relative}
.cta-sec p{font-size:15px;opacity:.5;margin-bottom:28px;max-width:440px;margin-left:auto;margin-right:auto;position:relative}
.cta-sec__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}

/* Clients / Partners logos */
.clients{padding:48px 0;text-align:center}
.clients__label{font-family:var(--font-h);font-size:11px;text-transform:uppercase;letter-spacing:5px;color:var(--g400);margin-bottom:28px}
.clients__row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;opacity:.3}
.clients__item{width:80px;height:32px;background:var(--g300);border-radius:4px}
.clients__item img{width:100%;height:100%;object-fit:contain;opacity:1}