/* ===== Site-wide brand palette: sky blue #8FC7E8 · yellow #F2C14E · white · navy text (loaded after flat.css) ===== */
:root{
  --sky:#1B2A41;--sky-l:#F3F5F9;--sky-d:#1B2A41;--sky-dd:#0F1B2D;--yel:#F2C14E;--yel-d:#E0AC2D;--navy:#1B2A41;
  --green:#1B2A41;--green-d:#0F1B2D;--blue:#1B2A41;--blue-d:#0F1B2D;--purple:#E0AC2D;--purple-d:#C9971F;
  --accent:#F2C14E;--accent-d:#B98A14;--text:#1B2A41;--grey:#4A5A70;--muted:#6B7A90;--bg:#F7F8FA;--border:#E3E7EE;--border-d:#CBD2DD;
  --aurora:#F2C14E;--glow-g:none;--glow-b:none;--primary:#1B2A41;--primary-d:#0F1B2D;
}
.grad{color:var(--navy)}
h1,h2,h3,h4{color:var(--navy)}
a:hover{color:var(--navy)}
/* buttons */
.btn-primary,.btn-green,.btn-download,.btn-blue,.btn-aurora{background:var(--yel)!important;color:var(--navy)!important;border:0;box-shadow:none}
.btn-primary:hover,.btn-green:hover,.btn-download:hover,.btn-blue:hover{background:var(--yel-d)!important;color:var(--navy)!important}
.btn-download small,.btn-primary small,.btn-green small{color:var(--navy)!important;opacity:.8}
.btn-glass,.btn-outline{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
.btn-glass:hover,.btn-outline:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
/* header */
.navbar{background:#fff;border-bottom:1px solid var(--border)}
.navbar .logo-text,.nav-links a{color:var(--navy)}
.nav-links a:hover{background:#F3F5F9;color:var(--navy)}
.nav-links a.active{color:var(--navy)}.nav-links a.active::after{background:var(--yel)}
.nav-search input{background:#F3F5F9;border-color:#E3E7EE;color:var(--navy)}.nav-search .s-ic{color:var(--navy)}
.nav-search input:focus{border-color:var(--yel);box-shadow:0 0 0 3px rgba(242,193,78,.35)}
.nav-login{background:#fff!important;color:var(--navy)!important;border:1.5px solid var(--navy)!important}
.nav-cta{background:var(--yel)!important;color:var(--navy)!important}
.hamburger span{background:var(--navy)}
.nav-links.open,.nav-links.show{background:#fff}
.plat-bar{background:#fff;border-top:1px solid var(--border)}
.plat-bar a.active{color:var(--navy);border-bottom-color:var(--yel)}
.user-menu .avatar-btn{background:var(--yel);color:var(--navy)}
/* badges, chips, tabs */
.chip.safe,.bdg-green,.badge-green,.tag-safe,.safe-badge{background:#FFF4D6;color:#8A6200}
.tabs a.active,.tabs button.active,.tabs-line a.active,.tab.active{background:var(--navy);color:#fff}
.chip.active,.filter.active{background:var(--yel);color:var(--navy)}
mark{background:var(--yel)}
/* footer & bottom nav */
.footer{background:#fff;border-top:3px solid var(--yel)}
.footer h4,.footer-brand .logo-text{color:var(--navy)}
.footer-bottom{background:var(--sky-l)}
.bottom-nav a.active{color:var(--navy);background:var(--sky-l)}
/* misc flat components */
.page-hero{background:var(--sky-l)}
.hero-search button,.lp-search button{background:var(--yel)!important;color:var(--navy)!important}
.stars,.rating,.star{color:var(--yel-d)}
.progress i,.loader-ring{border-color:var(--sky-d)}
.flash-success{background:var(--sky-l);color:var(--navy);border-color:var(--sky)}
.fab-call,.call-fab,.whatsapp-fab{background:var(--yel)!important;color:var(--navy)!important}
input:focus,select:focus,textarea:focus{border-color:var(--navy)!important;box-shadow:0 0 0 3px rgba(242,193,78,.35)!important;outline:none}
::selection{background:var(--yel);color:var(--navy)}

/* company pages (services/portfolio/about/team/pricing): re-enable staggered reveal */
body.co-anim .reveal{opacity:0!important;transform:translateY(24px)!important;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)!important}
body.co-anim .reveal.visible{opacity:1!important;transform:none!important}
body.co-anim .services-grid>.reveal:nth-child(2),body.co-anim .projects-grid>.reveal:nth-child(2),body.co-anim .features-grid>.reveal:nth-child(2),body.co-anim .team-grid>.reveal:nth-child(2),body.co-anim .pricing-grid>.reveal:nth-child(2){transition-delay:.1s}
body.co-anim .services-grid>.reveal:nth-child(3),body.co-anim .projects-grid>.reveal:nth-child(3),body.co-anim .features-grid>.reveal:nth-child(3),body.co-anim .team-grid>.reveal:nth-child(3),body.co-anim .pricing-grid>.reveal:nth-child(3){transition-delay:.2s}
body.co-anim .services-grid>.reveal:nth-child(4),body.co-anim .projects-grid>.reveal:nth-child(4),body.co-anim .features-grid>.reveal:nth-child(4),body.co-anim .team-grid>.reveal:nth-child(4){transition-delay:.3s}
body.co-anim .services-grid>.reveal:nth-child(5),body.co-anim .projects-grid>.reveal:nth-child(5){transition-delay:.4s}
body.co-anim .services-grid>.reveal:nth-child(6),body.co-anim .projects-grid>.reveal:nth-child(6){transition-delay:.5s}
@media(prefers-reduced-motion:reduce){body.co-anim .reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* services page illustrations */
.svc-art{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 18px 40px -28px rgba(27,42,65,.35)}
.svc-art img{width:100%;height:auto;display:block;border-radius:8px}

.tools-sec-head{border-bottom-color:var(--yel)}

.post-thumb{background:#F3F5F9}
/* platform bar removed site-wide */
.plat-bar{display:none!important}
html{scroll-padding-top:80px}
.flashes{top:72px}.sw-tabs{top:64px}.qr-right{top:76px}

/* contact map (real Google Maps embed) */
.map-card{padding:0;overflow:hidden;border-radius:14px}
.map-card iframe{display:block;width:100%;height:380px;border:0}
.map-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--border);font-weight:600;font-size:14px;color:var(--navy)}

/* footer socials — real brand icons */
.socials a{width:38px;height:38px;border-radius:8px;background:#F3F5F9;border:1px solid var(--border);color:var(--navy);display:grid;place-items:center}
.socials a svg{width:18px;height:18px}
.socials a:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:none;box-shadow:none}