/* Our approach: a progressively enhanced, single-open accordion. */
.english-home .approach{background:#f4f6f8;color:#0d1b32;padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(56px,7vw,96px)}
.approach-heading{margin-bottom:48px}.approach-heading .eyebrow{color:#58728d;margin-bottom:24px}.approach-heading h2{font:400 clamp(2.4rem,4.4vw,4.5rem)/1.12 var(--display);max-width:24ch;letter-spacing:-.025em;margin:0}
.approach-layout{display:block}.approach-enhanced .approach-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}.approach-stages,.approach-visual-slot{min-width:0}.approach-visual-slot:empty{display:none}
.approach-step{border-top:1px solid #b7c9d9;transition:background 180ms ease}.approach-step:last-child{border-bottom:1px solid #b7c9d9}.approach-step[open]{background:#deebf4}.approach-step summary{display:flex;align-items:center;gap:18px;padding:26px 22px;cursor:pointer;list-style:none;min-height:100px}.approach-step summary::-webkit-details-marker{display:none}.approach-step summary:focus-visible{outline:3px solid #446e93;outline-offset:-3px}.approach-number{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #637e98;border-radius:50%;font:400 1.25rem/1 var(--display);transition:background 180ms ease,color 180ms ease}.approach-step[open] .approach-number{background:#0d1b32;border-color:#0d1b32;color:#f4f6f8}.approach-label{font:400 clamp(1.45rem,2.05vw,2rem)/1.2 var(--display)}.approach-toggle{position:relative;margin-left:auto;flex:0 0 20px;width:20px;height:20px}.approach-toggle:before,.approach-toggle:after{content:'';position:absolute;top:9px;left:0;width:20px;height:2px;background:currentColor;transition:transform 180ms ease}.approach-toggle:after{transform:rotate(90deg)}.approach-step[open] .approach-toggle:after{transform:rotate(0)}
.approach-copy{padding:0 26px 28px 88px}.approach-copy p{font-size:1rem;line-height:1.7;margin:0 0 22px;color:#344b63;max-width:48ch}.approach-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.approach-tags li{padding:6px 10px;border:1px solid #a6bdd0;border-radius:3px;font-size:.75rem;line-height:1.5;color:#344b63}
.approach-visual{background:#0d1b32;color:#f4f6f8;padding:30px;border-radius:4px;min-width:0}.approach-body>.approach-visual{margin:0 18px 24px}.approach-visual .eyebrow{color:#c5dff0;font-size:.7rem;letter-spacing:.16em;margin:0 0 22px}.approach-visual h3{font:400 clamp(1.7rem,2.5vw,2.5rem)/1.15 var(--display);margin:0;max-width:25ch;letter-spacing:-.015em}.approach-illustration{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,.38fr);align-items:center;gap:12px;margin:26px 0;min-height:195px}.approach-illustration svg{display:block;width:100%;height:auto;overflow:visible;stroke:#c5dff0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.approach-illustration p{font:400 clamp(1.1rem,1.7vw,1.6rem)/1.2 var(--display);margin:0;overflow-wrap:break-word}.approach-dots{fill:#c5dff0}.approach-dots .approach-halo{fill:#c5dff015;stroke:#c5dff040}.approach-output{display:flex;align-items:center;gap:18px;border:1px solid #718da6;border-radius:3px;padding:17px 18px}.approach-output>span{font-size:.65rem;letter-spacing:.14em;color:#c5dff0;flex-shrink:0}.approach-output p{font:400 clamp(1.15rem,1.6vw,1.5rem)/1.25 var(--display);margin:0;border-left:1px solid #718da6;padding-left:18px}
.approach-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px}.approach-footer>p{font-size:.875rem;line-height:1.6;color:#536b82;margin:0;max-width:45ch}.approach-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#0d1b32;color:#f4f6f8;padding:16px 22px;border:1px solid #0d1b32;border-radius:3px;font-size:.95rem;min-height:54px}.approach-cta svg{width:22px;height:22px;flex:0 0 22px;transition:transform 180ms ease}.approach-cta:focus-visible{outline:3px solid #446e93;outline-offset:4px}
@media(hover:hover){.approach-step:not([open]):hover{background:#e7eff5}.approach-step:not([open]):hover .approach-number{background:#c5dff0}.approach-cta:hover{background:#253c56;color:#fff}.approach-cta:hover svg{transform:translateX(3px)}}
@media(min-width:981px){.approach-visual-slot{position:sticky;top:30px}}
@media(max-width:980px){.approach-enhanced .approach-layout{display:block}.approach-visual-slot{display:none}.approach-heading{margin-bottom:30px}.approach-heading h2{max-width:26ch}.approach-illustration{min-height:160px;grid-template-columns:minmax(0,1fr) minmax(90px,.4fr);max-width:500px;margin:20px auto}.approach-illustration svg{max-height:230px}.approach-footer{align-items:flex-start;flex-direction:column}.approach-cta{max-width:100%}}
@media(max-width:650px){.approach-step summary{padding:22px 14px;gap:12px;min-height:88px}.approach-number{width:38px;height:38px;flex-basis:38px;font-size:1rem}.approach-label{font-size:1.4rem}.approach-copy{padding:0 18px 24px}.approach-copy p{font-size:.9375rem}.approach-visual{padding:22px 18px}.approach-body>.approach-visual{margin:0 12px 18px}.approach-visual h3{font-size:1.75rem}.approach-illustration{min-height:150px;gap:8px;grid-template-columns:minmax(0,1fr) minmax(60px,.4fr)}.approach-illustration p{font-size:1.1rem}.approach-output{padding:14px 12px;gap:12px;align-items:flex-start;flex-direction:column}.approach-output p{border-left:0;border-top:1px solid #718da6;padding:12px 0 0;width:100%}.approach-cta{width:100%;font-size:.875rem;gap:14px}}
@media(prefers-reduced-motion:reduce){.approach *,.approach *:before,.approach *:after{animation:none!important;transition:none!important}.approach-cta:hover svg{transform:none}}
