/* 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:#EEF4FC; --neu-dark:rgba(139,168,208,.48); --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,.92),rgba(255,255,255,0) 55%),linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.34));
  --glass-shadow:0 22px 56px rgba(46,94,153,.14),0 3px 8px rgba(46,94,153,.06);
  --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:"";position:fixed;inset:-8%;z-index:-1;pointer-events:none;
  background:radial-gradient(38% 34% at 10% 6%,rgba(168,196,232,.62),transparent 70%),
    radial-gradient(34% 30% at 90% 12%,rgba(196,190,244,.46),transparent 70%),
    radial-gradient(44% 38% at 72% 88%,rgba(150,192,238,.42),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(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);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;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  border:1px solid rgba(255,255,255,.78)!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{transform:translateY(-4px);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{transform:translateY(-2px);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)}

/* PRELOADER + PAGE CURTAIN: shorter, lighter */
#loader{background:radial-gradient(120% 90% at 50% 35%,#fff,#EDF4FC 60%,#DCE8F8)!important;transition:opacity .22s ease,visibility .22s ease!important}
.ring-outer{border-top-color:var(--brand)!important}
.pt-page{background:linear-gradient(105deg,#262262,#3B3597 62%,#5b64c4)!important}
#pageturn.turn-out .pt-page,#pageturn.turn-in .pt-page{animation-duration:.3s!important}

@media(prefers-reduced-motion:reduce){body .glass-card:hover,body .proj-card:hover,body .btn-primary:hover{transform:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body .glass-card,body .proj-card,body .cs-card,body .team-card-full,body .faq-item,body .glance-card{background:rgba(255,255,255,.9)!important}}
