.about-hero{position:relative;overflow:hidden;padding:88px 0;color:#fff;background:radial-gradient(circle at 78% 22%,rgba(208,122,255,.22),transparent 28%),radial-gradient(circle at 22% 78%,rgba(201,155,42,.12),transparent 24%),linear-gradient(135deg,#160329,#35105f 56%,#6829a7)}
.about-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.about-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.about-hero h1{font-family:"Playfair Display",serif;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.98;margin:20px 0}.about-hero p{max-width:720px;color:#eadff2;font-size:1.05rem;line-height:1.75}
.about-hero-visual{min-height:430px;position:relative;display:grid;place-items:center}.about-core{width:170px;height:170px;border-radius:36px;background:#fff;padding:11px;z-index:4;box-shadow:0 30px 80px rgba(0,0,0,.28)}.about-core img{width:100%;height:100%;object-fit:cover;border-radius:27px}
.about-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.about-hero-visual .orbit-one{width:260px;height:260px}.about-hero-visual .orbit-two{width:370px;height:370px;border-color:rgba(201,155,42,.26)}.about-hero-visual .orbit-three{width:500px;height:500px;border-color:rgba(255,255,255,.08)}
.orbit-label{position:absolute;z-index:5;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:8px 12px;border-radius:999px;font-size:.72rem;font-weight:800}.label-one{top:42px;right:18px}.label-two{bottom:66px;left:18px}.label-three{right:12px;bottom:118px}
.about-intro p{color:var(--muted);font-size:1.02rem;line-height:1.85}
.mission-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px}.mission-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;min-height:300px}.mission-card span{color:var(--gold);font-size:.7rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.mission-card h3{color:var(--purple);font-size:1.45rem;line-height:1.3;margin:17px 0 12px}.mission-card p{color:var(--muted)}.mission-primary{background:linear-gradient(145deg,#21093b,#531a90);color:#fff}.mission-primary h3,.mission-primary p{color:#fff}
.problem-section{background:linear-gradient(145deg,#11031e,#2b0a49);color:#fff}.problem-section .section-head h2{color:#fff}.problem-section .section-head p{color:#d8cbdf}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.problem-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:23px}.problem-card span{color:#e0ba50;font-size:.72rem;font-weight:800}.problem-card h3{margin:14px 0 9px}.problem-card p{color:#d9cedf;font-size:.9rem}
.ecosystem-map{position:relative;min-height:620px;border-radius:30px;background:radial-gradient(circle at center,#f8f2fc 0%,#fff 62%);border:1px solid var(--line);overflow:hidden}.ecosystem-map:before,.ecosystem-map:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(95,28,148,.13);left:50%;top:50%;transform:translate(-50%,-50%)}.ecosystem-map:before{width:420px;height:420px}.ecosystem-map:after{width:580px;height:580px;border-color:rgba(198,152,43,.18)}
.eco-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:38px;background:linear-gradient(145deg,#2d0b51,#5e209c);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;box-shadow:0 26px 70px rgba(47,10,104,.22)}.eco-centre img{width:86px;height:86px;border-radius:20px;object-fit:cover;margin-bottom:10px}.eco-centre small{color:#dfd2e7;margin-top:4px}
.eco-node{position:absolute;width:220px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;z-index:4;box-shadow:0 12px 32px rgba(47,10,104,.07)}.eco-node span{display:block;color:var(--gold);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.eco-node strong{display:block;color:var(--purple);margin:8px 0 4px}.eco-node small{color:var(--muted)}.node-capms{left:7%;top:12%}.node-exam{right:7%;top:12%}.node-research{left:7%;bottom:12%}.node-integrity{right:7%;bottom:12%}
.serve-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.serve-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;transition:.3s ease}.serve-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(47,10,104,.09)}.serve-icon{width:46px;height:46px;border-radius:14px;background:#f4edf8;display:grid;place-items:center;font-size:1.35rem}.serve-card h3{color:var(--purple);margin:15px 0 8px}.serve-card p{color:var(--muted);font-size:.9rem}
.values-dark{background:linear-gradient(145deg,#170527,#35105d 60%,#5e2496);color:#fff}.values-dark .section-head h2{color:#fff}.values-dark .section-head p{color:#d9cedf}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.value-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:24px}.value-card span{color:#e1bd57;font-size:.7rem;font-weight:800}.value-card h3{margin:12px 0 8px}.value-card p{color:#d8ccdf;font-size:.9rem}
@media(max-width:980px){.about-hero-grid{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr 1fr}.mission-primary{grid-column:span 2}.problem-grid,.values-grid{grid-template-columns:1fr 1fr}.serve-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.about-hero{padding:62px 0}.about-hero-visual{min-height:330px}.about-hero-visual .orbit-one{width:210px;height:210px}.about-hero-visual .orbit-two{width:290px;height:290px}.about-hero-visual .orbit-three,.orbit-label{display:none}.about-core{width:145px;height:145px}.mission-grid,.problem-grid,.serve-grid,.values-grid{grid-template-columns:1fr}.mission-primary{grid-column:auto}.ecosystem-map{min-height:auto;padding:26px;display:grid;gap:14px}.ecosystem-map:before,.ecosystem-map:after{display:none}.eco-centre,.eco-node{position:static;transform:none;width:auto}.eco-centre{height:auto;min-height:210px}}