/* Mobile-first repair layer — 2026-07-31 */
:root{--mf-green:#075b45;--mf-green-dark:#064536;--mf-gold:#d5b15f;--mf-ink:#10251e;--mf-muted:#61716b;--mf-line:#dce6e1;--mf-bg:#f6f9f7;--mf-header:68px;--mf-nav:82px}
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{overflow-x:hidden;min-width:0}
img,svg,video{max-width:100%}
*,*::before,*::after{box-sizing:border-box}

@media (max-width:800px){
  :root{--mf-header:68px;--mf-nav:84px}
  html{scroll-padding-top:calc(var(--mf-header) + 12px)}
  body{padding-top:var(--mf-header)!important;padding-bottom:calc(var(--mf-nav) + env(safe-area-inset-bottom) + 18px)!important;background:var(--mf-bg)!important}
  .app-shell{width:100%!important;max-width:none!important;padding-inline:16px!important;margin-inline:auto!important}

  /* Only the actual top bar is fixed; the full hero is never fixed. */
  .app-header,.inner-page-header{position:relative!important;inset:auto!important;z-index:auto!important;min-height:0!important;border-radius:0!important;overflow:visible!important;padding:0!important;margin:0!important;transform:none!important}
  .app-header::before,.app-header::after,.inner-page-header::before,.inner-page-header::after{pointer-events:none}
  .site-topbar,.topbar.site-topbar{position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:1200!important;width:100%!important;height:var(--mf-header)!important;min-height:var(--mf-header)!important;padding:8px 14px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:rgba(5,70,54,.97)!important;box-shadow:0 5px 18px rgba(4,46,36,.18)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .brand{min-width:0!important;display:flex!important;align-items:center!important;gap:9px!important;flex:1 1 auto!important}
  .brand-logo{width:44px!important;height:44px!important;min-width:44px!important;border-radius:13px!important;padding:4px!important;background:#fff!important;display:grid!important;place-items:center!important;box-shadow:none!important}
  .brand-logo img{width:34px!important;height:34px!important;object-fit:contain!important}
  .brand>span:last-child{min-width:0!important;display:block!important}
  .brand strong{display:block!important;max-width:calc(100vw - 145px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:12px!important;line-height:1.45!important;font-weight:800!important}
  .brand small{display:block!important;color:#d4eee5!important;font-size:9.5px!important;margin-top:1px!important}
  .desktop-links,.header-whatsapp{display:none!important}
  .top-actions{flex:0 0 auto!important;display:flex!important;gap:0!important}
  .lang-select{width:56px!important;height:38px!important;min-width:56px!important;padding:0 8px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:10px!important;background:#0b604b!important;color:#fff!important;font-size:10px!important;font-weight:700!important}

  /* Hero rebuilt for phones */
  .hero,.hero-pro{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;min-height:0!important;padding:28px 16px 30px!important;margin:0!important;border-radius:0 0 24px 24px!important;background:linear-gradient(145deg,#064536 0%,#075b45 60%,#0b6c52 100%)!important;overflow:hidden!important}
  .hero-copy{display:block!important;width:100%!important;text-align:right!important;order:1!important}
  .hero-copy .pill{display:inline-flex!important;font-size:10.5px!important;padding:7px 10px!important;margin:0 0 14px!important}
  .hero-pro h1,.hero-copy h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.28!important;letter-spacing:-.8px!important;margin:0 0 12px!important;max-width:100%!important}
  .hero-pro h1 br{display:none!important}
  .hero-pro h1 em{display:block!important;margin-top:2px!important}
  .hero-text{font-size:13.5px!important;line-height:1.9!important;margin:0!important;max-width:100%!important;color:#d8ebe5!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:18px!important}
  .hero-actions a{min-height:46px!important;padding:12px 8px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:800!important;text-align:center!important}
  .hero-notes{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:13px!important}
  .hero-notes span{font-size:9.5px!important;padding:6px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important}
  .hero-panel{order:2!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:20px 17px 17px!important;border-radius:17px!important;transform:none!important;background:#fff!important;box-shadow:0 14px 35px rgba(2,34,26,.2)!important}
  .hero-panel .panel-badge{font-size:9px!important;padding:5px 8px!important}
  .hero-panel h2{font-size:20px!important;line-height:1.5!important;margin:10px 0 17px!important}
  .hero-panel ol{gap:12px!important;margin:0!important;padding:0!important}
  .hero-panel li{gap:10px!important;align-items:flex-start!important}
  .hero-panel li>b{width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important;font-size:11px!important}
  .hero-panel li strong{font-size:12px!important;line-height:1.5!important}
  .hero-panel li small{font-size:10px!important;line-height:1.65!important;margin-top:2px!important}
  .hero-panel>a{min-height:45px!important;margin-top:16px!important;border-radius:11px!important;font-size:12px!important}

  main{min-width:0!important}
  .trust-pro{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:calc(100% - 24px)!important;margin:-1px auto 0!important;padding:0!important;border-radius:0 0 18px 18px!important;overflow:hidden!important;box-shadow:0 10px 26px rgba(15,51,40,.08)!important}
  .trust-pro>div{padding:14px!important;border-inline:0!important;border-bottom:1px solid var(--mf-line)!important}
  .trust-pro>div:last-child{border-bottom:0!important}
  .trust-pro strong{font-size:12.5px!important}.trust-pro small{font-size:10.5px!important}

  .section,.category-shortcuts,.services-home,.why-section{padding-top:46px!important}
  .section-heading{margin:0 auto 20px!important;padding-inline:2px!important;text-align:right!important}
  .section-heading>span{font-size:10px!important;margin-bottom:6px!important}
  .section-heading h2{font-size:24px!important;line-height:1.45!important;margin-bottom:7px!important}
  .section-heading p{font-size:12.5px!important;line-height:1.8!important}
  .category-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .category-grid a{min-width:0!important;min-height:125px!important;padding:16px!important;border-radius:15px!important}
  .category-grid span{font-size:10px!important}.category-grid strong{font-size:14px!important;line-height:1.55!important;margin-top:18px!important}.category-grid small{font-size:10px!important;line-height:1.55!important}
  .services-catalog-launch{display:grid!important;grid-template-columns:42px 1fr 24px!important;gap:10px!important;padding:14px!important;border-radius:15px!important}
  .services-catalog-launch>span{width:42px!important;height:42px!important}.services-catalog-launch strong{font-size:12px!important}.services-catalog-launch small{font-size:10px!important}

  /* Service cards: single column and readable controls */
  .services-grid,.progressive-services-grid,.catalog-grid,.service-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;margin-top:14px!important}
  .service-card{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;grid-template-areas:"icon title" "meta meta" "desc desc" "actions actions"!important;align-items:center!important;gap:9px 12px!important;width:100%!important;min-width:0!important;min-height:0!important;padding:16px!important;border:1px solid #d8e2dd!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 16px rgba(17,49,39,.045)!important;transform:none!important;overflow:hidden!important;text-align:right!important}
  .service-card::before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;width:auto!important;height:3px!important;background:linear-gradient(90deg,var(--mf-green),var(--mf-gold))!important}
  .service-card::after{display:none!important}
  .service-card .service-icon{grid-area:icon!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:13px!important;margin:0!important;display:grid!important;place-items:center!important;background:#eef8f4!important;color:var(--mf-green)!important}
  .service-card .service-icon svg{width:22px!important;height:22px!important}
  .service-card h3{grid-area:title!important;min-width:0!important;margin:0!important;font-size:15px!important;line-height:1.65!important;color:var(--mf-ink)!important;font-weight:800!important;text-align:right!important}
  .service-card .service-demand-badge{position:static!important;grid-area:meta!important;justify-self:start!important;margin:0!important;padding:5px 8px!important;border-radius:999px!important;font-size:9px!important;line-height:1!important;transform:none!important}
  .service-card p,.service-card .service-description{grid-area:desc!important;margin:0!important;padding:0!important;background:none!important;color:var(--mf-muted)!important;font-size:11.5px!important;line-height:1.8!important;text-align:right!important}
  .service-card .service-actions{grid-area:actions!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:3px!important}
  .service-card .service-actions a,.service-card .service-actions button{min-height:42px!important;border-radius:10px!important;font-size:11px!important;font-weight:800!important}

  .why-card{padding:23px 17px!important;border-radius:18px!important;gap:22px!important}.why-card h2{font-size:23px!important}.why-card p{font-size:12.5px!important;line-height:1.9!important}.why-card ul{grid-template-columns:1fr!important;gap:9px!important}.why-card li{padding:13px!important;border-radius:12px!important}
  .cta{display:block!important;margin-top:45px!important;padding:20px 17px!important;border-radius:17px!important}.cta h2{font-size:20px!important}.cta p{font-size:12px!important}.cta>a{display:flex!important;justify-content:center!important;margin-top:13px!important;min-height:44px!important}
  .site-footer{margin-top:46px!important;padding-top:34px!important}.footer-grid{grid-template-columns:1fr!important;gap:25px!important}.footer-bottom{padding-bottom:10px!important;flex-direction:column!important;gap:7px!important}

  /* Bottom navigation — full width, five equal and touch-friendly items. */
  .bottom-nav.bottom-nav-compact,.bottom-nav.unified-bottom-nav{position:fixed!important;right:8px!important;left:8px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;z-index:1300!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:auto!important;max-width:none!important;height:74px!important;min-height:74px!important;margin:0!important;padding:6px!important;gap:2px!important;border:1px solid rgba(7,91,69,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 10px 34px rgba(11,48,37,.18)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;overflow:visible!important}
  .bottom-nav.bottom-nav-compact a,.bottom-nav.unified-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;min-width:0!important;height:60px!important;min-height:60px!important;padding:4px 1px!important;border-radius:14px!important;background:transparent!important;color:#64736d!important;transform:none!important;box-shadow:none!important;font-size:10px!important;font-weight:700!important;text-align:center!important;overflow:visible!important}
  .bottom-nav a .nav-ico{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;min-width:29px!important;border-radius:10px!important;background:#eef4f1!important;color:#47645a!important}
  .bottom-nav a .nav-ico svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
  .bottom-nav a span:not(.nav-ico){display:block!important;max-width:100%!important;font-size:9.2px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .bottom-nav a.is-active,.bottom-nav .home-pill{height:60px!important;background:#eaf6f1!important;color:var(--mf-green)!important;border-radius:14px!important;transform:none!important}
  .bottom-nav a.is-active .nav-ico,.bottom-nav .home-pill .nav-ico{background:var(--mf-green)!important;color:#fff!important;box-shadow:none!important}
  .bottom-nav .consult-pill{color:#167350!important}.bottom-nav .consult-pill .nav-ico{background:#e8f7ef!important;color:#12804f!important}
  .float-whatsapp{display:none!important}

  .service-quick-sheet{right:8px!important;left:8px!important;bottom:calc(var(--mf-nav) + env(safe-area-inset-bottom) + 8px)!important;width:auto!important;max-height:calc(100dvh - var(--mf-header) - var(--mf-nav) - 24px)!important;border-radius:20px!important;padding:20px 16px!important;overflow:auto!important}
}

@media (max-width:390px){
  .app-shell{padding-inline:12px!important}
  .site-topbar{padding-inline:10px!important}
  .brand strong{max-width:calc(100vw - 132px)!important;font-size:11px!important}
  .brand-logo{width:40px!important;height:40px!important;min-width:40px!important}
  .lang-select{width:52px!important;min-width:52px!important;font-size:9px!important}
  .hero,.hero-pro{padding-inline:12px!important}.hero-pro h1,.hero-copy h1{font-size:29px!important}
  .hero-actions{grid-template-columns:1fr!important}.category-grid{grid-template-columns:1fr!important}.category-grid a{min-height:110px!important}
  .bottom-nav.bottom-nav-compact,.bottom-nav.unified-bottom-nav{right:5px!important;left:5px!important;gap:0!important;padding:5px 3px!important}
  .bottom-nav a span:not(.nav-ico){font-size:8px!important}.bottom-nav a .nav-ico{width:27px!important;height:27px!important}
}

@media (min-width:801px){.bottom-nav{display:none!important}}

/* Desktop persistent official header — v4 */
@media (min-width:801px){
  :root{--desktop-header-height:82px}
  html{scroll-padding-top:calc(var(--desktop-header-height) + 18px)}
  body{padding-top:0!important}

  /* Reserve the header area without fixing the whole hero. */
  .app-header,
  .inner-page-header,
  .site-header{
    padding-top:var(--desktop-header-height)!important;
  }

  .site-topbar,
  .topbar.site-topbar{
    position:fixed!important;
    top:0!important;
    left:50%!important;
    right:auto!important;
    z-index:5000!important;
    width:min(1180px,calc(100% - 32px))!important;
    min-height:72px!important;
    margin:8px 0 0!important;
    padding:9px 14px!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:17px!important;
    background:rgba(8,68,52,.96)!important;
    box-shadow:0 10px 30px rgba(7,45,35,.20)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .site-topbar .desktop-links{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .site-topbar .desktop-links a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:43px!important;
    padding:9px 15px!important;
    border-radius:12px!important;
    color:#edf7f3!important;
    font-size:13px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .site-topbar .desktop-links a:hover,
  .site-topbar .desktop-links a:focus-visible{
    background:rgba(255,255,255,.11)!important;
    color:#fff!important;
  }
  .site-topbar .desktop-links a.active{
    background:#fff!important;
    color:#075b45!important;
    box-shadow:0 4px 14px rgba(0,0,0,.10)!important;
  }
  .site-topbar .brand{flex:0 1 325px!important}
  .site-topbar .top-actions{flex:0 0 auto!important}
  .site-topbar .header-whatsapp{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:43px!important}

  /* Sticky side actions must start below the fixed header. */
  .service-cta{top:calc(var(--desktop-header-height) + 18px)!important}
}

@media (min-width:801px) and (max-width:1050px){
  .site-topbar,.topbar.site-topbar{width:calc(100% - 20px)!important;padding-inline:10px!important}
  .site-topbar .brand{flex-basis:245px!important}
  .site-topbar .brand strong{max-width:210px!important;font-size:12px!important}
  .site-topbar .brand small{font-size:10px!important}
  .site-topbar .desktop-links a{padding-inline:9px!important;font-size:11.5px!important}
  .site-topbar .header-whatsapp{padding-inline:11px!important;font-size:11px!important}
}

/* v6 — unified desktop navigation on every page */
@media (min-width: 992px) {
  .site-header .site-topbar,
  .app-header .site-topbar {
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) auto auto;
    align-items: center;
    gap: 18px;
  }
  .desktop-links {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    padding: 6px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 18px;
    background: rgba(255,255,255,.055);
    white-space: nowrap;
  }
  .desktop-links a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 13px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, transform .2s ease;
  }
  .desktop-links a:hover {
    background: rgba(255,255,255,.11);
    transform: translateY(-1px);
  }
  .desktop-links a.active {
    background: #fff;
    color: #124d3d;
    box-shadow: 0 7px 18px rgba(0,0,0,.12);
  }
  .site-topbar .top-actions { justify-self: end; }
  .site-topbar .brand { min-width: 0; }
}
@media (min-width: 992px) and (max-width: 1180px) {
  .site-header .site-topbar,
  .app-header .site-topbar {
    grid-template-columns: minmax(230px, 1fr) auto auto;
    gap: 10px;
  }
  .desktop-links a { padding-inline: 11px; font-size: 13px; }
  .header-whatsapp { padding-inline: 14px !important; }
}
@media (max-width: 991.98px) {
  .desktop-links { display: none !important; }
}

/* About page v7 */
.about-page-v7{padding-bottom:48px}
.about-hero-v7{max-width:920px;margin-inline:auto;text-align:center}
.about-hero-v7 p{max-width:820px;margin-inline:auto;line-height:2}
.about-intro-v7{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:28px;align-items:stretch;margin:34px 0}
.about-intro-copy,.about-facts-v7,.about-note-v7{background:#fff;border:1px solid #d9e5df;border-radius:24px;box-shadow:0 14px 38px rgba(4,78,59,.07)}
.about-intro-copy{padding:34px}
.section-kicker,.section-heading-v7 span{display:inline-flex;color:#087a5a;background:#eaf7f1;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:800}
.about-intro-copy h2{font-size:clamp(1.55rem,2.8vw,2.35rem);line-height:1.45;margin:16px 0 18px;color:#073f32}
.about-intro-copy p{font-size:1rem;line-height:2;color:#40534b;margin:0 0 12px}
.about-facts-v7{padding:18px;display:grid;gap:10px;background:linear-gradient(180deg,#0a543f,#073f32);color:#fff}
.about-facts-v7 div{padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.06)}
.about-facts-v7 span{display:block;color:#bfe1d4;font-size:.83rem;margin-bottom:7px}
.about-facts-v7 strong{font-size:1rem}
.section-heading-v7{text-align:center;margin-bottom:24px}
.section-heading-v7 h2{margin:12px 0 7px;color:#073f32;font-size:clamp(1.45rem,2.5vw,2rem)}
.section-heading-v7 p{margin:0;color:#60736b}
.about-text-link-v7{display:inline-flex;margin-top:18px;color:#087a5a;font-weight:800;text-decoration:none}
.about-note-v7{margin:28px 0;padding:22px 26px;border-inline-start:5px solid #c7a24b;background:#fffdf7}
.about-note-v7 strong{display:block;color:#6c5316;margin-bottom:8px}
.about-note-v7 p{margin:0;line-height:1.85;color:#5b625f}
@media (max-width:900px){.about-intro-v7{grid-template-columns:1fr}.about-intro-copy{padding:26px}.about-facts-v7{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.about-page-v7{padding-inline:14px}.about-intro-v7{gap:16px;margin:22px 0}.about-intro-copy{padding:21px;border-radius:18px}.about-intro-copy p{font-size:.94rem;line-height:1.9}.about-facts-v7{grid-template-columns:1fr;padding:12px;border-radius:18px}.about-facts-v7 div{padding:15px}.about-note-v7{padding:18px;border-radius:16px}.about-hero-v7{text-align:right}}

/* =========================================================
   About page V8 — compact official introduction
   Keeps the formal definition visible in the first viewport.
   ========================================================= */
.about-page-v7{
  padding-top:18px!important;
}
.about-page-v7 .about-hero-v7{
  width:min(100%,1080px)!important;
  max-width:1080px!important;
  margin:0 auto 18px!important;
  padding:22px 28px 24px!important;
  border:1px solid #d9e5df;
  border-radius:22px;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbf8 100%);
  box-shadow:0 12px 34px rgba(16,60,42,.06);
  text-align:right!important;
}
.about-page-v7 .about-hero-v7>span{
  padding:6px 11px!important;
  margin:0 0 9px!important;
  background:#f5eed9!important;
  color:#765d1f!important;
  font-size:11px!important;
}
.about-page-v7 .about-hero-v7 h1{
  margin:0 0 8px!important;
  font-size:clamp(32px,3.4vw,46px)!important;
  line-height:1.22!important;
  color:#0b4a38!important;
}
.about-page-v7 .about-hero-v7 p{
  max-width:920px!important;
  margin:0!important;
  color:#51655b!important;
  font-size:15px!important;
  line-height:1.85!important;
}
.about-page-v7 .about-intro-v7{
  margin:18px 0 28px!important;
  gap:22px!important;
}
.about-page-v7 .about-intro-copy{
  padding:28px!important;
}
.about-page-v7 .about-intro-copy h2{
  margin:12px 0 14px!important;
  font-size:clamp(1.45rem,2.35vw,2.05rem)!important;
  line-height:1.42!important;
}
.about-page-v7 .about-intro-copy p{
  line-height:1.9!important;
}

@media (min-width:901px){
  .about-page-v7 .about-intro-v7{
    grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr)!important;
  }
}

@media (max-width:800px){
  .about-page-v7{
    padding-top:12px!important;
  }
  .about-page-v7 .about-hero-v7{
    margin-bottom:14px!important;
    padding:18px 18px 19px!important;
    border-radius:18px!important;
  }
  .about-page-v7 .about-hero-v7 h1{
    font-size:29px!important;
    margin-bottom:7px!important;
  }
  .about-page-v7 .about-hero-v7 p{
    font-size:13.5px!important;
    line-height:1.8!important;
  }
  .about-page-v7 .about-intro-v7{
    margin:14px 0 22px!important;
  }
  .about-page-v7 .about-intro-copy{
    padding:22px!important;
  }
}

@media (max-width:480px){
  .about-page-v7{
    padding-inline:12px!important;
  }
  .about-page-v7 .about-hero-v7{
    padding:16px!important;
    border-radius:16px!important;
  }
  .about-page-v7 .about-hero-v7>span{
    font-size:10px!important;
  }
  .about-page-v7 .about-hero-v7 h1{
    font-size:27px!important;
  }
  .about-page-v7 .about-hero-v7 p{
    font-size:13px!important;
    line-height:1.75!important;
  }
  .about-page-v7 .about-intro-copy{
    padding:18px!important;
  }
  .about-page-v7 .about-intro-copy h2{
    font-size:1.35rem!important;
    margin:10px 0 12px!important;
  }
}

/* =========================================================
   V9 — Unified readable page rhythm
   Compact page introductions, balanced typography and spacing.
   ========================================================= */
:root{
  --page-gutter:clamp(14px,2.2vw,26px);
  --section-space:clamp(28px,4vw,52px);
  --title-xl:clamp(30px,3.2vw,44px);
  --title-lg:clamp(24px,2.35vw,34px);
  --title-md:clamp(19px,1.65vw,25px);
  --body-readable:clamp(14px,.35vw + 13px,16px);
}
body{font-size:var(--body-readable);line-height:1.75}
.app-shell,.inner-content,.article-page,.service-layout,.catalog-main{padding-inline:var(--page-gutter)}

/* Universal page introductions */
.inner-content{padding-top:22px!important;padding-bottom:54px!important}
.inner-hero,
.catalog-hero,
.article-head{
  margin:0 0 22px!important;
  padding:24px 28px!important;
  min-height:0!important;
  border-radius:22px!important;
}
.inner-hero{text-align:start!important}
.inner-hero h1,
.catalog-hero h1,
.article-head h1,
.text-page>h1{
  margin:8px 0 8px!important;
  font-size:var(--title-xl)!important;
  line-height:1.28!important;
  letter-spacing:-.35px!important;
}
.inner-hero p,
.catalog-hero p,
.article-head p{
  max-width:850px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.8!important;
}
.article-head-brand{margin-bottom:6px!important}
.article-head .back-link{margin-bottom:2px!important}

/* Service catalogue */
.catalog-main{padding-top:22px!important;padding-bottom:64px!important}
.catalog-controls{margin-bottom:22px!important}
.catalog-category{margin-top:28px!important}
.catalog-category-head{margin-bottom:14px!important}
.catalog-category-head h2{font-size:var(--title-md)!important;line-height:1.4!important}
.catalog-category-head p{font-size:13.5px!important;line-height:1.7!important}
.catalog-service-card{padding:20px!important;min-height:0!important}
.catalog-card-copy h3{font-size:17px!important;line-height:1.55!important;margin-bottom:7px!important}
.catalog-card-copy p{font-size:13.5px!important;line-height:1.75!important}

/* Individual service pages */
.service-layout{
  padding-top:24px!important;
  padding-bottom:64px!important;
  gap:22px!important;
  align-items:start!important;
}
.service-detail{padding:28px!important;border-radius:24px!important}
.service-detail h1{
  max-width:850px;
  margin:14px 0 10px!important;
  font-size:clamp(27px,2.7vw,39px)!important;
  line-height:1.35!important;
  letter-spacing:-.25px!important;
}
.service-detail .lead{margin:0 0 18px!important;font-size:15.5px!important;line-height:1.85!important}
.service-detail section{margin-top:24px!important}
.service-detail section h2,.content h2{font-size:var(--title-md)!important;margin:0 0 12px!important;line-height:1.45!important}
.service-detail .content p,.service-detail .content li{font-size:14.5px!important;line-height:1.85!important}
.info-grid{margin:18px 0!important}
.info-grid div{padding:14px!important;border-radius:16px!important}
.requirements{gap:9px!important}
.requirements span{padding:11px 13px!important;border-radius:14px!important;font-size:13.5px!important}
.service-cta{top:96px!important;padding:20px!important;border-radius:22px!important}
.service-cta h2{font-size:21px!important}
.service-cta p{font-size:13.5px!important;line-height:1.75!important}

/* Articles and informational pages */
.article-page{padding-top:22px!important;padding-bottom:70px!important}
.article-grid{gap:16px!important}
.article-card{padding:20px!important;border-radius:19px!important}
.article-card h2{font-size:18px!important;line-height:1.6!important;margin:10px 0 7px!important}
.article-card p{font-size:13.5px!important;line-height:1.75!important;margin:0 0 12px!important}
.article-detail{padding-top:22px!important;padding-bottom:70px!important}
.article-detail h1{font-size:clamp(28px,3vw,42px)!important;line-height:1.35!important;margin-block:12px!important}
.article-detail .lead,.article-detail>p{font-size:15px!important;line-height:1.9!important}
.article-detail h2{font-size:var(--title-lg)!important;line-height:1.45!important;margin-top:30px!important;margin-bottom:11px!important}
.article-detail h3{font-size:var(--title-md)!important;line-height:1.5!important;margin-top:24px!important}
.article-detail p,.article-detail li{line-height:1.9!important}
.text-page{padding:28px!important;border-radius:22px!important;margin-top:22px!important}
.text-page p{font-size:15px!important;line-height:1.9!important}

/* FAQ */
.faq-accordion{margin-top:18px!important}
.faq-accordion details{margin-bottom:10px!important;border-radius:17px!important}
.faq-accordion summary{padding:17px 19px!important;font-size:15px!important;line-height:1.55!important}
.faq-accordion details>div,.faq-accordion details>p{padding:0 19px 18px!important;font-size:14px!important;line-height:1.85!important}
.faq-list{margin-top:18px!important;gap:10px!important}
.faq-list article{padding:20px!important;border-radius:19px!important}
.faq-list h2{font-size:19px!important;line-height:1.55!important}

/* About and shared section headings */
.about-page-v7{padding-top:18px!important}
.about-page-v7 .about-hero-v7{margin-bottom:16px!important;padding:20px 24px!important}
.about-page-v7 .about-hero-v7 h1{font-size:clamp(29px,3vw,40px)!important}
.about-page-v7 .about-intro-v7{margin:16px 0 26px!important}
.about-page-v7 .about-intro-copy{padding:25px!important}
.about-page-v7 .about-intro-copy h2{font-size:var(--title-lg)!important}
.section-heading,.section-heading-v7{margin-bottom:20px!important}
.section-heading h2,.section-heading-v7 h2,.section-title h2,.plain-title{font-size:var(--title-lg)!important;line-height:1.45!important}
.section-heading p,.section-heading-v7 p{font-size:14px!important;line-height:1.75!important;max-width:720px}
.section,.category-shortcuts{padding-top:var(--section-space)!important}

/* Home page: preserve impact without oversized empty hero */
.hero-pro{padding-top:clamp(34px,5vw,62px)!important;padding-bottom:clamp(34px,5vw,60px)!important;min-height:0!important}
.hero-pro .hero-copy h1{font-size:clamp(36px,5.1vw,66px)!important;line-height:1.13!important}
.hero-pro .hero-text{font-size:clamp(14px,.55vw + 12px,17px)!important;line-height:1.85!important}
.trust-pro{margin-top:-18px!important}

@media (max-width:800px){
  :root{--page-gutter:12px;--section-space:30px;--title-xl:28px;--title-lg:23px;--title-md:19px}
  body{font-size:14px;line-height:1.72}
  .inner-content,.article-page,.catalog-main{padding-top:12px!important}
  .inner-hero,.catalog-hero,.article-head{
    margin-bottom:14px!important;
    padding:18px!important;
    border-radius:17px!important;
  }
  .inner-hero h1,.catalog-hero h1,.article-head h1,.text-page>h1{margin:6px 0!important;font-size:28px!important;line-height:1.3!important}
  .inner-hero p,.catalog-hero p,.article-head p{font-size:13.5px!important;line-height:1.75!important}
  .service-layout{padding-top:14px!important;padding-inline:11px!important}
  .service-detail{padding:19px!important;border-radius:18px!important}
  .service-detail h1{font-size:26px!important;line-height:1.38!important;margin:11px 0 8px!important}
  .service-detail .lead{font-size:14px!important;line-height:1.78!important}
  .service-detail section{margin-top:20px!important}
  .service-detail section h2,.content h2{font-size:19px!important}
  .info-grid{gap:8px!important;margin:14px 0!important}
  .info-grid div{padding:12px!important}
  .article-grid{grid-template-columns:1fr!important;gap:11px!important}
  .article-card{padding:17px!important;border-radius:17px!important}
  .article-card h2{font-size:16.5px!important}
  .article-detail{padding-inline:12px!important;padding-top:12px!important}
  .article-detail h1{font-size:27px!important}
  .article-detail h2{font-size:21px!important;margin-top:24px!important}
  .text-page{padding:19px!important;margin-top:12px!important;border-radius:18px!important}
  .faq-accordion summary{padding:15px 16px!important;font-size:14px!important}
  .about-page-v7 .about-hero-v7{padding:17px!important;margin-bottom:12px!important}
  .about-page-v7 .about-hero-v7 h1{font-size:27px!important}
  .about-page-v7 .about-intro-copy{padding:19px!important}
  .section-heading,.section-heading-v7{text-align:start!important;margin-bottom:16px!important}
  .hero-pro{padding:30px 15px 34px!important}
  .hero-pro .hero-copy h1{font-size:clamp(34px,11vw,48px)!important}
  .trust-pro{margin-top:-12px!important}
}

@media (max-width:390px){
  :root{--page-gutter:10px;--title-xl:26px;--title-lg:21px}
  .inner-hero,.catalog-hero,.article-head{padding:16px!important}
  .inner-hero h1,.catalog-hero h1,.article-head h1,.text-page>h1{font-size:25px!important}
  .service-detail{padding:17px!important}
  .service-detail h1{font-size:24px!important}
  .catalog-service-card{padding:16px!important}
  .about-page-v7 .about-hero-v7{padding:15px!important}
}