*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}
:root{--navy:#061b32;--teal:#009b83;--mint:#dff7f1;--line:#b9d7dc;--text:#183047}
body{background:transparent;font-family:Arial,sans-serif;color:var(--text)}
.team-widget{
  width:100%;
  max-width:1900px;
  margin:0 auto;
  padding:42px clamp(28px,4vw,76px);
  overflow:hidden;
  background:#fff
}
.team-shell{
  width:100%;
  max-width:1740px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(470px,.88fr);
  gap:clamp(52px,6vw,110px);
  align-items:center
}
.copy{min-width:0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--teal);margin:0 0 12px}
h2{font-size:clamp(34px,3.7vw,52px);line-height:1;margin:0 0 14px;color:var(--navy);letter-spacing:-.035em}
h3{font-size:clamp(19px,1.8vw,25px);line-height:1.2;color:var(--teal);margin:0 0 22px}
.copy p{font-size:14px;line-height:1.55;margin:0 0 13px;max-width:820px}
.claim{margin-top:20px!important;padding:16px 18px;border-left:3px solid var(--teal);background:#f1f8f7}

.interactive{position:relative;width:100%;min-width:0;aspect-ratio:1.08/1;max-height:500px;border-radius:26px;background:radial-gradient(circle at 50% 48%,rgba(0,155,131,.14),transparent 31%),linear-gradient(145deg,#f7fbfc,#edf6f8);overflow:hidden;border:1px solid #e1ebed}
.interactive svg{position:absolute;inset:0;width:100%;height:100%}.interactive path{fill:none;stroke:var(--line);stroke-width:2;stroke-dasharray:6 8;animation:dash 14s linear infinite}
@keyframes dash{to{stroke-dashoffset:-180}}
.center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#063d67,#009b83);color:#fff;box-shadow:0 16px 38px #032a4430}
.center b{font-size:28px}.center strong{font-size:15px}.center small{font-size:10px;opacity:.82;margin-top:4px}
.node{position:absolute;width:132px;min-height:78px;border:1px solid #d7e5e7;border-radius:18px;background:#fffffff5;box-shadow:0 9px 25px #082b3f12;padding:10px;color:var(--navy);font:700 11px/1.15 Arial,sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:float 6s ease-in-out infinite}
.node i{font-style:normal;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--mint);color:var(--teal);font-size:17px}
.node:hover,.node:focus,.node.active{transform:translateY(-4px) scale(1.025);box-shadow:0 13px 30px #082b3f22;border-color:var(--teal);outline:none}
.n1{left:5%;top:7%}.n2{right:5%;top:7%;animation-delay:-1.5s}.n3{left:5%;bottom:15%;animation-delay:-3s}.n4{right:5%;bottom:15%;animation-delay:-4.5s}
@keyframes float{50%{margin-top:-4px}}
.detail{position:absolute;left:5%;right:5%;bottom:4%;width:auto;padding:8px 10px;border-radius:10px;background:#061b32eb;color:#fff;font-size:10px;line-height:1.3;text-align:center;white-space:normal}

@media(max-width:1100px){
 .team-widget{padding:32px 24px}
 .team-shell{grid-template-columns:1fr;gap:32px}
 .interactive{width:min(100%,620px);margin:0 auto;max-height:none}
}
@media(max-width:760px){
 .team-shell{grid-template-columns:1fr;gap:28px}
 .interactive{width:min(100%,500px);margin:0 auto;max-height:none}
}
@media(max-width:520px){
 .team-widget{padding:24px 16px}
 .interactive{aspect-ratio:auto;min-height:0;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .interactive svg,.center{display:none}
 .node{position:static;width:100%;min-height:72px;animation:none}
 .detail{position:static;grid-column:1/-1;width:100%;padding:10px}
 h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.node,.interactive path{animation:none!important;transition:none!important}}