/* Quiet support chapters: three benefits and an always-readable illustrated journey. */
.home-page.structure-preview :is(.support-process,.support-reasons) {
  --support-ink:#14233e; --support-muted:#55647b; --support-blue:#164b96; --support-line:#dce4ef;
  color:var(--support-ink); padding:52px clamp(22px,4.5vw,72px);
  font-family:Inter,Arial,sans-serif; scroll-margin-top:49px; overflow-anchor:none;
}
.home-page.structure-preview :is(.support-process,.support-reasons) * { box-sizing:border-box; }
.home-page.structure-preview :is(.support-process__inner,.support-reasons__inner) { max-width:1140px; margin:auto; text-align:center; }
.home-page.structure-preview .support-heading { max-width:760px; margin:0 auto 32px; }
.home-page.structure-preview .support-eyebrow { margin:0 0 14px; color:var(--support-blue); font-size:11px; font-weight:650; line-height:1.5; letter-spacing:.13em; text-transform:uppercase; }
.home-page.structure-preview .support-heading h2 { margin:0; color:var(--support-ink); font-size:clamp(28px,3vw,40px); font-weight:600; line-height:1.14; letter-spacing:-.04em; text-wrap:balance; }
.home-page.structure-preview .support-heading > p:last-child { max-width:650px; margin:16px auto 0; color:var(--support-muted); font-size:15px; line-height:1.7; text-wrap:pretty; }
.home-page.structure-preview .support-process { background:linear-gradient(180deg,#fafbfd,#fff); }
.home-page.structure-preview .process-journey { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; text-align:left; }
.home-page.structure-preview .process-journey__stage { position:relative; min-width:0; padding:0 20px; scroll-margin-top:85px; }
.home-page.structure-preview .process-journey__stage::after { content:""; position:absolute; top:159px; left:42px; right:-20px; height:1px; background:#d2ddeb; }
.home-page.structure-preview .process-journey__stage:last-child::after { display:none; }
.home-page.structure-preview .process-journey__art { height:140px; margin:0 0 4px; }
.home-page.structure-preview .process-journey__art svg { display:block; width:210px; max-width:100%; height:100%; margin:auto; stroke:#245485; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.home-page.structure-preview .journey-ground { stroke:#dce6f2; }
.home-page.structure-preview .journey-gold { fill:#d8b839; stroke:#d8b839; }
.home-page.structure-preview .journey-spark { stroke:#b99a28; }
.home-page.structure-preview .process-journey__milestone { position:relative; z-index:1; display:grid; place-items:center; width:32px; height:32px; margin:0 0 16px; border:1px solid #c7d6e8; border-radius:50%; background:#fff; color:var(--support-blue); font-size:11px; font-weight:600; font-variant-numeric:tabular-nums; }
.home-page.structure-preview .process-journey__copy h3 { max-width:18ch; min-height:2.6em; margin:0 0 10px; color:var(--support-ink); font-size:19px; font-weight:600; line-height:1.3; letter-spacing:-.025em; text-wrap:balance; }
.home-page.structure-preview .process-journey__copy p { margin:0; color:var(--support-muted); font-size:14px; line-height:1.7; text-wrap:pretty; }
.home-page.structure-preview .support-process .support-link { margin-top:30px; }
.home-page.structure-preview .journey-float { animation:journey-float 5s ease-in-out infinite; }
.home-page.structure-preview .journey-parcel { animation:journey-parcel 6s ease-in-out infinite; }
.home-page.structure-preview .journey-check { stroke-dasharray:36; animation:journey-check 6s ease-in-out infinite; }
.home-page.structure-preview .journey-route { animation:journey-route 6s linear infinite; }
.home-page.structure-preview .process-journey__art * { animation-play-state:paused; }
.home-page.structure-preview .is-in-view .process-journey__art * { animation-play-state:running; }
@keyframes journey-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@keyframes journey-parcel { 0%,100% { transform:translateX(0); } 50% { transform:translateX(6px); } }
@keyframes journey-check { 0%,15% { stroke-dashoffset:36; } 40%,100% { stroke-dashoffset:0; } }
@keyframes journey-route { to { stroke-dashoffset:-40; } }
@media(max-width:900px) and (min-width:651px) {
  .home-page.structure-preview .process-journey { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; max-width:700px; margin:auto; }
  .home-page.structure-preview .process-journey__stage:nth-child(2)::after { display:none; }
}
@media(max-width:650px) {
  .home-page.structure-preview .process-journey { display:block; max-width:470px; margin:auto; }
  .home-page.structure-preview .process-journey__stage { display:grid; grid-template-columns:94px minmax(0,1fr); column-gap:17px; align-items:center; padding:0 0 26px 18px; margin-left:5px; }
  .home-page.structure-preview .process-journey__stage::after { top:18px; bottom:0; left:0; right:auto; width:1px; height:auto; }
  .home-page.structure-preview .process-journey__milestone { position:absolute; top:8px; left:-12px; width:25px; height:25px; margin:0; font-size:9px; }
  .home-page.structure-preview .process-journey__art { height:auto; margin:0; }
  .home-page.structure-preview .process-journey__art svg { width:110px; max-width:none; height:90px; margin-left:-8px; }
  .home-page.structure-preview .process-journey__copy h3 { max-width:20ch; min-height:0; font-size:17px; margin-bottom:7px; }
  .home-page.structure-preview .process-journey__copy p { font-size:13px; line-height:1.65; }
  .home-page.structure-preview .process-journey__stage:last-child { padding-bottom:0; }
  .home-page.structure-preview .support-process .support-link { margin-top:25px; }
}
@media(max-width:360px) {
  .home-page.structure-preview .process-journey__stage { grid-template-columns:74px minmax(0,1fr); column-gap:12px; }
  .home-page.structure-preview .process-journey__art svg { width:88px; }
  .home-page.structure-preview .process-journey__copy h3 { font-size:16px; }
}
.home-page.structure-preview .support-link { display:inline-flex; align-items:center; gap:20px; min-height:44px; margin-top:21px; padding:7px 0; border-bottom:1px solid #b7c6d9; color:var(--support-blue); font-size:14px; font-weight:600; text-decoration:none; }
.home-page.structure-preview .support-link span { font-size:18px; transition:transform .2s; }
.home-page.structure-preview .support-link:hover span { transform:translate(2px,-2px); }
.home-page.structure-preview .support-process a:focus-visible { outline:2px solid var(--support-blue); outline-offset:5px; border-radius:8px; }
.home-page.structure-preview .support-reasons { background:linear-gradient(180deg,#fff 0%,#f7faff 100%); }
.home-page.structure-preview .support-reasons .support-heading h2 span { color:var(--support-blue); }
.home-page.structure-preview .support-reasons__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.home-page.structure-preview .support-reasons__item { position:relative; overflow:hidden; min-width:0; padding:27px 25px 29px; border:1px solid #dce5f1; border-radius:19px; background:#fff; box-shadow:0 8px 25px #16385905; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
.home-page.structure-preview .support-reasons__item::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#164b96,#d8b839); opacity:0; transform:scaleX(.35); transition:opacity .28s,transform .35s; }
.home-page.structure-preview .support-reasons__icon { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 19px; color:var(--support-blue); background:#fff; border:1px solid #d2e0f2; border-radius:50%; box-shadow:0 5px 18px #164b9609; transition:transform .28s ease,background .28s; }
.home-page.structure-preview .support-reasons__icon svg { width:28px; height:28px; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
.home-page.structure-preview .support-reasons__item h3 { max-width:25ch; margin:0 auto 11px; color:var(--support-ink); font-size:18px; font-weight:600; line-height:1.3; letter-spacing:-.025em; text-wrap:balance; }
.home-page.structure-preview .support-reasons__item p { margin:0; color:var(--support-muted); font-size:14px; line-height:1.75; text-wrap:pretty; }
@media(hover:hover) {
  .home-page.structure-preview .support-reasons__item:hover { transform:translateY(-5px); border-color:#b8cce6; box-shadow:0 15px 32px #1638590d; }
  .home-page.structure-preview .support-reasons__item:hover::before { opacity:1; transform:scaleX(1); }
  .home-page.structure-preview .support-reasons__item:hover .support-reasons__icon { transform:translateY(-2px); background:#f5f9ff; }
}
@media(min-width:1000px) and (max-height:700px) {
  .home-page.structure-preview :is(.support-process,.support-reasons) { padding-block:36px; }
  .home-page.structure-preview .support-heading { margin-bottom:27px; }
  .home-page.structure-preview .support-heading h2 { font-size:32px; }
}
@media(max-width:900px) {
  .home-page.structure-preview .support-reasons__list { gap:14px; }
  .home-page.structure-preview .support-reasons__item { padding:25px 19px; }
  .home-page.structure-preview .support-reasons__item h3 { font-size:17px; }
}
@media(max-width:650px) {
  .home-page.structure-preview :is(.support-process,.support-reasons) { padding:38px 22px; }
  .home-page.structure-preview .support-heading { margin-bottom:26px; }
  .home-page.structure-preview .support-heading h2 { font-size:29px; }
  .home-page.structure-preview .support-heading h2 br { display:none; }
  .home-page.structure-preview .support-heading > p:last-child { margin-top:14px; font-size:14px; }
  .home-page.structure-preview .support-reasons__list { grid-template-columns:minmax(0,1fr); gap:14px; max-width:470px; margin:auto; }
  .home-page.structure-preview .support-reasons__item { display:flex; align-items:flex-start; gap:17px; padding:23px 20px; text-align:left; border-radius:17px; }
  .home-page.structure-preview .support-reasons__icon { flex:none; width:48px; height:48px; margin:0; }
  .home-page.structure-preview .support-reasons__icon svg { width:25px; height:25px; }
  .home-page.structure-preview .support-reasons__item h3 { max-width:none; margin:0 0 8px; font-size:17px; text-wrap:pretty; }
  .home-page.structure-preview .support-reasons__item p { font-size:14px; line-height:1.7; }
}
@media(max-width:360px) {
  .home-page.structure-preview :is(.support-process,.support-reasons) { padding-inline:18px; }
  .home-page.structure-preview .support-heading h2 { font-size:26px; }
  .home-page.structure-preview .support-reasons__item { gap:12px; padding:21px 16px; }
  .home-page.structure-preview .support-reasons__icon { width:38px; height:38px; }
  .home-page.structure-preview .support-reasons__item h3 { font-size:16px; }
}
/* One connected composition, not three cards. All copy stays visible. */
.home-page.structure-preview .support-reasons--network{
 --network-gold:#886827;--network-ink:#295d91;position:relative;isolation:isolate;
 padding-block:64px 66px;color:#193453;border-block:1px solid #d4e3f1;
 background:radial-gradient(ellipse at 50% 45%,#ffffffcc,transparent 70%),#eaf3fc;
}
.home-page.structure-preview .support-reasons--network::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#426f981c .65px,transparent .8px);background-size:26px 26px;mask-image:linear-gradient(transparent,#000 45%,transparent)}
.home-page.structure-preview .reasons-network__heading{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:end;text-align:left;margin-bottom:44px}
.home-page.structure-preview .support-reasons--network .support-eyebrow{color:var(--network-gold);font-size:10px;letter-spacing:.18em;margin-bottom:18px}
.home-page.structure-preview .reasons-network__heading h2{margin:0;color:#193453;font-size:clamp(32px,3.5vw,45px);line-height:1.12;letter-spacing:-.04em;font-weight:550;text-wrap:balance}
.home-page.structure-preview .reasons-network__heading h2 span{color:#2864a1}
.home-page.structure-preview .reasons-network__intro{max-width:34ch;margin:0 0 3px auto;padding-left:23px;border-left:1px solid #adc4db;color:#4b627b;font-size:16px;line-height:1.7;text-wrap:pretty}
.home-page.structure-preview .reasons-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:0;text-align:center}
.home-page.structure-preview .reasons-network__circuit{position:absolute;inset:0 0 auto;width:100%;height:190px;pointer-events:none;overflow:visible}
.home-page.structure-preview .network-wire{stroke:#9ab7d5;stroke-width:1}
.home-page.structure-preview .network-current{stroke:var(--network-gold);stroke-width:1.4;stroke-dasharray:48 730;stroke-linecap:round;animation:network-transmit 8s linear infinite}
.home-page.structure-preview .network-ports{fill:#f4f9fe;stroke:#557fa9;stroke-width:1}
.home-page.structure-preview .network-benefit{position:relative;min-width:0;padding:54px 27px 0}
.home-page.structure-preview .network-benefit--center{padding-top:0}
.home-page.structure-preview .network-benefit__symbol{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:0 auto 28px;border:1px solid #afc9e2;border-radius:50%;color:var(--network-ink);background:radial-gradient(circle at 35% 25%,#fff,#e1edf9 85%);box-shadow:0 12px 28px #315d8418,inset 0 1px 0 #fff;transition:transform .35s,box-shadow .35s}
.home-page.structure-preview .network-benefit--center .network-benefit__symbol{width:118px;height:118px;box-shadow:0 0 45px #6a9ecd24,inset 0 1px 0 #fff}
.home-page.structure-preview .network-benefit__orbit{position:absolute;inset:-10px;border:1px solid #b7cfe54d;border-top-color:#ae873a;border-radius:50%;animation:network-orbit 24s linear infinite}
.home-page.structure-preview .network-benefit--center .network-benefit__orbit{animation-direction:reverse}
.home-page.structure-preview .network-benefit__symbol svg{position:relative;width:70px;height:70px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.home-page.structure-preview .network-icon-back{fill:#dce9f7;stroke:#6e91b4}
.home-page.structure-preview .network-icon-face{fill:#f5faff}
.home-page.structure-preview .network-icon-fine{stroke:#779abb}
.home-page.structure-preview .network-icon-gold{stroke:var(--network-gold)}
.home-page.structure-preview .network-label{animation:network-peel 6s ease-in-out infinite}
.home-page.structure-preview .network-dial{fill:#f5faff;stroke:var(--network-gold)}
.home-page.structure-preview .network-dial--one{animation:network-tune 6s ease-in-out infinite}
.home-page.structure-preview .network-dial--two{animation:network-tune 6s ease-in-out -3s infinite}
.home-page.structure-preview .network-dial--three{animation:network-tune 6s ease-in-out -1.5s infinite}
.home-page.structure-preview .network-paper{animation:network-print 6s ease-in-out infinite}
.home-page.structure-preview .network-benefit__eyebrow{margin:0 0 11px;color:var(--network-gold);font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.17em;text-transform:uppercase}
.home-page.structure-preview .network-benefit__copy h3{margin:0 0 15px;color:#193453;font-size:23px;font-weight:550;line-height:1.23;letter-spacing:-.025em;text-wrap:balance}
.home-page.structure-preview .network-benefit__copy>p:last-child{max-width:30ch;margin:0 auto;color:#4b627b;font-size:14px;line-height:1.75;text-wrap:pretty}
.home-page.structure-preview .support-reasons--network *{animation-play-state:paused}
.home-page.structure-preview .support-reasons--network.is-in-view *{animation-play-state:running}
@keyframes network-transmit{from{stroke-dashoffset:778}to{stroke-dashoffset:0}}
@keyframes network-orbit{to{transform:rotate(360deg)}}
@keyframes network-peel{0%,100%{transform:translate(0,0)}50%{transform:translate(-3px,3px)}}
@keyframes network-tune{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
@keyframes network-print{0%,15%,100%{transform:translateY(0)}55%,75%{transform:translateY(7px)}}
@media(hover:hover){
 .home-page.structure-preview .network-benefit:hover .network-benefit__symbol{transform:translateY(-4px);box-shadow:0 8px 32px #5087b832,inset 0 1px 0 #fff}
}
@media(max-width:950px) and (min-width:701px){
 .home-page.structure-preview .reasons-network__heading{gap:30px}
 .home-page.structure-preview .network-benefit{padding-inline:14px}
 .home-page.structure-preview .network-benefit__copy h3{font-size:20px}
}
@media(max-width:700px){
 .home-page.structure-preview .support-reasons--network{padding:42px 24px 45px}
 .home-page.structure-preview .reasons-network__heading{display:block;margin-bottom:39px}
 .home-page.structure-preview .reasons-network__heading h2{font-size:32px;max-width:19ch}
 .home-page.structure-preview .reasons-network__heading h2 br{display:none}
 .home-page.structure-preview .reasons-network__intro{font-size:14px;line-height:1.65;max-width:36ch;margin:18px 0 0;padding-left:0;border:0}
 .home-page.structure-preview .reasons-network{display:block;max-width:480px;margin:0 auto;text-align:left}
 .home-page.structure-preview .reasons-network__circuit{display:none}
 .home-page.structure-preview .reasons-network::before{content:"";position:absolute;left:37px;top:40px;bottom:85px;width:1px;background:#aec6df}
 .home-page.structure-preview .reasons-network::after{content:"";position:absolute;left:37px;top:40px;bottom:85px;width:1px;background:linear-gradient(transparent 35%,#ae873a 49%,transparent 63%);background-size:100% 250px;animation:network-mobile-flow 8s linear infinite;animation-play-state:paused}
 .home-page.structure-preview .support-reasons--network.is-in-view .reasons-network::after{animation-play-state:running}
 .home-page.structure-preview .network-benefit{display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;align-items:start;padding:0 0 34px}
 .home-page.structure-preview .network-benefit:last-child{padding-bottom:0}
 .home-page.structure-preview .network-benefit__symbol,.home-page.structure-preview .network-benefit--center .network-benefit__symbol{z-index:1;width:76px;height:76px;margin:4px 0 0}
 .home-page.structure-preview .network-benefit__orbit{inset:-7px}
 .home-page.structure-preview .network-benefit__symbol svg{width:50px;height:50px}
 .home-page.structure-preview .network-benefit__eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:.13em}
 .home-page.structure-preview .network-benefit__copy h3{font-size:20px;line-height:1.23;margin-bottom:10px}
 .home-page.structure-preview .network-benefit__copy h3 br{display:none}
 .home-page.structure-preview .network-benefit__copy>p:last-child{font-size:13px;line-height:1.7;max-width:none}
}
@keyframes network-mobile-flow{to{background-position:0 500px}}
@media(max-width:360px){
 .home-page.structure-preview .support-reasons--network{padding-inline:19px}
 .home-page.structure-preview .reasons-network__heading h2{font-size:29px}
 .home-page.structure-preview .network-benefit{grid-template-columns:62px minmax(0,1fr);gap:20px}
 .home-page.structure-preview .network-benefit__symbol,.home-page.structure-preview .network-benefit--center .network-benefit__symbol{width:62px;height:62px}
 .home-page.structure-preview .network-benefit__symbol svg{width:43px;height:43px}
 .home-page.structure-preview .reasons-network::before,.home-page.structure-preview .reasons-network::after{left:30px}
 .home-page.structure-preview .network-benefit__copy h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce) {
  .home-page.structure-preview :is(.support-process,.support-reasons) *,
  .home-page.structure-preview :is(.support-process,.support-reasons) *::before,
  .home-page.structure-preview :is(.support-process,.support-reasons) *::after { transition:none!important; animation:none!important; }
}
