/* yousufameer.com shared base (staged 2026-10-22): self-hosted fonts, one token set,
   one small-type scale, contrast fixes, FAB behavior, Industries nav. Visual-only; no GA4 hooks touched. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/ya/plus-jakarta-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/ya/dm-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* one token set for homepage + inner pages */
:root{
  --ink:#0b1224; --ink-soft:#3d4a66; --ink-muted:#44506b;
  --surface:#eef2ff; --surface-alt:#e0e7ff; --white:#ffffff;
  --accent:#2563eb; --accent-dark:#1d4ed8; --accent-soft:#60a5fa;
  --accent-light:rgba(37,99,235,.10); --border:rgba(37,99,235,.14); --border-strong:rgba(37,99,235,.22);
  --navy:#070318; --navy-mid:#0a205e;
  --hero-bg:var(--navy); --hero-surface:var(--navy-mid); --hero-text:#f0ede8;
  --hero-border:rgba(255,255,255,.08); --hero-muted:rgba(240,237,232,.72); --hero-faint:rgba(240,237,232,.18);
  --radius-sm:6px; --radius:10px; --radius-lg:12px; --radius-xl:20px; --radius-pill:999px;
  /* small-type scale (11/12/13/14/15/16/17/18px) */
  --fs-2xs:.6875rem; --fs-xs:.75rem; --fs-sm:.8125rem; --fs-md:.875rem; --fs-base-sm:.9375rem; --fs-base:1rem; --fs-lg:1.0625rem; --fs-xl:1.125rem;
}

/* contrast: brand colors only */
.testi-role,.crumbs{color:var(--ink-muted)!important}
.hero-stars svg{fill:var(--accent)!important;color:var(--accent)!important}
.hero-badge .hb-stars,.testi-stars span,.gr-badge-star,.hs-star{color:var(--accent)!important}
.wa-float,html body .wa-float,html body .wa-float:hover,html body .wa-float .float-label{color:var(--navy)!important}
html body .wa-float svg{color:var(--navy)!important;fill:currentColor}
html body .wa-float .float-ico{background:var(--navy)!important}

/* testimonial dots: 24px hit area, same 6px visual */
.testi-dot{position:relative}
.testi-dot::after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%}
.testi-dots{gap:18px!important}

/* floating CTAs: never cover the hero / stats strip on phones */
.wa-float,.cal-float{transition:opacity .25s ease,transform .25s ease,box-shadow .2s}
@media (max-width:700px){
  body.fab-hold .wa-float,body.fab-hold .cal-float{opacity:0!important;transform:translateY(16px)!important;pointer-events:none!important}
  footer[role="contentinfo"]{padding-bottom:110px!important}
}

/* Industries: desktop dropdown */
.nav-links .nav-dd{position:relative}
.nav-links .nav-dd-btn{background:none;border:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:4px;padding:0}
.nav-links .nav-dd-btn svg{width:14px;height:14px;transition:transform .2s}
.nav-links .nav-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-links .nav-dd-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);min-width:240px;margin:0;padding:8px;list-style:none;background:var(--navy);border:1px solid rgba(96,165,250,.25);border-radius:var(--radius-lg);box-shadow:0 12px 32px rgba(7,3,24,.35);z-index:1000;display:none}
.nav-links .nav-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-links .nav-dd:hover .nav-dd-menu,.nav-links .nav-dd:focus-within .nav-dd-menu,.nav-links .nav-dd.is-open .nav-dd-menu{display:block}
.nav-links .nav-dd-menu a{display:block;padding:9px 12px;border-radius:8px;color:#f0ede8!important;font-size:var(--fs-base-sm);white-space:nowrap;text-decoration:none}
.nav-links .nav-dd-menu a:hover,.nav-links .nav-dd-menu a:focus-visible{background:rgba(96,165,250,.14);color:#fff!important}
@media (max-width:768px){.nav-links .nav-dd{display:none}}

/* Industries: footer row */
.footer-industries{position:static;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;align-items:center;margin:0 0 1rem;font-size:var(--fs-md)}
.footer-industries strong{color:#f0ede8;font-weight:600}
.footer-industries a{color:var(--accent-soft);text-decoration:none}
.footer-industries a:hover{text-decoration:underline}
/* one nav link style on both templates */
.nav-links a:not(.nav-cta),.nav-links .nav-dd-btn{font-size:var(--fs-md)!important;font-weight:500!important}
.nav-links .nav-dd-btn{color:rgba(255,255,255,.72)}
.nav-links .nav-dd-btn:hover,.nav-links .nav-dd.is-open .nav-dd-btn{color:#fff}
/* Industries group in the mobile menu: plain one-column list (the "All services" highlight doesn't apply) */
.mobile-menu #mmIndustries{grid-template-columns:1fr}
.mobile-menu #mmIndustries a:first-child{grid-column:auto;color:rgba(240,237,232,.8);font-weight:500}