/* The agency's value is the main story, with a different visual rhythm per chapter. */
#support{--story-ink:#153f48;--story-teal:#096d77;--story-gold:#d6b867;--story-muted:#49626a;background:#edf3f3;border-block:1px solid #dae6e6;overflow:clip;scroll-margin-top:70px}
#support .value-inner{width:min(100%,1200px);margin:auto;padding:80px 32px 48px}
#support .value-heading{margin:0 0 44px;text-align:center}
#support .value-eyebrow{font:600 .9375rem/1.7 var(--sans);color:var(--story-teal);margin:0 0 20px;letter-spacing:.06em}
#support .value-heading h2{font:700 clamp(2rem,4.1vw,3rem)/1.5 var(--sans);color:var(--story-ink);letter-spacing:.025em;margin:0;text-wrap:balance}
#support .value-heading h2>span{display:block;color:var(--story-teal)}
#support .value-stories{display:grid;gap:28px}
#support .value-story{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:36px;padding:48px;border-radius:24px;background:#fff;box-shadow:0 12px 32px -22px #183e4850;border:1px solid #d6e2e3;isolation:isolate}
#support .story-copy{position:relative;min-width:0;z-index:1}
#support .story-kicker{display:flex;align-items:center;gap:16px;font:600 .875rem/1.6 var(--sans);color:var(--story-teal);margin:0 0 22px}
#support .story-number{flex:0 0 auto;font:600 3.75rem/1 Arial,sans-serif;letter-spacing:-.07em;color:#bbced0;font-style:normal;font-variant-numeric:tabular-nums}
#support .story-copy h3{font:700 clamp(1.65rem,2.65vw,2.15rem)/1.65 var(--sans);color:var(--story-ink);margin:0 0 23px;letter-spacing:.005em;overflow-wrap:anywhere;text-wrap:balance;text-align:center}
#support .story-emphasis{display:block;text-decoration:underline;text-decoration-color:#e8d69d;text-decoration-thickness:.25em;text-underline-offset:-.13em;text-decoration-skip-ink:none}
#support .story-body{font:400 1rem/1.95 var(--sans);color:var(--story-muted);margin:0 0 14px;overflow-wrap:anywhere}
#support .story-body:last-child{margin-bottom:0}
#support .story-body strong{font-weight:600;color:var(--story-ink)}
#support .story-visual{position:relative;min-width:0;padding:28px 24px;border-radius:18px;isolation:isolate}
#support .diagram-label{font-size:.875rem;line-height:1.6;font-weight:600;letter-spacing:.04em;margin:0;color:var(--story-teal)}
#support .context-visual{background:#edf5f5}
#support .context-question{position:relative;z-index:1;width:94%;margin:0 0 -10px -10px;padding:15px 19px;background:var(--story-ink);border-radius:12px 12px 12px 2px;color:#fff;font-size:.9375rem;line-height:1.65;box-shadow:0 8px 18px -12px #08252d90;transform:rotate(-3deg)}
#support .context-question strong{display:block;font-size:1.25rem;font-weight:600}
#support .context-report{padding:32px 22px 20px;background:white;border:1px solid #d4e3e3;border-radius:8px;box-shadow:8px 9px 0 #dceaea}
#support .context-facts{display:grid;gap:14px;padding:0;margin:20px 0;list-style:none}
#support .context-facts li{display:flex;align-items:center;gap:10px;font-size:1rem;line-height:1.6;font-weight:600;color:var(--story-ink)}
#support .context-facts li>span:first-child{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:50%;font-size:14px;color:var(--story-teal);background:#e9f4ef}
#support .story-work-example{margin-top:23px;padding:17px 0 0;border-top:1px solid #d5e1dc}
#support .story-work-example .story-example-title{margin:0 0 10px;color:var(--story-teal);font-size:1.0625rem;line-height:1.7;font-weight:700;text-align:center}
#support .story-example-title>span{display:inline-block}
#support .story-work-example>p:last-child{margin:0;color:var(--story-muted);font-size:.9375rem;line-height:1.9}
#support .context-note{margin:16px 0 0;color:var(--story-muted);font-size:.8125rem;line-height:1.85}
#support .context-answer{margin:0;padding-top:16px;border-top:1px solid #deebeb;font-size:.9375rem;line-height:1.6;color:var(--story-muted);text-align:center}
#support .context-answer strong{display:block;margin-top:3px;font-size:1.3125rem;font-weight:600;color:var(--story-teal)}
#support .value-story--early{background:#134a55;border-color:#134a55;box-shadow:0 16px 36px -20px #123c5580}
#support .value-story--early .story-kicker{color:#d0e5e5}
#support .value-story--early .story-number{color:#82aeb3}
#support .value-story--early .story-copy h3,#support .value-story--early .story-body strong{color:white}
#support .value-story--early .story-body{color:#dcebec}
#support .value-story--early .story-emphasis{text-decoration-color:#749780}
#support .early-visual{background:#0d3e48;border:1px solid #3e6971;padding:30px 24px}
#support .early-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center}
#support .early-inputs>div{min-width:0;padding:14px 8px;background:#205965;border:1px solid #62848b;border-radius:9px}
#support .early-inputs span{display:block;font-size:.875rem;line-height:1.6;color:#d5e7e9}
#support .early-inputs strong{display:block;font-size:1rem;line-height:1.6;color:#fff;margin-top:4px;font-weight:600;overflow-wrap:anywhere}
#support .diagram-connector{position:relative;width:2px;height:24px;background:#729b9f;margin:0 auto}
#support .diagram-connector:after{content:'';position:absolute;inset:0;background:#e6d093;transform-origin:top}
#support .early-agent{padding:15px 14px;background:#f5faf9;border-radius:9px;text-align:center}
#support .early-agent img{display:block;width:150px;max-width:100%;height:auto;margin:0 auto 8px}
#support .early-agent>span{display:block;color:var(--story-muted);font-size:.875rem;line-height:1.6}
#support .early-invitation{position:relative;padding:27px 16px 20px;background:#fff;border:2px solid #d9c17e;border-radius:10px;text-align:center}
#support .early-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:4px 14px;border-radius:5px;background:#ecd9a3;color:#403719;font-size:.875rem;font-weight:600;line-height:1.5;white-space:nowrap}
#support .early-invitation p{margin:0;color:var(--story-ink);font-size:1rem;line-height:1.6}
#support .early-invitation strong{display:block;font-size:1.5rem;line-height:1.6;font-weight:700;color:var(--story-teal)}
#support .value-story--create{border-color:#e2d7b9;background:#fffcf5}
#support .value-story--create .story-number{color:#c2b085}
#support .create-visual{padding:30px 24px;background:#f2eddf;border:1px solid #e3d8bb}
#support .create-people{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;text-align:center;gap:0}
#support .network-node{display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 7px;background:#fff;border:1px solid #cbbb97;border-radius:8px;font-size:.9375rem;font-weight:600;line-height:1.5;color:var(--story-ink);overflow-wrap:anywhere}
#support .create-people p{font-size:.875rem;line-height:1.6;color:#625b46;margin:7px 0 0}
#support .network-bridge{height:2px;background:#b8a87a;position:relative;margin-top:-28px}
#support .network-bridge:before,#support .network-bridge:after{content:'';position:absolute;top:-3px;width:7px;height:7px;border-top:2px solid #b8a87a;border-right:2px solid #b8a87a}
#support .network-bridge:before{left:2px;transform:rotate(-135deg)}
#support .network-bridge:after{right:2px;transform:rotate(45deg)}
#support .create-agent{text-align:center;padding:22px 0 0}
#support .agent-portraits{display:flex;justify-content:center;align-items:center;margin-bottom:10px}
#support .agent-portraits img{display:block;width:72px;height:72px;object-fit:cover;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 8px #51462f20}
#support .agent-portraits img+img{margin-left:-12px}
#support .create-agent>strong{font-size:.9375rem;line-height:1.6;color:var(--story-ink)}
#support .create-visual .diagram-connector{margin-top:13px;background:#c0ae78}
#support .create-visual .diagram-connector:after{background:#6b8c80}
#support .create-opening{display:flex;align-items:center;justify-content:center;gap:14px;border:1px dashed #a18f60;background:#fff;border-radius:8px;padding:17px 10px}
#support .create-opening>span{font:400 2.75rem/1 Arial,sans-serif;color:#9b8546}
#support .create-opening p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--story-muted)}
#support .create-opening strong{display:block;color:var(--story-ink);font-size:1.375rem;font-weight:600}
#support .value-action{margin:40px auto 28px;text-align:center}
#support .value-action p{font-size:1rem;line-height:1.7;font-weight:600;color:var(--story-ink);margin:0 0 17px;text-wrap:balance}
#support .value-action a{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:60px;padding:16px 30px;background:#106c78;color:white;border-radius:9px;box-shadow:0 5px 0 #0b4b54,0 12px 22px -14px #144850;font-size:1rem;line-height:1.6;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}
#support .value-action a>span{font-size:1.5rem;line-height:1}
#support .value-action a:active{transform:translateY(3px);box-shadow:0 2px 0 #0b4b54}
#support .staff-details{margin:30px 0 0;border-color:#bdcfd0}
#support .staff-details>summary{font-size:1rem}
#support .staff-profiles p:not(.staff-role){font-size:1rem;line-height:1.85}
@media(hover:hover){#support .value-action a:hover{background:#0c5460;transform:translateY(-2px)}}
@media(max-width:1000px){
  #support .value-inner{padding-inline:24px}
  #support .value-story{gap:28px;padding:32px}
  #support .story-visual{padding:24px 18px}
  #support .story-kicker{gap:12px}
  #support .story-number{font-size:3.25rem}
}
@media(max-width:760px){
  #support .value-inner{padding:48px 18px 30px}
  #support .value-heading{margin-bottom:28px}
  #support .value-eyebrow{font-size:.875rem;letter-spacing:0;margin-bottom:13px}
  #support .value-heading h2{font-size:clamp(1.55rem,6.9vw,2rem);line-height:1.65;letter-spacing:0}
  #support .value-stories{gap:22px}
  #support .value-story{grid-template-columns:minmax(0,1fr);gap:25px;padding:27px 22px 24px;border-radius:19px}
  #support .story-kicker{gap:12px;font-size:.875rem;margin-bottom:18px}
  #support .story-number{font-size:3.25rem}
  #support .story-copy h3{font-size:clamp(1.375rem,5.85vw,1.75rem);line-height:1.7;margin-bottom:18px;letter-spacing:0;text-wrap:initial}
  #support .story-body{font-size:1rem;line-height:1.9;margin-bottom:12px}
  #support .story-visual{padding:23px 16px;border-radius:13px}
  #support .context-question{margin-left:-7px;padding:12px 14px;font-size:.875rem}
  #support .context-question strong{font-size:1.125rem}
  #support .context-report{padding:29px 17px 17px;box-shadow:6px 7px 0 #dceaea}
  #support .context-facts{gap:12px;margin:16px 0}
  #support .context-facts li{font-size:.9375rem;gap:9px}
  #support .context-answer strong{font-size:1.25rem}
  #support .early-inputs{gap:10px}
  #support .early-inputs strong{font-size:.9375rem}
  #support .early-inputs>div{padding:11px 7px}
  #support .early-agent{padding:12px}
  #support .early-agent img{width:140px}
  #support .early-invitation strong{font-size:1.375rem}
  #support .network-node{font-size:.875rem}
  #support .create-people p{font-size:.8125rem}
  #support .agent-portraits img{width:64px;height:64px}
  #support .create-agent>strong{font-size:.875rem}
  #support .create-opening{gap:9px;padding:15px 8px}
  #support .create-opening strong{font-size:1.25rem}
  #support .value-action{margin-top:30px}
  #support .value-action a{width:100%;gap:14px;padding:15px 13px;font-size:.9375rem}
  #support .value-action p{font-size:.9375rem}
  #support .staff-details>summary{font-size:.9375rem}
  #support .staff-profiles article{grid-template-columns:80px minmax(0,1fr);gap:13px}
}
@media(max-width:359px){
  #support .value-inner{padding-inline:12px}
  #support .value-story{padding-inline:17px}
  #support .story-kicker{gap:10px;font-size:.8125rem}
  #support .story-number{font-size:2.75rem}
  #support .story-visual{padding-inline:12px}
}
@media(prefers-reduced-motion:no-preference){
  #support .has-revealed .diagram-connector:after{animation:value-flow .8s .3s both cubic-bezier(.16,1,.3,1)}
  #support .has-revealed .diagram-connector:nth-of-type(4):after{animation-delay:.6s}
}
@keyframes value-flow{from{transform:scaleY(0)}to{transform:scaleY(1)}}