.about-page{background:#f4f7fb;color:#06142b}
.about-page .site-header{position:absolute}
.about-hero{position:relative;min-height:100vh;padding:155px 4.5vw 60px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(circle at 78% 40%,rgba(29,91,217,.28),transparent 28%),linear-gradient(145deg,#06142b,#0b2147);color:#fff}
.about-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(103,148,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(103,148,232,.06) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to left,#000,transparent 76%)}
.about-orbit{position:absolute;right:-8vw;top:11%;width:52vw;height:52vw;border:1px solid rgba(100,151,249,.24);border-radius:50%;box-shadow:0 0 0 105px rgba(70,126,235,.025),0 0 0 210px rgba(70,126,235,.018)}
.about-orbit i{position:absolute;left:5%;top:45%;width:12px;height:12px;border-radius:50%;background:#e50086;box-shadow:0 0 28px #e50086}
.about-hero .eyebrow,.about-hero h1,.about-hero-foot{position:relative;z-index:1}
.about-hero h1{max-width:1200px;margin:4vh 0 7vh;font-size:clamp(4rem,8.4vw,8.4rem);line-height:.88}
.about-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #75a2fa}
.about-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;max-width:1050px}
.about-hero-foot p{max-width:760px;margin:0;color:#c4cfe1;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.65}
.about-proof{display:grid;grid-template-columns:repeat(4,1fr);background:#fff}
.about-proof article{min-height:190px;padding:38px 4.5vw;border-right:1px solid #d8dfe9;border-bottom:1px solid #d8dfe9;display:flex;flex-direction:column;justify-content:center}
.about-proof article:last-child{border-right:0}
.about-proof strong{font:800 clamp(2.5rem,4.2vw,4.2rem)/1 Manrope,sans-serif;letter-spacing:-.06em;color:#0d55d9}
.about-proof span{margin-top:13px;color:#68768a;font-size:.76rem;line-height:1.5}
.about-story{padding:130px 4.5vw;background:#f4f7fb;display:grid;grid-template-columns:.6fr 1.4fr;gap:4vw 8vw;color:#06142b}
.about-section-title{display:flex;gap:1rem;align-items:center;grid-column:1/-1}
.about-story-copy{grid-column:2}
.about-story-copy h2,.company-structure h2,.approach-heading h2,.vision-copy h2,.about-next h2{font:800 clamp(3rem,5vw,5.3rem)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 40px}
.about-story-copy h2 em,.vision-copy h2 em{font-style:normal;color:#68758a}
.about-story-copy p{color:#5f6d81;font-size:1.05rem;line-height:1.8;max-width:820px}
.experience-track{grid-column:2;display:flex;align-items:center;gap:17px;margin-top:35px;color:#1759bc;font:700 .64rem Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.experience-track i{flex:1;height:1px;background:#bdc9da}
.company-structure{padding:130px 4.5vw;background:#fff}
.company-structure .section-intro{margin-bottom:65px}
.company-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.company-card{min-height:480px;padding:45px;border:1px solid #d2dae6;border-radius:14px;display:flex;flex-direction:column;background:#f7f9fc}
.company-card-uae{background:linear-gradient(145deg,#071a38,#103776);color:#fff;border-color:#1d4d8d}
.company-card>span{color:#e50086;font:700 .65rem Manrope,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.company-card h3{font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;margin:45px 0 25px}
.company-card p{max-width:650px;color:#647288;line-height:1.7}
.company-card-uae p{color:#b6c4da}
.company-card ul{margin:auto 0 0;padding:25px 0 0;border-top:1px solid #d8dfe9;list-style:none;display:grid;gap:12px;color:#55647a;font-size:.8rem}
.company-card-uae ul{border-color:rgba(255,255,255,.18);color:#d4ddec}
.company-card li:before{content:"+";margin-right:10px;color:#e50086}
.about-approach{padding:130px 4.5vw;background:#071730;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:start}
.approach-heading p{max-width:560px;color:#9eacc4;line-height:1.75}
.approach-list{border-top:1px solid #2a3d5e}
.approach-list article{display:grid;grid-template-columns:55px 1fr;padding:27px 0;border-bottom:1px solid #2a3d5e}
.approach-list article>span{color:#e50086;font:700 .62rem Manrope,sans-serif;padding-top:5px}
.approach-list h3{font-size:1.35rem;margin:0 0 9px}
.approach-list p{margin:0;color:#9eacc4;font-size:.88rem;line-height:1.65}
.about-vision{padding:125px 4.5vw;background:#eaf0f8;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;color:#06142b}
.vision-copy p{max-width:720px;color:#5d6c81;font-size:1.05rem;line-height:1.75}
.vision-actions{display:flex;gap:28px;margin-top:38px}
.vision-actions a{padding-bottom:8px;border-bottom:1px solid #7a8ba5;font-size:.78rem;font-weight:700}
.vision-actions span{margin-left:18px;color:#e50086}
.vision-number{min-height:370px;padding:38px;border:1px solid #bac7da;background:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.vision-number small{margin-bottom:auto;color:#e50086;font:700 .62rem Manrope,sans-serif;letter-spacing:.15em}
.vision-number strong{font:800 clamp(6rem,11vw,11rem)/.8 Manrope,sans-serif;letter-spacing:-.08em;color:#0d55d9}
.vision-number span{margin-top:20px;color:#69768a;font-size:.8rem}
.about-next{padding:115px 4.5vw;background:linear-gradient(125deg,#0c2b60,#123f86);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}
.about-next h2{margin:30px 0}
.about-next p{max-width:720px;color:#bdc9dc;line-height:1.7}
.about-next-actions{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.about-next-actions a{font-size:.8rem;border-bottom:1px solid #7691bd;padding-bottom:7px}
.about-next-actions .about-primary{padding:17px 20px;border:0;border-radius:4px;background:#fff;color:#06142b;font-weight:700}
.about-primary span{margin-left:25px;color:#e50086}
@media(max-width:900px){
  .about-proof{grid-template-columns:1fr 1fr}
  .about-proof article:nth-child(2){border-right:0}
  .about-story{grid-template-columns:1fr}
  .about-story-copy,.experience-track{grid-column:1}
  .company-cards,.about-approach,.about-vision,.about-next{grid-template-columns:1fr}
  .vision-number{max-width:620px}
}
@media(max-width:560px){
  .about-hero{min-height:820px;padding:120px 20px 55px;justify-content:flex-start}
  .about-hero .eyebrow{margin-top:85px}
  .about-hero h1{font-size:clamp(3.3rem,15vw,4rem);margin:55px 0 45px}
  .about-hero-foot{display:block}
  .about-hero-foot .text-link{margin-top:28px}
  .about-proof article{min-height:145px;padding:25px 20px}
  .about-proof strong{font-size:2.35rem}
  .about-story,.company-structure,.about-approach,.about-vision,.about-next{padding:88px 20px}
  .about-story-copy h2,.company-structure h2,.approach-heading h2,.vision-copy h2,.about-next h2{font-size:3rem}
  .experience-track{display:grid;grid-template-columns:auto 1fr auto;gap:10px}
  .experience-track i:nth-of-type(2),.experience-track span:nth-of-type(4),.experience-track i:nth-of-type(3){display:none}
  .company-card{min-height:430px;padding:30px 25px}
  .company-card h3{font-size:2rem}
  .vision-actions{align-items:flex-start;flex-direction:column;gap:20px}
  .vision-number{min-height:300px;padding:28px}
  .about-next{gap:45px}
}