/* ═══════════════════════════════════════════════
   HOME PAGE — home.css
   WindsPark Oz
═══════════════════════════════════════════════ */

/* ── Variables ── */
:root {
  --hp-bg:          #f0f4f8;
  --hp-surface:     #ffffff;
  --hp-border:      #e2e8f0;
  --hp-border-md:   rgba(0,0,0,0.1);
  --hp-accent:      #0284c7;
  --hp-accent2:     #0ea5e9;
  --hp-accent-bg:   rgba(2,132,199,0.08);
  --hp-green:       #16a34a;
  --hp-text:        #0f172a;
  --hp-text-md:     #334155;
  --hp-muted:       #64748b;
  --hp-shadow-sm:   0 4px 16px rgba(0,0,0,0.06);
  --hp-shadow-md:   0 8px 32px rgba(0,0,0,0.10);
  --hp-shadow-lg:   0 20px 60px rgba(0,0,0,0.13);
  --hp-radius:      16px;
  --hp-ease:        cubic-bezier(0.4,0,0.2,1);
  --hp-t:           0.3s;
  --light: #f1f5f9;
  --primary: #2563eb;
  --white: #ffffff;
}


/* ── Progress bar ── */
.hp-progress {
  position:fixed; top:0; left:0;
  height:3px; width:0%;
  background:linear-gradient(90deg,var(--hp-accent),var(--hp-accent2));
  z-index:9999; transition:width 0.1s linear;
}

/* ── Fade-up ── */
.fade-up {
  opacity:0; transform:translateY(28px);
  transition:opacity 0.65s var(--hp-ease),transform 0.65s var(--hp-ease);
}
.fade-up.visible { opacity:1; transform:translateY(0); }

/* ── Shared labels ── */
.hp-section-tag {
  display:inline-block;
  background:var(--hp-accent-bg);
  color:var(--hp-accent);
  border:1px solid rgba(2,132,199,0.2);
  border-radius:999px;
  font-size:0.72rem; font-weight:700;
  letter-spacing:0.12em; text-transform:uppercase;
  padding:5px 14px; margin-bottom:14px;
}
.hp-tag-light {
  background:rgba(255,255,255,0.15);
  color:#fff; border-color:rgba(255,255,255,0.3);
}
.hp-section-header { text-align:center; margin-bottom:56px; }
.hp-section-header h2 { font-size:clamp(2rem,4vw,2.8rem); font-weight:800; color:var(--hp-text); margin-bottom:14px; line-height:1.15; }
.hp-section-header p  { color:var(--hp-muted); font-size:1.05rem; line-height:1.7; max-width:580px; margin:0 auto; }

/* ── Buttons ── */
.hp-btn-primary {
  display:inline-flex; align-items:center; gap:9px;
  background:linear-gradient(135deg,var(--hp-accent),var(--hp-accent2));
  color:#fff; font-weight:700; font-size:0.95rem;
  padding:13px 30px; border-radius:999px; border:none; cursor:pointer;
  box-shadow:0 4px 16px rgba(2,132,199,0.3);
  transition:transform var(--hp-t),box-shadow var(--hp-t);
}
.hp-btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(2,132,199,0.4); }

.hp-btn-ghost {
  display:inline-flex; align-items:center; gap:9px;
  background:rgba(255,255,255,0.12); color:#fff; font-weight:600;
  padding:13px 30px; border-radius:999px;
  border:1px solid rgba(255,255,255,0.35);
  backdrop-filter:blur(6px); transition:var(--hp-t);
}
.hp-btn-ghost:hover { background:#fff; color:var(--hp-text); }

.hp-btn-outline {
  display:inline-flex; align-items:center; gap:9px;
  background:transparent; color:var(--hp-text); font-weight:600;
  padding:13px 30px; border-radius:999px;
  border:1.5px solid var(--hp-border); transition:var(--hp-t);
}
.hp-btn-outline:hover { border-color:var(--hp-accent); color:var(--hp-accent); background:var(--hp-accent-bg); }

.hp-btn-white {
  display:inline-flex; align-items:center; gap:9px;
  background:#fff; color:var(--hp-accent); font-weight:700;
  padding:13px 30px; border-radius:999px; border:none;
  box-shadow:0 4px 16px rgba(0,0,0,0.12); transition:var(--hp-t);
}
.hp-btn-white:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(0,0,0,0.18); }

.hp-btn-ghost-dark {
  display:inline-flex; align-items:center; gap:9px;
  background:rgba(255,255,255,0.08); color:#fff; font-weight:600;
  padding:13px 30px; border-radius:999px;
  border:1px solid rgba(255,255,255,0.2); transition:var(--hp-t);
}
.hp-btn-ghost-dark:hover { background:rgba(255,255,255,0.16); border-color:rgba(255,255,255,0.5); }

/* ═══════════════════════════════════════════
   PRELOADER
═══════════════════════════════════════════ */
#preloader {
  position:fixed; inset:0; z-index:99999;
  background:#0f172a;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:24px;
  transition:opacity 0.5s ease, visibility 0.5s ease;
}
#preloader.hidden { opacity:0; visibility:hidden; pointer-events:none; }
.pre-logo img { 
 #filter:brightness(0) invert(1); 
 opacity:0.9; }
.pre-bar-wrap {
  width:260px; height:3px;
  background:rgba(255,255,255,0.1); border-radius:2px; overflow:hidden;
}
.pre-bar {
  height:100%; width:0%;
  background:linear-gradient(90deg,var(--hp-accent),var(--hp-accent2));
  border-radius:2px; transition:width 0.05s linear;
}
.pre-pct {
  font-family:'Space Mono',monospace;
  font-size:0.9rem; color:rgba(255,255,255,0.4); letter-spacing:0.1em;
}

/* ═══════════════════════════════════════════
   HERO
═══════════════════════════════════════════ */
.hp-hero {
  position:relative; width:100%;
  height:140vh; min-height:700px;
  display:flex; align-items:center; overflow:hidden;
}
.hp-hero-media { position:absolute; inset:0; z-index:0; }
.hp-hero-media img {
  width:100%; height:100%; object-fit:cover; object-position:center;
  transition:transform 12s ease-out;
}
.hp-hero-media img.zoomed { 
#transform:scale(1.08); 
}
.hp-hero-overlay {
  position:absolute; inset:0;
  background:linear-gradient(
    108deg,
    rgba(15,23,42,0.96) 0%,
    rgba(15,23,42,0.75) 48%,
    rgba(15,23,42,0.28) 70%
  );
}
.hp-canvas {
  position:absolute; inset:0; z-index:1;
  pointer-events:none; opacity:0.35;
}
.hp-hero-inner {
  position:relative; z-index:3;
  display:grid; grid-template-columns:1.1fr 0.9fr;
  gap:60px; align-items:center;
  width:100%; padding-top:90px;
}

/* Eyebrow */
.hp-eyebrow {
  display:inline-flex; align-items:center; gap:10px;
  background:rgba(14,165,233,0.12);
  border:1px solid rgba(14,165,233,0.3);
  color:#38bdf8;
  font-size:0.78rem; font-weight:700;
  letter-spacing:0.12em; text-transform:uppercase;
  padding:8px 18px; border-radius:999px; margin-bottom:28px;
}
.hp-eyebrow-dot {
  width:7px; height:7px; background:#38bdf8;
  border-radius:50%;
  animation:hpPulse 2s ease-in-out infinite;
}
@keyframes hpPulse {
  0%,100% { box-shadow:0 0 0 0 rgba(56,189,248,0.5); }
  50%      { box-shadow:0 0 0 7px rgba(56,189,248,0); }
}

/* Title */
.hp-hero-title {
  font-size:clamp(2.8rem,5vw,4.8rem);
  font-weight:900; color:#fff;
  line-height:1.07; letter-spacing:-0.03em; margin-bottom:28px;
}
.hp-title-accent {
  background:linear-gradient(130deg,#38bdf8 0%,#bae6fd 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.hp-hero-sub {
  color:rgba(255,255,255,0.80);
  font-size:1.1rem; line-height:1.75;
  margin-bottom:40px; max-width:560px;
}
.hp-hero-actions { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:44px; }

/* Trust row */
.hp-trust-row {
  display:flex; align-items:center;
  gap:18px; flex-wrap:wrap;
}
.hp-trust-item {
  display:flex; align-items:center; gap:8px;
  color:rgba(255,255,255,0.72); font-size:0.82rem; font-weight:500;
}
.hp-trust-item i { color:#38bdf8; font-size:0.85rem; }
.hp-trust-sep { width:1px; height:18px; background:rgba(255,255,255,0.18); }

/* Hero right cards */
.hp-hero-right { display:flex; flex-direction:column; gap:14px; }
.hp-hero-card {
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:20px; padding:26px; transition:var(--hp-t);
}
.hp-hero-card:hover { background:rgba(255,255,255,0.12); }
.hp-hero-card-top {
  display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;
}
.hp-hero-card-label { font-size:0.78rem; color:rgba(255,255,255,0.55); font-weight:600; text-transform:uppercase; letter-spacing:0.08em; }
.hp-hero-card-icon  { color:#38bdf8; font-size:1.05rem; }
.hp-hero-card-num   { display:flex; align-items:baseline; gap:6px; margin-bottom:12px; }
.hp-hero-card-num span:first-child {
  font-size:2.8rem; font-weight:800; color:#fff;
  font-family:'Space Mono',monospace; line-height:1;
}
.hp-hero-card-unit  { font-size:1.3rem; font-weight:700; color:#38bdf8; }
.hp-hero-card-bar   { height:4px; background:rgba(255,255,255,0.1); border-radius:2px; margin-bottom:10px; }
.hp-hero-card-bar-fill {
  height:100%; border-radius:2px;
  background:linear-gradient(90deg,var(--hp-accent),#38bdf8);
  transition:width 1.5s var(--hp-ease);
}
.hp-hero-card-sub { font-size:0.75rem; color:rgba(255,255,255,0.45); }
.hp-hero-card-sm {
  display:flex; align-items:center; gap:18px; padding:16px 22px;
}
.hp-hero-card-sm i      { font-size:1.3rem; color:#38bdf8; }
.hp-hero-card-sm strong { display:block; font-size:1.3rem; font-weight:800; color:#fff; font-family:'Space Mono',monospace; }
.hp-hero-card-sm span   { font-size:0.78rem; color:rgba(255,255,255,0.5); }

/* Scroll cue */
.hp-scroll-cue {
  position:absolute; bottom:34px; left:50%;
  transform:translateX(-50%); z-index:3;
  display:flex; flex-direction:column; align-items:center; gap:8px;
  color:rgba(255,255,255,0.45);
  font-size:0.7rem; letter-spacing:0.12em; text-transform:uppercase;
  animation:scrollBob 2s ease-in-out infinite;
}
.hp-scroll-line {
  width:1px; height:38px;
  background:linear-gradient(to bottom,rgba(255,255,255,0.4),transparent);
}
@keyframes scrollBob {
  0%,100% { transform:translateX(-50%) translateY(0); }
  50%      { transform:translateX(-50%) translateY(6px); }
}

/* ═══════════════════════════════════════════
   MARQUEE
═══════════════════════════════════════════ */
.hp-marquee {
  background:linear-gradient(135deg,var(--hp-accent),var(--hp-accent2));
  overflow:hidden; padding:13px 0; white-space:nowrap;
}
.hp-marquee-track {
  display:inline-flex; align-items:center; gap:28px;
  animation:hpTicker 35s linear infinite;
  font-size:0.8rem; font-weight:700;
  letter-spacing:0.06em; text-transform:uppercase; color:#fff;
}
.hp-marquee-sep { color:rgba(255,255,255,0.45); font-size:0.6rem; }
@keyframes hpTicker {
  from { transform:translateX(0); }
  to   { transform:translateX(-50%); }
}

/* ═══════════════════════════════════════════
   STATS BAND
═══════════════════════════════════════════ */
.hp-stats-section {
  background:var(--hp-surface); padding:70px 0;
  border-bottom:1px solid var(--hp-border);
  box-shadow:var(--hp-shadow-sm);
}
.hp-stats-grid {
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center; text-align:center;
}
.hp-stat-block { display:flex; flex-direction:column; gap:8px; padding:0 24px; }
.hp-stat-num {
  font-size:clamp(2.4rem,4vw,3.4rem);
  font-weight:900; color:var(--hp-accent);
  font-family:'Space Mono',monospace; line-height:1;
}
.hp-stat-lbl {
  font-size:0.78rem; font-weight:600; color:var(--hp-muted);
  text-transform:uppercase; letter-spacing:0.08em;
}
.hp-stat-sep { width:1px; height:56px; background:var(--hp-border); }

/* ═══════════════════════════════════════════
   ABOUT
═══════════════════════════════════════════ */
.hp-about-section { padding:120px 0; background:var(--hp-bg); }
.hp-about-grid {
  display:grid; grid-template-columns:1fr 1fr;
  gap:80px; align-items:center;
}

/* Image cluster */
.hp-about-media { position:relative; min-height:500px; }
.hp-about-img-main {
  width:88%; border-radius:22px; overflow:hidden;
  box-shadow:var(--hp-shadow-lg); position:relative; z-index:1;
}
.hp-about-img-main img { width:100%; height:460px; object-fit:cover; }

.hp-about-badge {
  position:absolute; top:36px; right:-16px; z-index:3;
  background:var(--hp-surface); border:1px solid var(--hp-border);
  border-radius:14px; padding:14px 18px;
  box-shadow:var(--hp-shadow-md);
  display:flex; align-items:center; gap:12px;
}
.hp-badge-icon {
  width:42px; height:42px; border-radius:10px;
  background:var(--hp-accent-bg); color:var(--hp-accent);
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
}
.hp-about-badge strong { display:block; font-size:0.95rem; font-weight:700; color:var(--hp-text); }
.hp-about-badge span   { font-size:0.75rem; color:var(--hp-muted); }

.hp-about-years {
  position:absolute; bottom:40px; left:-16px; z-index:3;
  background:linear-gradient(135deg,var(--hp-accent),var(--hp-accent2));
  border-radius:14px; padding:18px 22px;
  display:flex; flex-direction:column; align-items:center;
  box-shadow:0 8px 24px rgba(2,132,199,0.3);
}
.hp-years-num { font-size:2rem; font-weight:900; color:#fff; font-family:'Space Mono',monospace; line-height:1; }
.hp-years-lbl { font-size:0.68rem; color:rgba(255,255,255,0.8); text-align:center; text-transform:uppercase; letter-spacing:0.08em; line-height:1.4; margin-top:4px; }

/* About text */
.hp-about-text h2 { font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:800; line-height:1.15; margin-bottom:20px; color:var(--hp-text); }
.hp-about-lead { font-size:1.1rem; font-weight:500; color:var(--hp-text-md); line-height:1.7; margin-bottom:18px; }
.hp-about-body { font-size:0.95rem; color:var(--hp-muted); line-height:1.75; margin-bottom:32px; }

.hp-about-pillars { display:flex; flex-direction:column; gap:20px; margin-bottom:36px; }
.hp-pillar { display:flex; align-items:flex-start; gap:16px; }
.hp-pillar-icon {
  width:42px; height:42px; border-radius:10px; flex-shrink:0;
  background:var(--hp-accent-bg); color:var(--hp-accent);
  display:flex; align-items:center; justify-content:center; font-size:1rem;
}
.hp-pillar h4 { font-size:1rem; font-weight:700; color:var(--hp-text); margin-bottom:4px; }
.hp-pillar p  { font-size:0.88rem; color:var(--hp-muted); line-height:1.6; }
.hp-about-actions { display:flex; gap:16px; flex-wrap:wrap; }

/* ═══════════════════════════════════════════
   VISION / MISSION / VALUES
═══════════════════════════════════════════ */
.hp-vmv-section {
  padding:120px 0; background:var(--hp-surface);
  border-top:1px solid var(--hp-border);
}
.hp-vmv-grid {
  display:grid; grid-template-columns:1fr 1fr;
  gap:80px; align-items:center;
}

/* Image + quote */
.hp-vmv-media { position:relative; }
.hp-vmv-media > img {
  width:100%; height:460px; object-fit:cover;
  border-radius:22px; box-shadow:var(--hp-shadow-lg);
}
.hp-vmv-quote {
  position:absolute; 
  bottom:-130px; 
  left:-20px; right:20px;
  background:var(--hp-surface); border:1px solid var(--hp-border);
  border-radius:16px; padding:24px 28px;
  box-shadow:var(--hp-shadow-md);
}
.hp-vmv-quote i   { color:var(--hp-accent); font-size:1.3rem; margin-bottom:12px; opacity:0.5; }
.hp-vmv-quote p   { font-size:0.9rem; color:var(--hp-text-md); line-height:1.7; font-style:italic; margin-bottom:16px; }
.hp-vmv-sig strong { display:block; font-size:0.92rem; font-weight:700; color:var(--hp-text); }
.hp-vmv-sig span   { font-size:0.78rem; color:var(--hp-muted); }

/* VMV content */
.hp-vmv-content { padding-bottom:60px; }
.hp-vmv-content h2 { font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:800; color:var(--hp-text); margin-bottom:36px; }
.hp-vmv-cards { display:flex; flex-direction:column; gap:20px; }
.hp-vmv-card {
  display:flex; align-items:flex-start; gap:18px;
  background:var(--hp-bg); border:1px solid var(--hp-border);
  border-radius:var(--hp-radius); padding:22px 24px;
  transition:var(--hp-t);
}
.hp-vmv-card:hover { border-color:var(--hp-accent); box-shadow:var(--hp-shadow-sm); }
.hp-vmv-card-icon {
  width:46px; height:46px; flex-shrink:0;
  background:var(--hp-accent-bg); color:var(--hp-accent);
  border-radius:12px; display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; transition:var(--hp-t);
}
.hp-vmv-card:hover .hp-vmv-card-icon { background:var(--hp-accent); color:#fff; }
.hp-vmv-card h3 { font-size:1.05rem; font-weight:700; color:var(--hp-text); margin-bottom:6px; }
.hp-vmv-card p  { font-size:0.88rem; color:var(--hp-muted); line-height:1.65; }

/* ═══════════════════════════════════════════
   SERVICES
═══════════════════════════════════════════ */
.hp-services-section {
  padding:120px 0; background:var(--hp-bg);
  border-top:1px solid var(--hp-border);
}
.hp-services-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px; margin-bottom:50px;
}

/* Featured card */
.hp-svc-card {
  background:var(--hp-surface); border:1px solid var(--hp-border);
  border-radius:20px; overflow:hidden;
  display:flex; flex-direction:column;
  transition:transform var(--hp-t),box-shadow var(--hp-t),border-color var(--hp-t);
  color:inherit;
}
.hp-svc-card:hover { transform:translateY(-5px); box-shadow:var(--hp-shadow-md); border-color:rgba(2,132,199,0.25); }

.hp-svc-featured {
  position:relative; min-height:500px; padding:0;
}
.hp-svc-bg { position:absolute; inset:0; z-index:0; }
.hp-svc-bg img {
  width:100%; height:100%; object-fit:cover;
  transition:transform 0.6s ease;
}
.hp-svc-featured:hover .hp-svc-bg img { transform:scale(1.05); }
.hp-svc-overlay {
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top,rgba(10,20,40,0.93) 0%,rgba(10,20,40,0.35) 60%);
}
.hp-svc-content {
  position:relative; z-index:2;
  padding:36px 32px; margin-top:auto;
  display:flex; flex-direction:column; gap:12px;
}
.hp-svc-badge {
  display:inline-block; background:var(--hp-accent); color:#fff;
  font-size:0.68rem; font-weight:800; letter-spacing:0.1em;
  text-transform:uppercase; padding:4px 12px; border-radius:999px; align-self:flex-start;
}
.hp-svc-icon-wrap {
  width:52px; height:52px; border-radius:14px;
  background:rgba(255,255,255,0.12); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,0.2);
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; color:#fff;
}
.hp-svc-content h3 { font-size:1.5rem; font-weight:800; color:#fff; line-height:1.2; }
.hp-svc-content p  { font-size:0.88rem; color:rgba(255,255,255,0.72); line-height:1.6; }

/* Right column — horizontal cards */
.hp-svc-col { display:flex; flex-direction:column; gap:16px; }
.hp-svc-col .hp-svc-card {
  flex-direction:row; border-radius:16px;
  overflow:hidden; min-height:0;
}
.hp-svc-card-img {
  position:relative; width:160px; flex-shrink:0; overflow:hidden;
}
.hp-svc-card-img img {
  width:100%; height:100%; object-fit:cover;
  transition:transform 0.5s ease;
}
.hp-svc-card:hover .hp-svc-card-img img { transform:scale(1.08); }
.hp-svc-card-img-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to right,transparent,rgba(10,20,40,0.4));
}
.hp-svc-card-body {
  display:flex; align-items:flex-start; gap:16px;
  padding:22px 24px; flex:1;
}
.hp-svc-icon-sm {
  width:42px; height:42px; flex-shrink:0; border-radius:10px;
  background:var(--hp-accent-bg); color:var(--hp-accent);
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; transition:var(--hp-t);
}
.hp-svc-card:hover .hp-svc-icon-sm { background:var(--hp-accent); color:#fff; }
.hp-svc-card-body h3 { font-size:1rem; font-weight:700; color:var(--hp-text); margin-bottom:6px; line-height:1.3; }
.hp-svc-card-body p  { font-size:0.85rem; color:var(--hp-muted); line-height:1.6; margin-bottom:10px; }

.hp-svc-link {
  display:inline-flex; align-items:center; gap:7px;
  font-size:0.85rem; font-weight:600; color:var(--hp-accent);
  transition:gap var(--hp-t);
}
.hp-svc-card:hover .hp-svc-link { gap:11px; }
.hp-services-footer { text-align:center; }

/* ═══════════════════════════════════════════
   WHY CHOOSE US
═══════════════════════════════════════════ */
.hp-why-section {
  padding:100px 0;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);
  position:relative; overflow:hidden;
}
.hp-why-section::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at 70% 50%,rgba(2,132,199,0.25),transparent 60%);
}
.hp-why-inner {
  position:relative; z-index:2;
  display:grid; grid-template-columns:1fr 1fr;
  gap:80px; align-items:center;
}
.hp-why-text h2 { font-size:clamp(2rem,4vw,2.8rem); font-weight:800; color:#fff; margin-bottom:20px; line-height:1.15; }
.hp-why-text p  { color:rgba(255,255,255,0.75); line-height:1.7; font-size:1rem; margin-bottom:36px; }

.hp-why-cards {
  display:grid; grid-template-columns:1fr 1fr; gap:16px;
}
.hp-why-card {
  background:rgba(255,255,255,0.06);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--hp-radius); padding:24px;
  transition:var(--hp-t);
}
.hp-why-card:hover { background:rgba(255,255,255,0.1); border-color:rgba(2,132,199,0.4); }
.hp-why-icon {
  width:44px; height:44px; border-radius:10px;
  background:rgba(2,132,199,0.2); color:#38bdf8;
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; margin-bottom:14px;
}
.hp-why-card h4 { font-size:1rem; font-weight:700; color:#fff; margin-bottom:8px; }
.hp-why-card p  { font-size:0.85rem; color:rgba(255,255,255,0.6); line-height:1.6; }

/* ═══════════════════════════════════════════
   CLIENTS
═══════════════════════════════════════════ */
.hp-clients-section {
  padding:80px 0; background:var(--hp-surface);
  border-top:1px solid var(--hp-border);
  border-bottom:1px solid var(--hp-border);
}
.hp-clients-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:24px; align-items:center;
}
.hp-client-card {
  background:var(--hp-bg); border:1px solid var(--hp-border);
  border-radius:12px; padding:20px 16px;
  display:flex; align-items:center; justify-content:center;
  transition:var(--hp-t); box-shadow:var(--hp-shadow-sm);
  filter:grayscale(100%); opacity:0.65;
}
.hp-client-card:hover { filter:grayscale(0); opacity:1; box-shadow:var(--hp-shadow-md); border-color:rgba(2,132,199,0.2); }
.hp-client-card img { max-height:50px; width:auto; object-fit:contain; }

/* ═══════════════════════════════════════════
   TEAM
═══════════════════════════════════════════ */
.hp-team-section { padding:120px 0; background:var(--hp-bg); }
.hp-team-grid {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:28px;
}
.hp-team-grid1 {
  display:grid; grid-template-columns:repeat(2,1fr);
  gap:28px;
}
.hp-team-card {
  background:var(--hp-surface);
  background: var(--light);
  border:1px solid var(--hp-border);
  border-radius:20px; padding:36px 28px;
  text-align:center; display:flex; flex-direction:column; align-items:center;
  box-shadow:var(--hp-shadow-sm); transition:var(--hp-t);
}
.hp-team-card:hover {background: var(--white); transform:translateY(-5px); box-shadow:var(--hp-shadow-md); border-color:rgba(2,132,199,0.25); }

.hp-team-avatar {
  width:72px; height:72px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; font-weight:800; color:#fff;
  margin-bottom:20px; box-shadow:0 4px 16px rgba(0,0,0,0.15);
}
.hp-av-blue   { background:linear-gradient(135deg,#0284c7,#0ea5e9); }
.hp-av-purple { background:linear-gradient(135deg,#7c3aed,#a78bfa); }
.hp-av-green  { background:linear-gradient(135deg,#16a34a,#4ade80); }

.hp-team-name  { font-size:1.15rem; font-weight:700; color:var(--hp-text); margin-bottom:6px; }
.hp-team-title {
  display:inline-block; background:var(--hp-accent-bg); color:var(--hp-accent);
  font-size:0.75rem; font-weight:700; padding:4px 14px;
  border-radius:999px; text-transform:uppercase; letter-spacing:0.08em;
  margin-bottom:14px;
}
.hp-team-desc { font-size:0.88rem; color:var(--hp-muted); line-height:1.65; margin-bottom:20px; flex-grow:1; }
.hp-team-contacts { display:flex; flex-direction:column; gap:10px; width:100%; }
.hp-team-link {
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-size:0.85rem; color:var(--hp-text-md);
  color: var(--primary);
  font-weight:500;
  background:var(--hp-bg); border:1px solid var(--hp-border);
  border-radius:8px; padding:10px 14px;
  transition:var(--hp-t);
}
.hp-team-link:hover { border-color:var(--hp-accent); color:var(--hp-accent); background:var(--hp-accent-bg); }
.hp-team-link i { color:var(--hp-accent); font-size:0.8rem; }

/* ═══════════════════════════════════════════
   CAREERS BAND
═══════════════════════════════════════════ */
.hp-careers-band {
  padding:80px 0;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);
  position:relative; overflow:hidden;
}
.hp-careers-band::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at right,rgba(2,132,199,0.3),transparent 60%);
}
.hp-careers-inner {
  position:relative; z-index:2;
  display:flex; align-items:center;
  justify-content:space-between; gap:40px; flex-wrap:wrap;
}
.hp-careers-text h2 { font-size:clamp(1.8rem,3.5vw,2.4rem); font-weight:800; color:#fff; margin-bottom:12px; }
.hp-careers-text p  { color:rgba(255,255,255,0.72); max-width:520px; line-height:1.7; font-size:1rem; }

/* ═══════════════════════════════════════════
   CTA
═══════════════════════════════════════════ */
.hp-cta-section {
  padding:120px 0;
  background:linear-gradient(135deg,var(--hp-accent) 0%,#0369a1 100%);
  position:relative; overflow:hidden;
}
.hp-cta-section::before {
  content:''; position:absolute; inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
}
.hp-cta-inner { position:relative; z-index:2; text-align:center; }
.hp-cta-inner h2 { font-size:clamp(2.2rem,5vw,3.4rem); font-weight:900; color:#fff; margin-bottom:16px; letter-spacing:-0.02em; }
.hp-cta-inner p  { color:rgba(255,255,255,0.85); font-size:1.1rem; max-width:560px; margin:0 auto 44px; line-height:1.7; }
.hp-cta-actions { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; margin-bottom:36px; }
.hp-cta-trust   { display:flex; justify-content:center; gap:32px; flex-wrap:wrap; }
.hp-cta-trust span {
  color:rgba(255,255,255,0.75); font-size:0.85rem; font-weight:500;
  display:flex; align-items:center; gap:8px;
}
.hp-cta-trust i { color:rgba(255,255,255,0.9); }

/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
.hp-footer { background:#0f172a; 
background: linear-gradient(to top, #020818 0%, #001240 45%, #001f6b 100%);	
}
.hp-footer-accent { height:3px; background:linear-gradient(90deg,var(--hp-accent),var(--hp-accent2),transparent); }
.hp-footer-grid {
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr;
  gap:60px; padding:70px 0;
  padding:40px 0;
}
.hp-footer-brand .hp-footer-logo {
  display:flex; align-items:center; gap:14px; margin-bottom:16px;
}
.hp-footer-logo span { font-size:1.1rem; font-weight:700; color:#fff; }
.hp-footer-brand > p { color:#64748b; font-size:0.88rem; line-height:1.7; margin-bottom:24px; max-width:280px; }
.hp-social { display:flex; gap:10px; }
.hp-social a {
  width:36px; height:36px; border-radius:8px;
  border:1px solid rgba(255,255,255,0.1); color:#94a3b8;
  display:flex; align-items:center; justify-content:center;
  font-size:0.85rem; transition:var(--hp-t);
}
.hp-social a:hover { border-color:var(--hp-accent); color:var(--hp-accent); background:rgba(2,132,199,0.1); }
.hp-footer-col h4 {
  font-size:0.75rem; font-weight:700; text-transform:uppercase;
  letter-spacing:0.12em; color:var(--hp-accent2); margin-bottom:20px;
}
.hp-footer-col ul { list-style:none; display:flex; flex-direction:column; gap:12px; }
.hp-footer-col ul li a {
  color:#64748b; font-size:0.88rem;
  display:flex; align-items:center; gap:8px;
  transition:color var(--hp-t);
}
.hp-footer-col ul li a i { font-size:0.75rem; color:var(--hp-accent); }
.hp-footer-col ul li a:hover { color:#fff; }
.hp-footer-divider { height:1px; background:rgba(255,255,255,0.46); }
.hp-footer-bottom {
  display:flex; justify-content:space-between; align-items:center;
  padding:8px 0; font-size:0.82rem; color:#475569;
}
.hp-footer-bottom strong { color:#fff; }
.hp-footer-badge a { color:var(--hp-accent2); }
.hp-footer-badge i { color:var(--hp-green); font-size:0.5rem; margin-right:4px; }

/* ═══════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════ */
@media (max-width:1100px) {
  .hp-clients-grid { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:1024px) {
  .hp-hero-inner  { grid-template-columns:1fr; }
  .hp-hero-right  { display:none; }
  .hp-stats-grid  { grid-template-columns:repeat(2,1fr); gap:40px; }
  .hp-stat-sep    { display:none; }
  .hp-about-grid  { grid-template-columns:1fr; gap:60px; }
  .hp-about-media { min-height:380px; max-width:580px; margin:0 auto; }
  .hp-about-years { left:10px; }
  .hp-vmv-grid    { grid-template-columns:1fr; gap:80px; }
  .hp-vmv-quote   { position:static; margin-top:20px; }
  .hp-services-grid { grid-template-columns:1fr; }
  .hp-svc-featured  { min-height:380px; }
  .hp-why-inner   { grid-template-columns:1fr; gap:50px; }
  .hp-team-grid   { grid-template-columns:1fr 1fr; }
  .hp-footer-grid { grid-template-columns:1fr 1fr; gap:40px; padding:50px 0; }
}

@media (max-width:768px) {
  .hp-hero-title    { font-size:2.6rem; }
  .hp-hero-actions  { flex-direction:column; }
  .hp-hero-actions a { justify-content:center; }
  .hp-trust-row     { display:none; }
  .hp-stats-grid    { grid-template-columns:1fr 1fr; gap:28px; }
  .hp-services-grid { grid-template-columns:1fr; }
  .hp-svc-col .hp-svc-card { flex-direction:column; }
  .hp-svc-card-img  { width:100%; height:180px; }
  .hp-why-cards     { grid-template-columns:1fr; }
  .hp-clients-grid  { grid-template-columns:repeat(2,1fr); }
  .hp-team-grid     { grid-template-columns:1fr; }
  .hp-careers-inner { flex-direction:column; text-align:center; }
  .hp-cta-actions   { flex-direction:column; align-items:center; }
  .hp-cta-trust     { gap:16px; }
  .hp-footer-grid   { grid-template-columns:1fr; gap:32px; padding:40px 0; }
  .hp-footer-bottom { flex-direction:column; gap:8px; text-align:center; }
  .hp-about-img-main img { height:320px; }
}