/* Compact typography for the agency page; device mockups retain their scale. */
.hero h1{font-size:clamp(2.7rem,4.8vw,4.85rem);line-height:1.08}
.section-heading h2,.brand-grid h2,.offer-copy h2{font-size:clamp(2rem,3.7vw,3.65rem);line-height:1.12}
.final-cta h2{font-size:clamp(2.5rem,4.8vw,4.65rem);line-height:1.1}
.build-heading h2{font-size:clamp(1.5rem,2.9vw,2.45rem);line-height:1.15}
.service-card h3,.process-grid h3{font-size:1.35rem;line-height:1.18;max-width:none}
.story-grid h3,.project-meta h3,.offer-exchange h3{font-size:1.15rem;line-height:1.2}
.decision-note h3{font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1.2}
.hero .hero-description{font-size:1rem;line-height:1.65;max-width:510px}
.large-copy{font-size:1.18rem;line-height:1.6}
.brand-grid p:not(.eyebrow){font-size:.95rem;line-height:1.65}
.service-card p,.process-grid p{font-size:.9rem;line-height:1.6;max-width:none}
.section-heading.horizontal>p{max-width:390px}
.price-card .offer-saving,.price-card .offer-included,.price-card .offer-services,.decision-note p{font-size:.94rem;line-height:1.6}
.offer-services li>span,.offer-afterword p{font-size:.88rem;line-height:1.6}
@media(max-width:760px){
.hero h1{font-size:clamp(2.35rem,8vw,3.85rem)}
.section-heading h2,.brand-grid h2,.offer-copy h2{font-size:clamp(1.9rem,6.4vw,2.9rem)}
.final-cta h2{font-size:clamp(2rem,7vw,2.5rem)}
.build-heading h2{font-size:1.45rem;max-width:360px}
.hero .hero-description{font-size:.95rem;max-width:510px}
.large-copy{font-size:1.05rem}
.service-card h3,.process-grid h3{font-size:1.22rem}
.service-card p{font-size:.86rem}
}

@media(max-width:760px){
 .services .service-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .services .service-grid .service-card{grid-column:1;min-height:0;padding:26px}
 .services .service-card .service-icon{margin-bottom:20px}
 .services .service-card h3,.services .service-card p{max-width:none}
 .services .service-card .card-tag{margin-top:22px}
}