/* Maior legibilidade da WS2; carregado após os estilos da apresentação. */
html{font-size:112.5%}
body{font-size:1rem;line-height:1.7}
.button,.text-link,.site-header nav>a:not(.button),.footer-links,.demo-open-link{font-size:1rem}
.eyebrow,.hero-footnote,.showcase-note,.showcase-caption,.showcase-caption strong,.caption-number,.carousel-controls .carousel-pause,.hero-strip .strip-inner,.section-note,.project-type,.project-index,.view-project,.project-meta p,.project-meta .project-service,.project-preview-note,.plan-top,.plan-service-note,.plan-card .monthly-price>span,.offer-fineprint,.price-label,.tech-title,.tech-group-title,.tech-list small,.tech-note,.tech-note span,.visual-kicker,.visual-tag,.orbit-word,.story-caption,.story-media-label,.studio-mosaic>span,.footer-top>p,.footer-bottom,.footer-bottom>span:nth-child(2),.privacy-button,.motion-toggle,.quote-service-note,.field-hint,.field-error,.quote-privacy,.form-status,.quote-success .success-detail{font-size:.9rem}
.hero-description{font-size:1.125rem;line-height:1.7;max-width:39ch}
.section-heading>p,.offer-copy>p:not(.eyebrow),.offer-features p,.plan-description,.plan-card li,.studio-copy>p,.studio-values p,.studio-service,.process-grid p,.experience-card>p,.experience-end>p,.story-copy>p:not(.eyebrow),.faq-intro,.faq-items details p,.contact-section .contact-grid>div>p:not(.eyebrow),.project-dialog>p:not(.section-note),.info-dialog>p:not(.eyebrow),.thank-you-detail{font-size:1rem;line-height:1.75}
.plan-card .button,.contact-action .button,.hero-actions .text-link,.story-copy .button,.project-dialog .button,.project-view-tabs button,.visual-contact-button,.faq-items summary,.quote-field label,.quote-fallback,.quote-submit,.contact-email,.whatsapp-float{font-size:1rem}
.quote-field input,.quote-field textarea{font-size:1rem;line-height:1.6}
.contact-section .contact-grid>.quote-card>p.quote-card-intro{font-size:1rem;line-height:1.75}
.quote-intro .quote-service-note{font-size:.9rem!important;line-height:1.75}
.studio-values h3{font-size:1.125rem;line-height:1.4}
.experience-card h3,.process-grid h3,.project-card .project-meta h3{font-size:1.35rem;line-height:1.35}
.testimonial-grid figcaption strong{font-size:1rem}.testimonial-grid figcaption div>span{font-size:.9rem}
.story-copy>p:not(.eyebrow){max-width:40ch}
.hero-actions,.project-dialog-actions,.section-end,.footer-controls{flex-wrap:wrap}
.site-header nav>a:not(.button){min-height:44px;display:inline-flex;align-items:center}
.project-view-tabs button{min-height:44px}
.visual-contact-button{min-height:54px;white-space:normal}
.plan-description,.plan-card h3{min-height:0}
.project-meta>div,.experience-grid>*,.studio-title,.studio-copy,.quote-card,.tech-list li{min-width:0}
.browser-bar{font-size:11px}
.studio-mosaic{height:310px}
.studio-mosaic>.demo-viewport:first-child{height:280px;top:38px}
.studio-mosaic>.demo-viewport:nth-child(2){height:242px;width:113px;top:22px}
@media(min-width:1051px){.story-pinned{height:auto;min-height:100svh}.story-layout{height:auto;min-height:100svh}.story-media{height:670px;max-height:670px}}
@media(max-width:1050px){.tech-list li{font-size:1.4rem}.contact-action .button,.plan-card .button{white-space:normal}.studio-copy>.lead{font-size:1.4rem}}
@media(max-width:720px){
  .hero-copy .eyebrow,.hero-footnote,.showcase-note,.showcase-caption,.showcase-caption strong,.caption-number,.carousel-controls .carousel-pause,.project-type,.view-project,.section-note,.project-meta p,.project-meta .project-service,.quote-privacy,.field-hint,.field-error,.footer-top>p,.footer-links,.footer-bottom,.footer-bottom>span:nth-child(2),.motion-toggle,.privacy-button,.story-media-label{font-size:.9rem}
  .section-heading>p,.experience-card>p,.story-copy>p:not(.eyebrow),.studio-values p,.process-grid p,.faq-items details p,.quote-card-intro,.project-dialog>p:not(.section-note){font-size:1rem}
  .hero-description{font-size:1.0625rem;max-width:100%}
  .hero-actions .button,.hero-actions .text-link,.story-copy .button,.project-dialog .button{font-size:1rem;white-space:normal}
  .hero-actions{gap:18px}.hero-actions .button{flex-shrink:1}
  .hero-showcase{height:480px}.showcase-caption{bottom:111px;left:0;right:0}
  .hero-slide .phone-frame{bottom:165px}
  .carousel-controls{display:grid;grid-template-columns:44px 44px minmax(0,1fr);gap:8px;left:0;right:0}
  .carousel-dots{grid-column:3;grid-row:1;justify-content:flex-end}
  .carousel-controls .carousel-pause{grid-column:1/-1;grid-row:2;justify-self:end;margin-left:0;padding:3px 0;min-height:36px;max-width:none;text-align:right}
  .carousel-progress{left:0;right:0;bottom:95px}
  .tech-list small,.tech-note,.tech-note span,.visual-kicker,.visual-tag,.orbit-word{font-size:.9rem}
  .tech-list li{font-size:1.45rem}.tech-list a{white-space:normal}
  .studio-mosaic{height:285px}.studio-mosaic>.demo-viewport:first-child{height:255px;left:20px;top:35px}.studio-mosaic>.demo-viewport:nth-child(2){right:12px;width:105px;height:225px}
  .studio-copy>.lead{font-size:1.5rem;line-height:1.4}
  .process-grid{grid-template-columns:1fr}.process-grid h3{font-size:1.35rem}
  .project-card .project-meta h3{font-size:1.3rem}.project-meta{gap:12px}
  .project-dialog .dialog-toolbar h2{font-size:1.65rem;line-height:1.25}.dialog-toolbar .eyebrow{font-size:.9rem}
  .contact-section .contact-grid>.quote-card>p.quote-card-intro{font-size:1rem}
  .footer-bottom{grid-template-columns:1fr}.footer-controls{justify-content:flex-start;gap:18px}
}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero-showcase{height:440px}.hero-actions{align-items:flex-start}.showcase-note{font-size:.9rem;max-width:160px}.quote-card{padding:22px}.project-type{max-width:calc(100% - 28px);white-space:normal}.plan-card{padding:23px}}