*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#071018;--panel:#0c1722;--panel2:#101e2c;--text:#e8f0f7;--muted:#91a2b2;--line:rgba(255,255,255,.09);--accent:#67e8f9;--accent2:#8b5cf6;--max:1160px}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 80% 5%,rgba(103,232,249,.08),transparent 25%),radial-gradient(circle at 15% 25%,rgba(139,92,246,.08),transparent 20%),var(--bg);color:var(--text);line-height:1.65}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),92%);margin:auto}
.section{padding:100px 0}.compact{padding-top:70px}.alt{background:rgba(255,255,255,.018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));z-index:999}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,16,24,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 25px "Space Grotesk";letter-spacing:-1px}.brand span{color:var(--accent)}
nav{display:flex;gap:26px}nav a{font-size:13px;color:var(--muted);transition:.2s}nav a:hover{color:var(--text)}
.menu{display:none;border:0;background:none;color:var(--text);font-size:24px}
.hero{padding-top:120px;min-height:86vh;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:var(--accent);margin-bottom:18px}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;line-height:1.08;letter-spacing:-1.5px}
h1{font-size:clamp(48px,6vw,78px);max-width:850px}.gradient{background:linear-gradient(90deg,var(--accent),#b799ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{color:var(--muted);font-size:18px;max-width:720px;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px 18px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px);border-color:rgba(103,232,249,.35)}
.btn.primary{background:linear-gradient(90deg,#22d3ee,#8b5cf6);color:#061018;border:0}.btn.ghost{background:rgba(255,255,255,.025)}.btn.full{width:100%;justify-content:center;margin-top:16px}
.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px}.proof-row strong{display:block;font:700 28px "Space Grotesk"}.proof-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.25)}
.hero-card{border-radius:24px;padding:26px;min-height:430px;position:relative;overflow:hidden}.card-top{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:1.7px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}
.radar{width:290px;height:290px;border:1px solid var(--line);border-radius:50%;margin:40px auto 25px;position:relative;background:radial-gradient(circle,rgba(103,232,249,.08),transparent 63%)}.radar-ring{position:absolute;border:1px solid var(--line);border-radius:50%;inset:15%}.r2{inset:30%}.r3{inset:42%}.axis{position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:var(--line);transform-origin:center}.a2{transform:rotate(60deg)}.a3{transform:rotate(-60deg)}.radar-fill{position:absolute;inset:25% 19% 16% 27%;background:linear-gradient(140deg,rgba(103,232,249,.36),rgba(139,92,246,.18));clip-path:polygon(50% 0%,100% 35%,75% 100%,15% 78%,0% 34%);filter:drop-shadow(0 0 15px rgba(103,232,249,.2))}.radar-point{width:7px;height:7px;background:var(--accent);border-radius:50%;position:absolute;box-shadow:0 0 10px var(--accent)}.p1{left:50%;top:19%}.p2{right:23%;bottom:26%}.p3{left:25%;bottom:38%}.radar-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;color:var(--muted);font-size:11px}.mini-note{color:var(--muted);font-size:11px;text-align:center;margin-top:18px}
.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.two-col h2{font-size:43px}.copy{color:var(--muted);font-size:16px}.copy p+p{margin-top:18px}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.section-head h2{font-size:43px}.section-head p{color:var(--muted);max-width:410px}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cap-card{padding:26px;border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:16px;min-height:245px}.cap-card>span{font-size:11px;color:var(--accent)}.cap-card h3{font-size:24px;margin:26px 0 12px}.cap-card p{font-size:14px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.tags i{font-style:normal;font-size:10px;border:1px solid var(--line);padding:4px 7px;border-radius:100px;color:#b8c5d0}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.impact-stat{padding:34px 22px;border-right:1px solid var(--line)}.impact-stat:last-child{border-right:0}.impact-stat strong{font:700 40px "Space Grotesk";display:block}.impact-stat span{color:var(--muted);font-size:12px}
.case{display:grid;grid-template-columns:75px 1fr;gap:24px;padding:30px 0;border-top:1px solid var(--line)}.case-num{font:700 14px "Space Grotesk";color:var(--accent)}.case-meta{font-size:10px;color:var(--accent);letter-spacing:1.6px}.case h3{font-size:31px;margin:12px 0}.case p{color:var(--muted);max-width:820px}.case-bottom{display:flex;gap:20px;align-items:center;margin-top:22px;font-size:12px}.case-bottom span{color:var(--muted)}.case-bottom strong{font-size:14px}
.ai-section{background:radial-gradient(circle at 70% 45%,rgba(139,92,246,.09),transparent 28%)}.ai-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.ai-panel{padding:28px;border-radius:18px}.ai-panel label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.ai-panel select{width:100%;background:#0b1620;border:1px solid var(--line);color:var(--text);padding:13px;border-radius:10px;font:inherit}.ai-output{margin-top:18px;min-height:190px;border:1px dashed var(--line);border-radius:12px;padding:18px;color:var(--muted);font-size:13px}.ai-output strong{color:var(--text)}.ai-output ul{margin:10px 0 0 20px}.ai-side{display:flex;align-content:flex-start;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:10px}.ai-chip{padding:14px 16px;border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.02);font-size:12px}.ai-chip span{color:var(--accent);font-weight:800;margin-right:7px}.disclaimer{font-size:11px;color:#748696;margin-top:15px}
.stack{text-align:center}.tool-cloud{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.tool-cloud span{padding:10px 13px;border:1px solid var(--line);border-radius:100px;color:#b8c5d0;font-size:12px;background:rgba(255,255,255,.015)}
.contact-section{padding-bottom:120px}.contact-box{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;border:1px solid var(--line);background:linear-gradient(140deg,rgba(103,232,249,.08),rgba(139,92,246,.07));padding:48px;border-radius:22px}.contact-box h2{font-size:42px;max-width:760px}.contact-box p{color:var(--muted);margin-top:15px;max-width:650px}.contact-links{display:flex;flex-direction:column;gap:10px;min-width:150px}
footer{border-top:1px solid var(--line);padding:24px 0;color:#718291;font-size:11px}.footer-inner{display:flex;justify-content:space-between}
@media(max-width:900px){nav{display:none;position:absolute;top:72px;left:0;right:0;background:#071018;padding:18px 4%;border-bottom:1px solid var(--line);flex-direction:column}nav.open{display:flex}.menu{display:block}.hero-grid,.two-col,.ai-grid,.contact-box{grid-template-columns:1fr}.hero{padding-top:80px}.cap-grid{grid-template-columns:repeat(2,1fr)}.impact-grid{grid-template-columns:repeat(2,1fr)}.impact-stat:nth-child(2){border-right:0}.impact-stat:nth-child(3),.impact-stat:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:620px){.section{padding:72px 0}h1{font-size:47px}.hero-copy{font-size:16px}.proof-row{grid-template-columns:1fr}.cap-grid{grid-template-columns:1fr}.impact-grid{grid-template-columns:1fr}.impact-stat{border-right:0;border-bottom:1px solid var(--line)}.impact-stat:last-child{border-bottom:0}.case{grid-template-columns:40px 1fr}.contact-box{padding:28px}.contact-box h2,.section-head h2,.two-col h2{font-size:32px}.footer-inner{flex-direction:column;gap:6px}}
/* =========================
   TRAINING & CERTIFICATIONS
   ========================= */

.credential-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.credential-card {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 18px;
  align-items: center;
  padding: 22px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.018);
  border-radius: 16px;
}

.credential-card.featured {
  background:
    linear-gradient(
      140deg,
      rgba(103,232,249,.06),
      rgba(139,92,246,.05)
    );

  border-color: rgba(103,232,249,.16);
}

.credential-badge {
  width: 56px;
  height: 56px;
  border-radius: 14px;

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

  text-align: center;
  padding: 6px;

  border: 1px solid var(--line);

  background: rgba(255,255,255,.03);

  color: var(--accent);

  font:
    700 11px
    "Space Grotesk";

  letter-spacing: .4px;
}

.credential-meta {
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--accent);
  font-weight: 700;
  margin-bottom: 5px;
}

.credential-card h3 {
  font-size: 20px;
  margin-bottom: 5px;
}

.credential-card p {
  font-size: 12px;
  color: var(--muted);
}


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

.education-title {
  font:
    700 30px
    "Space Grotesk";

  margin:
    55px 0
    18px;
}

.education-strip {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.education-strip > div {
  padding: 18px;

  border: 1px solid var(--line);

  border-radius: 14px;

  text-align: left;
}

.education-strip strong {
  display: block;

  font-family:
    "Space Grotesk";

  font-size: 17px;
}

.education-strip span {
  font-size: 11px;
  color: var(--muted);
}


/* =========================
   PUBLICATIONS
   ========================= */

.publication-box {
  margin-top: 24px;

  padding: 25px;

  border: 1px solid var(--line);

  border-radius: 16px;

  background:
    rgba(255,255,255,.015);
}

.publication-label {
  font-size: 10px;

  letter-spacing: 1.6px;

  color: var(--accent);

  font-weight: 700;

  margin-bottom: 10px;
}

.publication-box h3 {
  font-size: 23px;
}

.publication-box p {
  color: var(--muted);

  font-size: 13px;

  margin-top: 10px;

  max-width: 900px;
}

.publication-tags {
  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin-top: 16px;
}

.publication-tags span {
  font-size: 10px;

  color: #b8c5d0;

  border: 1px solid var(--line);

  padding: 6px 9px;

  border-radius: 100px;
}


/* =========================
   MOBILE RESPONSIVENESS
   ========================= */

@media(max-width:900px) {

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

  .education-strip {
    grid-template-columns: 1fr;
  }

  .education-title {
    font-size: 28px;
  }

}
/* =========================================
   BUSINESS MANAGEMENT & TRANSFORMATION
   ========================================= */

.management-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.management-card {
  position: relative;
  padding: 28px;

  border: 1px solid var(--line);
  border-radius: 18px;

  background: rgba(255,255,255,.018);

  transition:
    transform .2s ease,
    border-color .2s ease;
}

.management-card:hover {
  transform: translateY(-3px);
  border-color: rgba(103,232,249,.25);
}

.management-number {
  font-family: "Space Grotesk";
  font-size: 11px;

  letter-spacing: 1.5px;

  color: var(--accent);

  margin-bottom: 16px;
}

.management-card h3 {
  font-family: "Space Grotesk";
  font-size: 22px;

  margin-bottom: 10px;
}

.management-card p {
  color: var(--muted);

  font-size: 13px;

  line-height: 1.7;

  max-width: 620px;
}

.management-tags {
  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 18px;
}

.management-tags span {
  padding: 6px 9px;

  border: 1px solid var(--line);

  border-radius: 100px;

  color: #b8c5d0;

  font-size: 9px;

  letter-spacing: .3px;
}


/* =========================================
   TRANSFORMATION OPERATING MODEL
   ========================================= */

.management-flow {
  margin-top: 35px;

  padding: 25px;

  border: 1px solid var(--line);

  border-radius: 16px;

  background: rgba(255,255,255,.012);
}

.flow-label {
  font-size: 10px;

  letter-spacing: 1.6px;

  color: var(--accent);

  font-weight: 700;

  margin-bottom: 20px;
}

.flow-steps {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  flex-wrap: wrap;
}

.flow-steps div {
  padding: 10px 14px;

  border: 1px solid var(--line);

  border-radius: 10px;

  font-family: "Space Grotesk";

  font-size: 12px;
}

.flow-steps span {
  color: var(--accent);

  font-size: 16px;
}


/* =========================================
   MOBILE RESPONSIVENESS
   ========================================= */

@media(max-width:900px) {

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

  .flow-steps {
    justify-content: flex-start;
  }

}