/* Fitout Approvals Dubai — scoped CSS for Elementor.
   Paste into Site Settings > Custom CSS (Pro) or Appearance > Customize > Additional CSS (free).
   Scoped under .fa-site. This same stylesheet serves header, body and footer — load it ONCE globally. */

/* NOTE: Google Fonts (Inter + Poppins) are enqueued separately by the plugin
   via wp_enqueue_style() + resource hints instead of @import here.
   @import blocks CSS parsing and delays render — enqueuing is faster. */

/* =================================================================
   DESIGN TOKENS  —  edit colours / spacing here once
   ================================================================= */
:root{
  /* Brand colours */
  --brand:#2B5748;
  --brand-dark:#1F3E33;
  --accent:#A7C080;
  --accent-hover:#8FAE66;
  --bg-light:#F8FAFC;
  --border:#E5E7EB;
  --text:#0F172A;
  --text-gray:#64748B;
  --white:#FFFFFF;
  --gold:#FBBC04;            /* Google review gold */

  /* Type */
  --font-head:'Poppins',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;

  /* Layout */
  --container:1200px;
  --pad-inline:clamp(1rem,4vw,2.5rem);          /* 16 → 40px */
  --section-pad:clamp(2.8rem,6vw,4.4rem);       /* 45 → 70px */

  /* Shape */
  --radius-card:14px;
  --radius-btn:6px;
  --radius-pill:999px;

  /* Elevation */
  --shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --shadow-md:0 8px 24px rgba(15,23,42,.08);
  --shadow-lg:0 16px 40px rgba(43,87,72,.14);

  --header-h:74px;
}
/* =================================================================
   RESET / BASE
   ================================================================= */
.fa-site *,.fa-site *::before,.fa-site *::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.fa-site *{animation:none!important;transition:none!important}
}
.fa-site{
  font-family:var(--font-body);
  font-size:clamp(.94rem,1.6vw,1rem);          /* 15 → 16px */
  line-height:1.65;
  color:var(--text);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
.fa-site img,.fa-site svg{display:block;max-width:100%}
.fa-site a{color:inherit;text-decoration:none}
.fa-site ul{list-style:none}
.fa-site button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.fa-site input,.fa-site select,.fa-site textarea{font:inherit;color:inherit}
.fa-site h1,.fa-site h2,.fa-site h3{font-family:var(--font-head);line-height:1.15;color:var(--brand)}
.fa-site h1{font-size:clamp(2.125rem,5vw,3.25rem);font-weight:800}
/* 34 → 52 */
.fa-site h2{font-size:clamp(1.75rem,3.5vw,2.125rem);font-weight:700}
/* 28 → 34 */
.fa-site h3{font-size:clamp(1.125rem,2vw,1.25rem);font-weight:700}
/* 18 → 20 */
/* Accessibility helpers */
.fa-site .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fa-site :focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:3px}
.fa-site .skip-link{position:absolute;left:8px;top:-48px;z-index:200;background:var(--brand);color:#fff;padding:.6rem 1rem;border-radius:var(--radius-btn);font-weight:700;transition:top .2s}
.fa-site .skip-link:focus{top:8px}
/* =================================================================
   LAYOUT PRIMITIVES
   ================================================================= */
.fa-site .container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--pad-inline)}
.fa-site .section{padding-block:var(--section-pad)}
.fa-site .section--light{background:var(--bg-light)}
.fa-site .section__head{text-align:center;max-width:46rem;margin-inline:auto;margin-bottom:clamp(1.8rem,4vw,2.8rem)}
.fa-site .section__head p{color:var(--text-gray);margin-top:.6rem}
/* orange underline accent under section headings */
.fa-site .accent::after{content:"";display:block;width:64px;height:4px;border-radius:2px;background:var(--brand);margin:.85rem auto 0}
/* =================================================================
   BUTTONS
   ================================================================= */
.fa-site .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;
  padding:.85rem 1.4rem;border-radius:var(--radius-btn);
  transition:background .18s,color .18s,transform .18s,box-shadow .18s;
  white-space:nowrap;
}
.fa-site .btn .icon{width:18px;height:18px}
.fa-site .btn--primary{background:var(--brand);color:#fff}
.fa-site .btn--primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 6px 18px rgba(43,87,72,.35)}
.fa-site .btn--outline{background:transparent;color:var(--brand);border:2px solid var(--border)}
.fa-site .btn--outline:hover{border-color:var(--brand);background:var(--brand);color:#fff}
.fa-site .btn--block{width:100%}
/* =================================================================
   ICON SPRITE (icons inherit colour via currentColor)
   ================================================================= */
.fa-site .icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* =================================================================
   IMAGE PLACEHOLDERS  (swap each .ph for a real <img>/<picture>)
   ================================================================= */
.fa-site .ph{
  position:relative;display:grid;place-content:center;gap:.5rem;text-align:center;
  background:linear-gradient(135deg,#3a6b58,#2B5748 60%,#1F3E33);
  color:rgba(255,255,255,.92);border-radius:var(--radius-card);overflow:hidden;
  aspect-ratio:var(--ph-ratio,3/2);padding:1rem;
}
.fa-site .ph::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 78% 20%,rgba(43,87,72,.22),transparent 42%);pointer-events:none}
.fa-site .ph .icon{width:46px;height:46px;stroke-width:1.4;opacity:.95}
.fa-site .ph small{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;opacity:.7;max-width:22ch}
.fa-site .media-photo{display:block;width:100%;height:auto;aspect-ratio:var(--ph-ratio,3/2);object-fit:cover;border-radius:var(--radius-card)}
/* =================================================================
   1 · TOP INFO BAR
   ================================================================= */
.fa-site .topbar{background:#fff;color:var(--brand);font-size:.8125rem;border-bottom:1px solid var(--border)}
.fa-site .topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:38px;padding-block:.35rem}
.fa-site .topbar a,.fa-site .topbar span{display:inline-flex;align-items:center;gap:.4rem}
.fa-site .topbar .icon{width:15px;height:15px;color:var(--brand)}
.fa-site .topbar a{color:var(--brand)}
.fa-site .topbar a:hover{color:var(--brand-dark)}
.fa-site .topbar__left,.fa-site .topbar__right{display:flex;align-items:center;gap:1.25rem}
.fa-site .topbar__right .pipe{color:rgba(255,255,255,.85)}
.fa-site .topbar .btn{padding:.35rem .8rem;font-size:.72rem}
@media (max-width:860px){
.fa-site .topbar__left .tb-email,.fa-site .topbar__right .tb-addr{display:none}
}
@media (max-width:560px){
.fa-site .topbar__right .pipe{display:none}
}
/* =================================================================
   2 · HEADER / NAV
   ================================================================= */
.fa-site .header{position:sticky;top:0;z-index:100;background:var(--brand);border-bottom:1px solid transparent;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}
.fa-site .header.is-stuck{background:#fff;border-bottom-color:var(--border);box-shadow:var(--shadow-md)}
/* --- green header (top) : light content --- */
.fa-site .header:not(.is-stuck) .brand__logo{filter:brightness(0) invert(1)}
.fa-site .header:not(.is-stuck) .nav__list>li>a,.fa-site .header:not(.is-stuck) .nav__dd-toggle{color:#fff}
.fa-site .header:not(.is-stuck) .nav__list>li>a:hover,.fa-site .header:not(.is-stuck) .nav__dd-toggle:hover{color:var(--accent)}
.fa-site .header:not(.is-stuck) .nav__inactive{color:rgba(255,255,255,.55)}
.fa-site .header:not(.is-stuck) .nav__list a::after{background:#fff}
.fa-site .header:not(.is-stuck) .nav-toggle{color:#fff;border-color:rgba(255,255,255,.4)}
.fa-site .header:not(.is-stuck) .phone-btn--wa{background:#fff;color:var(--brand)}
.fa-site .header:not(.is-stuck) .phone-btn--wa .icon-wa{color:var(--brand)}
/* --- header WhatsApp button (desktop, right) --- */
.fa-site .header__wa{display:none;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;padding:.6rem 1.15rem;border-radius:8px;border:1.5px solid transparent;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .15s;margin-left:.25rem}
.fa-site .header__wa .icon-wa{width:1.1em;height:1.1em;flex:none}
.fa-site .header__wa:hover{transform:translateY(-1px)}
.fa-site .header:not(.is-stuck) .header__wa{background:#fff;color:var(--brand);border-color:#fff}
.fa-site .header:not(.is-stuck) .header__wa:hover{background:var(--accent);border-color:var(--accent);color:var(--brand-dark)}
.fa-site .header.is-stuck .header__wa{background:var(--brand);color:#fff;border-color:var(--brand)}
.fa-site .header.is-stuck .header__wa:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
@media (min-width:981px){
.fa-site .header__inner{position:relative}
.fa-site .header__wa{display:inline-flex}
.fa-site .nav{position:absolute;left:0;right:0;top:0;bottom:0;margin-inline:auto;width:max-content;transform:none;align-items:flex-end;padding-bottom:.7rem}
}
.fa-site .header__inner{display:flex;align-items:center;gap:1rem;min-height:var(--header-h)}
.fa-site .brand{display:flex;align-items:center;gap:.65rem;margin-right:auto}
.fa-site .brand__mark{width:42px;height:42px;display:grid;place-content:center;background:var(--brand);color:#fff;border-radius:10px;flex:none}
.fa-site .brand__mark .icon{width:24px;height:24px;color:#fff}
.fa-site .brand__name{font-family:var(--font-head);font-weight:800;font-size:1.18rem;color:var(--brand);line-height:1;letter-spacing:.01em}
.fa-site .brand__name b{color:var(--accent)}
.fa-site .brand__sub{display:block;font-size:.62rem;letter-spacing:.18em;color:var(--text-gray);font-weight:600;margin-top:3px}
.fa-site .nav{display:flex;align-items:center;gap:1.6rem}
.fa-site .nav__list{display:flex;align-items:center;gap:1.5rem}
.fa-site .nav__list a{font-weight:600;font-size:.95rem;color:var(--text);padding:.4rem 0;position:relative}
.fa-site .nav__list a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--brand);transition:right .22s}
.fa-site .nav__list a:hover,.fa-site .nav__list a:focus-visible{color:var(--brand)}
.fa-site .nav__list a:hover::after,.fa-site .nav__list a:focus-visible::after{right:0}
.fa-site .header .btn--quote{padding:.7rem 1.15rem}
.fa-site .nav-toggle,.fa-site .phone-btn{display:none}
/* Mobile header behaviour */
@media (max-width:980px){
.fa-site .nav__cta{display:none}
/* header quote button hidden, top-bar/sticky cover it */
.fa-site .nav-toggle{display:inline-grid;place-content:center;width:46px;height:46px;border-radius:10px;border:1px solid var(--border);color:var(--brand)}
.fa-site .phone-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--brand);color:#fff;padding:.55rem .85rem;border-radius:8px;font-weight:700;font-size:.85rem}
.fa-site .phone-btn .icon{width:16px;height:16px;color:#fff}
.fa-site .nav{
    position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-top:1px solid var(--border);box-shadow:var(--shadow-md);
    padding:.5rem var(--pad-inline) 1rem;
    transform:translateY(-12px);opacity:0;visibility:hidden;transition:.2s;
  }
.fa-site .nav.is-open{transform:translateY(0);opacity:1;visibility:visible}
.fa-site .nav__list{flex-direction:column;align-items:stretch;gap:0;width:100%}
.fa-site .nav__list a{padding:.85rem .25rem;border-bottom:1px solid var(--border)}
.fa-site .nav__list a::after{display:none}
}
/* --- Services dropdown (desktop hover + click) --- */
.fa-site .nav__item--dd{position:relative}
.fa-site .nav__dd-toggle{display:inline-flex;align-items:center;gap:.3rem;font-family:inherit;font-weight:600;font-size:.95rem;color:var(--text);background:transparent!important;border:0;cursor:pointer;padding:.4rem 0;appearance:none;-webkit-appearance:none;box-shadow:none;border-radius:0}
.fa-site .nav__dd-toggle:hover,.fa-site .nav__dd-toggle:focus,.fa-site .nav__dd-toggle:focus-visible,.fa-site .nav__dd-toggle:active{background:transparent!important;box-shadow:none;outline:none}
.fa-site .nav__dd-toggle:hover,.fa-site .nav__dd-toggle:focus-visible{color:var(--brand)}
.fa-site .nav__chev{width:14px;height:14px;transition:transform .22s}
.fa-site .nav__item--dd:hover .nav__chev,.fa-site .nav__item--dd.is-open .nav__chev{transform:rotate(180deg)}
.fa-site .nav__dropdown{list-style:none;margin:0;padding:.4rem;position:absolute;top:calc(100% + .55rem);left:0;min-width:265px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:120}
.fa-site .nav__dropdown::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.fa-site .nav__item--dd:hover .nav__dropdown,.fa-site .nav__item--dd:focus-within .nav__dropdown,.fa-site .nav__item--dd.is-open .nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.fa-site .nav__dropdown a{display:block;padding:.6rem .75rem;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap}
.fa-site .nav__dropdown a::after{display:none}
.fa-site .nav__dropdown a:hover,.fa-site .nav__dropdown a:focus-visible{background:var(--bg-light);color:var(--brand)}
/* --- Inactive (Blog) nav item --- */
.fa-site .nav__inactive{display:inline-block;font-weight:600;font-size:.95rem;color:var(--text-gray);padding:.4rem 0;cursor:default;opacity:.6}
/* --- WhatsApp buttons --- */
.fa-site .btn--wa{display:inline-flex;align-items:center;gap:.5rem}
.fa-site .btn--wa .icon-wa,.fa-site .phone-btn--wa .icon-wa{width:1.05em;height:1.05em;flex:none}
.fa-site .topbar .btn--wa .icon-wa{width:14px;height:14px}
.fa-site .phone-btn--wa .icon-wa{width:17px;height:17px}
.fa-site .nav__actions{display:none}
/* --- Toggle open/close icon swap --- */
.fa-site .nav-toggle__close{display:none}
.fa-site body.menu-open .nav-toggle__open{display:none}
.fa-site body.menu-open .nav-toggle__close{display:block}
/* toggle icon: always high-contrast in every header state */
.fa-site .nav-toggle{color:var(--brand)}
.fa-site .header.is-stuck .nav-toggle{color:var(--brand);border-color:var(--border)}
.fa-site .header:not(.is-stuck) .nav-toggle{color:#fff;border-color:rgba(255,255,255,.45)}
.fa-site body.menu-open .nav-toggle{color:#fff;border-color:rgba(255,255,255,.45)}
/* --- mobile/tablet contact icons next to the menu button --- */
.fa-site .header__mini{display:none}
.fa-site .header__mini-ic{display:inline-grid;place-content:center;width:40px;height:40px;border-radius:8px;color:var(--brand);transition:color .2s,background .2s}
.fa-site .header__mini-ic svg{width:21px;height:21px}
.fa-site .header__mini-ic:hover{background:rgba(0,0,0,.06)}
.fa-site .header:not(.is-stuck) .header__mini-ic{color:#fff}
.fa-site .header:not(.is-stuck) .header__mini-ic:hover{background:rgba(255,255,255,.15)}
.fa-site .header.is-stuck .header__mini-ic{color:var(--brand)}
@media (max-width:980px){
.fa-site .topbar{display:none}
.fa-site .header__mini{display:flex;align-items:center;gap:.1rem;margin-right:.1rem}
.fa-site body.menu-open .header__mini{display:none}
}
/* mobile: center the top-bar contact number */
@media (max-width:860px){
.fa-site .topbar__inner{justify-content:center}
.fa-site .topbar__right{display:none}
}
/* --- Mobile: full-screen reference-style overlay menu --- */
@media (max-width:980px){
.fa-site .nav-toggle{position:relative;z-index:120}
.fa-site body.menu-open{overflow:hidden}
.fa-site body.menu-open .header{background:transparent;border-bottom-color:transparent;box-shadow:none!important}
.fa-site body.menu-open .header .brand__logo{filter:brightness(0) invert(1)}
.fa-site body.menu-open .nav-toggle{color:#fff;border-color:rgba(255,255,255,.4)}
.fa-site .nav{
    position:fixed;inset:0;left:0;right:0;top:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--brand-dark);border-top:0;box-shadow:none;
    padding:calc(var(--header-h) + 1.4rem) var(--pad-inline) 2rem;
    transform:none;opacity:0;visibility:hidden;
    overflow-y:auto;z-index:90;transition:opacity .22s,visibility .22s;
  }
.fa-site .nav.is-open{opacity:1;visibility:visible}
/* top CTA buttons row (reference look) */
.fa-site .nav__actions{order:-1;display:flex;gap:.7rem;margin-bottom:1.6rem}
.fa-site .nav__actions .btn{flex:1 1 0;justify-content:center;display:inline-flex;padding:.95rem 1rem;border-radius:999px;font-size:.95rem}
.fa-site .nav__cta{display:inline-flex}
.fa-site .nav__actions .btn--outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.fa-site .nav__actions .btn--outline:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.fa-site .nav__list{flex-direction:column;align-items:stretch;gap:0;width:100%}
.fa-site .nav__list a{border-bottom:0}
.fa-site .nav__list>li{border-top:1px solid rgba(255,255,255,.14)}
.fa-site .nav__list>li:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.fa-site .nav__list>li>a,.fa-site .nav__list .nav__inactive,.fa-site .nav__dd-toggle{
    display:flex;align-items:center;justify-content:space-between;width:100%;
    padding:1.05rem .15rem;font-family:var(--font-head);font-size:1.45rem;font-weight:600;color:#fff;opacity:1;
  }
.fa-site .nav__list>li>a::after{display:none;content:"\2192";position:static;background:none;height:auto;width:auto;font-size:1.2rem;color:rgba(255,255,255,.6);transition:none;right:auto;left:auto;bottom:auto}
.fa-site .nav__list .nav__inactive{color:rgba(255,255,255,.4)}
.fa-site .nav__list>li>a:hover,.fa-site .nav__dd-toggle:hover{color:var(--accent)}
/* Services accordion on mobile */
.fa-site .nav__dd-toggle{font-size:1.45rem}
.fa-site .nav__chev{width:22px;height:22px;color:rgba(255,255,255,.7)}
.fa-site .nav__dropdown{
    position:static;opacity:1;visibility:visible;transform:none;
    background:transparent;border:0;box-shadow:none;padding:0 0 .5rem;min-width:0;
    max-height:0;overflow:hidden;transition:max-height .3s ease;
  }
.fa-site .nav__item--dd.is-open .nav__dropdown{max-height:70vh}
.fa-site .nav__dropdown::before{display:none}
.fa-site .nav__dropdown a{color:rgba(255,255,255,.82);font-size:1.02rem;font-weight:500;padding:.7rem .15rem .7rem 1rem;border-radius:0}
.fa-site .nav__dropdown a:hover,.fa-site .nav__dropdown a:focus-visible{background:transparent;color:var(--accent)}
.fa-site .nav__dropdown li+li{border-top:1px solid rgba(255,255,255,.08)}
}
/* =================================================================
   3 · HERO
   ================================================================= */
.fa-site .hero{background:linear-gradient(180deg,#fff 0%,var(--bg-light) 100%)}
.fa-site .hero__grid{display:grid;gap:clamp(1.8rem,4vw,3rem);align-items:center;padding-block:clamp(2.2rem,5vw,3.6rem)}
.fa-site .hero__copy h1{margin-bottom:1rem;color:var(--text)}
.fa-site .hero__copy h1 .hl{color:var(--brand)}
.fa-site .hero__subhead{font-family:var(--font-head);font-weight:600;font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.3;color:var(--brand);margin:0 0 1rem;max-width:34rem}
.fa-site .hero__lead{color:var(--text-gray);font-size:1.05rem;max-width:34rem;margin-bottom:1.6rem}
.fa-site .hero__actions{display:flex;flex-wrap:wrap;gap:.85rem}
.fa-site .hero__media{--ph-ratio:4/3}
@media (min-width:900px){
.fa-site .hero__grid{grid-template-columns:1.05fr 1.1fr}
.fa-site .hero__media{--ph-ratio:16/12}
}
@media (max-width:899px){
.fa-site .hero__grid{grid-template-columns:1fr}
.fa-site .hero__media{order:-1}
/* image above text on mobile, like the reference */
.fa-site .hero__actions .btn{flex:1 1 auto}
}
/* =================================================================
   4 · TRUST INDICATOR ROW
   ================================================================= */
.fa-site .trust-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin-top:-1.4rem;position:relative;z-index:2}
.fa-site .trust-item{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:.9rem 1rem;box-shadow:var(--shadow-sm)}
.fa-site .trust-item .icon{width:30px;height:30px;color:var(--brand);flex:none}
.fa-site .trust-item .icon.is-orange{color:var(--brand)}
.fa-site .trust-item strong{display:block;font-weight:700;font-size:.95rem;color:var(--brand)}
.fa-site .trust-item span{font-size:.8rem;color:var(--text-gray)}
@media (min-width:768px){
.fa-site .trust-row{grid-template-columns:repeat(4,1fr)}
}
/* =================================================================
   5 · AUTHORITIES GRID
   ================================================================= */
.fa-site .eyebrow{display:block;text-align:center;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.78rem;color:var(--brand);margin-bottom:.55rem;font-family:var(--font-head)}
.fa-site .authorities .section__head h2{color:var(--text)}
.fa-site .authorities .section__head h2 .hl{color:var(--brand)}
.fa-site .section__head p strong{color:var(--text)}
.fa-site .authority-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media (min-width:640px){
.fa-site .authority-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1024px){
.fa-site .authority-grid{grid-template-columns:repeat(3,1fr)}
}
.fa-site .authority-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:1.6rem 1.5rem;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s}
.fa-site .authority-card__num,.fa-site .authority-card h3,.fa-site .authority-card p,.fa-site .authority-card__link{transition:color .18s,background-color .18s}
.fa-site .authority-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:var(--brand);border-color:var(--brand)}
.fa-site .authority-card:hover h3,.fa-site .authority-card:hover p,.fa-site .authority-card:hover .authority-card__link{color:#fff}
.fa-site .authority-card:hover .authority-card__num{background:rgba(255,255,255,.18);color:#fff}
/* order number with a faded tinted background */
.fa-site .authority-card__num{align-self:flex-start;display:inline-grid;place-content:center;min-width:44px;height:34px;padding:0 .65rem;border-radius:8px;background:rgba(43,87,72,.08);color:var(--brand);font-family:var(--font-head);font-weight:800;font-size:1.05rem;letter-spacing:.04em;margin-bottom:.9rem}
.fa-site .authority-card h3{font-size:1.15rem;margin-bottom:.55rem}
.fa-site .authority-card p{font-size:.92rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.fa-site .authority-card__link{margin-top:auto;align-self:flex-end;display:inline-flex;align-items:center;gap:.3rem;padding-top:1rem;color:var(--brand);font-weight:700;font-size:.9rem;text-decoration:none}
.fa-site .authority-card__link .icon{width:15px;height:15px;stroke-width:2.4}
.fa-site .authority-card__link:hover{text-decoration:underline}
/* =================================================================
   6 · FITOUT APPROVAL ROADMAP  (dotted circles + sequential dark-green fill)
   ================================================================= */
@media (min-width:900px){
.fa-site .steps.steps--6{grid-template-columns:repeat(6,1fr)}
}
.fa-site .steps--road .step__num{width:74px;height:74px;background:transparent;border:2px dashed var(--border);color:var(--brand);font-weight:800;font-size:1.15rem;position:relative;transition:border-color .45s ease;transition-delay:calc(var(--i,0) * 500ms)}
.fa-site .steps--road .step__num::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--brand-dark);transform:scale(0);transition:transform .45s ease;transition-delay:calc(var(--i,0) * 500ms);z-index:1}
.fa-site .steps--road .step__num span{position:relative;z-index:2;transition:color .45s ease;transition-delay:calc(var(--i,0) * 500ms)}
.fa-site .steps--road.is-filling .step__num{border-color:var(--brand-dark)}
.fa-site .steps--road.is-filling .step__num::before{transform:scale(1)}
.fa-site .steps--road.is-filling .step__num span{color:#fff}
/* connectors sized for the larger circle */
.fa-site .steps--road .step:not(:last-child)::before{left:36px;top:80px;bottom:-1.6rem;width:2px;height:auto;background:repeating-linear-gradient(var(--border) 0 6px,transparent 6px 12px)}
@media (min-width:900px){
.fa-site .steps--road .step:not(:last-child)::before{top:37px;left:calc(50% + 40px);right:calc(-50% + 40px);bottom:auto;width:auto;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0 6px,transparent 6px 12px)}
}
/* =================================================================
   7 · QUOTE / LEAD SECTION
   ================================================================= */
.fa-site .quote-grid{display:grid;gap:1.4rem}
@media (min-width:900px){
.fa-site .quote-grid{grid-template-columns:.85fr 1.15fr;align-items:stretch}
}
.fa-site .quote-pitch{
  background:linear-gradient(160deg,var(--brand) 0%,var(--brand-dark) 100%);
  color:#fff;border-radius:var(--radius-card);padding:clamp(1.5rem,3vw,2.2rem);
  display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;
}
.fa-site .quote-pitch h2{color:#fff}
.fa-site .quote-pitch h2 .hl{color:var(--accent)}
.fa-site .quote-pitch p{color:rgba(255,255,255,.82)}
.fa-site .quote-pitch ul{display:grid;gap:.6rem}
.fa-site .quote-pitch li{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.95rem}
.fa-site .quote-pitch li .icon{width:20px;height:20px;color:var(--accent);flex:none}
.fa-site .quote-pitch__media{--ph-ratio:16/7;margin-top:auto;border-radius:10px}
.fa-site .quote-pitch__media.ph{background:linear-gradient(135deg,#2f6a55,#2B5748)}
.fa-site .quote-form{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:clamp(1.4rem,3vw,2rem)}
.fa-site .quote-form h3{margin-bottom:1.1rem}
.fa-site .form-grid{display:grid;grid-template-columns:1fr;gap:.95rem}
@media (min-width:560px){
.fa-site .form-grid{grid-template-columns:1fr 1fr}
}
.fa-site .field{display:flex;flex-direction:column;gap:.3rem}
.fa-site .field--full{grid-column:1/-1}
.fa-site .field label{font-size:.82rem;font-weight:600;color:var(--brand)}
.fa-site .field label .req{color:var(--brand)}
.fa-site .field input,.fa-site .field select,.fa-site .field textarea{
  width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:8px;
  background:#fff;font-size:.95rem;transition:border-color .15s,box-shadow .15s;
}
.fa-site .field textarea{resize:vertical;min-height:84px}
.fa-site .field input:focus,.fa-site .field select:focus,.fa-site .field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(43,87,72,.12)}
.fa-site .field input:user-invalid,.fa-site .field select:user-invalid{border-color:#dc2626}
.fa-site .field .error{font-size:.75rem;color:#dc2626;min-height:0;display:none}
.fa-site .field.has-error input,.fa-site .field.has-error select{border-color:#dc2626}
.fa-site .field.has-error .error{display:block}
.fa-site .form-privacy{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-gray);margin-top:.9rem}
.fa-site .form-privacy .icon{width:15px;height:15px;color:var(--brand)}
.fa-site .form-success{display:none;background:rgba(16,185,129,.1);border:1px solid #10b981;color:#065f46;border-radius:8px;padding:.85rem 1rem;font-weight:600;font-size:.9rem;margin-bottom:1rem}
.fa-site .form-success.show{display:block}
/* =================================================================
   8 · TRUST BADGES STRIP
   ================================================================= */
.fa-site .badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:1.2rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:1.4rem 1.6rem}
.fa-site .badge{display:flex;align-items:center;gap:.7rem;text-align:left}
.fa-site .badge .icon{width:34px;height:34px;color:var(--brand);flex:none}
.fa-site .badge__stars{color:var(--gold);font-size:1rem;letter-spacing:1px}
.fa-site .badge strong{display:block;font-size:.92rem;color:var(--brand)}
.fa-site .badge span{font-size:.78rem;color:var(--text-gray)}
@media (max-width:680px){
.fa-site .badges{flex-direction:column;align-items:stretch}
.fa-site .badge{justify-content:flex-start}
}
/* =================================================================
   10 · STEP TIMELINE (shared — used by the Approval Roadmap)
   ================================================================= */
.fa-site .steps{display:grid;gap:1.6rem;counter-reset:step}
.fa-site .step{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;position:relative}
.fa-site .step__num{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;font-family:var(--font-head);font-weight:700;display:grid;place-content:center;flex:none;z-index:2}
.fa-site .step h3{font-size:1.05rem;margin-bottom:.2rem}
.fa-site .step p{font-size:.9rem;color:var(--text-gray)}
/* vertical connector (mobile) */
.fa-site .step:not(:last-child)::before{content:"";position:absolute;left:21px;top:46px;bottom:-1.6rem;width:2px;background:repeating-linear-gradient(var(--border) 0 6px,transparent 6px 12px)}
@media (min-width:900px){
.fa-site .steps{grid-template-columns:repeat(5,1fr);gap:1rem}
.fa-site .step{grid-template-columns:1fr;text-align:center;justify-items:center}
.fa-site .step__num{margin-bottom:.6rem}
.fa-site .step:not(:last-child)::before{left:calc(50% + 22px);right:calc(-50% + 22px);top:21px;bottom:auto;width:auto;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0 6px,transparent 6px 12px)}
}
/* =================================================================
   11 · TESTIMONIALS (Google-style slider)
   ================================================================= */
.fa-site .testi-slider{position:relative}
.fa-site .testi-track{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:.4rem;scrollbar-width:none;-ms-overflow-style:none}
.fa-site .testi-track::-webkit-scrollbar{display:none}
.fa-site .testi-card{flex:0 0 85%;scroll-snap-align:start;background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:1.5rem}
@media (min-width:640px){
.fa-site .testi-card{flex:0 0 calc(50% - .6rem)}
}
@media (min-width:980px){
.fa-site .testi-card{flex:0 0 calc(33.333% - .8rem)}
}
.fa-site .testi-card__stars{color:var(--gold);letter-spacing:2px;margin-bottom:.8rem;font-size:1.05rem}
.fa-site .testi-card blockquote{font-size:.95rem;color:var(--text);line-height:1.6}
.fa-site .testi-card__author{display:flex;align-items:center;gap:.7rem;margin-top:1.1rem}
.fa-site .testi-card__avatar{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--border);display:grid;place-content:center;flex:none}
.fa-site .testi-card__avatar .gicon{width:24px;height:24px}
.fa-site .testi-card__author strong{display:block;font-size:.9rem;color:var(--brand)}
.fa-site .testi-card__author span{font-size:.78rem;color:var(--text-gray)}
.fa-site .testi-nav{display:flex;justify-content:center;gap:.7rem;margin-top:1.5rem}
.fa-site .testi-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--brand);display:grid;place-content:center;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}
.fa-site .testi-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.fa-site .testi-btn .icon{width:20px;height:20px}
.fa-site .testi-btn[data-dir="-1"] .icon{transform:rotate(180deg)}
/* =================================================================
   12 · FOOTER
   ================================================================= */
.fa-site .footer{background:var(--brand-dark);color:rgba(255,255,255,.78);padding-block:clamp(2.5rem,5vw,3.5rem) 0}
.fa-site .footer__grid{display:grid;grid-template-columns:1fr;gap:2rem}
@media (min-width:560px){
.fa-site .footer__grid{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
.fa-site .footer__grid{grid-template-columns:1.2fr 1.9fr 1fr 1.3fr}
.fa-site .footer__list--2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(6,auto);gap:.5rem 1.25rem}
}
.fa-site .footer h4{font-family:var(--font-head);color:#fff;font-size:.95rem;font-weight:700;margin-bottom:1rem;letter-spacing:.02em}
.fa-site .footer a{color:rgba(255,255,255,.78);font-size:.9rem;display:inline-block;padding:.22rem 0;transition:color .15s}
.fa-site .footer a:hover{color:var(--accent)}
.fa-site .footer__about p{font-size:.9rem;margin:.9rem 0 1.1rem;max-width:30ch}
.fa-site .footer .brand__name,.fa-site .footer .brand__sub{color:#fff}
.fa-site .footer__social{display:flex;gap:.6rem}
.fa-site .footer__social a{width:38px;height:38px;display:grid;place-content:center;border-radius:8px;background:rgba(255,255,255,.08);color:#fff}
.fa-site .footer__social a:hover{background:var(--accent)}
.fa-site .footer__list li a{display:block}
.fa-site .footer__contact .icon{width:16px;height:16px;color:var(--accent);margin-right:.45rem;vertical-align:-2px}
.fa-site .footer__bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:2.5rem;padding-block:1.2rem;font-size:.82rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}
.fa-site .footer__bottom a{color:var(--accent)}
/* =================================================================
   WHATSAPP FLOATING CHAT BUTTON
   ================================================================= */
.fa-site .wa-fab{position:fixed;right:20px;bottom:20px;z-index:1000;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:transform .2s,box-shadow .2s}
.fa-site .wa-fab:hover,.fa-site .wa-fab:focus-visible{transform:scale(1.08);box-shadow:0 10px 26px rgba(0,0,0,.34)}
.fa-site .wa-fab svg{width:32px;height:32px}
.fa-site .wa-fab::after{content:"";position:absolute;inset:0;border-radius:50%;animation:waPulse 2.4s ease-out infinite}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media (max-width:600px){
.fa-site .wa-fab{right:16px;bottom:16px;width:54px;height:54px}
.fa-site .wa-fab svg{width:30px;height:30px}
}
@media (prefers-reduced-motion:reduce){
.fa-site .wa-fab::after{animation:none}
}
.fa-site .brand__logo{height:calc(var(--header-h) * 0.9);width:auto;display:block}
.fa-site .brand__logo--footer{height:clamp(58px,7vw,76px);filter:brightness(0) invert(1)}
.fa-site .hero-badge{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.1rem;padding:.5rem 1rem;border-radius:var(--radius-pill);background:rgba(43,87,72,.07);border:1.5px solid var(--accent);color:var(--brand);font-family:var(--font-head);font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.fa-site .hero-badge .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 0 3px rgba(167,192,128,.3)}
.fa-site .trust-item .stat{display:block;font-family:var(--font-head);font-weight:800;font-size:clamp(1.45rem,2.6vw,1.75rem);color:var(--brand);line-height:1.05}
.fa-site .badge--link{text-decoration:none;transition:transform .15s}
.fa-site .badge--link:hover{transform:translateY(-2px)}
.fa-site .gicon{display:block;stroke:none;flex:none}
.fa-site .badge .gicon{width:34px;height:34px}
.fa-site .quote-pitch__cta strong{color:#fff}
.fa-site .eyebrow--left{text-align:left}
.fa-site .accent--left::after{margin-left:0;margin-right:auto}
.fa-site .whychoose__grid{display:grid;gap:clamp(1.5rem,4vw,2.6rem);align-items:center}
@media (min-width:880px){
.fa-site .whychoose__grid{grid-template-columns:1fr 1.1fr}
}
.fa-site .whychoose__media{--ph-ratio:5/4}
.fa-site .whychoose__body p{color:var(--text-gray);margin-top:.4rem}
.fa-site .whychoose__list{display:grid;gap:.7rem;margin-top:1.2rem}
.fa-site .whychoose__list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem;color:var(--text)}
.fa-site .whychoose__list .icon{width:18px;height:18px;color:var(--brand);flex:none;margin-top:3px;stroke-width:2.2}
.fa-site .quote-pitch li.nowrap{white-space:nowrap;font-size:.9rem}
@media (max-width:559px){
.fa-site .quote-pitch li.nowrap{white-space:normal;font-size:.95rem}
}
/* sliding ribbon */
.fa-site .ribbon{background:var(--brand);color:#fff;overflow:hidden;margin-top:clamp(1.5rem,4vw,2.5rem)}
.fa-site .ribbon__track{display:flex;width:max-content;padding-block:.7rem;animation:ribbon-scroll 40s linear infinite}
.fa-site .ribbon:hover .ribbon__track{animation-play-state:paused}
.fa-site .ribbon__group{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.fa-site .ribbon__item{white-space:nowrap;font-family:var(--font-head);font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;padding-inline:1.4rem}
.fa-site .ribbon__sep{color:var(--accent);font-size:.55rem;line-height:1}
@keyframes ribbon-scroll{to{transform:translateX(-50%)}}
/* areas we serve (green band) */
.fa-site .areas{background:linear-gradient(160deg,var(--brand),var(--brand-dark));color:#fff}
.fa-site .areas .section__head h2{color:#fff}
.fa-site .areas .eyebrow{color:var(--accent)}
.fa-site .areas .accent::after{background:var(--accent)}
.fa-site .areas .section__head p{color:rgba(255,255,255,.82)}
.fa-site .areas-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
@media (min-width:680px){
.fa-site .areas-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
.fa-site .areas-grid{grid-template-columns:repeat(4,1fr)}
}
.fa-site .area{display:flex;height:100%;color:inherit;text-decoration:none;align-items:center;gap:.6rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:.85rem 1rem;font-weight:600;font-size:.95rem;transition:background-color .18s,border-color .18s,transform .18s}
.fa-site .area:hover{background:rgba(255,255,255,.12);border-color:var(--accent);transform:translateY(-2px)}
.fa-site .area .icon{width:18px;height:18px;color:var(--accent);flex:none}
/* FAQ */
.fa-site .faq .section__head h2{color:var(--text)}
.fa-site .faq .section__head h2 .hl{color:var(--brand)}
.fa-site .faq__layout{display:grid;gap:1.5rem}
@media (min-width:900px){
.fa-site .faq__layout{grid-template-columns:300px 1fr;align-items:start}
.fa-site .faq-side{position:sticky;top:90px}
}
.fa-site .faq-side__title{font-family:var(--font-head);font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-gray);margin-bottom:.9rem}
.fa-site .faq-cats{list-style:none;display:grid;gap:.6rem;margin-bottom:1.3rem}
.fa-site .faq-cat{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:.8rem .9rem;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .18s,background-color .18s}
.fa-site .faq-cat:hover{border-color:var(--brand)}
.fa-site .faq-cat__ic{display:grid;place-content:center;width:36px;height:36px;border-radius:8px;background:rgba(43,87,72,.08);color:var(--brand);flex:none}
.fa-site .faq-cat__ic .icon{width:18px;height:18px}
.fa-site .faq-cat__tx{flex:1;min-width:0}
.fa-site .faq-cat__tx strong{display:block;font-size:.9rem;color:var(--text);line-height:1.2}
.fa-site .faq-cat__tx small{font-size:.74rem;color:var(--text-gray)}
.fa-site .faq-cat .chev{width:15px;height:15px;color:var(--text-gray);flex:none}
.fa-site .faq-cat.is-active{border-color:var(--brand);background:rgba(43,87,72,.05)}
.fa-site .faq-cat.is-active .faq-cat__ic{background:var(--brand);color:#fff}
.fa-site .faq-cat.is-active .faq-cat__tx strong,.fa-site .faq-cat.is-active .chev{color:var(--brand)}
.fa-site .faq-help{background:linear-gradient(160deg,var(--brand),var(--brand-dark));color:#fff;border-radius:12px;padding:1.3rem}
.fa-site .faq-help strong{display:block;font-family:var(--font-head);font-size:1rem;margin-bottom:.4rem}
.fa-site .faq-help p{font-size:.84rem;color:rgba(255,255,255,.82);margin-bottom:1rem;line-height:1.5}
.fa-site .faq-help__btn{background:#fff;color:var(--brand);width:100%}
.fa-site .faq-help__btn:hover{background:var(--bg-light)}
.fa-site .faq-panel[hidden]{display:none}
.fa-site .faq-item{background:#fff;border:1px solid var(--border);border-radius:10px;margin-bottom:.7rem}
.fa-site .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;cursor:pointer;font-weight:600;font-size:.97rem;color:var(--text);list-style:none}
.fa-site .faq-item summary::-webkit-details-marker{display:none}
.fa-site .faq-item summary .icon{width:18px;height:18px;color:var(--brand);flex:none;transition:transform .2s}
.fa-site .faq-item[open] summary{color:var(--brand)}
.fa-site .faq-item[open] summary .icon{transform:rotate(180deg)}
.fa-site .faq-item__a{padding:0 1.2rem 1.1rem;color:var(--text-gray);font-size:.92rem;line-height:1.65}
.fa-site .hero-rating{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1.1rem;padding:.42rem .8rem;border:1px solid var(--border);border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.06);font-size:.82rem;color:var(--text-gray);text-decoration:none;transition:box-shadow .2s,transform .2s;max-width:100%;flex-wrap:wrap}
.fa-site .hero-rating:hover{box-shadow:0 5px 16px rgba(15,23,42,.12);transform:translateY(-1px)}
.fa-site .hero-rating .gicon{width:16px;height:16px;flex:none}
.fa-site .hero-rating__txt{font-weight:600;color:var(--text)}
.fa-site .hero-rating__num{color:var(--gold);font-weight:700}
.fa-site .hero-rating__stars{color:var(--gold);letter-spacing:1px;font-size:.92rem;line-height:1}
.fa-site .icon--end{margin-left:.1rem}
/* authority logo grid (areas section) */
.fa-site .auth-cluster{margin-top:clamp(2.2rem,5vw,3.4rem);border-top:1px solid rgba(255,255,255,.18);padding-top:clamp(1.8rem,4vw,2.6rem)}
.fa-site .auth-cluster__title{text-align:center;font-family:var(--font-head,inherit);font-weight:600;font-size:clamp(1.05rem,2.4vw,1.35rem);color:#fff;margin:0 0 1.6rem}
.fa-site .auth-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:0;padding:0}
@media(min-width:560px){
.fa-site .auth-grid{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:768px){
.fa-site .auth-grid{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:1024px){
.fa-site .auth-grid{grid-template-columns:repeat(6,1fr)}
}
.fa-site .auth-grid a{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;aspect-ratio:16/10;padding:.6rem .75rem;box-shadow:0 3px 12px rgba(0,0,0,.10);transition:transform .2s,box-shadow .2s}
.fa-site .auth-grid a:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.fa-site .auth-grid img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.fa-site section[id]{scroll-margin-top:90px}