/* ARMEER LIQUID GLASS v1 | loads last, re-skins tokens and components.
   Palette: lightest sapphire veil + logo indigo (#262262) for CTAs and dark anchors. */
:root{
  --c-bg:#F5F9FE; --c-bg2:#EDF3FC; --c-bg3:#E0EBF9;
  --c-glass:rgba(255,255,255,.55); --c-glass2:rgba(255,255,255,.75);
  --c-sapphire-lightest:#F5F9FE; --c-sapphire-light:#A8C4E8;
  --c-sapphire:#2E5E99; --c-sapphire-deep:#262262;
  --c-border:rgba(255,255,255,.75); --c-border2:rgba(46,94,153,.18); --c-border3:rgba(38,34,98,.08);
  --brand:#262262; --brand-2:#3B3597; --brand-glow:rgba(38,34,98,.30);
  --font-display:'Bricolage Grotesque','DM Sans',system-ui,sans-serif;
  --radius-sm:12px; --radius-md:18px; --radius-lg:26px; --radius-xl:34px;
  --neu-base:#DCE7F5; --neu-dark:rgba(108,140,190,.5); --neu-light:#fff;
  --neu-out:9px 9px 22px var(--neu-dark),-9px -9px 22px var(--neu-light);
  --neu-out-sm:4px 4px 10px var(--neu-dark),-4px -4px 10px var(--neu-light);
  --neu-in:inset 5px 5px 11px var(--neu-dark),inset -5px -5px 11px var(--neu-light);
  --neu-in-sm:inset 3px 3px 7px var(--neu-dark),inset -3px -3px 7px var(--neu-light);
  --glass-bg:radial-gradient(130% 90% at 0% 0%,rgba(255,255,255,.72),rgba(255,255,255,0) 50%),linear-gradient(135deg,rgba(203,220,243,.7),rgba(172,196,232,.42));
  --glass-shadow:0 12px 30px rgba(46,94,153,.12);
  --glass-edge:inset 0 1.5px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.55);
}
html{scroll-padding-top:92px}
body{background:var(--c-bg);position:relative}
body::before{content:"";will-change:transform;transform:translateZ(0);position:fixed;inset:-8%;z-index:-1;pointer-events:none;
  background:radial-gradient(38% 34% at 10% 6%,rgba(150,184,230,.75),transparent 70%),
    radial-gradient(34% 30% at 90% 12%,rgba(184,178,240,.58),transparent 70%),
    radial-gradient(44% 38% at 72% 88%,rgba(132,180,236,.55),transparent 70%),
    radial-gradient(30% 30% at 6% 92%,rgba(210,224,247,.7),transparent 70%)}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.028em}
body section:not(.testi-dark){background:transparent!important}
body section:nth-of-type(even):not(.testi-dark){background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.1))!important}
.section-label{font-family:var(--font-body);text-transform:none;letter-spacing:.01em;font-size:.84rem;font-weight:600;color:var(--c-sapphire)}
.section-label::before{display:none}

/* NAV: floating glass, neumorphic pressed state */
body #navbar.scrolled{background:rgba(255,255,255,.58)!important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.8);box-shadow:0 10px 32px rgba(46,94,153,.10),inset 0 -1px 0 rgba(255,255,255,.9)}
.nav-links a{font-family:var(--font-body);text-transform:none;font-size:.92rem;letter-spacing:0;font-weight:500;color:#33507a;border-radius:999px;padding:.5rem .95rem}
.nav-links a::after{display:none}
.nav-links a:hover,.nav-links a.active{background:var(--neu-base);box-shadow:var(--neu-in-sm);color:var(--brand)}
.mobile-nav{background:rgba(245,249,254,.86)!important;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}

/* LIQUID GLASS cards and panels */
body .glass-card,body .glass,body .proj-card,body .svc-card-inner,body .svc-card-glass,body .cs-card,body .blog-card-full,body .team-card-full,body .faq-item,body .testi-slide,body .info-strip-item,body .glance-card,body .ba-item{
  background:var(--glass-bg)!important;
  border:1px solid rgba(255,255,255,.65)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow),var(--glass-edge)!important}
body .glass-card:hover,body .proj-card:hover,body .cs-card:hover,body .blog-card-full:hover,body .team-card-full:hover{box-shadow:0 30px 70px rgba(46,94,153,.2),var(--glass-edge)!important}
.proj-card img,.blog-card-thumb img,.svc-card-img img{border-radius:calc(var(--radius-lg) - 6px)}

/* NEUMORPHIC: stat tiles, chips, filters, inputs */
body .stat-item,body .stat-strip-item,body .stat-pill,body .chip,body .blog-filter-btn,body .team-skill,body .team-socials a{
  background:var(--neu-base)!important;border:0!important;border-radius:var(--radius-md)!important;box-shadow:var(--neu-out-sm)!important}
body .stat-item,body .stat-strip-item{box-shadow:var(--neu-out)!important;border-radius:var(--radius-lg)!important}
body .tag{box-shadow:var(--neu-out-sm)}
body .blog-filter-btn.active,body .blog-filter-btn:hover{box-shadow:var(--neu-in-sm)!important;color:var(--brand)}
body .form-control,body input[type=text],body input[type=email],body input[type=tel],body textarea,body select{
  background:var(--neu-base)!important;border:0!important;border-radius:16px!important;box-shadow:var(--neu-in)!important;color:var(--c-text)}
body .form-control:focus,body textarea:focus,body select:focus{outline:2px solid var(--brand-2);outline-offset:2px}
body .faq-item .icon{background:var(--neu-base);border-radius:50%;box-shadow:var(--neu-out-sm)}

/* CTAs: logo indigo */
body .btn,body .btn-p,body .btn-g,body .btn-primary,body .btn-ghost,body .nav-cta-link,body form button[type=submit]{border-radius:999px!important;font-weight:600}
body .btn-primary,body .btn-p,body .btn-p-lg,body .nav-cta-link,body form button[type=submit]{
  background:linear-gradient(135deg,var(--brand-2),var(--brand))!important;color:#fff!important;border:0!important;
  box-shadow:0 12px 28px var(--brand-glow),inset 0 1.5px 0 rgba(255,255,255,.4),inset 0 -3px 8px rgba(0,0,0,.18)!important}
body .btn-primary:hover,body .btn-p:hover,body .btn-p-lg:hover,body .nav-cta-link:hover,body form button[type=submit]:hover{box-shadow:0 18px 38px rgba(38,34,98,.42),inset 0 1.5px 0 rgba(255,255,255,.45)!important}
body .btn-ghost,body .btn-g{background:var(--neu-base)!important;color:var(--brand)!important;border:0!important;box-shadow:var(--neu-out-sm)!important}
body .btn-ghost:hover,body .btn-g:hover{box-shadow:var(--neu-in-sm)!important}
:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}

/* TEAM avatars */
.team-avatar,.team-avatar-lg{background:var(--neu-base);box-shadow:var(--neu-out)}
.team-avatar img,.team-avatar-lg img{border-radius:50%}

/* AIO / GEO "at a glance" block */
.aio-glance{padding:34px 0 10px!important}
.glance-card{padding:2rem 2.2rem}
.glance-card h2{font-size:clamp(1.3rem,2.2vw,1.8rem);margin-bottom:.6rem}
.glance-lead{max-width:78ch;color:var(--c-muted);margin-bottom:1.4rem}
.glance-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.glance-facts>div{background:var(--neu-base);border-radius:var(--radius-md);box-shadow:var(--neu-in-sm);padding:.8rem 1rem}
.glance-facts dt{font-size:.78rem;color:var(--c-muted);font-weight:600}
.glance-facts dd{font-weight:700;color:var(--c-text);font-size:.95rem;overflow-wrap:anywhere}
.glance-facts a{color:var(--brand)}
@media(max-width:820px){.glance-facts{grid-template-columns:1fr 1fr}.glance-card{padding:1.4rem}}
@media(max-width:520px){.glance-facts{grid-template-columns:1fr}}

/* FOOTER: floating brand-indigo glass slab */
body footer{background:linear-gradient(160deg,#2f2a7a,#262262 55%,#1c1952)!important;border-radius:36px 36px 0 0;margin-top:30px;box-shadow:0 -18px 50px rgba(38,34,98,.18),inset 0 1.5px 0 rgba(255,255,255,.22)}


@media(prefers-reduced-motion:reduce){body .glass-card:hover,body .proj-card:hover,body .btn-primary:hover{transform:none}}

/* scroll bar, curtain, loader removed */
#scroll-progress,#loader,#pageturn{display:none!important}
html{scroll-behavior:smooth}
.nw{white-space:nowrap}
/* stat strip: separate neumorphic tiles */
body .stat-strip{gap:1.3rem;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;padding:.6rem}
body .stat-strip-item{border:0!important}
/* testimonials: light glass instead of dark band */
body .testi-dark{background:transparent!important}
body .testi-dark .section-label{color:var(--c-sapphire)!important}
body .testi-dark h2{color:var(--c-text)!important}
body .testi-dark .text-gradient-dark{background:linear-gradient(135deg,var(--brand),var(--c-sapphire));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
body .testi-dark .testimonial-text{color:#2b4268!important}
body .testi-dark .t-name{color:var(--c-text)!important}
body .testi-dark .t-title{color:var(--c-muted)!important}

/* hero net/grid removed on every page */
.page-hero.grid-bg::before,.grid-bg::before,.hero-kinetic-canvas{display:none!important}
/* footer uses the same logo as the header, on a light pill */
.footer-logo-link{display:inline-block;background:rgba(255,255,255,.94);padding:.55rem .95rem;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 #fff;margin-bottom:1rem}
.footer-logo-link img{height:44px;width:auto;display:block}

/* reviews */
.reviews-grid{columns:3 300px;column-gap:1.2rem}
.review-card{break-inside:avoid;margin:0 0 1.2rem;padding:1.4rem 1.5rem;display:block}
.rv-g{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--c-sapphire);margin-bottom:.7rem}
.rv-text{color:#27406a;font-size:.95rem;line-height:1.65;margin-bottom:1rem;overflow-wrap:anywhere}
.rv-author{display:flex;align-items:center;gap:.7rem}
.rv-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#fff;display:grid;place-items:center;font-weight:700;font-size:.8rem;flex:none}
.rv-name{font-weight:700;color:var(--c-text);font-size:.92rem}
.rv-sub{font-size:.76rem;color:var(--c-muted)}