/* Balanced navy statement with a larger grid, soft dots and warm spotlight. */
#whyApproach{position:relative;isolation:isolate;overflow:hidden;background:#1a3554;color:#fff;border:1px solid #ffffff12;border-radius:14px;padding:clamp(22px,3vw,36px);margin:30px 0 36px;min-height:0}
#whyApproach::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff1a 1px,transparent 1px),linear-gradient(90deg,#ffffff1a 1px,transparent 1px);background-size:64px 64px;opacity:.85;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
#whyApproach::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(#ffffff45 .55px,transparent .85px);background-size:var(--site-grid-size,4px 4px);opacity:.14;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
#whyApproach .wc-spotlight{position:absolute;inset:0;z-index:0;pointer-events:none}
#whyApproach .wc-dim .wc-frag{background:#ffffff16}
#whyApproach .wc-glow{width:clamp(260px,38vw,400px);height:clamp(260px,38vw,400px);background:radial-gradient(circle,#ff6b0038,transparent 72%)}
#whyApproach .why-approach-content{position:relative;z-index:1}
#whyApproach .why-title{color:#fff;font-size:clamp(1.45rem,3.1vw,2.75rem);line-height:1.16;letter-spacing:-.04em;font-weight:600;max-width:24em;margin:0;text-wrap:balance}
#whyApproach .why-title em{color:#ff8f3d;font-style:normal}
#whyApproach p{color:#ffffffc9;font-size:.9rem;line-height:1.55;max-width:640px;margin:14px 0 0}
#why.why-section{padding-top:80px}
#why.why-section>.container-wide{padding-bottom:64px}
@media(max-width:680px){#whyApproach::before{background-size:44px 44px}#whyApproach{padding:22px 18px;border-radius:12px;margin:24px -8px 28px}#whyApproach .why-title{font-size:clamp(1.28rem,5.4vw,1.8rem);line-height:1.2;max-width:none}#whyApproach p{font-size:.83rem;line-height:1.55;margin-top:12px}#why.why-section{padding-top:58px}#why.why-section>.container-wide{padding-bottom:42px}}

@media(max-width:680px){#whyApproach .wc-glow{width:clamp(164px,48vw,220px);height:clamp(164px,48vw,220px)}}
@media(max-width:680px) and (prefers-reduced-motion:no-preference){#whyApproach .wc-bright{-webkit-mask-image:radial-gradient(circle clamp(90px,25vw,112px) at var(--mx,50%) var(--my,30%),#000 0%,#000 42%,transparent 78%);mask-image:radial-gradient(circle clamp(90px,25vw,112px) at var(--mx,50%) var(--my,30%),#000 0%,#000 42%,transparent 78%)}}