/* =========================================================================
   hero — Figma "main" 74:6905 (1920×925). Real <img> (LCP) + shade layer:
   navy fades in from y 480 and is solid from y 743 (Figma Rectangle 9253/9254).
   Text sits on the solid band: title Tel Aviv Bold 82 · areas 40 (gold dots) ·
   text Assistant 25 · gold chevron 71.
   ========================================================================= */
.hero{min-height:925px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--navy);color:var(--white);overflow:hidden}
.hero__media{position:absolute;inset:0}
.hero__media img{object-position:50% 0}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,44,0) 0,rgba(14,13,44,0) 51.9%,var(--navy) 80.4%,var(--navy) 100%)}

.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:31px}
.hero__title{font-family:var(--font-display);font-weight:700;font-size:82px;line-height:151.5px}
.hero__areas{font-family:var(--font-display);font-size:40px;line-height:78px;margin-top:-26px}
.hero__dot{color:var(--gold)}
.hero__text{max-width:1494px;font-size:25px;line-height:36px;margin-top:13px}
.hero__down{display:block;width:71px;height:72px;margin-top:31px}
.hero__down svg{width:100%;height:100%}
.hero__down:hover{transform:translateY(6px)}

/* side ratings label — left edge, Figma "duns" 74:7047 (136×222, blur glass) */
.hero__badges{position:absolute;z-index:3;left:0;top:278px;width:136px;display:flex;flex-direction:column;align-items:center;padding:15px 0 20px;background:rgba(29,29,27,.4);backdrop-filter:blur(8.8px);-webkit-backdrop-filter:blur(8.8px);border-radius:0 8.8px 8.8px 0}
.hero__badge-bdi{width:93px;height:auto}
.hero__badges-line{width:110px;height:1px;background:rgba(255,255,255,.2);margin:14px 0 20px}
.hero__badge-duns{width:auto;height:58px}

@media (max-width:1480px){
  .hero{min-height:800px}
  .hero__title{font-size:68px;line-height:120px}
  .hero__areas{font-size:34px;line-height:64px;margin-top:-18px}
  .hero__text{font-size:22px;line-height:32px;max-width:1100px}
  .hero__down{width:58px;height:58px;margin-top:22px}
  .hero__badges{top:220px;width:112px;padding:12px 0 16px}
  .hero__badge-bdi{width:76px}
  .hero__badges-line{width:90px;margin:10px 0 14px}
  .hero__badge-duns{height:46px}
}
@media (max-width:1100px){
  .hero{min-height:680px;padding-top:var(--header-h)}
  .hero__media img{object-position:50% 20%}
  .hero__shade{background:linear-gradient(180deg,rgba(14,13,44,0) 0,rgba(14,13,44,0) 40%,var(--navy) 76%,var(--navy) 100%)}
  .hero__title{font-size:54px;line-height:1.3}
  .hero__areas{font-size:28px;line-height:1.6;margin-top:0}
  .hero__text{font-size:19px;line-height:29px;max-width:680px;margin-top:10px}
  .hero__down{width:50px;height:50px;margin-top:16px}
  .hero__badges{top:calc(var(--header-h) + 24px);width:92px;padding:10px 0 12px}
  .hero__badge-bdi{width:62px}
  .hero__badges-line{width:72px;margin:8px 0 10px}
  .hero__badge-duns{height:36px}
}
@media (max-width:640px){
  .hero{min-height:620px}
  .hero__media{bottom:auto;height:440px;top:var(--header-h)}
  .hero__media img{object-position:50% 0}
  .hero__shade{background:linear-gradient(180deg,rgba(14,13,44,0) 0,rgba(14,13,44,0) calc(var(--header-h) + 230px),var(--navy) calc(var(--header-h) + 430px))}
  .hero__content{padding-bottom:22px;padding-top:310px}
  .hero__title{font-size:34px}
  .hero__areas{font-size:19px;line-height:1.5}
  .hero__text{font-size:16px;line-height:24px}
  .hero__down{width:42px;height:42px;margin-top:10px}
  .hero__badges{top:calc(var(--header-h) + 12px);width:70px;padding:8px 0 10px;border-radius:0 6px 6px 0}
  .hero__badge-bdi{width:48px}
  .hero__badges-line{width:54px;margin:6px 0 8px}
  .hero__badge-duns{height:28px}
}