/* =========================================================
   ABOUT PAGE ADDITIONS
   ========================================================= */
.about-hero{position:relative;overflow:hidden;padding:105px 0 90px;color:var(--white);background:radial-gradient(circle at 80% 20%,rgba(109,40,217,.26),transparent 32%),linear-gradient(135deg,#0b0d14 0%,#1a1330 100%)}
.about-hero-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.about-hero-glow-one{width:360px;height:360px;top:-150px;right:12%;background:rgba(167,139,250,.12)}
.about-hero-glow-two{width:320px;height:320px;bottom:-180px;left:8%;background:rgba(109,40,217,.14)}
.about-hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent)}
.about-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}
.about-hero-copy{max-width:680px}
.about-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:9px 13px;color:var(--cyan);background:rgba(167,139,250,.08);border:1px solid rgba(167,139,250,.18);border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.about-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(167,139,250,.12)}
.about-hero h1{max-width:700px;font-family:"Manrope",sans-serif;font-size:clamp(3rem,6vw,5.5rem);line-height:.98;letter-spacing:-.065em}
.about-hero h1 span{display:block;color:var(--cyan)}
.about-hero-copy>p{max-width:630px;margin:28px 0 32px;color:#b4c1d1;font-size:1.08rem}
.about-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.about-text-link{display:inline-flex;align-items:center;gap:10px;color:#dbe6f3;font-weight:700}
.about-text-link:hover{color:var(--cyan)}
.about-hero-panel{position:relative;min-height:480px;padding:24px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);border-radius:30px;box-shadow:0 35px 80px rgba(0,0,0,.22)}
.about-panel-top,.about-panel-bottom{display:flex;justify-content:space-between;align-items:center;color:#aebdce;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.about-panel-top i{color:var(--cyan);font-size:1.1rem}
.capability-map{position:relative;height:360px;margin-top:10px}
.capability-map:before,.capability-map:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%)}
.capability-map:before{width:245px;height:245px}
.capability-map:after{width:350px;height:350px;border-style:dashed;opacity:.6}
.capability-core{position:absolute;z-index:2;left:50%;top:50%;width:135px;height:135px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--white);text-align:center;background:linear-gradient(145deg,var(--blue),#4c1d95);border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 20px 60px rgba(109,40,217,.38);transform:translate(-50%,-50%)}
.capability-core i{color:var(--cyan);font-size:1.55rem}
.capability-core strong{font-size:.86rem;line-height:1.1}
.capability-orbit{position:absolute;z-index:3;width:78px;height:78px;display:grid;place-items:center;align-content:center;gap:4px;color:#e7eef8;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:50%;font-size:.63rem;font-weight:700}
.capability-orbit i{color:var(--cyan);font-size:1rem}
.capability-orbit-one{top:23px;left:50%;transform:translateX(-50%)}
.capability-orbit-two{right:17px;top:50%;transform:translateY(-50%)}
.capability-orbit-three{bottom:23px;left:50%;transform:translateX(-50%)}
.capability-orbit-four{left:17px;top:50%;transform:translateY(-50%)}
.about-panel-bottom{justify-content:flex-start;gap:6px;flex-direction:column;align-items:flex-start;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}
.about-panel-bottom strong{color:var(--white);font-size:.95rem;text-transform:none;letter-spacing:0}
.about-categories{background:var(--surface)}
.about-heading{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:42px}
.about-heading h2{max-width:650px;font-family:"Manrope",sans-serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.03;letter-spacing:-.055em}
.about-heading p{max-width:440px;color:var(--muted)}
.about-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.about-category-card{position:relative;min-height:430px;display:flex;flex-direction:column;padding:30px;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);transition:.35s var(--ease)}
.about-category-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-md)}
.about-category-featured{color:var(--white);background:linear-gradient(145deg,#1a1330,#2c1a52);border-color:transparent}
.about-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:35px}
.about-card-number{color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.12em}
.about-category-featured .about-card-number{color:var(--cyan)}
.about-card-icon{width:55px;height:55px;display:grid;place-items:center;color:var(--blue);background:rgba(109,40,217,.08);border-radius:16px}
.about-category-featured .about-card-icon{color:var(--cyan);background:rgba(167,139,250,.11)}
.about-card-label{margin-bottom:8px;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.about-category-featured .about-card-label{color:var(--cyan)}
.about-category-card h3{max-width:520px;margin-bottom:14px;color:var(--ink);font-family:"Manrope",sans-serif;font-size:1.55rem;line-height:1.12}
.about-category-featured h3{color:var(--white)}
.about-category-card>p{max-width:540px;margin-bottom:20px;color:var(--muted);font-size:.92rem}
.about-category-featured>p{color:#b8c6d6}
.about-list{display:grid;gap:9px;margin-bottom:25px}
.about-list li{display:flex;align-items:flex-start;gap:10px;color:var(--ink);font-size:.84rem}
.about-list i{margin-top:5px;color:var(--blue);font-size:.7rem}
.about-category-featured .about-list li{color:#d5dfeb}
.about-category-featured .about-list i{color:var(--cyan)}
.about-card-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:var(--blue);font-size:.85rem;font-weight:800}
.about-category-featured .about-card-link{color:var(--cyan)}
.about-card-link:hover{gap:13px}
.about-process-section{background:radial-gradient(circle at 90% 20%,rgba(109,40,217,.18),transparent 30%),linear-gradient(135deg,#0b0d14,#1a1330)}
.about-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.about-process-card{min-height:255px;padding:25px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:20px}
.about-process-card>span{display:block;margin-bottom:27px;color:var(--cyan);font-size:.75rem;font-weight:800}
.about-process-card>i{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;color:var(--cyan);background:rgba(167,139,250,.1);border-radius:14px}
.about-process-card h3{margin-bottom:8px;color:var(--white);font-family:"Manrope",sans-serif}
.about-process-card p{color:#a9b7c9;font-size:.86rem}
.about-why-section{background:var(--surface)}
.about-why-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.about-why-copy h2{max-width:590px;font-family:"Manrope",sans-serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.04;letter-spacing:-.055em}
.about-why-copy p{max-width:580px;margin:22px 0 28px;color:var(--muted)}
.about-why-points{display:grid;gap:13px}
.about-why-point{display:flex;align-items:center;gap:17px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
.about-why-point>i{width:47px;height:47px;flex:0 0 auto;display:grid;place-items:center;color:var(--blue);background:rgba(109,40,217,.08);border-radius:14px}
.about-why-point strong,.about-why-point span{display:block}
.about-why-point strong{font-size:.95rem}
.about-why-point span{margin-top:3px;color:var(--muted);font-size:.8rem}
.about-cta-section{padding-top:0;background:var(--surface)}
.about-cta-panel{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:55px 60px;color:var(--white);background:radial-gradient(circle at 85% 20%,rgba(167,139,250,.2),transparent 30%),linear-gradient(135deg,#1a1330,#2c1a52);border-radius:28px}
.about-cta-panel h2{max-width:680px;font-family:"Manrope",sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;letter-spacing:-.05em}
.about-cta-panel p{max-width:600px;margin-top:15px;color:#b8c6d6}

@media(max-width:1000px){
.about-hero-layout,.about-why-layout{grid-template-columns:1fr}
.about-hero-panel{max-width:650px}
.about-heading{grid-template-columns:1fr;gap:20px}
.about-process-grid{grid-template-columns:repeat(2,1fr)}
.about-why-layout{gap:45px}
}
@media(max-width:700px){
.about-hero{padding:70px 0 60px}
.about-hero h1{font-size:clamp(2.8rem,13vw,4rem)}
.about-hero-actions{align-items:stretch;flex-direction:column}
.about-hero-actions .btn{width:100%}
.about-hero-panel{min-height:430px}
.capability-map{height:310px}
.capability-map:after{width:290px;height:290px}
.capability-orbit-one{top:10px}
.capability-orbit-three{bottom:10px}
.capability-orbit-two{right:0}
.capability-orbit-four{left:0}
.about-category-grid,.about-process-grid{grid-template-columns:1fr}
.about-category-card{min-height:auto}
.about-cta-panel{align-items:flex-start;flex-direction:column;padding:35px 26px}
.about-cta-panel .btn{width:100%}
}


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

.foundation-card {
  position: relative;
  min-height: 320px;
  padding: 28px;
  overflow: hidden;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 22px;
}

.foundation-card-featured {
  background: linear-gradient(145deg, rgba(109, 40, 217, .35), rgba(255, 255, 255, .05));
}

.foundation-icon {
  width: 53px;
  height: 53px;
  display: grid;
  place-items: center;
  margin-bottom: 30px;
  color: var(--cyan);
  background: rgba(167, 139, 250, .10);
  border-radius: 15px;
}

.foundation-number {
  position: absolute;
  top: 28px;
  right: 28px;
  color: #6e8098;
  font-size: .75rem;
  font-weight: 800;
}

.foundation-card h3 {
  margin-bottom: 13px;
  font-family: "Manrope", sans-serif;
  font-size: 1.45rem;
}

.foundation-card p {
  color: #a9b7c9;
  font-size: .92rem;
}

.approach-section {
  background: var(--surface);
}

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

.approach-card {
  min-height: 280px;
  padding: 26px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow-sm);
  transition: .3s var(--ease);
}

.approach-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-md);
}

.approach-card > span {
  display: block;
  margin-bottom: 30px;
  color: var(--blue);
  font-size: .75rem;
  font-weight: 800;
}

.approach-card > i {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  color: var(--blue);
  background: rgba(109, 40, 217, .08);
  border-radius: 14px;
}

.approach-card h3 {
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
  font-size: 1.15rem;
}

.approach-card p {
  color: var(--muted);
  font-size: .88rem;
}

.team-group {
  margin-top: 55px;
}

.team-group-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.team-group-heading span {
  color: var(--blue);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.team-group-heading h3 {
  font-family: "Manrope", sans-serif;
  font-size: 1.25rem;
}

.team-grid-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.member-image {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    display: grid;
    place-items: center;
}

.member-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.member-number {
  position: absolute;
  z-index: 2;
  top: 17px;
  right: 18px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: var(--white);
  background: rgba(11, 13, 20, .68);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  font-size: .72rem;
  font-weight: 800;
}

.culture-section {
  background: var(--surface);
}

.culture-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
  padding: 65px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.culture-copy h2 {
  max-width: 560px;
  font-family: "Manrope", sans-serif;
  font-size: clamp(2.2rem, 4vw, 3.7rem);
  line-height: 1.05;
  letter-spacing: -.055em;
}

.culture-copy p {
  max-width: 550px;
  margin: 22px 0 28px;
  color: var(--muted);
}

.culture-values {
  display: grid;
  gap: 13px;
}

.culture-value {
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 18px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 17px;
}

.culture-value > i {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  color: var(--blue);
  background: var(--white);
  border-radius: 13px;
  box-shadow: var(--shadow-sm);
}

.culture-value strong,
.culture-value span {
  display: block;
}

.culture-value strong {
  font-size: .95rem;
}

.culture-value span {
  margin-top: 2px;
  color: var(--muted);
  font-size: .8rem;
}

@media (max-width: 1050px) {
  .approach-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .foundation-card:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 850px) {
  .about-hero {
    padding: 75px 0 65px;
  }

  .about-hero-layout,
  .about-story-grid,
  .culture-panel {
    grid-template-columns: 1fr;
  }

  .about-hero-layout {
    gap: 60px;
  }

  .about-story-grid {
    gap: 35px;
  }

  .culture-panel {
    padding: 35px;
  }

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

  .foundation-card:last-child {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  .about-hero {
    min-height: auto;
    padding: 65px 0 55px;
  }

  .about-hero h1 {
    font-size: clamp(2.7rem, 13vw, 4rem);
  }

  .about-hero .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .about-hero .hero-actions .btn {
    width: 100%;
  }

  .about-hero-visual {
    min-height: 400px;
  }

  .about-quote-card {
    padding: 26px;
  }

  .about-floating-card {
    transform: scale(.84);
  }

  .about-floating-card-one {
    left: -18px;
    top: 8px;
  }

  .about-floating-card-two {
    right: -18px;
    bottom: 8px;
  }

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

  .team-grid-two {
    grid-template-columns: 1fr;
  }

  .culture-panel {
    padding: 28px 22px;
  }
}
.about-story-combined {
display: grid;
gap: 44px;
}

.about-section-heading {
margin-bottom: 0;
}

.about-section-heading h2 {
margin: 8px 0 14px;
font-family: "Manrope", sans-serif;
font-size: clamp(2.2rem, 4vw, 3.8rem);
line-height: 1.04;
letter-spacing: -.055em;
}

.about-section-heading p {
max-width: 680px;
color: #65748a;
font-size: 1rem;
}

.about-story-content {
max-width: 860px;
display: grid;
gap: 18px;
}

.about-story-content p {
color: #65748a;
font-size: 1.05rem;
}

.foundation-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}

.foundation-card {
position: relative;
min-height: 280px;
padding: 28px;
background: #fff;
border: 1px solid rgba(11, 13, 20, .08);
border-radius: 22px;
box-shadow: 0 24px 70px rgba(11, 13, 20, .08);
}

.foundation-icon {
width: 52px;
height: 52px;
display: grid;
place-items: center;
margin-bottom: 24px;
color: #6d28d9;
background: rgba(109, 40, 217, .08);
border-radius: 15px;
}

.foundation-number {
position: absolute;
top: 26px;
right: 26px;
color: #7b8ca3;
font-size: .75rem;
font-weight: 800;
letter-spacing: .12em;
}

.foundation-card h3 {
margin-bottom: 12px;
font-family: "Manrope", sans-serif;
font-size: 1.35rem;
}

.foundation-card p {
color: #65748a;
font-size: .92rem;
}

@media (max-width: 900px) {
.foundation-grid {
grid-template-columns: 1fr;
}
}