/* Estrutura fluida da primeira dobra. */
.site-header{height:clamp(76px,7vw,104px)}
.hero-nav{gap:clamp(18px,2.2vw,34px);margin-inline:auto;width:min(calc(100% - clamp(40px,8vw,128px)),1540px)}
.brand-logo{flex-basis:165px;height:60px}
.brand-logo-window{height:60px;width:165px}
.brand-logo img{left:-39px;top:-96px;width:246px}
.nav-links{gap:clamp(24px,2.9vw,44px)}
.nav-links a{font-size:clamp(11px,.78vw,12px);letter-spacing:.015em}
.nav-diagnosis{border-radius:15px;font-size:clamp(11px,.86vw,13px);min-height:46px;padding-inline:clamp(17px,1.6vw,24px)}
.nav-diagnosis span{font-size:17px}
.hero{background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 31%,rgba(255,255,255,.42) 55%,rgba(255,255,255,0) 72%),url('../images/hero.webp');background-position:center;background-size:cover;height:100svh;min-height:680px}
.hero-content{padding-block:clamp(92px,8vw,104px) 28px;width:min(calc(100% - clamp(64px,16vw,256px)),1540px)}
.hero-copy{max-width:590px}
.hero .ey{font-size:11px;letter-spacing:.39em;margin-bottom:20px}
.hero h1{font-size:clamp(39px,3.05vw,49px);letter-spacing:-.05em;line-height:1.16;margin-bottom:24px;max-width:585px}
.hero h1 strong{margin-top:3px}
.hero p{font-size:clamp(15px,1vw,16px);line-height:1.5;margin-bottom:13px;max-width:500px}
.hero-actions{gap:14px;margin-top:clamp(25px,2.1vw,32px)}
.hero-actions .btn{border-radius:11px;font-size:12px;min-height:46px;padding-inline:22px}

@media(max-width:900px){
  .site-header{height:78px}
  .hero-nav{width:calc(100% - 40px)}
  .brand-logo{flex-basis:142px;transform:none}
  .brand-logo-window{transform:scale(.86);transform-origin:left center}
  .hero{background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 43%,rgba(255,255,255,.58) 70%,rgba(255,255,255,.12) 100%),url('../images/hero.webp');background-position:63% center;min-height:760px}
  .hero-content{align-items:flex-start;padding:125px 24px 30px;width:100%}
  .hero-copy{max-width:510px}
  .hero h1{font-size:40px;line-height:1.14;margin-bottom:22px}
  .hero p{font-size:15px;max-width:450px}
  .hero-actions{margin-top:25px}
}

@media(max-width:560px){
  .site-header{height:72px}
  .brand-logo{flex-basis:126px}
  .brand-logo-window{transform:scale(.76)}
  .nav-toggle{font-size:10px}
  .hero{background-position:65% center;height:100svh;min-height:700px}
  .hero-content{padding:108px 20px 22px}
  .hero-copy{max-width:none;width:100%}
  .hero .ey{font-size:9px;letter-spacing:.29em;margin-bottom:16px}
  .hero h1{font-size:clamp(31px,9.2vw,37px);line-height:1.12;margin-bottom:18px;max-width:365px}
  .hero p{font-size:14px;line-height:1.42;margin-bottom:10px;max-width:340px}
  .hero-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:22px;max-width:360px}
  .hero-actions .btn{font-size:10px;line-height:1.16;min-height:50px;padding-inline:10px;text-align:center}
}