/* Responsive rules grouped by breakpoint, from wider screens to smaller screens.
   Component rules retain their order within each breakpoint. */

@media (max-width: 1199px) {
  /* Header tablet and mobile navigation */
  .ahfas-header__inner { padding-right: 24px; padding-left: 24px; gap: 24px; }
  .ahfas-menu { gap: 20px; }
  .ahfas-navigation { gap: 22px; }
  .ahfas-quote { padding-right: 25px; padding-left: 25px; }

  /* Footer responsive layout */
  .ahfas-footer__grid { gap: 30px; grid-template-columns: 1.4fr 1fr 1fr 1fr; }
  .ahfas-footer__socials { gap: 8px; }
  .ahfas-footer__socials a, .ahfas-footer__social-placeholder { width: 36px; height: 36px; font-size: 17px; }

  /* ==================== HOME: MAIN HERO RESPONSIVE START ==================== */
  /* Small desktops and tablets */
  .ahfas-hero { padding: 80px 24px; }
  .ahfas-hero__title { font-size: 46px; line-height: 1.12; letter-spacing: -1.3px; }

  /* ==================== HOME SECTION 2: COUNTERS RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 3: SYSTEM RESPONSIVE START ==================== */
  /* Smaller desktop spacing and typography */
  .ahfas-system__inner { gap: 48px; }
  .ahfas-system__content h2 { font-size: 30px; }
  .ahfas-system__badge { width: 110px; height: 110px; top: -80px; }

  /* ==================== HOME SECTION 3: SYSTEM RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 4: CHALLENGES RESPONSIVE START ==================== */
  /* Small desktops: keep card typography balanced */
  .ahfas-challenges__inner { max-width: var(--ahfas-container-width); }
  .ahfas-challenges__intro h2 { font-size: 38px; max-width: 700px; }
  .ahfas-challenges__card { padding: 12px; }
  .ahfas-challenges__card-inner { padding: 28px 15px 18px; }
  .ahfas-challenges__card h3 { font-size: 16px; }
  .ahfas-challenges__card p { font-size: 14px; }

  /* ==================== HOME SECTION 4: CHALLENGES RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 5: GROWTH RESPONSIVE START ==================== */
  /* Small desktops: adjust heading size and section spacing */
  .ahfas-growth { padding: 84px 24px; }
  .ahfas-growth__content { max-width: var(--ahfas-container-width); }
  .ahfas-growth__content h2 { font-size: 40px; max-width: 720px; }

  /* ==================== HOME SECTION 7: DIFFERENCE RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 8: PROCESS RESPONSIVE START ==================== */
  /* Small desktops: compact card spacing and heading */
  .ahfas-process__intro h2 { font-size: 34px; }
  .ahfas-process__grid { gap: 12px; }
  .ahfas-process__card { padding: 22px 14px; }
  .ahfas-process__card h3 { font-size: 15px; }

  /* ==================== HOME SECTION 8: PROCESS RESPONSIVE END ==================== */
  
  
  /* ==================== HOME SECTION 9: MODERN BRANDS RESPONSIVE START ==================== */
  /* Small desktops: compact feature typography */
  .ahfas-brands__card { padding: 22px 18px; }
  .ahfas-brands__card h3 { font-size: 17px; }
  .ahfas-brands__rating h3 { font-size: 50px; }
  .ahfas-brands__support h3 { font-size: 22px; }
  .ahfas-brands__support > a { font-size: 14px; }
}

@media (max-width: 991px) {
  .ahfas-header__inner { min-height: 82px; flex-wrap: wrap; gap: 0; }
  .ahfas-brand { flex-basis: auto; }
  .ahfas-brand img { max-width: 165px; max-height: 50px; }
  .ahfas-header.has-navigation-js .ahfas-menu-toggle { display: block; }
  .ahfas-navigation { width: 100%; flex-direction: column; align-items: stretch; gap: 20px; padding: 20px 0 8px; }
  .has-navigation-js .ahfas-navigation { display: none; }
  .has-navigation-js.is-menu-open .ahfas-navigation { display: flex; }
  .ahfas-menu { display: block; width: 100%; }
  .ahfas-menu > li { border-bottom: 1px solid #ffffff14; }
  .ahfas-menu a { padding: 12px 0; }
  .ahfas-menu > li > a::after { right: auto; width: 100%; }
  .ahfas-submenu-toggle { position: absolute; right: 0; top: 5px; width: 40px; height: 38px; }
  .ahfas-menu li:has(> .ahfas-submenu-toggle) { padding-right: 44px; }
  .ahfas-menu .sub-menu, .ahfas-menu .children { position: static; width: 100%; box-shadow: none; border: 0; border-radius: 0; }
  .has-navigation-js .ahfas-menu li:hover > ul, .has-navigation-js .ahfas-menu li:focus-within > ul { display: none; }
  .has-navigation-js .ahfas-menu li.is-open > ul { display: block; }
  .ahfas-quote { align-self: flex-start; min-width: 155px; }

  .ahfas-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; padding: 50px 0; }
  .ahfas-footer__description { max-width: 100%; }
  .ahfas-footer__contact { max-width: 340px; }

  .ahfas-hero { padding: 68px 24px 76px; }
  .ahfas-hero__title { font-size: 40px; }
  .ahfas-hero__description { max-width: 680px; font-size: 15px; }
  .ahfas-hero__actions { margin-top: 36px; gap: 16px; }

  /* ==================== HOME: MAIN HERO RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 2: COUNTERS RESPONSIVE START ==================== */
  /* Tablet: two counters per row */
  .ahfas-trust { padding: 36px 24px; }
  .ahfas-trust__panel { padding: 64px 32px; }
  .ahfas-trust__title { font-size: 20px; line-height: 1.5; }
  .ahfas-trust__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px; margin-top: 40px; }
  .ahfas-trust__stat dd { font-size: 58px; }

  /* Tablet: stack the image above the content */
  .ahfas-system { padding: 100px 24px 56px; }
  .ahfas-system__inner { grid-template-columns: minmax(0, 1fr); gap: 36px; max-width: var(--ahfas-container-width); }
  .ahfas-system__visual { max-width: 540px; width: 100%; margin: 0 auto; }
  .ahfas-system__image { aspect-ratio: 1.3; }
  .ahfas-system__badge { top: -65px; right: 12px; }

  /* Tablet: two-column card layout */
  .ahfas-challenges { padding: 48px 24px 36px; }
  .ahfas-challenges__intro { margin-bottom: 36px; }
  .ahfas-challenges__intro h2 { font-size: 34px; }
  .ahfas-challenges__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* Tablet: tighter content width and softer peripheral decoration */
  .ahfas-growth { padding: 68px 24px; }
  .ahfas-growth__content { max-width: var(--ahfas-container-width); }
  .ahfas-growth__content h2 { font-size: 35px; }
  .ahfas-growth__content p { font-size: 14px; }
  .ahfas-growth__rings { opacity: .55; }

  /* ==================== HOME SECTION 5: GROWTH RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 6: SERVICES RESPONSIVE START ==================== */
  /* Tablet: two columns with compact heading and card spacing */
  .ahfas-services { padding: 46px 24px; }
  .ahfas-services__intro h2 { font-size: 30px; }
  .ahfas-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ahfas-services__card { padding: 20px; }

  /* ==================== HOME SECTION 6: SERVICES RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 7: DIFFERENCE RESPONSIVE START ==================== */
  /* Tablet: keep the image visible without compromising copy readability */
  .ahfas-difference { padding: 58px 24px; }
  .ahfas-difference__content { width: 65%; }
  .ahfas-difference__content h2 { font-size: 27px; }
  .ahfas-difference__visual { width: 48%; opacity: .4; }

  /* Tablet: two process cards per row */
  .ahfas-process { padding: 52px 24px 46px; }
  .ahfas-process__intro { margin-bottom: 32px; }
  .ahfas-process__intro h2 { font-size: 30px; }
  .ahfas-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .ahfas-process__card { padding: 26px 22px; }
  .ahfas-process__action { margin-top: 30px; }

  /* Tablet: two columns and full-width support */
  .ahfas-brands { padding: 48px 24px; }
  .ahfas-brands__intro h2 { font-size: 30px; }
  .ahfas-brands__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ahfas-brands__communication, .ahfas-brands__strategy, .ahfas-brands__rating, .ahfas-brands__scale { grid-column: auto; grid-row: auto; }
  .ahfas-brands__support { grid-column: 1 / -1; grid-row: auto; padding: 32px; }
  .ahfas-brands__support p { max-width: 460px; }
  .ahfas-brands__phone-icon { margin-bottom: 18px; }
  .ahfas-brands__strategy { min-height: 300px; }

  /* ==================== HOME SECTION 9: MODERN BRANDS RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 10: TESTIMONIALS RESPONSIVE START ==================== */
  /* Tablet: two visible reviews */
  .ahfas-testimonials { padding: 56px 24px; }
  .ahfas-testimonials__intro h2 { font-size: 32px; }
  .ahfas-testimonials__track { grid-auto-columns: calc((100% - 20px) / 2); }
  .ahfas-testimonials__card { padding: 30px 24px; }

  /* ==================== HOME SECTION 10: TESTIMONIALS RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 11: FAQs RESPONSIVE START ==================== */
  /* Tablet heading, spacing, and question padding */
  .ahfas-faq { padding: 54px 24px; }
  .ahfas-faq__intro { margin-bottom: 34px; }
  .ahfas-faq__intro h2 { font-size: 34px; }
  .ahfas-faq__item summary { padding: 15px 24px; }
  .ahfas-faq__answer { padding: 24px; font-size: 14px; }

  /* ==================== HOME SECTION 11: FAQs RESPONSIVE END ==================== */
  
  /* ==================== HOME SECTION 12: GROWTH CTA RESPONSIVE START ==================== */
  /* Tablet: reduce panel padding and headline size */
  .ahfas-growth-cta { padding: 42px 24px 48px; }
  .ahfas-growth-cta__panel { padding: 46px 30px; }
  .ahfas-growth-cta__panel h2 { font-size: 36px; }
  .ahfas-growth-cta__copy p { font-size: 14px; }

  /* ==================== HOME SECTION 12: GROWTH CTA RESPONSIVE END ==================== */
  
  /* ==================== ABOUT US SECTION 1: BRAND TRUST HERO RESPONSIVE START ==================== */
  /* Tablet: allow natural headline wrapping */
  .ahfas-about-hero { padding: 60px 24px; border-radius: 0 0 65px 65px; }
  .ahfas-about-hero h1 { max-width: 760px; font-size: 42px; letter-spacing: -1px; }
  .ahfas-about-hero__break { display: none; }
  .ahfas-about-hero__description { max-width: 720px; }

  /* ==================== ABOUT US SECTION 1: BRAND TRUST HERO RESPONSIVE END ==================== */
  
  /* ==================== ABOUT US SECTION 2: BRAND STATISTICS RESPONSIVE START ==================== */
  .ahfas-about-stats { padding: 42px 24px; }
  .ahfas-about-stats__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
  .ahfas-about-stats__item dd { font-size: 54px; }

  /* ==================== ABOUT US SECTION 2: BRAND STATISTICS RESPONSIVE END ==================== */
  
  /* ==================== ABOUT US SECTION 3: DIGITAL TRUST RESPONSIVE START ==================== */
  .ahfas-about-trust { padding: 32px 24px; }
  .ahfas-about-trust__inner { gap: 30px; }
  .ahfas-about-trust h2 { font-size: 34px; }
  .ahfas-about-trust__visual { gap: 44px; padding: 24px 14px; }
  .ahfas-about-trust__badge { width: 90px; height: 90px; top: -44px; right: -14px; }
  .ahfas-about-trust__content { padding: 8px 0; }

  /* ==================== ABOUT US SECTION 3: DIGITAL TRUST RESPONSIVE END ==================== */
  
  /* ==================== ABOUT US SECTION 4: BUSINESS CREDIBILITY RESPONSIVE START ==================== */
  .ahfas-about-credibility__panel { padding: 48px 28px 64px; }
  .ahfas-about-credibility h2 { font-size: 34px; }
  .ahfas-about-credibility__stats { margin-top: 48px; gap: 32px 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ahfas-about-credibility__stat dd { font-size: 56px; }

  /* ==================== ABOUT US SECTION 4: BUSINESS CREDIBILITY RESPONSIVE END ==================== */
  
  /* ==================== ABOUT US SECTION 5: VALUES RESPONSIVE START ==================== */
  .ahfas-about-values__inner { grid-template-columns: 1fr; }
  .ahfas-about-values__feature { padding-top: 110px; }
  .ahfas-about-values__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
  .ahfas-about-values__card { padding: 28px; }

  /* ==================== ABOUT US SECTION 5: VALUES RESPONSIVE END ==================== */
  
  /* ==================== ABOUT US SECTION 6: TEAM INTRODUCTION RESPONSIVE START ==================== */
  .ahfas-about-team { padding: 56px 24px; }
  .ahfas-about-team h2 { font-size: 34px; }
  .ahfas-about-team__break { display: none; }

  /* ==================== ABOUT US SECTION 6: TEAM INTRODUCTION RESPONSIVE END ==================== */
  
  /* ==================== ABOUT US SECTION 7: CONTACT CTA RESPONSIVE START ==================== */
  .ahfas-about-contact { padding: 64px 24px; }
  .ahfas-about-contact h2 { font-size: 36px; }
  .ahfas-about-contact__break { display: none; }

  /* ==================== ABOUT US SECTION 7: CONTACT CTA RESPONSIVE END ==================== */
  
  /* Services hero inherits the About Us hero responsive styles. */
  
  /* ==================== SERVICES SECTION 3: DIGITAL SYSTEMS RESPONSIVE START ==================== */
  .ahfas-services-system { padding: 48px 24px; }
  .ahfas-services-system__inner { gap: 30px; }
  .ahfas-services-system h2 { font-size: 30px; }
  .ahfas-services-system__break { display: none; }
  .ahfas-services-system__benefits { gap: 12px; }
  .ahfas-services-system__benefits li { font-size: 12px; }
  .ahfas-services-system__badge { width: 90px; height: 90px; }

  /* ==================== SERVICES SECTION 3: DIGITAL SYSTEMS RESPONSIVE END ==================== */
  
  /* ==================== SERVICES SECTION 5: AUDIT RESPONSIVE START ==================== */
  .ahfas-services-audit .ahfas-difference__content { width: 60%; }
  .ahfas-services-audit .ahfas-difference__visual { width: 38%; }

  /* ==================== SERVICES SECTION 5: AUDIT RESPONSIVE END ==================== */
  
  /* ==================== SERVICES SECTION 7: MARKETING CTA RESPONSIVE START ==================== */
  .ahfas-services-contact { padding: 64px 24px; }
  .ahfas-services-contact h2 { font-size: 36px; }
  .ahfas-services-contact__break { display: none; }
  .ahfas-services-contact__description { font-size: 14px; }

  /* ==================== SERVICES SECTION 7: MARKETING CTA RESPONSIVE END ==================== */
  
  /* ==================== PORTFOLIO SECTION 2: GALLERY RESPONSIVE START ==================== */
  .ahfas-portfolio-work { padding: 54px 24px; }
  .ahfas-portfolio-work h2 { font-size: 34px; }
  .ahfas-portfolio-work__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ahfas-portfolio-work__preview.is-scrollable { height: 400px; }
  .ahfas-portfolio-work__filters { gap: 10px; margin-bottom: 32px; }
  .ahfas-portfolio-work__filter { padding: 13px 20px; }

  /* ==================== PORTFOLIO SECTION 2: GALLERY RESPONSIVE END ==================== */
  
  /* ==================== PORTFOLIO SECTION 3: QUOTE CTA RESPONSIVE START ==================== */
  .ahfas-portfolio-contact { padding: 56px 24px; }
  .ahfas-portfolio-contact h2 { font-size: 36px; }
  .ahfas-portfolio-contact__copy p { font-size: 14px; }

  /* ==================== PORTFOLIO SECTION 3: QUOTE CTA RESPONSIVE END ==================== */
  /* ==================== BLOGS SECTION 2: BLOG GRID RESPONSIVE START ==================== */
  .ahfas-blog-list { padding: 48px 24px; }
  .ahfas-blog-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }

  /* ==================== BLOGS SECTION 2: BLOG GRID RESPONSIVE END ==================== */
  /* ==================== CONTACT US SECTION 2: DETAILS AND FORM RESPONSIVE START ==================== */
  .ahfas-contact-details { padding: 48px 24px; }
  .ahfas-contact-details__inner { gap: 30px; }
  .ahfas-contact-details h2 { font-size: 28px; }
  .ahfas-contact-details__panel { padding: 32px 24px; }
  .ahfas-contact-form__grid { gap: 0 14px; }

  /* ==================== CONTACT US SECTION 2: DETAILS AND FORM RESPONSIVE END ==================== */
  /* ==================== BRANDING SECTION 1: HERO RESPONSIVE START ==================== */
  .ahfas-branding-hero { padding: 54px 24px; }
  .ahfas-branding-hero__inner { gap: 30px; }
  .ahfas-branding-hero h1 { font-size: 34px; margin-bottom: 28px; }

  /* ==================== BRANDING SECTION 1: HERO RESPONSIVE END ==================== */
  /* ==================== BRANDING SECTION 2: POSITIONING RESPONSIVE START ==================== */
  .ahfas-branding-position { padding: 48px 24px; }
  .ahfas-branding-position__inner { gap: 30px; grid-template-columns: 1.25fr 1fr; }
  .ahfas-branding-position h2 { font-size: 30px; }
  .ahfas-branding-position__panel { padding: 28px 22px; }
  .ahfas-branding-position__panel h3 { font-size: 22px; }

  /* ==================== BRANDING SECTION 2: POSITIONING RESPONSIVE END ==================== */
  /* ==================== BRANDING SECTION 3: IDENTITY RESPONSIVE START ==================== */
  .ahfas-branding-identity { padding: 54px 24px; }
  .ahfas-branding-identity__inner { gap: 30px; }
  .ahfas-branding-identity h2 { font-size: 30px; }

  /* ==================== BRANDING SECTION 3: IDENTITY RESPONSIVE END ==================== */
  /* ==================== BRANDING SECTION 4: BENEFITS RESPONSIVE START ==================== */
  .ahfas-branding-benefits { padding: 48px 24px; }
  .ahfas-branding-benefits h2 { font-size: 34px; }
  .ahfas-branding-benefits__intro { margin-bottom: 36px; }

  /* ==================== BRANDING SECTION 4: BENEFITS RESPONSIVE END ==================== */
  /* ==================== BRANDING SECTION 5: STRATEGY CTA RESPONSIVE START ==================== */
  .ahfas-branding-cta { padding: 40px 24px 48px; }
  .ahfas-branding-cta__panel { padding: 40px 28px; }
  .ahfas-branding-cta h2 { font-size: 36px; }
  .ahfas-branding-cta__description { font-size: 14px; }

  /* ==================== WEBSITE DEVELOPMENT SECTION 1: SVG RESPONSIVE END ==================== */
  /* ==================== SINGLE BLOG POST RESPONSIVE START ==================== */
  .ahfas-single { padding: 48px 24px; }
  .ahfas-single__layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 28px; }
  .ahfas-single h1 { font-size: 36px; }
}

@media (max-width: 767px) {
  .ahfas-about-trust__inner { grid-template-columns: 1fr; max-width: var(--ahfas-container-width); }
  .ahfas-about-trust__visual { gap: 44px; padding: 28px 16px; }
  .ahfas-about-trust__logo { max-width: 280px; margin: 0 auto; }

  .ahfas-services-system__inner { grid-template-columns: 1fr; }
  .ahfas-services-system__image { height: 420px; }

  .ahfas-contact-details__inner { grid-template-columns: 1fr; gap: 36px; }

  .ahfas-branding-hero__inner { grid-template-columns: 1fr; }
  .ahfas-branding-art { max-width: 440px; }

  .ahfas-branding-position__inner { grid-template-columns: 1fr; }

  .ahfas-branding-identity__inner { grid-template-columns: 1fr; gap: 36px; }

  /* ==================== BRANDING SECTION 5: STRATEGY CTA RESPONSIVE END ==================== */
  /* ==================== GRAPHIC DESIGNING SECTION 1: SVG RESPONSIVE START ==================== */
  .ahfas-graphic-art { max-width: 440px; }

  /* ==================== GRAPHIC DESIGNING SECTION 1: SVG RESPONSIVE END ==================== */
  /* ==================== SEO SECTION 1: SVG RESPONSIVE START ==================== */
  .ahfas-seo-art { max-width: 440px; }

  /* ==================== SEO SECTION 1: SVG RESPONSIVE END ==================== */
  /* ==================== SOCIAL MEDIA SECTION 1: SVG RESPONSIVE START ==================== */
  .ahfas-social-art { max-width: 440px; }

  /* ==================== SOCIAL MEDIA SECTION 1: SVG RESPONSIVE END ==================== */
  /* ==================== WEBSITE DEVELOPMENT SECTION 1: SVG RESPONSIVE START ==================== */
  .ahfas-website-art { max-width: 440px; }

  .ahfas-single__layout { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 575px) {
  .ahfas-header__inner { min-height: 76px; padding: 13px 20px; }
  .ahfas-brand img { max-width: 150px; max-height: 48px; }
  .ahfas-brand__text { font-size: 22px; }

  .ahfas-footer { padding: 24px 20px 0; }
  .ahfas-footer__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 36px 0; }
  .ahfas-footer__logo { width: 235px; }
  .ahfas-footer__description { font-size: 14px; line-height: 26px; margin-top: 20px; }
  .ahfas-footer__column h2 { font-size: 19px; margin-bottom: 20px; }
  .ahfas-footer__links li { margin-bottom: 14px; }
  .ahfas-footer__contact { max-width: none; }
  .ahfas-footer__whatsapp { width: fit-content; min-width: 215px; }
  .ahfas-footer__bottom { padding: 18px 0; }
  .ahfas-footer__bottom p { font-size: 13px; line-height: 23px; }

  /* Mobile headline, copy, and stacked buttons */
  .ahfas-hero { padding: 52px 20px 60px; }
  .ahfas-hero__eyebrow { font-size: 11px; padding: 8px 14px; margin-bottom: 22px; }
  .ahfas-hero__title { font-size: clamp(28px, 8vw, 38px); line-height: 1.15; letter-spacing: -.8px; margin-bottom: 22px; }
  .ahfas-hero__break { display: none; }
  .ahfas-hero__description { font-size: 14px; line-height: 1.85; }
  .ahfas-hero__actions { flex-direction: column; align-items: stretch; max-width: 330px; margin: 30px auto 0; gap: 14px; }
  .ahfas-hero__button { padding: 15px 18px; font-size: 12px; }

  /* Mobile: compact panel, numbers, and labels */
  .ahfas-trust { padding: 24px 20px; }
  .ahfas-trust__panel { padding: 42px 18px; }
  .ahfas-trust__title { font-size: 17px; letter-spacing: -.2px; }
  .ahfas-trust__stats { gap: 30px 12px; margin-top: 32px; }
  .ahfas-trust__stat dd { font-size: 46px; letter-spacing: -1.5px; }
  .ahfas-trust__stat dt { font-size: 10px; margin-top: 5px; }

  /* Mobile: compact badge, copy, and checklist */
  .ahfas-system { padding: 76px 20px 44px; }
  .ahfas-system__inner { gap: 30px; }
  .ahfas-system__badge { width: 90px; height: 90px; top: -52px; }
  .ahfas-system__eyebrow { font-size: 11px !important; margin-bottom: 12px !important; }
  .ahfas-system__content h2 { font-size: 27px; line-height: 1.25; letter-spacing: -.6px; margin-bottom: 20px; }
  .ahfas-system__content p { font-size: 13px; }
  .ahfas-system__benefits { gap: 8px 14px; margin-top: 20px; }
  .ahfas-system__benefits li { font-size: 12px; }

  /* Mobile: full-width cards and compact heading */
  .ahfas-challenges { padding: 40px 20px 30px; }
  .ahfas-challenges__intro h2 { font-size: 28px; letter-spacing: -.6px; margin-bottom: 18px; }
  .ahfas-challenges__intro p { font-size: 13px; }
  .ahfas-challenges__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .ahfas-challenges__card-inner { padding: 26px 18px 22px; }
  .ahfas-challenges__card h3 { font-size: 17px; }

  /* Mobile: compact typography and ample space around the message */
  .ahfas-growth { padding: 52px 20px; }
  .ahfas-growth__content h2 { font-size: 28px; line-height: 1.25; letter-spacing: -.6px; margin-bottom: 22px; }
  .ahfas-growth__content p { font-size: 13px; line-height: 1.85; }
  .ahfas-growth__content .ahfas-growth__highlight { margin: 22px 0; }
  .ahfas-growth__rings { opacity: .3; }
  .ahfas-growth::after { inset: 0 20px; }

  /* Mobile: single-column cards for readable service descriptions */
  .ahfas-services { padding: 40px 20px; }
  .ahfas-services__intro { margin-bottom: 24px; }
  .ahfas-services__intro h2 { font-size: 26px; letter-spacing: -.5px; }
  .ahfas-services__intro p { font-size: 12px; }
  .ahfas-services__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .ahfas-services__card { padding: 20px; }
  .ahfas-services__icon { font-size: 22px; margin-bottom: 12px; }
  .ahfas-services__action { margin-top: 22px; }

  /* Mobile: place the background image above full-width copy */
  .ahfas-difference { padding: 0 20px 44px; }
  .ahfas-difference__visual { position: relative; width: auto; height: 260px; margin: 0 -20px 28px; opacity: .85; background-position: center; mask-image: linear-gradient(#000 65%, transparent); }
  .ahfas-difference__inner { margin-top: -14px; }
  .ahfas-difference__content { width: 100%; max-width: none; }
  .ahfas-difference__content h2 { font-size: 26px; }
  .ahfas-difference__content > p { font-size: 12px; }
  .ahfas-difference__skills { margin-top: 22px; }
  .ahfas-difference__skill { margin-bottom: 20px; }

  /* Mobile: single-column cards preserve the process order */
  .ahfas-process { padding: 42px 20px; }
  .ahfas-process__intro h2 { font-size: 27px; letter-spacing: -.5px; }
  .ahfas-process__intro > p:not(.ahfas-process__eyebrow) { font-size: 12px; }
  .ahfas-process__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .ahfas-process__card { padding: 24px; }
  .ahfas-process__icon { width: 54px; height: 54px; font-size: 24px; margin-bottom: 14px; }
  .ahfas-process__card h3 { font-size: 17px; }

  /* Mobile: stacked feature cards with room for images */
  .ahfas-brands { padding: 40px 20px; }
  .ahfas-brands__intro { margin-bottom: 26px; }
  .ahfas-brands__intro h2 { font-size: 27px; }
  .ahfas-brands__intro p { font-size: 12px; }
  .ahfas-brands__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .ahfas-brands__card { padding: 24px 20px; }
  .ahfas-brands__card h3 { font-size: 18px; }
  .ahfas-brands__communication { min-height: 280px; }
  .ahfas-brands__strategy .ahfas-brands__copy { width: 60%; }
  .ahfas-brands__rating h3 { font-size: 58px; }
  .ahfas-brands__rating p { max-width: 280px; margin: 0 auto; }
  .ahfas-brands__scale { min-height: 325px; }
  .ahfas-brands__scale .ahfas-brands__copy { width: 48%; }
  .ahfas-brands__support h3 { font-size: 24px; }

  /* Mobile: one review per slide */
  .ahfas-testimonials { padding: 44px 20px; }
  .ahfas-testimonials__intro { margin-bottom: 28px; }
  .ahfas-testimonials__intro h2 { font-size: 27px; letter-spacing: -.5px; }
  .ahfas-testimonials__intro > p:last-child { font-size: 13px; }
  .ahfas-testimonials__track { grid-auto-columns: 100%; }
  .ahfas-testimonials__card { padding: 30px 24px; }
  .ahfas-testimonials__card blockquote { font-size: 14px; }
  .ahfas-testimonials__controls { gap: 10px; }

  /* Mobile: allow long questions to wrap comfortably */
  .ahfas-faq { padding: 42px 20px; }
  .ahfas-faq__intro h2 { font-size: 28px; letter-spacing: -.5px; }
  .ahfas-faq__intro .ahfas-faq__eyebrow { font-size: 11px; margin-bottom: 16px; }
  .ahfas-faq__intro > p:last-child { font-size: 13px; }
  .ahfas-faq__item summary { padding: 15px 20px; border-radius: 24px; gap: 16px; font-size: 11px; }
  .ahfas-faq__answer { padding: 20px 12px; font-size: 13px; }

  /* Mobile: compact copy and stacked full-width buttons */
  .ahfas-growth-cta { padding: 30px 20px 40px; }
  .ahfas-growth-cta__panel { padding: 36px 20px; }
  .ahfas-growth-cta__eyebrow { font-size: 10px; margin-bottom: 18px; }
  .ahfas-growth-cta__panel h2 { font-size: 28px; letter-spacing: -.6px; margin-bottom: 22px; }
  .ahfas-growth-cta__copy p { font-size: 13px; }
  .ahfas-growth-cta__actions { flex-direction: column; max-width: 330px; margin: 24px auto 0; gap: 12px; }
  .ahfas-growth-cta__button { padding: 14px 18px; font-size: 11px; }

  /* Mobile: compact spacing and readable copy */
  .ahfas-about-hero { padding: 44px 20px 48px; border-radius: 0 0 40px 40px; }
  .ahfas-about-hero .ahfas-about-hero__eyebrow { margin-bottom: 20px; font-size: 10px; padding: 8px 13px; }
  .ahfas-about-hero h1 { margin-bottom: 20px; font-size: 32px; line-height: 1.3; letter-spacing: -.7px; }
  .ahfas-about-hero__description { margin-bottom: 24px; font-size: 13px; line-height: 24px; }
  .ahfas-about-hero__button { max-width: 100%; padding: 14px 24px; font-size: 11px; }

  .ahfas-about-stats { padding: 36px 20px; }
  .ahfas-about-stats__inner { gap: 28px 16px; }
  .ahfas-about-stats__item dd { font-size: 44px; letter-spacing: -1px; }
  .ahfas-about-stats__item dt { margin-top: 5px; font-size: 10px; }

  .ahfas-about-trust { padding: 40px 20px; }
  .ahfas-about-trust h2 { font-size: 30px; letter-spacing: -.6px; }
  .ahfas-about-trust__eyebrow { font-size: 10px; margin-bottom: 16px; }
  .ahfas-about-trust__copy p { font-size: 13px; }
  .ahfas-about-trust__benefits li { font-size: 12px; }

  .ahfas-about-credibility { padding: 20px 20px 40px; }
  .ahfas-about-credibility__panel { padding: 36px 20px 44px; }
  .ahfas-about-credibility h2 { font-size: 28px; letter-spacing: -.5px; margin-bottom: 20px; }
  .ahfas-about-credibility__break { display: none; }
  .ahfas-about-credibility__intro { font-size: 13px; }
  .ahfas-about-credibility__stats { margin-top: 36px; gap: 28px 12px; }
  .ahfas-about-credibility__stat dd { font-size: 44px; letter-spacing: -1px; }
  .ahfas-about-credibility__stat dt { font-size: 10px; }

  .ahfas-about-values { padding: 32px 20px; background-size: 70px 70px; }
  .ahfas-about-values__feature { padding: 100px 22px 28px; }
  .ahfas-about-values__arrow { top: 22px; right: 22px; width: 54px; height: 54px; font-size: 36px; }
  .ahfas-about-values h2 { font-size: 28px; letter-spacing: -.5px; }
  .ahfas-about-values__copy p { font-size: 13px; }
  .ahfas-about-values__cards { grid-template-columns: 1fr; }
  .ahfas-about-values__card { padding: 26px 22px; }
  .ahfas-about-values__card p { font-size: 13px; line-height: 1.5; }

  .ahfas-about-team { padding: 40px 20px; }
  .ahfas-about-team h2 { margin-bottom: 20px; font-size: 28px; letter-spacing: -.5px; }
  .ahfas-about-team__copy p { margin-bottom: 18px; font-size: 13px; }
  .ahfas-about-team__copy p:last-child { margin-bottom: 0; }

  .ahfas-about-contact { padding: 48px 20px; }
  .ahfas-about-contact h2 { margin-bottom: 20px; font-size: 28px; letter-spacing: -.5px; }
  .ahfas-about-contact p { margin-bottom: 24px; font-size: 13px; }
  .ahfas-about-contact__button { max-width: 100%; padding: 15px 24px; font-size: 11px; }

  .ahfas-services-system { padding: 40px 20px; }
  .ahfas-services-system h2 { font-size: 28px; }
  .ahfas-services-system__eyebrow { font-size: 10px; margin-bottom: 16px; }
  .ahfas-services-system__description { font-size: 13px; margin-bottom: 24px; }
  .ahfas-services-system__benefits { margin-bottom: 28px; }
  .ahfas-services-system__image { height: 360px; }
  .ahfas-services-system__visual { padding: 12px; border-radius: 20px; }

  .ahfas-services-audit .ahfas-difference__content { width: 100%; }
  .ahfas-services-audit .ahfas-difference__visual { width: auto; mask-image: linear-gradient(#000 65%, transparent); }

  .ahfas-services-contact { padding: 48px 20px; }
  .ahfas-services-contact__eyebrow { margin-bottom: 20px; font-size: 11px; }
  .ahfas-services-contact h2 { margin-bottom: 20px; font-size: 28px; letter-spacing: -.5px; }
  .ahfas-services-contact__description { margin-bottom: 24px; font-size: 13px; }
  .ahfas-services-contact__button { max-width: 100%; padding: 15px 26px; font-size: 11px; }

  .ahfas-portfolio-work { padding: 40px 20px; }
  .ahfas-portfolio-work h2 { font-size: 28px; letter-spacing: -.5px; }
  .ahfas-portfolio-work__intro p { font-size: 13px; }
  .ahfas-portfolio-work__grid { grid-template-columns: 1fr; }
  .ahfas-portfolio-work__preview.is-scrollable { height: 420px; }
  .ahfas-portfolio-work__filter { padding: 12px 16px; font-size: 10px; }

  .ahfas-portfolio-contact { padding: 44px 20px; }
  .ahfas-portfolio-contact__eyebrow { margin-bottom: 20px; font-size: 11px; }
  .ahfas-portfolio-contact h2 { margin-bottom: 20px; font-size: 28px; letter-spacing: -.5px; }
  .ahfas-portfolio-contact__break { display: none; }
  .ahfas-portfolio-contact__copy p { margin-bottom: 20px; font-size: 13px; }
  .ahfas-portfolio-contact__copy p:last-child { margin-bottom: 0; }
  .ahfas-portfolio-contact__button { max-width: 100%; padding: 15px 26px; font-size: 11px; }

  .ahfas-blog-list { padding: 36px 20px; }
  .ahfas-blog-list__grid { grid-template-columns: 1fr; gap: 20px; }
  .ahfas-blog-card__title { font-size: 14px; }
  .ahfas-blog-card__excerpt { font-size: 13px; }

  .ahfas-contact-details { padding: 36px 20px; }
  .ahfas-contact-details h2 { font-size: 26px; }
  .ahfas-contact-details__panel { padding: 30px 20px; }
  .ahfas-contact-details__copy p, .ahfas-contact-details__panel > p { font-size: 13px; }
  .ahfas-contact-details__links a { font-size: 12px; }
  .ahfas-contact-details__map { height: 260px; }
  .ahfas-contact-form__grid { grid-template-columns: 1fr; }
  .ahfas-contact-form input:not([type="hidden"]), .ahfas-contact-form select, .ahfas-contact-form textarea { font-size: 16px; }

  .ahfas-branding-hero { padding: 40px 20px; }
  .ahfas-branding-hero h1 { font-size: 30px; }
  .ahfas-branding-hero__eyebrow { font-size: 10px; }
  .ahfas-branding-hero__copy p, .ahfas-branding-hero__benefits li { font-size: 13px; }
  .ahfas-branding-hero__benefits { margin-bottom: 28px; }

  .ahfas-branding-position { padding: 40px 20px; }
  .ahfas-branding-position h2 { font-size: 28px; }
  .ahfas-branding-position__eyebrow { font-size: 10px; }
  .ahfas-branding-position__copy p, .ahfas-branding-position__panel li { font-size: 13px; }
  .ahfas-branding-position__panel ul { gap: 20px; }

  .ahfas-branding-identity { padding: 40px 20px; }
  .ahfas-branding-identity h2 { font-size: 28px; }
  .ahfas-branding-identity__eyebrow { font-size: 10px; }
  .ahfas-branding-identity__copy p { font-size: 13px; }

  .ahfas-branding-benefits { padding: 40px 20px; }
  .ahfas-branding-benefits h2 { font-size: 28px; }
  .ahfas-branding-benefits__break { display: none; }
  .ahfas-branding-benefits__intro > p { font-size: 10px; }
  .ahfas-branding-benefits__grid { grid-template-columns: 1fr; gap: 16px; }
  .ahfas-branding-benefits__card { padding: 12px; }
  .ahfas-branding-benefits__card-inner { padding: 24px 18px; }
  .ahfas-branding-benefits__card p { font-size: 13px; }

  .ahfas-branding-cta { padding: 30px 20px 40px; }
  .ahfas-branding-cta__panel { padding: 32px 20px; }
  .ahfas-branding-cta__eyebrow { margin-bottom: 20px; font-size: 11px; }
  .ahfas-branding-cta h2 { font-size: 28px; letter-spacing: -.5px; }
  .ahfas-branding-cta__break { display: none; }
  .ahfas-branding-cta__description { margin-bottom: 26px; font-size: 13px; }
  .ahfas-branding-cta__button { max-width: 100%; padding: 15px 22px; font-size: 11px; }

  .ahfas-single { padding: 36px 20px; }
  .ahfas-single h1 { font-size: 28px; letter-spacing: -.4px; }
  .ahfas-single__content { font-size: 14px; }
  .ahfas-single__content h2 { font-size: 25px; }
  .ahfas-single__content h3 { font-size: 21px; }
  .ahfas-single__image { margin-bottom: 28px; }
  .ahfas-single .nav-links { flex-direction: column; gap: 20px; }
  .ahfas-single .nav-previous, .ahfas-single .nav-next { max-width: 100%; }
}

@media (hover: none) {
  /* Touch devices display images at full opacity without requiring hover. */
  .ahfas-about-trust__logo, .ahfas-about-trust__photo { opacity: 1; }
  .ahfas-about-trust__photo { filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ahfas-header *, .ahfas-header *::after { transition: none; }

  .ahfas-footer * { transition: none; }

  /* Respect reduced motion preferences */
  .ahfas-hero__button { transition: none; }
  .ahfas-hero__button:hover { transform: none; }

  /* Accessibility: show final values immediately and disable entrance motion */
  .ahfas-trust.is-visible .ahfas-trust__panel, .ahfas-trust.is-visible .ahfas-trust__stat { animation: none; }

  /* Accessibility: stop decorative rotation and button movement */
  .ahfas-system__badge svg { animation: none; }
  .ahfas-system__button { transition: none; }
  .ahfas-system__button:hover { transform: none; }

  /* Accessibility: disable card movement for reduced motion */
  .ahfas-challenges__card { transition: none; }
  .ahfas-challenges__card:hover { transform: none; }

  /* Accessibility: disable card transitions for reduced motion */
  .ahfas-services__card { transition: none; }

  /* Accessibility: retain hover colors while disabling movement */
  .ahfas-process__card, .ahfas-process__icon { transition: none; }
  .ahfas-process__card:hover, .ahfas-process__card:hover .ahfas-process__icon { transform: none; }

  /* Accessibility: show hover outline immediately without animation */
  .ahfas-brands__card:hover::after, .ahfas-brands__card:focus-within::after { animation: none; clip-path: none; }

  /* Accessibility: disable background transitions for reduced motion */
  .ahfas-faq__item summary { transition: none; }

  /* Accessibility: disable button movement for reduced motion */
  .ahfas-growth-cta__button { transition: none; }
  .ahfas-growth-cta__button:hover { transform: none; }

  .ahfas-about-hero__button { transition: none; }
  .ahfas-about-hero__button:hover { transform: none; }

  .ahfas-about-trust__logo, .ahfas-about-trust__photo { transition: none; }
  .ahfas-about-trust__badge svg { animation: none; }

  .ahfas-blog-card { transition: none; }

  .ahfas-branding-art__block { animation: none; opacity: 1; transform: none; }

  .ahfas-branding-benefits__card:hover::after { animation: none; clip-path: none; }

  .ahfas-graphic-art__pencil, .ahfas-graphic-art__stroke, .ahfas-graphic-art__type, .ahfas-graphic-art__rays { animation: none; }
  .ahfas-graphic-art__stroke { stroke-dashoffset: 0; }

  .ahfas-seo-art__website, .ahfas-seo-art__result, .ahfas-seo-art__scan { animation: none; }
  .ahfas-seo-art__scan { display: none; }

  .ahfas-social-art__post, .ahfas-social-art__audience, .ahfas-social-art__engagement, .ahfas-social-art__dots { animation: none; }

  .ahfas-website-art__component, .ahfas-website-art__selection, .ahfas-website-art__cursor, .ahfas-website-art__code { animation: none; opacity: 1; transform: none; }

  /* ==================== SINGLE BLOG POST RESPONSIVE END ==================== */
  .ahfas-single__related-card { transition: none; }
  .ahfas-single__related-card:hover::after, .ahfas-single__related-card:focus-within::after { animation: none; clip-path: none; }
}