@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root{
  --blue:#156b9e;
  --blue-2:#1b7eae;
  --blue-dark:#0a4b70;
  --blue-deep:#061f31;
  --blue-night:#071a29;
  --blue-light:#50ade4;
  --blue-pale:#eef8fd;
  --gold:#c7a24a;
  --gold-light:#e2c777;
  --green:#508812;
  --red:#eb1d28;
  --cream:#f7fafc;
  --white:#fff;
  --text:#263746;
  --muted:#667987;
  --line:#dbe7ee;
  --shadow:0 20px 60px rgba(7,31,49,.12);
  --shadow-blue:0 24px 70px rgba(21,107,158,.18);
  --radius:20px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:"DM Sans",Arial,sans-serif;background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.section{padding:25px 0}
.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--blue);margin-bottom:17px;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:"Playfair Display",Georgia,serif;line-height:1.06;color:var(--blue-deep)}
h1{font-size:clamp(50px,6vw,78px);margin-bottom:25px;letter-spacing:-1.5px}
h1 span,h2 span{color:var(--blue)}
h2{font-size:clamp(36px,4vw,53px);margin-bottom:21px;letter-spacing:-.6px}
h3{color:var(--blue-deep)}
p{color:var(--muted)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(21,107,158,.12);box-shadow:0 4px 25px rgba(7,31,49,.04)}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center}
.brand-logo{display:block;width:min(270px,34vw);height:auto;max-height:60px;object-fit:contain;object-position:left center}
.footer-logo{width:min(310px,75vw);filter:brightness(0) invert(1);opacity:.94}
.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600;color:#3d5262}
.nav a{transition:.2s ease}
.nav a:hover{color:var(--blue)}
.nav .nav-cta{padding:12px 19px;border:1px solid var(--blue);border-radius:10px;color:var(--blue);background:#fff}
.nav .nav-cta:hover{background:var(--blue);color:#fff;box-shadow:0 8px 25px rgba(21,107,158,.18)}
.menu-toggle{display:none;border:0;background:none;padding:8px}
.menu-toggle span{display:block;width:23px;height:2px;background:var(--blue-deep);margin:5px}

/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 3% 12%,rgba(80,173,228,.16),transparent 27%),linear-gradient(135deg,#f6fbfe 0%,#fff 55%,#f4f9fc 100%)}
.hero:before{content:"";position:absolute;inset:auto -10% -55% 35%;height:480px;background:radial-gradient(circle,rgba(21,107,158,.08),transparent 65%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:72px;align-items:center;min-height:650px;position:relative;z-index:2}
.hero-copy{padding-top:10px}
.hero-lead{font-size:18px;max-width:620px;margin-bottom:33px;color:#536b7c}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 22px;border-radius:11px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.22s ease}
.btn span{font-size:18px}
.btn-primary{background:linear-gradient(135deg,var(--blue-deep),var(--blue));color:#fff;box-shadow:0 12px 30px rgba(10,75,112,.20)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(10,75,112,.28)}
.btn-outline{border-color:#c9dce7;color:var(--blue-deep);background:rgba(255,255,255,.82)}
.btn-outline:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.trust-row{display:flex;gap:42px;margin-top:43px}
.trust-row div{display:flex;flex-direction:column;position:relative;padding-left:15px}
.trust-row div:before{content:"";position:absolute;left:0;top:4px;width:3px;height:30px;border-radius:3px;background:linear-gradient(var(--blue),var(--blue-light))}
.trust-row strong{font-size:13px;color:var(--blue-deep)}
.trust-row span{font-size:11px;color:var(--muted)}

/* Premium hero card */
.hero-card{position:relative;min-height:430px;border-radius:30px;background:linear-gradient(145deg,#0a3048 0%,#082238 55%,#061725 100%);overflow:hidden;box-shadow:var(--shadow-blue);display:grid;place-items:center;border:1px solid rgba(80,173,228,.22)}
.hero-card:before{content:"";position:absolute;inset:1px;border-radius:29px;background:linear-gradient(135deg,rgba(80,173,228,.14),transparent 35%,rgba(199,162,74,.10));pointer-events:none}
.hero-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 18%,rgba(80,173,228,.26),transparent 34%),radial-gradient(circle at 20% 90%,rgba(199,162,74,.12),transparent 38%)}
.hero-card-content{position:relative;z-index:2;width:75%;padding:40px;border:1px solid rgba(80,173,228,.28);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));backdrop-filter:blur(9px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.mini-label{font-size:10px;letter-spacing:2px;color:var(--blue-light);font-weight:700}
.growth-icon{font-size:52px;color:var(--blue-light);line-height:1;margin:34px 0 15px;text-shadow:0 0 30px rgba(80,173,228,.25)}
.hero-card h3{font-family:"Playfair Display",Georgia,serif;color:white;font-size:32px;margin-bottom:10px}
.hero-card p{color:#c9d7e1;font-size:14px}
.hero-points{display:flex;flex-direction:column;gap:10px;margin-top:25px;color:#e7eef3;font-size:12px}
.hero-points span:first-child{color:#fff}
.orbit{position:absolute;border:1px solid rgba(80,173,228,.16);border-radius:50%;z-index:1}
.orbit-1{width:440px;height:440px}
.orbit-2{width:620px;height:620px;border-color:rgba(199,162,74,.10)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(75px);opacity:.45}
.glow-one{width:240px;height:240px;background:#50ade4;top:-120px;left:-100px}
.glow-two{width:210px;height:210px;background:#c7a24a;right:12%;bottom:-130px;opacity:.14}

/* Service strip */
.quick-strip{background:linear-gradient(110deg,#061d2d,#0b4668 52%,#07304a);color:#fff;box-shadow:0 15px 45px rgba(7,31,49,.12)}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quick-grid>div{display:flex;align-items:center;gap:14px;padding:27px 18px;border-right:1px solid rgba(255,255,255,.11)}
.quick-grid>div:first-child{border-left:1px solid rgba(255,255,255,.11)}
.quick-icon{color:var(--blue-light);font-size:22px}
.quick-grid b,.quick-grid small{display:block}
.quick-grid b{font-size:13px}
.quick-grid small{font-size:11px;color:#b7cad7}

/* =========================================================
   BRIGHT PREMIUM ABOUT SECTION
   ========================================================= */

.about {
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 78% 20%,
      rgba(80, 173, 228, 0.16),
      transparent 34%
    ),
    radial-gradient(
      circle at 8% 85%,
      rgba(21, 107, 158, 0.07),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f7fbfe 48%,
      #eef8fd 100%
    );
}


/* Decorative background glow */

.about::before {
  content: "";

  position: absolute;

  width: 520px;
  height: 520px;

  right: -180px;
  top: -170px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(80, 173, 228, 0.13),
      rgba(80, 173, 228, 0) 68%
    );

  pointer-events: none;
}


/* =========================================================
   INTRO LAYOUT
   ========================================================= */

.about-intro {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns: 0.85fr 1.15fr;

  gap: 85px;

  align-items: center;
}


/* =========================================================
   LEFT SIDE
   ========================================================= */

.about-heading {
  position: relative;
}


.about-heading .eyebrow {
  color: #0874b6;
}


.about-heading h2 {
  max-width: 590px;

  margin: 18px 0 27px;

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(43px, 4.5vw, 64px);

  line-height: 1.04;

  letter-spacing: -1.5px;

  color: #071d2e;
}


/* Make "One mission" stand out */

.about-heading h2 span {
  display: inline-block;

  color: #0879bd;

  text-shadow:
    0 4px 20px rgba(8, 121, 189, 0.10);
}


/* Accent */

.about-accent {
  width: 85px;
  height: 4px;

  margin-bottom: 40px;

  border-radius: 10px;

  background:
    linear-gradient(
      90deg,
      #086ea9,
      #4fb0e7
    );

  box-shadow:
    0 4px 12px rgba(8, 110, 169, 0.18);
}


/* =========================================================
   STATISTICS
   ========================================================= */

.about-stats {
  display: flex;

  gap: 45px;
}


.about-stat {
  display: flex;

  align-items: center;

  gap: 14px;

  padding-right: 38px;

  border-right: 1px solid rgba(21, 107, 158, 0.16);
}


.about-stat:last-child {
  padding-right: 0;

  border-right: none;
}


.about-stat strong {
  font-family: "Playfair Display", Georgia, serif;

  font-size: 43px;

  line-height: 1;

  color: #0874b6;

  text-shadow:
    0 5px 18px rgba(8, 116, 182, 0.12);
}


.about-stat span {
  font-size: 10px;

  line-height: 1.45;

  font-weight: 800;

  letter-spacing: 1.3px;

  text-transform: uppercase;

  color: #607889;
}


/* =========================================================
   RIGHT SIDE
   ========================================================= */

.about-copy {
  position: relative;

  padding: 42px 42px 38px;

  border-radius: 25px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.96),
      rgba(241, 249, 253, 0.92)
    );

  border: 1px solid rgba(80, 173, 228, 0.18);

  box-shadow:
    0 25px 65px rgba(13, 65, 95, 0.08),
    0 5px 15px rgba(13, 65, 95, 0.035);

  backdrop-filter: blur(8px);
}


/* Blue accent */

.about-copy::before {
  content: "";

  position: absolute;

  left: 0;
  top: 38px;
  bottom: 38px;

  width: 4px;

  border-radius: 0 5px 5px 0;

  background:
    linear-gradient(
      180deg,
      #0874b6,
      #50ade4
    );
}


.about-founder-label {
  margin-bottom: 8px;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 2.3px;

  color: #1686c7;
}


.about-founder h3 {
  margin-bottom: 25px;

  font-family: "Playfair Display", Georgia, serif;

  font-size: 38px;

  line-height: 1.15;

  color: #071d2e;
}


/* Lead paragraph */

.about-copy .about-lead {
  margin-bottom: 22px;

  font-size: 18px;

  line-height: 1.7;

  color: #244f69;

  font-weight: 500;
}


/* Normal copy */

.about-copy p {
  max-width: 720px;

  margin-bottom: 17px;

  font-size: 14px;

  line-height: 1.85;

  color: #587184;
}


.about-copy strong {
  color: #071d2e;

  font-weight: 700;
}


/* =========================================================
   CREDENTIALS
   ========================================================= */

.credentials {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 11px;

  margin-top: 30px;
}


.credential {
  position: relative;

  display: flex;

  align-items: center;

  gap: 10px;

  min-height: 72px;

  padding: 12px 13px;

  border-radius: 14px;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #edf8fd
    );

  border: 1px solid rgba(80, 173, 228, 0.20);

  box-shadow:
    0 8px 22px rgba(13, 65, 95, 0.045);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.credential:hover {
  transform: translateY(-3px);

  box-shadow:
    0 14px 28px rgba(13, 65, 95, 0.09);
}


.credential-icon {
  flex: 0 0 36px;

  width: 36px;
  height: 36px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  color: #0874b6;

  background:
    linear-gradient(
      145deg,
      #e8f6fd,
      #d9effa
    );

  border: 1px solid rgba(80, 173, 228, 0.20);

  font-weight: 800;
}


.credential b,
.credential small {
  display: block;
}


.credential b {
  font-size: 11px;

  color: #082338;
}


.credential small {
  margin-top: 3px;

  font-size: 9px;

  color: #6c8392;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {

  .about-intro {
    grid-template-columns: 1fr;

    gap: 55px;
  }

  .about-heading h2 {
    max-width: 750px;
  }

  .about-copy {
    max-width: 850px;
  }
}


@media (max-width: 720px) {

  .about {
    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #f2f9fd 100%
      );
  }

  .about-intro {
    gap: 40px;
  }

  .about-heading h2 {
    font-size: 43px;

    letter-spacing: -1px;
  }

  .about-copy {
    padding: 30px 25px;
  }

  .about-copy::before {
    top: 28px;
    bottom: 28px;
  }

  .about-founder h3 {
    font-size: 32px;
  }

  .about-copy .about-lead {
    font-size: 16px;
  }

  .credentials {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 420px) {

  .about-heading h2 {
    font-size: 37px;
  }

  .about-stats {
    gap: 22px;
  }

  .about-stat {
    padding-right: 22px;
  }

  .about-stat strong {
    font-size: 36px;
  }
}


/* =========================================================
   WHY CLIENTS TRUST US
   ========================================================= */

.trust-section {
  position: relative;

  margin-top: 25px;
  padding-top: 20px;
  padding-bottom: 20px;

  border-top: 1px solid #5b5f5f;
}


/* -------------------------
   HEADER
   ------------------------- */

.trust-header {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;

  align-items: end;

  gap: 70px;

  margin-bottom: 42px;
}


.trust-header-copy .eyebrow {
  margin-bottom: 12px;
}


.trust-header h3 {
  max-width: 760px;

  margin: 0;

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(34px, 3.3vw, 48px);
  line-height: 1.15;

  letter-spacing: -0.5px;

  color: var(--navy);
}


.trust-header h3 span {
  color: var(--blue);
}


.trust-intro {
  max-width: 430px;

  margin: 0;

  padding-bottom: 3px;

  font-size: 14px;
  line-height: 1.8;

  color: #687d8d;
}


/* =========================================================
   TRUST GRID
   ========================================================= */

.trust-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 16px;
}


/* =========================================================
   TRUST CARD
   ========================================================= */

.trust-card {
  position: relative;

  min-height: 335px;

  padding: 26px 25px 27px;

  display: flex;
  flex-direction: column;

  border-radius: 18px;

  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f7fbfd 100%
    );

  border: 1px solid rgba(21, 107, 158, 0.14);

  box-shadow:
    0 12px 32px rgba(13, 55, 82, 0.045);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}


/* Premium top line */

.trust-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;
  right: 0;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      var(--blue),
      var(--blue-light)
    );
}


/* Subtle decorative glow */

.trust-card::after {
  content: "";

  position: absolute;

  width: 180px;
  height: 180px;

  right: -90px;
  bottom: -90px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(80, 173, 228, 0.10),
      transparent 70%
    );

  pointer-events: none;
}


.trust-card:hover {
  transform: translateY(-6px);

  border-color: rgba(21, 107, 158, 0.27);

  box-shadow:
    0 22px 48px rgba(13, 55, 82, 0.09);
}


/* =========================================================
   CARD TOP
   ========================================================= */

.trust-card-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-bottom: 24px;
}


.trust-number {
  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.5px;

  color: #9baab5;
}


.trust-category {
  font-size: 12px;

  font-weight: 700;

  letter-spacing: 1.5px;

  color: var(--blue);

  opacity: 0.85;
}


/* =========================================================
   VISUAL AREA
   ========================================================= */

.trust-visual {
  position: relative;

  width: 72px;
  height: 72px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 25px;

  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      #f1f9fd,
      #e8f5fb
    );

  border: 1px solid rgba(80, 173, 228, 0.20);

  color: var(--blue);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}


/* Number card */

.trust-visual strong {
  font-family: "Playfair Display", Georgia, serif;

  font-size: 32px;

  line-height: 1;

  color: var(--blue);
}


.trust-visual span {
  position: absolute;

  bottom: 10px;

  font-size: 7px;

  font-weight: 700;

  letter-spacing: 1.5px;

  color: #698291;
}


/* Icon cards */

.trust-visual.trust-icon {
  font-size: 25px;

  font-weight: 400;
}


.trust-visual.trust-icon span {
  position: static;

  font-size: 25px;

  font-weight: 400;

  color: var(--blue);
}


/* =========================================================
   CONTENT
   ========================================================= */

.trust-content {
  position: relative;

  z-index: 2;

  /* margin-top: auto; */
}


.trust-content h4 {
  margin: 0 0 12px;

  font-family: "Playfair Display", Georgia, serif;

  font-size: 23px;

  line-height: 1.25;

  color: var(--navy);
}


.trust-content p {
  margin: 0;

  max-width: 270px;

  font-size: 12px;

  line-height: 1.75;

  color: #6a7e8d;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {

  .trust-header {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .trust-intro {
    max-width: 650px;
  }

  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .trust-card {
    min-height: 310px;
  }
}


@media (max-width: 720px) {

  .trust-section {
    margin-top: 65px;

    padding-top: 50px;
  }

  .trust-header {
    margin-bottom: 32px;
  }

  .trust-header h3 {
    font-size: 34px;
  }

  .trust-grid {
    grid-template-columns: 1fr;

    gap: 16px;
  }

  .trust-card {
    min-height: 300px;
  }
}


@media (max-width: 420px) {

  .trust-header h3 {
    font-size: 30px;
  }

  .trust-card {
    padding: 23px;
  }
}

/* =========================================================
   SERVICES
   ========================================================= */

.services {
  position: relative;
  background:
    radial-gradient(
      circle at 15% 10%,
      rgba(80, 173, 228, 0.08),
      transparent 32%
    ),
    linear-gradient(180deg, #f8fbfd 0%, #f4f8fb 100%);
  overflow: hidden;
}

.services::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(21, 107, 158, 0.035);
  top: -220px;
  right: -120px;
}

.center-heading {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 780px;
  margin: 0 auto 58px;
}

.center-heading .eyebrow {
  margin-bottom: 14px;
}

.center-heading h2 {
  margin-bottom: 18px;
}

.center-heading h2 span {
  color: var(--blue);
}

.center-heading p {
  max-width: 650px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.8;
}


/* -------------------------
   GRID
   ------------------------- */

.service-grid {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}


/* -------------------------
   CARD
   ------------------------- */

.service-card {
  position: relative;

  min-height: 390px;
  padding: 34px 36px 30px;

  display: flex;
  flex-direction: column;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(248, 252, 255, 0.96)
    );

  border: 1px solid rgba(21, 107, 158, 0.14);
  border-radius: 22px;

  box-shadow:
    0 12px 35px rgba(13, 55, 82, 0.055),
    0 2px 8px rgba(13, 55, 82, 0.035);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}


/* Premium top line */

.service-card::before {
  content: "";
  position: absolute;

  top: 0;
  left: 0;
  right: 0;

  height: 3px;

  background: linear-gradient(
    90deg,
    var(--blue),
    var(--blue-light)
  );

  opacity: 0.35;
}


/* Decorative number */

.service-number {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;

  color: #9aabb7;
}


/* Top row */

.service-top {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 34px;
}


/* Icon */

.service-icon {
  width: 54px;
  height: 54px;

  display: grid;
  place-items: center;

  border-radius: 15px;

  color: var(--blue);
  font-size: 25px;

  background:
    linear-gradient(
      145deg,
      #f2f9fd,
      #eaf5fb
    );

  border: 1px solid rgba(80, 173, 228, 0.22);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}


/* Content */

.service-content {
  flex: 1;
}

.service-label {
  margin-bottom: 9px;

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;

  color: var(--blue-light);
}

.service-card h3 {
  margin-bottom: 15px;

  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(25px, 2.3vw, 31px);
  line-height: 1.22;

  color: var(--navy);
}

.service-card p {
  max-width: 560px;

  margin-bottom: 25px;

  font-size: 14px;
  line-height: 1.75;

  color: #64788a;
}


/* CTA */

.service-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  width: fit-content;

  font-size: 13px;
  font-weight: 700;

  color: var(--blue);

  transition:
    color 0.2s ease,
    gap 0.2s ease;
}

.service-link span {
  font-size: 18px;
  line-height: 1;
}

.service-link:hover {
  gap: 14px;
  color: var(--navy);
}


/* Hover */

.service-card:hover {
  transform: translateY(-6px);

  border-color: rgba(21, 107, 158, 0.28);

  box-shadow:
    0 22px 55px rgba(13, 55, 82, 0.10),
    0 5px 15px rgba(13, 55, 82, 0.05);
}

.service-card:hover::before {
  opacity: 1;
}


/* Featured card */

.service-card.featured {
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f2f9fd 100%
    );

  border-color: rgba(21, 107, 158, 0.25);

  box-shadow:
    0 18px 45px rgba(21, 107, 158, 0.09),
    0 3px 12px rgba(13, 55, 82, 0.04);
}

.service-card.featured::before {
  height: 4px;
  opacity: 1;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

  .service-grid {
    gap: 18px;
  }

  .service-card {
    min-height: 370px;
    padding: 30px;
  }

  .service-card h3 {
    font-size: 27px;
  }
}


@media (max-width: 720px) {

  .center-heading {
    margin-bottom: 40px;
  }

  .center-heading h2 {
    font-size: 36px;
  }

  .service-grid {
    grid-template-columns: 1fr;
  }

  .service-card {
    min-height: 340px;
    padding: 28px;
  }

  .service-top {
    margin-bottom: 28px;
  }

  .service-card h3 {
    font-size: 27px;
  }
}


@media (max-width: 420px) {

  .center-heading h2 {
    font-size: 32px;
  }

  .service-card {
    min-height: 0;
    padding: 25px;
  }

  .service-card h3 {
    font-size: 25px;
  }
}
/* Client corner */
.client-section{background:linear-gradient(135deg,#061a29,#082e47 55%,#0a4b70);color:#fff}
.client-box{min-height:490px;border-radius:30px;background:linear-gradient(135deg,rgba(21,107,158,.32),rgba(6,26,41,.65));border:1px solid rgba(80,173,228,.20);box-shadow:0 30px 80px rgba(2,18,29,.28);display:grid;grid-template-columns:1fr .8fr;align-items:center;padding:72px 80px;overflow:hidden;position:relative}
.client-box:before{content:"";position:absolute;inset:1px;border-radius:29px;background:linear-gradient(135deg,rgba(80,173,228,.08),transparent 50%,rgba(199,162,74,.07));pointer-events:none}
.client-box:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(80,173,228,.16);border-radius:50%;right:-190px;top:-130px;box-shadow:0 0 0 70px rgba(80,173,228,.025),0 0 0 140px rgba(199,162,74,.025)}
.client-copy{position:relative;z-index:2}
.client-copy h2{color:white}
.client-copy p{color:#c7d7e2;max-width:540px}
.external-note{display:block;color:#8da4b4;font-size:10px;margin-top:13px}
.client-visual{height:350px;display:grid;place-items:center;position:relative;z-index:2}
.phone{width:205px;height:340px;background:#05131f;border:7px solid #1b465f;border-radius:30px;padding:8px;box-shadow:0 30px 65px rgba(0,0,0,.40);transform:rotate(5deg)}
.phone-top{width:65px;height:5px;background:#1b465f;border-radius:10px;margin:2px auto 10px}
.phone-screen{height:295px;border-radius:19px;background:#f8fbfd;padding:23px 16px;color:var(--blue-deep)}
.screen-label{display:block;font-size:8px;letter-spacing:1.5px;color:var(--blue);font-weight:700}
.phone-screen strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:17px;margin-top:4px}
.fake-chart{height:95px;display:flex;align-items:flex-end;gap:7px;margin:20px 0;border-bottom:1px solid #dce8ee}
.fake-chart i{display:block;width:13px;background:linear-gradient(180deg,var(--blue-light),var(--blue));border-radius:3px 3px 0 0}
.fake-chart i:nth-child(1){height:35%}.fake-chart i:nth-child(2){height:48%}.fake-chart i:nth-child(3){height:40%}.fake-chart i:nth-child(4){height:65%}.fake-chart i:nth-child(5){height:58%}.fake-chart i:nth-child(6){height:78%}.fake-chart i:nth-child(7){height:90%}
.screen-row{display:flex;justify-content:space-between;font-size:9px;padding:8px 0;border-bottom:1px solid #e0e8ed}
.screen-row b{color:var(--blue)}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.contact-info>p{max-width:480px}
.contact-items{margin-top:36px;display:flex;flex-direction:column;gap:20px}
.contact-items>a,.contact-items>div{display:flex;align-items:center;gap:15px}
.contact-items>a>span,.contact-items>div>span{width:43px;height:43px;border-radius:50%;background:var(--blue-pale);color:var(--blue);display:grid;place-items:center;font-size:17px;border:1px solid #d9eaf3}
.contact-items small,.contact-items b{display:block}
.contact-items small{font-size:10px;color:var(--muted);margin-bottom:2px}
.contact-items b{font-size:13px;color:var(--blue-deep)}
.enquiry-card{background:linear-gradient(145deg,#f5fafd,#fff);border:1px solid #dce9f0;border-radius:22px;padding:37px;box-shadow:var(--shadow)}
.form-heading h3{font-family:"Playfair Display",Georgia,serif;font-size:29px;margin-bottom:4px}
.form-heading p{font-size:12px}
form{display:flex;flex-direction:column;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{font-size:11px;font-weight:700;color:var(--blue-deep)}
input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d6e4ec;background:white;border-radius:10px;padding:12px 13px;color:var(--text);outline:none;font-size:13px}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,107,158,.10)}
textarea{resize:vertical}
.btn-full{width:100%;cursor:pointer}
.form-note{font-size:10px!important;text-align:center;margin:0}

/* Footer */
.footer{background:linear-gradient(135deg,#04131f,#071f31 65%,#082e47);color:#b9c9d3;padding:58px 0 25px;border-top:1px solid rgba(80,173,228,.16)}
.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:35px}
.footer-tagline{font-size:11px;margin:14px 0 0;max-width:360px}
.footer-links{display:flex;gap:25px;font-size:12px}
.footer-links a:hover{color:white}
.disclaimer{border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);padding:24px 0}
.disclaimer strong{color:#9fd7f3;font-size:11px}
.disclaimer p{font-size:10px;line-height:1.7;margin:5px 0 0;color:#8ea3b1}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:9px;color:#6f8796}

@media(max-width:900px){
  .nav{gap:16px}
  .hero-grid{gap:35px}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .quick-grid>div:nth-child(3){border-left:1px solid rgba(255,255,255,.1)}
  .two-col,.contact-grid{gap:45px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .container{width:min(100% - 28px,1160px)}
  .section{padding:72px 0}
  .nav-wrap{height:72px}
  .brand-logo{width:220px;max-height:54px}
  .nav{display:none;position:absolute;left:14px;right:14px;top:70px;background:white;padding:15px;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}
  .nav.open{display:flex}
  .nav a{padding:11px 12px}
  .nav .nav-cta{border:0}
  .menu-toggle{display:block}
  .hero-grid,.two-col,.contact-grid,.client-box{grid-template-columns:1fr}
  .hero-grid{padding-top:45px;min-height:auto}
  .hero-card{min-height:360px;margin-top:15px}
  .hero-card-content{width:82%;padding:27px}
  .trust-row{gap:22px}
  .quick-grid{grid-template-columns:1fr 1fr}
  .quick-grid>div{padding:18px 10px}
  .vision-grid{grid-template-columns:1fr}
  .service-grid{grid-template-columns:1fr}
  .client-box{padding:48px 28px;gap:30px}
  .client-visual{height:300px}
  .contact-grid{gap:45px}
  .form-row{grid-template-columns:1fr}
  .footer-top,.footer-bottom{flex-direction:column}
  .footer-links{flex-wrap:wrap}
}
@media(max-width:420px){
  h1{font-size:45px}
  .brand-logo{width:195px}
  .hero-actions .btn{width:100%}
  .credentials{flex-direction:column}
  .credential{min-width:0}
}