@media(max-width:1000px){
  .hero-grid{grid-template-columns:1.08fr .92fr;gap:2rem}.hero-copy h1{font-size:clamp(3.25rem,5.4vw,4.5rem)}.hero-system{width:min(100%,27rem)}
  .product-feature{grid-template-columns:1fr}.product-preview{max-width:45rem;margin-inline:auto;width:100%}
  .engineering-grid{grid-template-columns:1fr;gap:4rem}.engineering-section .section-heading{max-width:55rem}
}
@media(max-width:800px){
  .container{width:min(calc(100% - 2rem),var(--container-width))}.section{padding-block:4.8rem}.split{grid-template-columns:1fr;gap:2.5rem}
  .nav-toggle{display:block}.primary-nav{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);display:none;flex-direction:column;align-items:stretch;gap:0;padding:.5rem;background:white;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1rem 3rem rgba(17,28,52,.12)}.primary-nav.is-open{display:flex}.primary-nav a{padding:1rem}
  .primary-nav .nav-cta{margin:.35rem 0 0;text-align:center}
  .home-hero{padding-top:3rem}.hero-grid{min-height:auto;grid-template-columns:1fr;padding-top:1rem}.hero-copy{padding-bottom:0}.hero-copy h1{max-width:12ch;font-size:clamp(3.15rem,11vw,4.6rem)}.hero-system{width:min(100%,29rem);margin-top:1rem}.hero-footnote{display:none}
  .home-purpose{padding-top:5.5rem}.home-purpose .section-heading{margin-bottom:3rem}.process-steps{grid-template-columns:1fr}.process-step{padding:1.7rem 0}.process-step:not(:last-child){border-right:0;border-bottom:1px solid var(--color-border);margin-right:0}.step-number{margin-bottom:1rem}
  .intelligent-grid{grid-template-columns:1fr;gap:3rem}.product-feature{padding:1.5rem}.product-preview{padding-left:0}.preview-badge{right:-.4rem}
  .control-flow{grid-template-columns:1fr;gap:.75rem}.control-flow>div{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.control-flow>i{display:none}
  .about-home-grid{grid-template-columns:1fr;gap:1rem}.about-home-grid>div:last-child{padding-top:0}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.placeholder-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .header-inner{min-height:4.5rem}.hero-copy h1{font-size:clamp(2.85rem,13vw,3.75rem)}.hero-system{transform:scale(.94);margin-block:-.5rem}.system-input{width:5.8rem;font-size:.5rem}.system-output{width:6.6rem;padding:.4rem .5rem}.system-output span{font-size:.48rem}.system-core{width:7.8rem;height:7.8rem}.system-core-mark{font-size:2.45rem}
  .feature-list{grid-template-columns:1fr}.preview-window{min-height:20rem}.preview-body{min-height:17.2rem;grid-template-columns:3rem 1fr}.preview-sidebar{padding:1.2rem .8rem}.preview-content{padding:1.2rem}.preview-stats{grid-template-columns:1fr}.preview-stats i:nth-child(n+2){display:none}
  .control-intro h2{font-size:clamp(3rem,14vw,4.2rem)}.footer-grid{grid-template-columns:1fr}.button-row{align-items:stretch;flex-direction:column}.button{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}

@media(max-width:1000px){
  .product-preview--real{min-height:29rem;max-width:48rem}
  .engineering-section h2{max-width:18ch}
}
@media(max-width:800px){
  .intelligent-section,.products-section,.engineering-section,.about-home{padding-block:4.8rem}
  .product-preview--real{min-height:auto;padding:1rem 0 5.5rem}
  .product-shot--primary{width:96%;margin-inline:auto;transform:none}
  .product-shot--secondary{left:0;bottom:.5rem;width:48%}
  .product-real-label{right:0;bottom:1rem}
  .engineering-section h2{max-width:18ch}
  .about-home-copy{padding-top:0}
}
@media(max-width:520px){
  .site-header.is-scrolled .header-inner{min-height:4rem}
  .product-preview--real{padding-bottom:4.4rem}
  .product-shot--secondary{width:55%}
  .product-real-label{min-width:auto;padding:.65rem .75rem}
  .product-real-label small{display:none}
  .engineering-section h2{font-size:clamp(2.45rem,11vw,3.2rem)}
}

/* Home mobile final polish — keeps desktop rules untouched */
@media (max-width: 800px){
  html{scroll-padding-top:5.25rem}
  #produtos,#sobre,.home-purpose,.intelligent-section,.products-section,.control-section,.engineering-section,.about-home,.home-cta{scroll-margin-top:5.25rem}

  .header-inner{min-height:5.15rem}
  .brand-logo{height:3.55rem}
  .site-header.is-scrolled .header-inner{min-height:4.5rem}
  .site-header.is-scrolled .brand-logo{height:3.15rem}
  .nav-toggle{padding:.4rem}
  .nav-toggle span:not(.sr-only){width:1.7rem}

  .section{padding-block:4.25rem}
  .home-hero{padding-top:2.2rem;padding-bottom:2.7rem}
  .hero-grid{padding-top:.4rem;gap:2.25rem}
  .hero-copy h1{margin:1.45rem 0 1.2rem;line-height:1.01}
  .hero-copy>p{font-size:1rem;line-height:1.65;margin-bottom:1.35rem}
  .hero-copy .button-row{margin-top:1.35rem}
  .hero-brand-system{margin-top:.25rem;margin-bottom:-.5rem}

  .home-purpose{padding-top:4.4rem}
  .home-purpose .section-heading{margin-bottom:2.25rem}
  .section-heading p,.process-step p,.principles-list p,.product-copy p,.engineering-section p,.engineering-points p,.about-home p{font-size:1rem;line-height:1.65}
  .process-step{padding:1.4rem 0}
  .step-number{margin-bottom:.7rem}
  .process-step h3{margin-bottom:.55rem}

  .intelligent-section,.products-section,.engineering-section,.about-home{padding-block:4.25rem}
  .intelligent-grid{gap:2.3rem}
  .intelligent-section .section-heading h2{font-size:clamp(2.35rem,9vw,3.05rem);line-height:1.08}
  .principles-list article{padding:1.3rem 0}

  .products-section .section-heading{margin-bottom:2.4rem}
  .section-heading--product h2{font-size:clamp(2.45rem,9.5vw,3.25rem);line-height:1.06}
  .product-feature{padding:1.8rem 1.5rem;gap:2.25rem}
  .product-copy h3{font-size:clamp(2.45rem,10vw,3.2rem)}
  .feature-list{margin:1.35rem 0;gap:.65rem}
  .product-preview--real{padding:0 0 3.8rem}
  .product-real-label{display:none}

  .control-section{padding-block:4.5rem}
  .control-intro h2{margin-bottom:1.45rem;font-size:clamp(3rem,12vw,4.35rem);line-height:1.02}
  .control-intro p{font-size:1rem;line-height:1.65}
  .control-flow{margin-top:2.5rem;padding-top:.7rem;gap:0}
  .control-flow>div{padding:1.05rem 0;gap:.2rem}
  .control-flow strong{font-size:1.05rem}
  .control-section::after{font-size:24rem;top:-.08em;right:-.2em}

  .engineering-grid{gap:2.6rem}
  .engineering-section h2{max-width:16ch;font-size:clamp(2.35rem,9.5vw,3.05rem);line-height:1.08}
  .engineering-points article{padding:1.3rem 0}

  .about-home .split{gap:0}
  .about-brand-visual{display:none}
  .about-home h2{font-size:clamp(2.45rem,9.5vw,3.15rem);line-height:1.07}
  .about-home::after{font-size:8.5rem;bottom:-.12em;opacity:.65}

  .home-cta{padding-block:4.5rem}
  .home-cta h2{font-size:clamp(2.6rem,10vw,3.45rem);line-height:1.06}
  .home-cta .button-row{margin-top:1.65rem}

  .site-footer{padding-top:3.5rem}
  .footer-grid{gap:2.25rem 2rem;padding-bottom:2.8rem}
  .footer-brand p{margin-top:1rem}
}

@media (max-width: 520px){
  html{scroll-padding-top:4.75rem}
  .container{width:min(calc(100% - 2.25rem),var(--container-width))}
  .header-inner{min-height:4.85rem}
  .brand-logo{height:3.35rem}
  .site-header.is-scrolled .header-inner{min-height:4.25rem}
  .site-header.is-scrolled .brand-logo{height:2.95rem}

  .home-hero{padding-top:.4rem;padding-bottom:2.3rem}
  .hero-copy h1{font-size:clamp(2.75rem,12.5vw,3.45rem)}
  .hero-brand-system{width:min(100%,24.5rem);margin-top:.15rem}
  .hero-brand-input,.hero-brand-output{font-size:.56rem}

  .section,.intelligent-section,.products-section,.engineering-section,.about-home{padding-block:3.8rem}
  .home-purpose{padding-top:3.9rem}
  .eyebrow{font-size:.7rem;margin-bottom:1.05rem}

  .product-feature{padding:1.55rem 1.25rem}
  .product-shot--primary{width:100%}
  .product-shot--secondary{width:52%;bottom:.25rem}
  .product-preview--real{padding-bottom:3.25rem}

  .control-section{padding-block:4rem}
  .control-flow{margin-top:2.15rem}

  .home-cta{padding-block:4rem 4.25rem}
  .home-cta p{font-size:1rem;line-height:1.6}

  .footer-grid{grid-template-columns:1fr 1fr;gap:2.25rem 1.5rem}
  .footer-brand{grid-column:1/-1}
  .footer-column:nth-child(4){grid-column:2}
  .footer-bottom{padding-block:1.15rem}
}

@media (max-width: 360px){
  .footer-grid{grid-template-columns:1fr}
  .footer-brand,.footer-column:nth-child(4){grid-column:auto}
}

/* Final mobile rhythm polish — 2026-09 */
@media (max-width: 800px){
  /* Internal-page hero: remove the oversized empty tail on mobile. */
  .page-intro{padding-block:4.15rem 4.35rem}
  .page-intro h1{margin-bottom:1.2rem;font-size:clamp(2.8rem,10.5vw,3.7rem);line-height:1.04}
  .page-intro p{font-size:1rem;line-height:1.65;margin-bottom:0}

  /* Dark concept section: preserve impact while tightening vertical rhythm. */
  .control-section{padding-block:4.15rem 3.85rem}
  .control-flow{margin-top:2.15rem}

  /* CTA and footer: slightly denser transition on phones/tablets. */
  .home-cta{padding-block:4.15rem}
  .site-footer{padding-top:3.15rem}
  .footer-grid{gap:2rem 2rem;padding-bottom:2.45rem}
  .footer-brand p{margin-top:.85rem}
}

@media (max-width: 520px){
  .page-intro{padding-block:3.65rem 3.85rem}
  .page-intro h1{font-size:clamp(2.65rem,11.5vw,3.35rem)}

  .control-section{padding-block:3.75rem 3.45rem}
  .control-flow{margin-top:1.9rem}

  .home-cta{padding-block:3.75rem 3.9rem}
  .site-footer{padding-top:3rem}
  .footer-grid{gap:2rem 1.5rem;padding-bottom:2.35rem}
}