/* CloudIwan.fr V4 - text readability.
 * Body copy, links, controls and helper text are 2 CSS px larger.
 * Existing heading sizes, branding, colours and illustrations are unchanged.
 * Keep this file AFTER styles.css and airy.css.
 * Original responsive breakpoints and unitless line-heights are retained.
 */

/* Text scale derived from styles.css */
body { font-size: 18px; }
.btn { font-size: 16px; }
.text-link { font-size: 16px; }
.announcement { font-size: 13px; }
.main-nav a { font-size: 15px; }
.support-link { font-size: 15px; }
.header-actions .btn { font-size: 14px; }
.hero-lead { font-size: 18px; }
.hero-buttons .btn { font-size: 15px; }
.hero-reassurance span { font-size: 13px; }
.hero-note { font-size: 12px; }
.browser-bar { font-size: 11px; }
.demo-pill { font-size: 10px; }
.app-nav-button { font-size: 10px; }
.app-top p { font-size: 11px; }
.app-account { font-size: 11px; }
.kpi-label { font-size: 10px; }
.kpi-change { font-size: 10px; }
.period-select { font-size: 11px; }
.chart-y { font-size: 9px; }
.bar span { font-size: 10px; }
.chart-x { font-size: 9px; }
.mini-table { font-size: 10px; }
.status { font-size: 9px; }
.floating-note strong { font-size: 13px; }
.floating-note small { font-size: 11px; }
.demo-caption { font-size: 11px; }
.proof-intro { font-size: 15px; }
.proof-item span { font-size: 13px; }
.section-intro>p { font-size: 16px; }
.filter-btn { font-size: 13px; }
.solution-card>p { font-size: 14px; }
.tags span { font-size: 11px; }
.card-link { font-size: 13px; }
.erp-node { font-size: 11px; }
.custom-band p { font-size: 13px; }
.custom-band .text-link { font-size: 14px; }
.values .section-intro>p { font-size: 15px; }
.value-card>span { font-size: 12px; }
.value-card p { font-size: 14px; }
.value-card .text-link { font-size: 13px; }
.step-number span { font-size: 13px; }
.step p { font-size: 14px; }
.resource-card p { font-size: 13px; }
.faq-intro p { font-size: 15px; }
.faq-intro .text-link { font-size: 14px; }
.faq-item summary { font-size: 15px; }
.faq-item p { font-size: 14px; }
.contact-copy>p { font-size: 15px; }
.contact-channel { font-size: 16px; }
.contact-address { font-size: 13px; }
.form-intro { font-size: 12px; }
.field label { font-size: 13px; }
.field input, .field select, .field textarea { font-size: 14px; }
.contact-form>.btn { font-size: 14px; }
.form-disclaimer { font-size: 11px; }
.noscript-note { font-size: 14px; }
.footer-brand p { font-size: 14px; }
.footer-col a, .footer-col button { font-size: 13px; }
.footer-bottom { font-size: 11px; }
.footer-bottom button { font-size: 11px; }
.dialog-description { font-size: 16px; }
.detail-list li { font-size: 14px; }
.dialog-note { font-size: 13px; }
.dialog-actions .btn { font-size: 14px; }
.dialog-copy p, .dialog-copy li { font-size: 14px; }
.email-preview { font-size: 14px; }
.copy-status { font-size: 13px; }
@media (max-width:1150px) {
  .main-nav a { font-size: 14px; }
  .hero-lead { font-size: 16px; }
  .hero-buttons .btn { font-size: 13px; }
  .hero-reassurance span { font-size: 12px; }
  .kpi-label { font-size: 9px; }
}
@media (max-width:900px) {
  .main-nav a { font-size: 13px; }
  .header-actions .btn { font-size: 13px; }
  .hero-lead { font-size: 15px; }
  .hero-buttons .btn { font-size: 12px; }
  .hero-reassurance span { font-size: 11px; }
  .hero-note { font-size: 11px; }
  .app-nav-button { font-size: 9px; }
  .app-top p { font-size: 10px; }
  .kpi-label, .kpi-change { font-size: 8px; }
  .floating-note strong { font-size: 11px; }
  .floating-note small { font-size: 10px; }
  .demo-caption { font-size: 10px; }
  .proof-intro { font-size: 13px; }
  .proof-item span { font-size: 12px; }
  .section-intro>p { font-size: 14px; }
  .solution-card>p { font-size: 13px; }
  .custom-band p { font-size: 12px; }
  .custom-band .text-link { font-size: 12px; }
  .values .section-intro>p { font-size: 13px; }
  .value-card p { font-size: 13px; }
  .step p { font-size: 13px; }
  .resource-card p { font-size: 12px; }
  .faq-item summary { font-size: 14px; }
  .faq-item p { font-size: 13px; }
  .contact-copy>p { font-size: 14px; }
  .field input, .field select, .field textarea { font-size: 13px; }
}
@media (max-width:740px) {
  .announcement, .announcement a { font-size: 11px; }
  .main-nav a { font-size: 17px; }
  .hero-lead { font-size: 17px; }
  .hero-buttons .btn { font-size: 14px; }
  .hero-reassurance span { font-size: 12px; }
  .hero-note { font-size: 11px; }
  .app-nav-button { font-size: 9px; }
  .app-top p { font-size: 10px; }
  .kpi-label { font-size: 9px; }
  .kpi-change { font-size: 9px; }
  .chart-x { font-size: 9px; }
  .mini-table { font-size: 10px; }
  .floating-note strong { font-size: 12px; }
  .floating-note small { font-size: 10px; }
  .demo-caption { font-size: 10px; }
  .proof-intro { font-size: 14px; }
  .proof-item span { font-size: 12px; }
  .section-intro>p { font-size: 15px; }
  .filter-btn { font-size: 12px; }
  .solution-card>p { font-size: 14px; }
  .card-bottom .card-link { font-size: 13px; }
  .custom-band p { font-size: 13px; }
  .custom-band .text-link { font-size: 13px; }
  .values .section-intro>p { font-size: 15px; }
  .value-card>span { font-size: 11px; }
  .value-card p { font-size: 14px; }
  .step p { font-size: 14px; }
  .resource-card p { font-size: 13px; }
  .faq-intro p { font-size: 15px; }
  .faq-item summary { font-size: 15px; }
  .faq-item p { font-size: 14px; }
  .contact-copy>p { font-size: 15px; }
  .contact-channel { font-size: 16px; }
  .contact-address { font-size: 13px; }
  .form-intro { font-size: 13px; }
  .field label { font-size: 13px; }
  .field input, .field select, .field textarea { font-size: 18px; }
  .form-disclaimer { font-size: 12px; }
  .contact-form>.btn { font-size: 15px; }
  .footer-brand p { font-size: 14px; }
  .footer-col a, .footer-col button { font-size: 14px; }
  .footer-bottom { font-size: 11px; }
  .dialog-description { font-size: 15px; }
  .dialog-actions .btn { font-size: 13px; }
  .detail-list li { font-size: 13px; }
}
@media (max-width:420px) {
  .hero-buttons .btn { font-size: 13px; }
  .hero-reassurance span { font-size: 11px; }
  .hero-lead { font-size: 16px; }
  .app-nav-button { font-size: 8px; }
  .kpi-label, .kpi-change { font-size: 8px; }
  .period-select { font-size: 10px; }
  .mini-table { font-size: 9px; }
  .status { font-size: 8px; }
  .floating-note strong { font-size: 11px; }
  .floating-note small { font-size: 9px; }
  .demo-caption { font-size: 9px; }
  .browser-title { font-size: 10px; }
  .demo-pill { font-size: 9px; }
  .solution-card.featured>p { font-size: 13px; }
  .solution-card>p { font-size: 15px; }
  .form-intro { font-size: 12px; }
  .filter-btn { font-size: 11px; }
  .step p { font-size: 13px; }
  .announcement a, .announcement p { font-size: 10px; }
}
@media (max-width:350px) {
  .hero-buttons .btn { font-size: 12px; }
  .hero-reassurance span { font-size: 10px; }
  .kpi-label, .kpi-change { font-size: 7.5px; }
  .app-top p { font-size: 9px; }
}

/* Text scale derived from airy.css */
.btn { font-size: 15px; }
.main-nav a { font-size: 15px; }
.hero-lead { font-size: 20px; }
.hero-buttons .btn { font-size: 16px; }
.hero-reassurance p { font-size: 14px; }
.hero-note { font-size: 13px; }
.subtle-link { font-size: 13px; }
.promise-strip p { font-size: 14px; }
.section-intro>p { font-size: 16px; }
.filter-btn { font-size: 13px; }
.solution-card>p { font-size: 15px; }
.solution-card .card-link { font-size: 14px; }
.solution-card .seo-product-link { font-size: 13px; }
.custom-band p { font-size: 14px; }
.seo-panel p { font-size: 16px; }
.seo-pills span { font-size: 13px; }
.search-input { font-size: 14px; }
.search-result .result-brand p { font-size: 14px; }
.result-brand small { font-size: 12px; }
.search-result>p { font-size: 14px; }
.search-result .seo-pills span { font-size: 12px; }
.search-note { font-size: 13px; }
.art-caption { font-size: 12px; }
.value-card p { font-size: 15px; }
.value-card .text-link { font-size: 13px; }
.step p { font-size: 15px; }
.faq-intro p { font-size: 16px; }
.faq-item summary { font-size: 15px; }
.faq-item p { font-size: 15px; }
.contact-copy>p { font-size: 17px; }
.field label { font-size: 14px; }
.footer-brand p { font-size: 15px; }
.footer-col a, .footer-col button { font-size: 14px; }
.footer-bottom { font-size: 12px; }
.footer-bottom>button { font-size: 12px; }
.equal-actions .btn { font-size: 16px; }
.consent-banner p { font-size: 14px; }
.breadcrumb { font-size: 14px; }
.inner-lead { font-size: 19px; }
.product-features li { font-size: 18px; }
.scope-note { font-size: 16px; }
.source-line { font-size: 14px; }
.web-features article>span { font-size: 15px; }
.web-features p { font-size: 16px; }
.legal-copy p { font-size: 17px; }
.preview-badge { font-size: 13px; }
@media (max-width:1150px) {
  .main-nav a { font-size: 13px; }
  .hero-lead { font-size: 18px; }
  .hero-buttons .btn { font-size: 14px; }
}
@media (max-width:900px) {
  .hero-lead { font-size: 17px; }
  .hero-reassurance p { font-size: 13px; }
  .promise-strip p { font-size: 12px; }
  .seo-panel .btn { font-size: 13px; }
  .search-input { font-size: 12px; }
  .search-result>p { font-size: 13px; }
  .search-note { font-size: 12px; }
  .value-card p { font-size: 16px; }
  .value-card .text-link { font-size: 14px; }
  .contact-copy>p { font-size: 15px; }
  .contact-channel { font-size: 17px; }
  .contact-address { font-size: 13px; }
  .inner-lead { font-size: 17px; }
}
@media (max-width:740px) {
  .announcement p, .announcement a { font-size: 11px; }
  .main-nav a { font-size: 17px; }
  .hero-lead { font-size: 18px; }
  .hero-buttons .btn { font-size: 15px; }
  .hero-reassurance p { font-size: 14px; }
  .promise-strip p { font-size: 14px; }
  .section-intro>p { font-size: 15px; }
  .filter-btn { font-size: 12px; }
  .solution-card>p { font-size: 14px; }
  .solution-card .card-link { font-size: 12px; }
  .solution-card .seo-product-link { font-size: 12px; }
  .custom-band p { font-size: 14px; }
  .seo-panel p { font-size: 16px; }
  .seo-panel .btn { font-size: 15px; }
  .search-input { font-size: 14px; }
  .search-result>p { font-size: 15px; }
  .search-note { font-size: 13px; }
  .values .section-intro p { font-size: 15px; }
  .value-card p { font-size: 15px; }
  .process .section-heading p { font-size: 15px; }
  .step p { font-size: 14px; }
  .faq-intro p { font-size: 15px; }
  .faq-item summary { font-size: 15px; }
  .faq-item p { font-size: 15px; }
  .contact-copy>p { font-size: 16px; }
  .contact-channel { font-size: 18px; }
  .contact-address { font-size: 14px; }
  .contact-form input, .contact-form textarea, .contact-form select { font-size: 18px; }
  .form-intro { font-size: 14px; }
  .form-disclaimer { font-size: 13px; }
  .field label { font-size: 14px; }
  .contact-form .btn { font-size: 15px; }
  .footer-brand p { font-size: 15px; }
  .footer-col a, .footer-col button { font-size: 14px; }
  .footer-bottom>button { font-size: 12px; }
  .dialog-description, .dialog-copy p { font-size: 16px; }
  .dialog-actions .btn { font-size: 14px; }
  .consent-banner .btn { font-size: 15px; }
  .equal-actions .btn { font-size: 15px; }
  .breadcrumb { font-size: 13px; }
  .inner-lead { font-size: 18px; }
  .product-features li { font-size: 17px; }
  .scope-note { font-size: 15px; }
  .legal-copy p { font-size: 16px; }
}
@media (max-width:420px) {
  .hero-lead { font-size: 17px; }
  .hero-buttons .btn { font-size: 14px; }
  .solution-card>p { font-size: 16px; }
  .solution-card .card-link { font-size: 14px; }
  .solution-card .seo-product-link { font-size: 13px; }
  .seo-panel .btn { font-size: 14px; }
  .search-input { font-size: 12px; }
  .search-result>p { font-size: 14px; }
  .search-note { font-size: 12px; }
  .step p { font-size: 14px; }
  .inner-hero .btn { font-size: 14px; }
  .announcement a { font-size: 10px; }
}