/* SOAQUA: lighter architectural typography, ES and EN. Logo remains unchanged. */
body h1,body h2,body h3,body h4{font-weight:500;line-height:1.22;letter-spacing:-.012em;text-wrap:pretty}
body .hero h1{font-weight:500;font-size:clamp(2.2rem,4.7vw,3.65rem);line-height:1.16;letter-spacing:-.022em}
body .hero h1 .accent,body .hero h1 em{font-weight:500}
body .section-head h2,body .diff-copy h2,body .contact h2{font-weight:500;font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:1.24;letter-spacing:-.018em}
body section h2{font-weight:500;line-height:1.24}
body .card h3,body .sol h3,body .cert-card h3,body .post h3,body .soaqua-focus-item h3,body .sector h3,body .mcard h3,body .form h3{font-weight:500;line-height:1.28}
body .stat .num{font-weight:500;font-size:2.35rem}
body .eyebrow{font-weight:500;letter-spacing:.18em}
body .btn,body .faq summary{font-weight:600}
@media(max-width:760px){body .hero h1{font-size:clamp(2.1rem,8.7vw,2.65rem);line-height:1.2;letter-spacing:-.018em}body .section-head h2,body .diff-copy h2,body .contact h2{font-size:clamp(1.75rem,7.2vw,2.1rem);line-height:1.27}body .soaqua-focus-item h3{font-size:1.25rem;line-height:1.3}}
/* Navigation: quieter typography, with readable size and unchanged contrast. */
body .nav-links a{font-family:'Inter',system-ui,sans-serif;font-weight:400;letter-spacing:.01em}
body .nav-links a:hover,body .nav-links a:focus-visible{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
