@media(max-width:850px){
  html{scroll-padding-top:88px}
  .header{padding-inline:20px}
  .mobile-toggle{min-height:44px;padding:8px}
  .header nav{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:16px 24px;gap:8px}
  .header nav>a,.header summary{min-height:44px;display:flex;align-items:center}
  .header .institutional-dropdown{margin-top:4px}
  .institutional-title{flex-wrap:wrap}
}
@media(max-width:600px){
  .wrap{width:calc(100% - 40px)}
  .section{padding-top:64px}
  html #infraestrutura,html #diferenciais{padding:64px 20px}
  html #diferenciais{margin-top:64px}
  h2,.about-copy h2,.security h2{font-size:30px;line-height:1.16;letter-spacing:-.8px;text-wrap:balance}
  .section-heading{margin-bottom:28px}
  .section-heading>p{font-size:15px;line-height:1.65}
  .hero{width:100%;padding-top:38px}
  .hero-copy{width:calc(100% - 40px)}
  .hero .hero-copy h1{font-size:clamp(29px,8.2vw,38px);letter-spacing:-1px;margin:20px auto!important}
  .hero-copy .hero-bottom p{font-size:15px;line-height:1.6}
  .hero-copy .hero-bottom>a{font-size:11px;padding:13px 6px;min-height:46px;display:flex;align-items:center}
  .rise-sphere{height:235px}.rise-sphere canvas{height:370px;touch-action:pan-y}
  .hero .metrics{width:calc(100% - 40px);gap:24px 14px;padding-block:28px}
  .metric strong{font-size:27px}.metric strong span{font-size:18px}.metric p{font-size:11px;line-height:1.5}
  .comparison>div{padding:24px 18px}.comparison .eyebrow{font-size:10px}
  #infraestrutura .fragmented{height:205px;gap:20px 16px}
  #infraestrutura .comparison-network{height:240px}
  .comparison-network .network-label{font-size:8px;padding:8px 7px}
  .comparison h3{font-size:24px}.comparison p{font-size:15px;text-transform:none}
  .operation-flow{padding:20px 16px}.flow-top{gap:8px;flex-wrap:wrap}.flow-top .eyebrow{font-size:10px}.quiet-button{min-height:44px;font-size:10px}
  .steps-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#2fae8e55 transparent;margin-inline:-4px}
  .steps{min-width:510px;margin:24px 4px 22px;gap:6px}.step{min-height:88px}.step-icon{width:44px;height:44px}.step b{font-size:10px;margin-top:12px}
  .flow-detail{padding:20px;min-height:0}.flow-detail h3{font-size:23px}.flow-detail p{font-size:15px;line-height:1.65}
  .bento{grid-template-columns:1fr;gap:18px}.bento>*{grid-column:auto}
  .card-copy,.mandate .card-copy{padding:24px}.card-copy h3{font-size:24px}.card-copy p{font-size:15px;line-height:1.65}
  .shared-record-demo{padding:24px 16px;min-height:270px}.record-audiences{gap:5px;flex-wrap:nowrap}.record-audiences button{min-height:44px;font-size:8px;padding:8px 6px}
  .validation-visual{height:245px;padding:28px 24px}.validation-visual>span{min-height:44px;display:flex;align-items:center;font-size:10px}
  .mandate-visual{min-height:280px}.connection-card{padding:26px}.connection-card h3{font-size:27px;margin-top:0}
  .solutions{grid-template-columns:1fr}.persona-tabs{gap:16px;padding:0 18px;scrollbar-width:thin;scrollbar-color:#2fae8e55 transparent;overscroll-behavior-x:contain}
  .persona-tabs button{font-size:12px;min-height:58px;flex:0 0 auto;width:auto}
  #solucoes .persona-content{padding:26px 22px 65px}.persona-content h3{font-size:27px;line-height:1.18;margin-top:20px}.persona-content>p{font-size:15px;line-height:1.65;text-transform:none}
  .persona-tags{gap:7px}.persona-tags span{font-size:10px}
  #seguranca .security{padding-block:0;grid-template-columns:1fr;row-gap:24px}.security-items p,.security>div>p{font-size:15px;text-transform:none}.security-items h3{font-size:21px}
  .about{grid-template-columns:1fr;gap:28px}.asset-placeholder{min-height:225px}.about-copy p{font-size:15px;line-height:1.65;text-transform:none}
  .contact-section{grid-template-columns:1fr;gap:30px;margin-top:64px;padding-top:54px;padding-bottom:60px}.contact-copy h2{font-size:36px}.contact-copy>p{font-size:15px;text-transform:none}.email{font-size:12px;overflow-wrap:anywhere}
  #contact-form{padding:24px 18px}.form-row{grid-template-columns:1fr;gap:0}#contact-form input,#contact-form textarea{font-size:16px;min-height:48px;margin-top:8px}#contact-form .button{width:100%;min-height:48px;font-size:12px}.form-note{font-size:11px;text-transform:none;line-height:1.6}
  .footer{padding-bottom:85px}.footer-top{flex-wrap:wrap}.footer-bottom{font-size:10px;line-height:1.6}
  .theme-toggle{right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:44px;font-size:10px}
}
/* Equal breathing room above and below the home contact section. */
html #contato{padding-block:110px}
@media(max-width:850px){html #contato{padding-block:54px}}

/* Balance the home institutional section before the contact background. */
html #sobre{padding-block:112px}
@media(max-width:850px){html #sobre{padding-block:64px}}