.approach-hero{padding:3.8rem 0 3.2rem;border-bottom:1px solid var(--border);background:#fff}
.approach-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}
.approach-visual{min-height:360px;display:grid;place-items:center;position:relative}
.approach-orbit{width:270px;height:270px;border:1px solid rgba(0,155,131,.24);border-radius:50%;position:relative;display:grid;place-items:center}
.approach-orbit::before,.approach-orbit::after{content:"";position:absolute;border:1px solid rgba(0,155,131,.14);border-radius:50%}
.approach-orbit::before{width:210px;height:210px}.approach-orbit::after{width:330px;height:330px}
.core{width:120px;height:120px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:.08em;z-index:3}
.orbit-label{position:absolute;background:#fff;border:1px solid var(--border);border-radius:999px;padding:.4rem .7rem;color:var(--teal);font-size:.78rem;font-weight:800;z-index:4}
.orbit-label.l1{top:2%;left:38%}.orbit-label.l2{right:-12%;top:43%}.orbit-label.l3{bottom:0;left:33%}.orbit-label.l4{left:-9%;top:43%}

.intro-section{background:#fff}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem}
.methodology-section{background:var(--soft)}
.method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2.8rem}
.method-grid article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.5rem}
.method-number{display:inline-block;color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.1em;margin-bottom:.8rem}
.method-kicker{color:var(--teal);font-weight:800}
.principles-section{background:#fff}
.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.5rem}
.principles-grid article{padding:1.5rem;border-top:3px solid var(--teal);background:#fbfdfc}
.principle-icon{font-size:1.8rem;color:var(--teal);margin-bottom:.7rem}
.partnership-section{background:#f8fbfa}
.partnership-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem}
@media(max-width:980px){
  .approach-hero-grid,.intro-grid,.partnership-grid{grid-template-columns:1fr;gap:2.5rem}
  .method-grid{grid-template-columns:repeat(2,1fr)}
  .principles-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .approach-hero{padding:3.7rem 0}
  .approach-visual{min-height:290px}
  .approach-orbit{width:220px;height:220px}.approach-orbit::before{width:170px;height:170px}.approach-orbit::after{width:265px;height:265px}
  .method-grid,.principles-grid{grid-template-columns:1fr}
}