/* about-us.html: Results we're proud of + Our culture */

/* ---------- Results (uses the shared .hp-card case-study cards from hub-cards.css) ---------- */
.abr{background:radial-gradient(700px 420px at 100% 0%,rgba(124,58,237,.08),transparent 65%),radial-gradient(700px 420px at 0% 100%,rgba(37,99,235,.08),transparent 65%),#f5f8fd;padding:clamp(56px,6.5vw,96px) clamp(20px,4vw,56px)}
.abr-in{max-width:1240px;margin:0 auto}
.abr-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(28px,3.4vw,42px)}
.abr-kicker,.abc-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#1d4ed8}
.abr-kicker::before,.abc-kicker::before{content:"";width:22px;height:1px;background:currentColor}
.abr h2{margin:0;font:900 clamp(30px,3.4vw,48px)/1.08 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.5px;color:#0f172a}
.abr h2 span{display:block;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.abr-head>p{margin:0;font:400 16px/1.7 'Segoe UI',system-ui,sans-serif;color:#475569}
.abr-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.abr-grid .hp-media{min-height:190px;padding:14px 16px 16px}
.abr-grid .hp-num b{font-size:clamp(34px,3vw,42px)}
.abr-grid .hp-num small{font-size:12.5px}
.abr-grid .hp-body{padding:14px 16px 16px}
.abr-grid .hp-body p{font-size:13.8px}
.abr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:0;margin-top:20px;padding:10px;border-radius:22px;background:linear-gradient(135deg,#0b1326,#172554);box-shadow:0 30px 60px -40px rgba(15,23,42,.8)}
.abr-stats>div{padding:14px 22px}
.abr-stats>div+div{border-left:1px solid rgba(255,255,255,.1)}
.abr-stats strong{display:block;font:900 clamp(26px,2.6vw,36px)/1 'Segoe UI',system-ui,sans-serif;letter-spacing:-1px;background:linear-gradient(135deg,#60a5fa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.abr-stats span{display:block;margin-top:6px;font:600 12.5px/1.4 'Segoe UI',system-ui,sans-serif;color:#94a3b8}
.abr-all{display:inline-flex;align-items:center;gap:9px;margin:6px 8px 6px 16px;padding:15px 24px;border-radius:14px;background:#fff;color:#0f172a;text-decoration:none;font:800 14px/1 'Segoe UI',system-ui,sans-serif;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.abr-all span{color:#2563eb;transition:transform .2s}
.abr-all:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(96,165,250,.8)}
.abr-all:hover span{transform:translateX(3px)}
.abr-note{margin:16px 0 0;font:400 12.5px/1.6 'Segoe UI',system-ui,sans-serif;color:#64748b}

/* ---------- Culture: dark, open layout (no cards) ---------- */
#culture.abc{position:relative;overflow:clip;padding:clamp(56px,6.5vw,100px) clamp(20px,4vw,56px);background:radial-gradient(900px 560px at 78% 34%,rgba(245,158,11,.13),transparent 62%),radial-gradient(760px 520px at 0% 100%,rgba(219,39,119,.14),transparent 62%),linear-gradient(180deg,#090d20 0%,#120b26 100%)}
.abc-in{position:relative;max-width:1240px;margin:0 auto}
.abc-head{max-width:760px;margin:0 auto clamp(20px,3vw,36px);text-align:center}
.abc-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#fbbf24}
.abc-kicker::before,.abc-kicker::after{content:"";width:22px;height:1px;background:currentColor}
.abc-head h2{margin:0 0 16px;font:900 clamp(30px,3.4vw,48px)/1.08 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.5px;color:#fff}
.abc-head h2 em,.abc-care-side h3 em{font-style:normal;background-image:linear-gradient(90deg,#fbbf24,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}
.abc-head p{margin:0;font:400 16.5px/1.7 'Segoe UI',system-ui,sans-serif;color:#a8b3c7}
/* world: glowing map blended into the background, copy on top */
.abc-world{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;min-height:clamp(420px,44vw,560px)}
.abc-globe{position:relative;grid-column:2;grid-row:1;aspect-ratio:3/2;width:116%;margin-left:-8%}
.abc-globe img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.5;filter:drop-shadow(0 0 6px rgba(251,191,36,.35))}
.abc-globe svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.abc-routes path{fill:none;stroke:#fbbf24;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85;filter:drop-shadow(0 0 3px rgba(251,191,36,.9))}
.abc-globe.is-live .abc-routes path{animation:abcDraw 1.5s ease-out var(--d) forwards}
@keyframes abcDraw{to{stroke-dashoffset:0}}
.abc-movers circle{fill:#fff;filter:drop-shadow(0 0 6px #fbbf24)}
.abc-pin,.abc-home{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#fde68a;box-shadow:0 0 10px 2px rgba(251,191,36,.95)}
.abc-pin{opacity:0;transform:scale(.2);text-decoration:none;transition:transform .2s}
.abc-globe.is-live .abc-pin{animation:abcPop .5s cubic-bezier(.34,1.56,.64,1) var(--d) forwards}
@keyframes abcPop{to{opacity:1;transform:scale(1)}}
.abc-pin:hover,.abc-pin:focus-visible{z-index:5;background:#fff}
.abc-pin span{position:absolute;left:50%;bottom:calc(100% + 9px);padding:5px 9px;border-radius:8px;background:#fff;font:800 11px/1 'Segoe UI',system-ui,sans-serif;color:#0f172a;white-space:nowrap;transform:translateX(-50%) translateY(4px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.abc-pin:hover span,.abc-pin:focus-visible span{opacity:1;transform:translateX(-50%)}
.abc-pin::after,.abc-home::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(251,191,36,.7);animation:abcPulse 2.8s ease-out var(--d,0s) infinite}
@keyframes abcPulse{from{transform:scale(.6);opacity:1}to{transform:scale(3.2);opacity:0}}
.abc-home{width:18px;height:18px;margin:-9px 0 0 -9px;background:radial-gradient(circle at 35% 30%,#fff,#f472b6 60%,#db2777);box-shadow:0 0 26px 6px rgba(244,114,182,.85)}
.abc-home::after{border-color:rgba(244,114,182,.8);inset:-8px}
.abc-home b{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);white-space:nowrap;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.abc-world-copy{position:relative;z-index:1;grid-column:1;grid-row:1}
.abc-over{margin:0 0 12px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#fbbf24}
.abc-world-copy h3{margin:0 0 18px;font:900 clamp(30px,3.3vw,46px)/1.05 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.4px;color:#fff}
.abc-world-copy h3 span{background-image:linear-gradient(90deg,#fbbf24,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}
.abc-world-copy p{margin:0 0 12px;max-width:46ch;font:400 16px/1.7 'Segoe UI',system-ui,sans-serif;color:#cbd5e1}
.abc-world-copy .abc-extra{color:#94a3b8;font-size:15px}
.abc-route{position:relative;display:flex;gap:clamp(18px,2.6vw,36px);list-style:none;margin:28px 0 0;padding:20px 0 0}
.abc-route::before{content:"";position:absolute;left:5px;right:20%;top:5px;height:2px;background:linear-gradient(90deg,#f472b6,#fbbf24,rgba(251,191,36,0))}
.abc-route li{position:relative}
.abc-route li::before{content:"";position:absolute;left:0;top:-20px;width:12px;height:12px;border-radius:50%;background:#120b26;border:2px solid #fbbf24;box-shadow:0 0 10px rgba(251,191,36,.8)}
.abc-route li:first-child::before{border-color:#f472b6;box-shadow:0 0 10px rgba(244,114,182,.9)}
.abc-route b{display:block;font:800 16px/1.2 'Segoe UI',system-ui,sans-serif;color:#fff}
.abc-route small{display:block;margin-top:4px;font:600 12.5px/1.3 'Segoe UI',system-ui,sans-serif;color:#94a3b8}
/* care: open two-column list with hairlines */
.abc-care{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,80px);align-items:start;margin-top:clamp(40px,5vw,72px);padding-top:clamp(36px,4.5vw,60px);border-top:1px solid rgba(255,255,255,.1)}
.abc-care-side{position:sticky;top:110px}
.abc-care-side h3{margin:0 0 16px;font:900 clamp(26px,2.7vw,38px)/1.1 'Segoe UI',system-ui,sans-serif;letter-spacing:-1px;color:#fff}
.abc-care-side p{margin:0;font:400 16px/1.7 'Segoe UI',system-ui,sans-serif;color:#a8b3c7}
.abc-care-side .abc-foot{display:flex;flex-direction:column;gap:8px;margin-top:28px}
.abc-foot span{font:800 11.2px/1.3 'Segoe UI',system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#fbbf24}
.abc-foot span+span{color:#c4b5fd}
.abc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3.5vw,56px);list-style:none;margin:0;padding:0}
.abc-list li{--c:#fbbf24;display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.09);transition:transform .25s}
.abc-list li:nth-child(-n+2){padding-top:0}
.abc-list li:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}
.abc-list li:nth-child(8n+2){--c:#f472b6}.abc-list li:nth-child(8n+3){--c:#a78bfa}.abc-list li:nth-child(8n+4){--c:#fb7185}
.abc-list li:nth-child(8n+5){--c:#34d399}.abc-list li:nth-child(8n+6){--c:#60a5fa}.abc-list li:nth-child(8n+7){--c:#22d3ee}.abc-list li:nth-child(8n){--c:#fb923c}
.abc-list li:hover{transform:translateX(6px)}
.abc-ic{flex:none;display:grid;place-items:center;width:28px;height:28px;margin-top:1px;color:var(--c);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c) 70%,transparent))}
.abc-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.abc-list h4{margin:0 0 6px;font:800 17px/1.3 'Segoe UI',system-ui,sans-serif;color:#fff;transition:color .25s}
.abc-list li:hover h4{color:var(--c)}
.abc-list p{margin:0;font:400 14.6px/1.65 'Segoe UI',system-ui,sans-serif;color:#a8b3c7}

@media(max-width:1100px){.abr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.abr-all{grid-column:1/-1;justify-self:start;margin:10px 12px 8px}}
@media(max-width:900px){
  .abr-head{grid-template-columns:1fr}
  .abc-world{grid-template-columns:1fr;min-height:0}
  .abc-globe{grid-column:1;grid-row:1;width:120%;margin:0 -10% -4%}
  .abc-world-copy{grid-row:2}
  .abc-care{grid-template-columns:1fr}
  .abc-care-side{position:static}
}
@media(max-width:620px){
  .abr-grid,.abr-stats{grid-template-columns:1fr}
  .abr-stats>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .abc-list{grid-template-columns:1fr}
  .abc-list li:nth-child(2){padding-top:22px}
  .abc-list li:nth-last-child(2){border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:22px}
  .abc-route{flex-wrap:wrap;row-gap:30px}
  .abc-home b{font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){
  .abr-all,.abc-list li{transition:none}.abr-all:hover,.abc-list li:hover{transform:none}
  .abc-routes path,.abc-globe.is-live .abc-routes path{animation:none;stroke-dashoffset:0}
  .abc-pin,.abc-globe.is-live .abc-pin{animation:none;opacity:1;transform:none}
  .abc-pin::after,.abc-home::after{animation:none}
  .abc-movers{display:none}
}

.abc-globe:not(.abc-js) .abc-routes path{stroke-dashoffset:0}.abc-globe:not(.abc-js) .abc-pin{opacity:1;transform:none}

/* ---------- Team: expanding colour panels ---------- */
#team.abt{position:relative;overflow:clip;padding:clamp(56px,6.5vw,100px) clamp(20px,4vw,56px);background:radial-gradient(760px 480px at 100% 0%,rgba(37,99,235,.08),transparent 62%),radial-gradient(700px 460px at 0% 60%,rgba(124,58,237,.07),transparent 62%),#fbfcff;color:#334155}
.abt-in{max-width:1240px;margin:0 auto}
.abt-head{max-width:760px;margin:0 auto clamp(30px,4vw,48px);text-align:center}
.abt-head-2{margin-top:clamp(56px,7vw,96px);scroll-margin-top:90px}
.abt-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#1d4ed8}
.abt-kicker::before,.abt-kicker::after{content:"";width:22px;height:1px;background:currentColor}
.abt-head h2{margin:0 0 16px;font:900 clamp(30px,3.4vw,48px)/1.08 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.5px;color:#0f172a}
.abt-head>p:last-child{margin:0;font:400 16.5px/1.7 'Segoe UI',system-ui,sans-serif;color:#475569}
.abx{display:flex;gap:12px;height:clamp(320px,27vw,360px)}
.abx-sm{height:clamp(330px,28vw,370px)}
.abx-strip{--c1:#1d4ed8;--c2:#3b82f6;position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:26px;cursor:pointer;isolation:isolate;scroll-margin-top:110px;background:radial-gradient(420px 320px at 100% 0%,color-mix(in srgb,var(--c2) 70%,transparent),transparent 68%),linear-gradient(165deg,color-mix(in srgb,var(--c1) 82%,#0b1326),#0b1326 120%);color:#fff;transition:flex-grow .6s cubic-bezier(.4,0,.2,1),box-shadow .4s;outline:0}
.abx-strip.is-on{flex-grow:5.2;cursor:default;box-shadow:0 40px 70px -40px var(--c1)}
.abx-strip:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--c1)}
.abx-strip::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.3px);background-size:18px 18px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 60%);mask-image:linear-gradient(200deg,#000,transparent 60%)}
.abx-mono{position:absolute;right:-10px;top:-24px;z-index:-1;font:900 clamp(130px,14vw,200px)/1 'Segoe UI',system-ui,sans-serif;letter-spacing:-8px;color:rgba(255,255,255,.09);pointer-events:none;user-select:none;opacity:0;transition:opacity .5s}
.abx-strip.is-on .abx-mono{opacity:1}
.abx-side{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;padding:22px 0;transition:opacity .3s}
.abx-side::before{content:"+";display:grid;place-items:center;width:38px;height:38px;margin-bottom:auto;border-radius:50%;border:1px solid rgba(255,255,255,.35);font:400 22px/1 'Segoe UI',system-ui,sans-serif;color:#fff;transition:background .3s,transform .3s}
.abx-strip:hover .abx-side::before{background:rgba(255,255,255,.18);transform:rotate(90deg)}
.abx-side b{writing-mode:vertical-rl;transform:rotate(180deg);font:800 clamp(15px,1.4vw,19px)/1.1 'Segoe UI',system-ui,sans-serif;letter-spacing:.4px;white-space:nowrap;color:#fff}
.abx-strip.is-on .abx-side{opacity:0;pointer-events:none}
.abx-body{position:absolute;left:0;bottom:0;width:min(680px,60vw);padding:clamp(22px,2.6vw,34px);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s}
.abx-strip.is-on .abx-body{opacity:1;transform:none;pointer-events:auto;transition:opacity .5s .28s,transform .6s .28s cubic-bezier(.2,.7,.2,1)}
.abx-av{display:none;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);font:900 18px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:.5px;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.abx-role{margin:0 0 8px;font:800 11.2px/1.3 'Segoe UI',system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.78)}
.abx-body h3{margin:0 0 10px;font:900 clamp(24px,2.5vw,34px)/1.08 'Segoe UI',system-ui,sans-serif;letter-spacing:-1px;color:#fff}
.abx-sm .abx-body h3{font-size:clamp(22px,2.1vw,28px)}
.abx-bio{margin:0 0 16px;max-width:62ch;font:400 15.5px/1.65 'Segoe UI',system-ui,sans-serif;color:rgba(255,255,255,.88)}
.abx-sm .abx-bio{font-size:14.8px;margin-bottom:12px}
.abx-k{margin:0 0 8px;font:800 10.5px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.65)}
.abx-skills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.abx-skills li{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);font:700 12.8px/1.2 'Segoe UI',system-ui,sans-serif;color:#fff}
/* no JS: every panel open, stacked two per row */
.abx:not(.abx-js){flex-wrap:wrap;height:auto}
.abx:not(.abx-js) .abx-strip{flex:1 1 44%;min-height:340px}
.abx:not(.abx-js) .abx-side{display:none}
.abx:not(.abx-js) .abx-body{position:relative;width:auto;opacity:1;transform:none;pointer-events:auto}
@media(max-width:820px){
  .abx,.abx-sm{flex-direction:column;height:auto;gap:10px}
  .abx-strip{flex:none;min-height:74px;border-radius:20px;transition:box-shadow .4s}
  .abx-side{flex-direction:row;justify-content:flex-start;padding:0 18px;gap:14px}
  .abx-side::before{margin:0 0 0 auto;order:2;width:34px;height:34px}
  .abx-side b{writing-mode:horizontal-tb;transform:none;font-size:17px}
  .abx-strip.is-on .abx-side{display:none}
  .abx-body{position:relative;width:auto;display:none;padding:24px 20px}
  .abx-strip.is-on .abx-body{display:block}
  .abx-mono{font-size:150px}
}
@media(prefers-reduced-motion:reduce){.abx-strip,.abx-body,.abx-strip.is-on .abx-body,.abx-mono,.abx-side,.abx-side::before{transition:none}}

/* ---------- Methodology: interactive process rail (dark, no cards) ---------- */
#methodology.abm{position:relative;overflow:clip;padding:clamp(56px,6.5vw,100px) clamp(20px,4vw,56px);background:radial-gradient(820px 520px at 12% 0%,rgba(37,99,235,.22),transparent 62%),radial-gradient(760px 520px at 100% 100%,rgba(16,185,129,.14),transparent 62%),linear-gradient(180deg,#080d1f,#0b1326);color:#cbd5e1}
#methodology.abm::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 78%);pointer-events:none}
.abm-in{position:relative;max-width:1240px;margin:0 auto}
.abm-head{max-width:760px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.abm-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#60a5fa}
.abm-kicker::before,.abm-kicker::after{content:"";width:22px;height:1px;background:currentColor}
.abm-head h2{margin:0 0 16px;font:900 clamp(30px,3.4vw,48px)/1.08 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.5px;color:#fff}
.abm-head>p:last-child{margin:0;font:400 16.5px/1.7 'Segoe UI',system-ui,sans-serif;color:#94a3b8}
/* rail */
.abm-rail{--n:5;--to:4;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2.2vw,32px);list-style:none;margin:0;padding:0}
.abm-rail::before,.abm-rail::after{content:"";position:absolute;left:10%;top:29px;height:3px;border-radius:3px}
.abm-rail::before{right:10%;background:rgba(148,163,184,.2)}
.abm-rail::after{width:calc(80% * var(--to) / 4);background:linear-gradient(90deg,#3b82f6,#22d3ee,#34d399);box-shadow:0 0 16px rgba(34,211,238,.8);transition:width .5s cubic-bezier(.4,0,.2,1)}
.abm-step{--c:#3b82f6;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;outline:0;cursor:default}
.abm-step:nth-child(2){--c:#38bdf8}.abm-step:nth-child(3){--c:#22d3ee}.abm-step:nth-child(4){--c:#2dd4bf}.abm-step:nth-child(5){--c:#34d399}
.abm-node{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#0b1326;border:2px solid rgba(148,163,184,.3);color:#64748b;transition:border-color .35s,color .35s,box-shadow .35s,transform .35s,background .35s}
.abm-node svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.abm-no{margin:18px 0 8px;font:900 12px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.4px;color:#475569;transition:color .35s}
.abm-step h3{margin:0 0 10px;font:800 clamp(17px,1.5vw,19px)/1.3 'Segoe UI',system-ui,sans-serif;color:#94a3b8;transition:color .35s}
.abm-step p{margin:0;font:400 14.6px/1.65 'Segoe UI',system-ui,sans-serif;color:#64748b;transition:color .35s}
.abm-step.is-lit .abm-node{border-color:var(--c);color:var(--c);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 14%,transparent),0 0 26px -4px var(--c)}
.abm-step.is-lit .abm-no{color:var(--c)}
.abm-step.is-lit h3{color:#fff}
.abm-step.is-lit p{color:#a8b3c7}
.abm-step.is-on .abm-node{background:var(--c);color:#0b1326;transform:scale(1.14)}
.abm-step:focus-visible .abm-node{outline:2px solid #fff;outline-offset:4px}
.abm-rail:not(.abm-js) .abm-node{border-color:var(--c);color:var(--c)}
.abm-rail:not(.abm-js) h3{color:#fff}.abm-rail:not(.abm-js) p{color:#a8b3c7}.abm-rail:not(.abm-js) .abm-no{color:var(--c)}
/* what this rules out */
.abm-rules{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:clamp(48px,6vw,84px);padding-top:clamp(40px,5vw,64px);border-top:1px solid rgba(255,255,255,.1)}
.abm-rules h3{margin:0 0 16px;font:900 clamp(26px,2.7vw,38px)/1.1 'Segoe UI',system-ui,sans-serif;letter-spacing:-1px;color:#fff}
.abm-rules p{margin:0;font:400 16px/1.75 'Segoe UI',system-ui,sans-serif;color:#a8b3c7}
.abm-rules ul{list-style:none;margin:0;padding:0}
.abm-rules li{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.abm-rules li:first-child{padding-top:0}.abm-rules li:last-child{border-bottom:0;padding-bottom:0}
.abm-rules b{font:900 clamp(22px,2.3vw,32px)/1.1 'Segoe UI',system-ui,sans-serif;letter-spacing:-.8px;background-image:linear-gradient(90deg,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}
.abm-rules i{font:700 11.2px/1 'Segoe UI',system-ui,sans-serif;font-style:normal;letter-spacing:2px;text-transform:uppercase;color:#64748b}
.abm-rules s{font:600 clamp(17px,1.6vw,21px)/1.1 'Segoe UI',system-ui,sans-serif;color:#64748b;text-decoration:line-through;text-decoration-color:#f87171;text-decoration-thickness:2px}
@media(max-width:900px){
  .abm-rail{grid-template-columns:1fr;gap:0}
  .abm-rail::before,.abm-rail::after{left:29px;top:30px;width:3px;height:auto}
  .abm-rail::before{right:auto;bottom:30px}
  .abm-rail::after{height:calc((100% - 60px) * var(--to) / 4);transition:height .5s cubic-bezier(.4,0,.2,1)}
  .abm-step{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:18px;align-items:start;text-align:left;padding-bottom:30px}
  .abm-step:last-child{padding-bottom:0}
  .abm-node{grid-row:1/4}
  .abm-no{margin:6px 0 6px}
  .abm-rules{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.abm-rail::after,.abm-node,.abm-no,.abm-step h3,.abm-step p{transition:none}}

/* ---------- Explore: image mosaic + CTA bar ---------- */
#explore-about.abe{padding:clamp(56px,6.5vw,100px) clamp(20px,4vw,56px);background:radial-gradient(760px 480px at 100% 100%,rgba(37,99,235,.08),transparent 62%),radial-gradient(700px 440px at 0% 0%,rgba(124,58,237,.06),transparent 62%),#fbfcff}
.abe-in{max-width:1240px;margin:0 auto}
.abe-head{max-width:760px;margin:0 auto clamp(28px,3.6vw,44px);text-align:center}
.abe-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#1d4ed8}
.abe-kicker::before,.abe-kicker::after{content:"";width:22px;height:1px;background:currentColor}
.abe-head h2{margin:0;font:900 clamp(30px,3.4vw,48px)/1.08 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.5px;color:#0f172a}
.abe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(190px,17vw,230px);gap:16px}
.abe-tile{--c:#2563eb;position:relative;display:flex;align-items:flex-end;overflow:hidden;border-radius:24px;background:#0b1326;text-decoration:none;isolation:isolate;box-shadow:0 24px 50px -40px rgba(15,23,42,.9);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.abe-feat{grid-column:span 2;grid-row:span 2}
.abe-tile img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:74% 50%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.abe-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,13,31,.1) 20%,rgba(8,13,31,.6) 58%,rgba(8,13,31,.96) 100%)}
.abe-tile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.abe-tile-txt{display:block;padding:20px 64px 20px 20px}
.abe-feat .abe-tile-txt{padding:clamp(22px,2.6vw,34px) 90px clamp(22px,2.6vw,34px) clamp(22px,2.6vw,34px)}
.abe-tile b{display:block;font:900 clamp(18px,1.7vw,22px)/1.15 'Segoe UI',system-ui,sans-serif;letter-spacing:-.4px;color:#fff}
.abe-feat b{font-size:clamp(28px,3vw,42px);letter-spacing:-1.2px}
.abe-tile small{display:block;margin-top:6px;font:400 13.6px/1.5 'Segoe UI',system-ui,sans-serif;color:rgba(255,255,255,.78)}
.abe-feat small{margin-top:10px;font-size:16px}
.abe-go{position:absolute;right:16px;bottom:18px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:700 16px/1 'Segoe UI',system-ui,sans-serif;color:#fff;transition:background .3s,border-color .3s,transform .3s}
.abe-feat .abe-go{right:clamp(22px,2.6vw,34px);bottom:clamp(24px,2.8vw,36px);width:52px;height:52px;font-size:20px}
.abe-tile:hover,.abe-tile:focus-visible{transform:translateY(-5px);box-shadow:0 34px 60px -34px color-mix(in srgb,var(--c) 85%,rgba(15,23,42,.8));outline:0}
.abe-tile:hover img,.abe-tile:focus-visible img{transform:scale(1.08)}
.abe-tile:hover::after,.abe-tile:focus-visible::after{transform:scaleX(1)}
.abe-tile:hover .abe-go,.abe-tile:focus-visible .abe-go{background:var(--c);border-color:var(--c);transform:rotate(-45deg)}
.abe-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:clamp(20px,2.4vw,30px) clamp(22px,3vw,40px);border-radius:24px;text-decoration:none;background:radial-gradient(520px 260px at 100% 0%,rgba(34,211,238,.35),transparent 65%),linear-gradient(110deg,#1d4ed8,#6d28d9);box-shadow:0 30px 60px -36px rgba(79,70,229,.9);transition:transform .3s,box-shadow .3s}
.abe-cta:hover,.abe-cta:focus-visible{transform:translateY(-3px);box-shadow:0 38px 70px -34px rgba(79,70,229,1);outline:0}
.abe-cta b{display:block;font:900 clamp(22px,2.3vw,32px)/1.1 'Segoe UI',system-ui,sans-serif;letter-spacing:-.8px;color:#fff}
.abe-cta small{display:block;margin-top:6px;font:400 15.5px/1.5 'Segoe UI',system-ui,sans-serif;color:#dbeafe}
.abe-cta-btn{flex:none;display:inline-flex;align-items:center;gap:9px;padding:15px 24px;border-radius:14px;background:#fff;font:800 14.5px/1 'Segoe UI',system-ui,sans-serif;color:#1d4ed8;white-space:nowrap}
.abe-cta-btn span{transition:transform .3s}
.abe-cta:hover .abe-cta-btn span{transform:translateX(4px)}
@media(max-width:1000px){.abe-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}.abe-feat{grid-row:span 1}}
@media(max-width:560px){
  .abe-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:12px}
  .abe-feat{grid-column:span 2}
  .abe-tile small{display:none}.abe-feat small{display:block;font-size:14px}
  .abe-tile-txt{padding:14px 14px 14px}
  .abe-tile .abe-go{display:none}
  .abe-cta{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.abe-tile,.abe-tile img,.abe-tile::after,.abe-go,.abe-cta,.abe-cta-btn span{transition:none}.abe-tile:hover,.abe-tile:hover img,.abe-cta:hover{transform:none}}

/* ---------- FAQ: open accordion, regular-weight questions ---------- */
.abf{padding:clamp(56px,6.5vw,100px) clamp(20px,4vw,56px);background:#fff;border-top:1px solid #eef2f7}
.abf-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,6vw,96px);align-items:start}
.abf-head{position:sticky;top:110px}
.abf-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#1d4ed8}
.abf-kicker::before{content:"";width:22px;height:1px;background:currentColor}
.abf h2{margin:0 0 16px;font:900 clamp(30px,3.4vw,48px)/1.08 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.5px;color:#0f172a}
.abf-sub{margin:0;font:400 16.5px/1.7 'Segoe UI',system-ui,sans-serif;color:#475569}
.abf-ask{margin-top:clamp(26px,3vw,38px);padding-top:clamp(22px,2.6vw,30px);border-top:1px solid #e3e9f2}
.abf-ask p{margin:0 0 18px;font:400 15.5px/1.7 'Segoe UI',system-ui,sans-serif;color:#64748b}
.abf-ask a{display:inline-flex;align-items:center;gap:9px;padding:15px 24px;border-radius:12px;background:linear-gradient(100deg,#1d4ed8,#2563eb);color:#fff;text-decoration:none;font:800 14.2px/1 'Segoe UI',system-ui,sans-serif;box-shadow:0 14px 30px -12px rgba(37,99,235,.7);transition:transform .2s,box-shadow .2s}
.abf-ask a span{transition:transform .2s}
.abf-ask a:hover{transform:translateY(-2px);box-shadow:0 20px 36px -12px rgba(37,99,235,.8)}
.abf-ask a:hover span{transform:translateX(3px)}
.abf-list{border-top:1px solid #0f172a}
.abf-item{border-bottom:1px solid #e3e9f2}
.abf-item summary{display:flex;align-items:center;gap:clamp(14px,2vw,24px);padding:clamp(15px,1.6vw,19px) 4px;cursor:pointer;list-style:none;transition:padding .3s}
.abf-item summary::-webkit-details-marker{display:none}
.abf-item summary:focus-visible{outline:2px solid #2563eb;outline-offset:4px;border-radius:8px}
.abf-no{flex:none;width:28px;font:800 12px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:1.6px;color:#94a3b8;transition:color .3s}
.abf-q{flex:1;font:400 clamp(16px,1.3vw,17.5px)/1.45 'Segoe UI',system-ui,sans-serif;letter-spacing:0;color:#0f172a;transition:color .3s}
.abf-ic{position:relative;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid #dbe3ee;transition:background .3s,border-color .3s,transform .4s}
.abf-ic::before,.abf-ic::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.6px;margin:-.8px 0 0 -6.5px;border-radius:2px;background:#0f172a;transition:transform .4s,background .3s}
.abf-ic::after{transform:rotate(90deg)}
.abf-item summary:hover .abf-q{color:#1d4ed8}
.abf-item summary:hover .abf-ic{border-color:#93c5fd}
.abf-item[open] summary{padding-bottom:12px}
.abf-item[open] .abf-no,.abf-item[open] .abf-q{color:#1d4ed8}
.abf-item[open] .abf-ic{background:#1d4ed8;border-color:#1d4ed8;transform:rotate(180deg)}
.abf-item[open] .abf-ic::before,.abf-item[open] .abf-ic::after{background:#fff}
.abf-item[open] .abf-ic::after{transform:rotate(0deg)}
.abf-a{padding:0 62px clamp(20px,2.2vw,28px) calc(28px + clamp(14px,2vw,24px) + 4px);animation:abfIn .4s ease both}
@keyframes abfIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.abf-a p{margin:0;max-width:68ch;font:400 15px/1.75 'Segoe UI',system-ui,sans-serif;color:#475569}
.abf-a p+p{margin-top:12px}
.abf-a a{color:#1d4ed8;font-weight:600}
@media(max-width:900px){.abf-in{grid-template-columns:1fr}.abf-head{position:static}}
@media(max-width:560px){
  .abf-no{display:none}
  .abf-a{padding:0 4px 20px 4px}
  .abf-ic{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){.abf-item summary,.abf-ic,.abf-ic::before,.abf-ic::after,.abf-q,.abf-ask a{transition:none}.abf-a{animation:none}}

/* ---------- Final CTA: shared .svx-cta (faq-cta.css) over the studio photo ---------- */
.svx-cta.abz2{background:linear-gradient(90deg,rgba(5,8,28,.78),rgba(5,8,28,.42) 50%,rgba(5,8,28,.66)),linear-gradient(180deg,rgba(5,8,28,.35),rgba(5,8,28,0) 30%,rgba(5,8,28,.55)),url('../img/about-cta-studio-v1.webp') center/cover no-repeat #070b1c;padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px);box-shadow:inset 0 1px rgba(255,255,255,.1)}
.svx-cta.abz2::before{display:none}
.abz2 .svx-h2{font-size:clamp(30px,3.6vw,50px);text-shadow:0 2px 20px rgba(0,0,0,.45)}
.abz2 .svx-lede{color:#d3d8e8;text-shadow:0 2px 14px rgba(0,0,0,.4)}

/* final CTA right side: frosted glass panel */
.abz-glass{position:relative;padding:clamp(24px,2.8vw,36px);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 40px 80px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.18)}
.abz-glass::before{content:"";position:absolute;left:12%;right:12%;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#60a5fa,#a78bfa,transparent)}
.abz-glass-k{margin:0 0 8px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:#93c5fd}
.abz-glass h3{margin:0 0 22px;font:900 clamp(22px,2.1vw,28px)/1.15 'Segoe UI',system-ui,sans-serif;letter-spacing:-.6px;color:#fff}
.abz-glass ol{position:relative;list-style:none;margin:0;padding:0}
.abz-glass ol::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:linear-gradient(180deg,#60a5fa,#a78bfa,#34d399);opacity:.55}
.abz-glass li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start;padding-bottom:20px}
.abz-glass li:last-child{padding-bottom:0}
.abz-n{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0b1326;border:2px solid #60a5fa;box-shadow:0 0 18px -2px rgba(96,165,250,.9);font:900 12.5px/1 'Segoe UI',system-ui,sans-serif;color:#fff}
.abz-glass li:nth-child(2) .abz-n{border-color:#a78bfa;box-shadow:0 0 18px -2px rgba(167,139,250,.9)}
.abz-glass li:nth-child(3) .abz-n{border-color:#34d399;box-shadow:0 0 18px -2px rgba(52,211,153,.9)}
.abz-glass strong{display:block;margin:2px 0 4px;font:800 17px/1.3 'Segoe UI',system-ui,sans-serif;color:#fff}
.abz-glass li span:not(.abz-n){display:block;font:400 14.4px/1.6 'Segoe UI',system-ui,sans-serif;color:#cbd5e1}
.abz-glass-f{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.abz-glass-f span{display:inline-flex;align-items:center;gap:7px;font:700 12.5px/1.2 'Segoe UI',system-ui,sans-serif;color:#e2e8f0}
.abz-glass-f span::before{content:"\2713";color:#34d399;font-weight:900}

/* ---------- Offices & the 30 markets we serve (office cards + flag marquee) ---------- */
.abo{padding:clamp(56px,6.5vw,96px) clamp(20px,4vw,56px);background:radial-gradient(700px 420px at 100% 0%,rgba(37,99,235,.06),transparent 62%),#fffdf7;color:#334155}
.abo-in{max-width:1240px;margin:0 auto}
.abo-head{max-width:720px;margin:0 auto clamp(30px,4vw,48px);text-align:center}
.abo-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#b45309}
.abo-kicker::before,.abo-kicker::after{content:"";width:22px;height:1px;background:currentColor}
.abo-head h3{margin:0 0 14px;font:900 clamp(28px,3.1vw,42px)/1.1 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.3px;color:#0f172a}
.abo-head p{margin:0;font:400 16.5px/1.7 'Segoe UI',system-ui,sans-serif;color:#475569}
.abo-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.abo-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;font:800 11.2px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:#64748b}
.abo-label a{padding:7px 12px;border-radius:999px;background:#0f172a;color:#fff;text-decoration:none;font:800 11.5px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:.4px;text-transform:none;transition:background .2s}
.abo-label a:hover{background:#1d4ed8}
.abo-office{--c:#d97706;display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;background:#fff;border:1px solid #efe9db;box-shadow:0 18px 36px -30px rgba(15,23,42,.5)}
.abo-office+.abo-office{--c:#2563eb;margin-top:12px}
.abo-pin{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:color-mix(in srgb,var(--c) 12%,#fff)}
.abo-pin svg{width:23px;height:23px;fill:none;stroke:var(--c);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.abo-office strong{display:block;font:900 20px/1.2 'Segoe UI',system-ui,sans-serif;letter-spacing:-.3px;color:#0f172a}
.abo-office small{display:block;margin-top:3px;font:600 13.5px/1.4 'Segoe UI',system-ui,sans-serif;color:var(--c)}
.abo-markets{min-width:0}
.abo-marquee{display:grid;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.abo-row{overflow:hidden}
.abo-track{display:flex;gap:12px;width:max-content;animation:aboScroll 46s linear infinite}
.abo-rev .abo-track{animation-direction:reverse;animation-duration:52s}
.abo-marquee:hover .abo-track,.abo-marquee:focus-within .abo-track{animation-play-state:paused}
@keyframes aboScroll{to{transform:translateX(calc(-50% - 6px))}}
.abo-flag{flex:none;display:inline-flex;align-items:center;gap:11px;padding:13px 20px 13px 14px;border-radius:999px;background:#fff;border:1px solid #efe9db;color:#0f172a;text-decoration:none;font:700 15.5px/1 'Segoe UI',system-ui,sans-serif;white-space:nowrap;transition:border-color .2s,color .2s,box-shadow .2s}
.abo-flag img{width:28px;height:21px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(15,23,42,.1)}
.abo-flag:hover,.abo-flag:focus-visible{border-color:#93c5fd;color:#1d4ed8;box-shadow:0 12px 24px -16px rgba(29,78,216,.7);outline:0}
.abo-note{margin:clamp(26px,3vw,40px) auto 0;max-width:760px;text-align:center;font:400 14px/1.7 'Segoe UI',system-ui,sans-serif;color:#94a3b8}
@media(max-width:900px){.abo-grid{grid-template-columns:1fr}.abo-offices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.abo-offices .abo-label{grid-column:1/-1;margin-bottom:4px}.abo-office+.abo-office{margin-top:0}}
@media(max-width:520px){.abo-offices{grid-template-columns:1fr}.abo-flag{padding:11px 16px 11px 12px;font-size:14.5px}}
@media(prefers-reduced-motion:reduce){
  .abo-track{animation:none;flex-wrap:wrap;width:auto}
  .abo-track [aria-hidden="true"]{display:none}
  .abo-marquee{-webkit-mask-image:none;mask-image:none}
}