/* ═══════════ AXESMAP — MASTER STYLESHEET ═══════════ */
/* Version: 1.0 | Ejesmapa Technologies Pvt. Ltd. */

/* ── RESET & VARIABLES ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --b50:#eff6ff;--b100:#dbeafe;--b200:#bfdbfe;--b300:#93c5fd;
  --b400:#60a5fa;--b500:#3b82f6;--b600:#2563eb;--b700:#1d4ed8;--b800:#1e40af;--b900:#1e3a8a;
  --s50:#f8fafc;--s100:#f1f5f9;--s200:#e2e8f0;--s300:#cbd5e1;
  --s400:#94a3b8;--s500:#64748b;--s600:#475569;--s700:#334155;--s800:#1e293b;--s900:#0f172a;
  --font:"Outfit",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--s50);color:var(--s800);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* ── ANIMATIONS ── */
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideLeft{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes dronefly{0%{transform:translateX(-100px) translateY(0)}25%{transform:translateX(25vw) translateY(-20px)}50%{transform:translateX(50vw) translateY(5px)}75%{transform:translateX(75vw) translateY(-12px)}100%{transform:translateX(105vw) translateY(0)}}
@keyframes dronefly2{0%{transform:translateX(105vw) translateY(0)}25%{transform:translateX(75vw) translateY(-15px)}50%{transform:translateX(50vw) translateY(8px)}75%{transform:translateX(25vw) translateY(-10px)}100%{transform:translateX(-100px) translateY(0)}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}
@keyframes scanline{0%{top:-100%}100%{top:200%}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes gridpulse{0%,100%{opacity:.03}50%{opacity:.06}}

.anim-up{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.22,1,.36,1)}
.anim-up.visible{opacity:1;transform:translateY(0)}
.anim-left{opacity:0;transform:translateX(-40px);transition:all .8s cubic-bezier(.22,1,.36,1)}
.anim-left.visible{opacity:1;transform:translateX(0)}
.anim-right{opacity:0;transform:translateX(40px);transition:all .8s cubic-bezier(.22,1,.36,1)}
.anim-right.visible{opacity:1;transform:translateX(0)}

/* ── NAVBAR ── */
.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all .3s}
.navbar.scrolled{background:rgba(255,255,255,.96);border-bottom-color:var(--s200);box-shadow:0 1px 8px rgba(0,0,0,.04)}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;cursor:pointer}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--b500),var(--b700));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;font-family:var(--mono)}
.logo-text{font-weight:800;font-size:20px;color:var(--s900);letter-spacing:-.02em}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-link{position:relative;font-size:14px;font-weight:500;color:var(--s500);padding:4px 0;transition:color .25s}
.nav-link:hover,.nav-link.active{color:var(--b600)}
.nav-link.active::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2.5px;background:var(--b500);border-radius:2px}
.nav-cta{padding:10px 24px;border-radius:10px;background:var(--b600);color:#fff;font-weight:600;font-size:13px;border:none;cursor:pointer;transition:all .2s;display:inline-block}
.nav-cta:hover{background:var(--b700);transform:translateY(-1px)}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px}
.mobile-menu{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-top:1px solid var(--s100);padding:8px 24px 20px;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.mobile-menu.open{display:flex;flex-direction:column;animation:fadein .25s}
.mobile-menu .nav-link{padding:12px 0;font-size:16px;border-bottom:1px solid var(--s100);display:block}

/* ── HERO ── */
.hero{position:relative;min-height:94vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(175deg,#fff 0%,var(--b50) 60%,var(--b100) 100%);padding-top:68px}
.hero-grid{position:absolute;inset:0;opacity:.03;animation:gridpulse 6s ease-in-out infinite;pointer-events:none}
.hero-grid svg{width:100%;height:100%}
.drone-anim{position:absolute;z-index:2;opacity:.35;pointer-events:none}
.drone-anim.d1{top:14%;animation:dronefly 20s linear infinite}
.drone-anim.d2{top:32%;animation:dronefly2 26s linear infinite;opacity:.2}
.drone-anim.d3{top:55%;animation:dronefly 32s linear infinite;animation-delay:8s;opacity:.15}
.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:3}
.hero-content{position:relative;z-index:3;max-width:680px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--b600);background:rgba(59,130,246,.08);padding:8px 16px;border-radius:24px;margin-bottom:28px;animation:slideUp .8s ease-out both}
.hero-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--b500)}
.hero h1{font-size:clamp(44px,7vw,82px);font-weight:900;line-height:1.02;color:var(--s900);letter-spacing:-.04em;animation:slideUp .8s ease-out .1s both}
.hero h1 .gradient{background:linear-gradient(135deg,var(--b500),var(--b700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:18px;line-height:1.75;color:var(--s600);margin:24px 0 36px;max-width:540px;animation:slideUp .8s ease-out .2s both}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:slideUp .8s ease-out .3s both}
.hero-stats{display:flex;gap:40px;margin-top:52px;flex-wrap:wrap;animation:slideUp .8s ease-out .4s both}
.hero-stat-val{font-size:30px;font-weight:800;color:var(--b600)}
.hero-stat-label{font-size:13px;color:var(--s500);font-weight:500}
.hero-right{position:relative;display:flex;flex-direction:column;gap:20px;animation:slideLeft .9s ease-out .4s both}
.hero-img-placeholder{width:100%;min-height:350px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--b100),var(--b50));border:2px dashed var(--b200);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}
.hero-right{position:relative;display:flex;flex-direction:column;gap:20px;animation:slideLeft .9s ease-out .4s both;min-height:500px}
.hero-img-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.hero-img-placeholder .placeholder-label{font-size:13px;color:var(--b400);font-weight:600;text-align:center;padding:20px}
.hero-img-placeholder .placeholder-icon{width:64px;height:64px;border-radius:16px;background:rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center}

/* ── BUTTONS ── */
.btn-primary{padding:16px 38px;border-radius:12px;background:var(--b600);color:#fff;font-weight:700;font-size:16px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px rgba(37,99,235,.3);font-family:var(--font)}
.btn-primary:hover{background:var(--b700);transform:translateY(-2px);box-shadow:0 6px 28px rgba(37,99,235,.35)}
.btn-secondary{padding:16px 38px;border-radius:12px;background:transparent;color:var(--b600);font-weight:600;font-size:16px;border:2px solid var(--b200);cursor:pointer;transition:all .25s;font-family:var(--font)}
.btn-secondary:hover{border-color:var(--b400);background:var(--b50)}
.btn-green{padding:14px 32px;border-radius:11px;background:#25D366;color:#fff;font-weight:600;font-size:15px;border:none;cursor:pointer;font-family:var(--font);display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.btn-green:hover{background:#1fb855;transform:translateY(-1px)}

/* ── SPEC CARD ── */
.spec-card{z-index:5;animation:slideLeft .9s ease-out .6s both}
.spec-card-inner{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-radius:18px;padding:24px;border:1px solid var(--b100);box-shadow:0 12px 48px rgba(59,130,246,.12);position:relative;overflow:hidden}
.spec-card-inner::before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--b300),transparent);top:-100%;animation:scanline 4s linear infinite;opacity:.5}
.spec-badge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--b500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.spec-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 1.8s infinite}
.spec-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--s100)}
.spec-row:last-child{border-bottom:none}
.spec-key{font-size:13px;color:var(--s500)}
.spec-val{font-size:13px;font-weight:700;color:var(--s800);font-family:var(--mono)}

/* ── IMAGE PLACEHOLDERS ── */
.img-placeholder{width:100%;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--b50),var(--s100));border:1.5px dashed var(--b200);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:200px}
.img-placeholder img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.img-placeholder .ph-icon{width:48px;height:48px;border-radius:12px;background:rgba(59,130,246,.08);display:flex;align-items:center;justify-content:center}
.img-placeholder .ph-label{font-size:12px;color:var(--b400);font-weight:500}

/* ── VIDEO SECTION ── */
.video-section{padding:80px 0}
.video-container{position:relative;border-radius:24px;overflow:hidden;background:var(--s900);aspect-ratio:16/9;max-width:960px;margin:0 auto;box-shadow:0 20px 60px rgba(0,0,0,.15);cursor:pointer;transition:transform .3s}
.video-container:hover{transform:scale(1.01)}
.video-container video,.video-container iframe{width:100%;height:100%;object-fit:cover;border:none}
.video-overlay{position:absolute;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;transition:opacity .3s}
.video-overlay.hidden{opacity:0;pointer-events:none}
.play-btn{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.2);transition:transform .25s}
.play-btn:hover{transform:scale(1.1)}
.play-btn svg{margin-left:4px}
.video-caption{color:rgba(255,255,255,.8);font-size:14px;font-weight:500}

/* ── SECTIONS ── */
.section{padding:100px 0;position:relative}
.section-dark{background:var(--s900);color:#fff}
.section-white{background:#fff}
.tag{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:7px 16px;border-radius:24px;margin-bottom:12px}
.tag-light{color:var(--b600);background:rgba(59,130,246,.08)}
.tag-light::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--b500)}
.tag-dark{color:var(--b300);background:rgba(59,130,246,.12)}
.tag-dark::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--b400)}
.section-title{font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.section-subtitle{font-size:17px;line-height:1.7;max-width:620px}

/* ── SERVICE PREVIEW CARDS ── */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-top:40px}
.svc-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--s200);cursor:pointer;transition:all .35s}
.svc-card:hover{border-color:var(--b300);box-shadow:0 12px 40px rgba(59,130,246,.1);transform:translateY(-6px)}
.svc-card h3{font-size:19px;font-weight:700;color:var(--s900);margin-bottom:10px}
.svc-card p{font-size:14px;line-height:1.7;color:var(--s500);margin-bottom:14px}
.svc-card .learn-more{font-size:13px;color:var(--b600);font-weight:600;display:flex;align-items:center;gap:6px;transition:gap .2s}
.svc-card:hover .learn-more{gap:10px}

/* ── PILLARS ── */
.pillars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:44px}
.pillar{padding:30px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:all .3s}
.pillar:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}
.pillar h3{font-size:20px;font-weight:800;color:var(--b300);margin-bottom:10px}
.pillar p{font-size:14px;line-height:1.75;color:rgba(255,255,255,.65)}

/* ── CLIENTS TICKER ── */
.ticker-wrap{overflow:hidden;padding:24px 0}
.ticker{display:flex;width:max-content;animation:ticker 35s linear infinite}
.ticker:hover{animation-play-state:paused}
.ticker span{padding:8px 28px;font-size:14px;font-weight:600;color:var(--s400);white-space:nowrap;position:relative}
.ticker span::after{content:"·";margin-left:28px;color:var(--s300)}

/* ── CTA BAND ── */
.cta-band{border-radius:24px;padding:64px 48px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--b600),var(--b800))}
.cta-band-dots{position:absolute;inset:0;opacity:.05;pointer-events:none}
.cta-band h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;color:#fff;margin:16px 0 12px}
.cta-band p{font-size:16px;color:rgba(255,255,255,.8);max-width:540px;margin:0 auto 32px;line-height:1.7}
.cta-band .btn-white{padding:15px 36px;border-radius:11px;background:#fff;color:var(--b700);font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .25s;font-family:var(--font);display:inline-block}
.cta-band .btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}
.cta-band .btn-outline{padding:15px 36px;border-radius:11px;border:2px solid rgba(255,255,255,.35);color:#fff;font-weight:600;font-size:15px;background:transparent;cursor:pointer;transition:all .25s;font-family:var(--font);display:inline-block;margin-left:12px}
.cta-band .btn-outline:hover{border-color:rgba(255,255,255,.7)}

/* ── DETAILED SERVICE CARDS ── */
.detail-svc{background:#fff;border-radius:18px;padding:40px;border:1px solid var(--s200);margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.detail-svc-num{font-family:var(--mono);font-size:14px;color:var(--b500);font-weight:600}
.detail-svc h3{font-size:28px;font-weight:800;color:var(--s900);margin:6px 0 16px}
.detail-svc p{font-size:15px;line-height:1.8;color:var(--s600);margin-bottom:20px}
.detail-svc-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}
.tags-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tag-sm{font-size:12px;padding:5px 12px;border-radius:7px;background:var(--b50);color:var(--b700);font-weight:500}
.specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:24px;background:var(--s50);border-radius:14px;border:1px solid var(--s100)}
.spec-item-k{font-size:11px;font-weight:600;color:var(--b500);text-transform:uppercase;letter-spacing:.05em}
.spec-item-v{font-size:14px;font-weight:700;color:var(--s800);margin-top:3px}

/* ── TECHNOLOGY ── */
.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:44px}
.mod-card{background:#fff;border-radius:18px;padding:36px;border:1px solid var(--s200);box-shadow:0 2px 10px rgba(0,0,0,.03);transition:all .3s}
.mod-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(59,130,246,.08)}
.mod-card h3{font-size:26px;font-weight:800;color:var(--s900);margin-bottom:12px}
.mod-card p{font-size:14px;line-height:1.8;color:var(--s600);margin-bottom:20px}
.mod-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;background:var(--s50);border-radius:12px}
.workflow-steps{display:flex;flex-direction:column;gap:28px;margin-top:48px}
.wf-step{display:flex;gap:24px;align-items:flex-start}
.wf-num{min-width:48px;height:48px;border-radius:14px;background:rgba(59,130,246,.15);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--b400);font-family:var(--mono);font-size:16px;position:relative}
.wf-num::after{content:"";position:absolute;bottom:-28px;left:50%;width:2px;height:28px;background:rgba(59,130,246,.1)}
.wf-step:last-child .wf-num::after{display:none}
.wf-step h3{font-size:18px;font-weight:700;margin-bottom:6px}
.wf-step p{font-size:14px;line-height:1.75;color:rgba(255,255,255,.65)}
.bench-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:44px}
.bench-card{background:#fff;border-radius:14px;padding:24px;border:1px solid var(--s200);text-align:center;transition:all .3s}
.bench-card:hover{border-color:var(--b300);transform:translateY(-3px)}
.bench-k{font-size:11px;font-weight:600;color:var(--b500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.bench-v{font-size:24px;font-weight:800;color:var(--s900);font-family:var(--mono)}
.bench-s{font-size:12px;color:var(--s400);margin-top:4px}
.dp-card{background:#fff;border-radius:14px;padding:24px;border:1px solid var(--s200);text-align:left;transition:all .3s}
.dp-card:hover{border-color:var(--b300);transform:translateY(-3px)}
.dp-card h4{font-size:16px;font-weight:700;color:var(--s900);margin-bottom:8px}
.dp-card p{font-size:13px;line-height:1.6;color:var(--s600);margin-bottom:10px}
.dp-card .dp-formats{font-size:11px;font-weight:600;color:var(--b500)}

/* ── INDUSTRIES ── */
.ind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;margin-top:44px}
.ind-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--s200);transition:all .3s}
.ind-card:hover{border-color:var(--b200);box-shadow:0 8px 30px rgba(59,130,246,.08);transform:translateY(-4px)}
.ind-card h3{font-size:20px;font-weight:700;color:var(--s900);margin-bottom:10px}
.ind-card p{font-size:14px;line-height:1.7;color:var(--s600);margin-bottom:14px}
.ind-card .clients-note{font-size:12px;color:var(--s400);margin-top:12px}

/* ── PROJECTS ── */
.proj-card{background:#fff;border-radius:18px;padding:36px;border:1px solid var(--s200);box-shadow:0 2px 10px rgba(0,0,0,.03);margin-bottom:28px;transition:all .3s}
.proj-card:hover{box-shadow:0 10px 40px rgba(59,130,246,.08)}
.proj-sector{display:inline-block;font-size:11px;padding:4px 12px;border-radius:20px;background:var(--b100);color:var(--b700);font-weight:600;margin-right:8px;margin-bottom:10px}
.proj-card h3{font-size:22px;font-weight:700;color:var(--s900);margin-bottom:12px}
.proj-card>p{font-size:15px;line-height:1.75;color:var(--s600);margin-bottom:20px}
.proj-stats{display:flex;flex-wrap:wrap;gap:28px;padding:20px;background:var(--s50);border-radius:12px;margin-bottom:18px}
.proj-stat-k{font-size:11px;font-weight:600;color:var(--b500);text-transform:uppercase}
.proj-stat-v{font-size:15px;font-weight:700;color:var(--s800)}

/* ── ABOUT ── */
.about-hero{background:var(--s900);color:#fff;padding:120px 0 80px;margin-top:68px}
.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;margin-top:32px}
.quote-box{background:var(--b50);border-radius:14px;padding:28px;border-left:4px solid var(--b500);margin-top:24px}
.quote-box p{font-size:16px;font-style:italic;color:var(--b800);line-height:1.7}
.facts-panel{background:#fff;border-radius:16px;padding:28px;border:1px solid var(--s200)}
.fact-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--s100)}
.fact-row:last-child{border-bottom:none}
.fact-k{font-size:13px;color:var(--s500);font-weight:500}
.fact-v{font-size:13px;color:var(--s800);font-weight:600}
.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:40px}
.value-card{padding:32px;border-radius:16px;background:#fff;border:1px solid var(--s200);transition:all .3s}
.value-card:hover{border-color:var(--b200);transform:translateY(-3px)}
.value-card h3{font-size:20px;font-weight:700;color:var(--s900);margin-bottom:10px}
.value-card p{font-size:14px;line-height:1.75;color:var(--s600)}
.team-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.team-pill{display:inline-block;padding:9px 18px;border-radius:24px;background:var(--b50);color:var(--b700);font-size:13px;font-weight:500;transition:all .25s;cursor:default}
.team-pill:hover{background:var(--b600);color:#fff;transform:scale(1.05)}
.compliance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:40px}
.comp-card{padding:28px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.comp-card h3{font-size:18px;font-weight:700;color:var(--b300);margin-bottom:8px}
.comp-card p{font-size:13px;line-height:1.75;color:rgba(255,255,255,.65)}
.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:32px}
.client-box{padding:16px;border-radius:12px;background:#fff;border:1px solid var(--s200);text-align:center;font-size:13px;font-weight:600;color:var(--s700);transition:all .2s}
.client-box:hover{border-color:var(--b300);color:var(--b600);transform:translateY(-2px)}

/* ── CONTACT ── */
.contact-hero{background:var(--s900);color:#fff;padding:120px 0 80px;margin-top:68px}
.contact-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.contact-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ci-card{padding:18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.ci-card .ci-k{font-size:11px;font-weight:600;color:var(--b400);text-transform:uppercase;margin-bottom:4px}
.ci-card .ci-v{font-size:14px;font-weight:600}
.contact-layout{display:grid;grid-template-columns:380px 1fr;gap:48px}
.contact-left h3{font-size:22px;font-weight:700;color:var(--s900);margin-bottom:12px}
.contact-left>p{font-size:14px;line-height:1.7;color:var(--s600);margin-bottom:24px}
.response-box{background:var(--b50);border-radius:14px;padding:22px;margin-bottom:24px}
.response-box h4{font-size:16px;font-weight:700;color:var(--b700);margin-bottom:6px}
.response-box p{font-size:13px;color:var(--b600);line-height:1.6}
.checklist{font-size:13px;color:var(--s600);line-height:2.2}
.checklist-item{display:flex;align-items:center;gap:10px}
.check-icon{width:16px;height:16px;border-radius:50%;background:var(--b100);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.coverage-box{margin-top:24px;background:var(--s900);border-radius:14px;padding:24px;color:#fff}
.coverage-box h4{font-size:15px;font-weight:700;margin-bottom:8px}
.coverage-box p{font-size:13px;color:rgba(255,255,255,.65);line-height:1.6;margin-bottom:14px}
.coverage-badges{display:flex;flex-wrap:wrap;gap:6px}
.coverage-badge{font-size:11px;padding:5px 12px;border-radius:8px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
.form-panel{background:#fff;border-radius:18px;padding:40px;border:1px solid var(--s200);box-shadow:0 6px 24px rgba(0,0,0,.04)}
.form-panel h3{font-size:22px;font-weight:700;color:var(--s900);margin-bottom:6px}
.form-panel>p{font-size:14px;color:var(--s500);margin-bottom:28px;line-height:1.6}
.form-section-label{font-size:12px;font-weight:600;color:var(--s400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.form-row{display:grid;gap:14px;margin-bottom:14px}
.form-row-2{grid-template-columns:1fr 1fr}
.form-row-3{grid-template-columns:1fr 1fr 1fr}
.field label{display:block;font-size:13px;font-weight:500;color:var(--s600);margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;padding:12px 16px;border:1.5px solid var(--s200);border-radius:11px;font-family:var(--font);font-size:14px;transition:all .2s;outline:none;background:#fff;color:var(--s800)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--b500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.field textarea{resize:vertical}
.form-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.form-legal{font-size:12px;color:var(--s400);margin-top:18px;line-height:1.6}
.form-success{text-align:center;padding:60px 20px}
.form-success .check-circle{width:68px;height:68px;border-radius:50%;background:var(--b50);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.form-success h3{font-size:26px;font-weight:700;color:var(--s900);margin-bottom:10px}
.form-success p{font-size:15px;color:var(--s600);line-height:1.7;max-width:420px;margin:0 auto}

/* ── FOOTER ── */
.footer{background:var(--s900);color:#fff;padding:68px 0 0;margin-top:0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;margin:16px 0 14px}
.footer-badge{font-size:11px;padding:5px 12px;border-radius:7px;background:rgba(59,130,246,.15);color:var(--b400);display:inline-block}
.footer-col h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.35);margin-bottom:18px}
.footer-col a,.footer-col div{font-size:14px;color:rgba(255,255,255,.55);padding:4px 0;display:block;cursor:pointer;transition:color .2s}
.footer-col a:hover,.footer-col div:hover{color:var(--b400)}
.footer-bar{padding:20px 0;text-align:center}
.footer-bar p{font-size:12px;color:rgba(255,255,255,.25)}

/* ── WHATSAPP ── */
.whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:60px;height:60px;border-radius:30px;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.45);cursor:pointer;animation:pulse 2.5s infinite;transition:transform .2s}
.whatsapp-float:hover{transform:scale(1.1)}

/* ── PAGE HEROES (non-home) ── */
.page-hero{padding:120px 0 60px;background:linear-gradient(175deg,var(--b50) 0%,#fff 100%);margin-top:68px;position:relative;overflow:hidden}
.page-hero .hero-grid{opacity:.02}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .hero-layout{grid-template-columns:1fr}
  .hero-right{margin-top:32px}
  .about-grid,.contact-layout{grid-template-columns:1fr}
  .contact-hero-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-links{display:none}
  .nav-cta.desktop{display:none}
  .hamburger{display:block}
  .hero{min-height:auto;padding:100px 0 60px}
  .hero h1{font-size:clamp(36px,10vw,52px)}
  .hero-layout{grid-template-columns:1fr}
  .section{padding:60px 0}
  .services-grid,.pillars-grid,.ind-grid,.mod-grid,.values-grid,.compliance-grid,.clients-grid,.bench-grid{grid-template-columns:1fr}
  .detail-svc-layout{grid-template-columns:1fr!important}
  .form-row-2,.form-row-3{grid-template-columns:1fr}
  .cta-band{padding:40px 24px}
  .footer-grid{grid-template-columns:1fr}
  .contact-info-cards{grid-template-columns:1fr}
  .video-section{padding:48px 0}
}