/* A connected brand ecosystem with selectable marketing channels. */
.marketing-art.marketing-network{height:470px;isolation:isolate;border:1px solid #d6ebf7;border-radius:20px;background:radial-gradient(ellipse at 50% 43%,#fff 0%,#f0faff 48%,#eaf6fd 100%);overflow:hidden}
.network-header{position:absolute;top:24px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2}
.network-header>span:first-child{font-size:8px;font-weight:700;letter-spacing:1.7px;color:#44718c}
.network-header>span:last-child{display:flex;align-items:center;gap:6px;font-size:7px;color:#60859b;letter-spacing:.7px}
.network-header i{height:5px;width:5px;background:#009ed2;border-radius:50%;box-shadow:0 0 0 4px #009ed210}
.network-map{position:absolute;left:0;right:0;top:55px;height:310px}
.network-grid{position:absolute;inset:0;background-image:radial-gradient(#8ac9e155 .8px,transparent .8px);background-size:18px 18px;mask-image:radial-gradient(ellipse,black,transparent 69%);z-index:-1}
.network-rings{position:absolute;left:50%;top:50%;height:238px;width:238px;translate:-50% -50%;border:1px solid #acd9ed77;border-radius:50%;z-index:-1}
.network-rings:before{content:'';position:absolute;inset:25px;border:1px dashed #a4d7ed80;border-radius:50%}
.network-rings:after{content:'';position:absolute;inset:-32px;border:1px solid #c6e6f655;border-radius:50%}
.network-satellite{position:absolute;inset:0;animation:networkOrbit 24s linear infinite}
.network-satellite:after{content:'';position:absolute;top:-4px;left:50%;width:7px;height:7px;border:2px solid white;border-radius:50%;background:#009ed2;box-shadow:0 0 12px #009ed255}
.network-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.network-wires path{fill:none;stroke:#a9d5ea;stroke-width:1;vector-effect:non-scaling-stroke}
.network-wires .network-flow{stroke:#009ed2;stroke-width:1.7;stroke-dasharray:5 80;animation:networkFlow 7s linear infinite;opacity:.65}
.network-wires .network-flow:nth-of-type(6){animation-delay:-2s}
.network-wires .network-flow:nth-of-type(7){animation-delay:-4s}
.network-wires .network-flow:nth-of-type(8){animation-delay:-6s}
.network-hub{position:absolute;left:50%;top:50%;translate:-50% -50%;width:148px;height:120px;border:1px solid white;border-radius:23px;background:linear-gradient(145deg,#fff,#f9fdff);box-shadow:0 16px 42px #367eaa16,0 0 0 8px #ffffff75;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;z-index:2}
.network-hub img{width:119px;height:auto;mix-blend-mode:multiply}
.network-hub>span{font-size:6px;letter-spacing:2px;color:#6c8da2;font-weight:600}
.network-node{position:absolute;translate:-50% -50%;width:85px;height:83px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#ffffffed;border:1px solid #d1e8f5;border-radius:16px;color:#5d8199;box-shadow:0 6px 22px #397ba508;z-index:3;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.network-node>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.network-node>span{font-size:10px;font-weight:600;line-height:1.3}
.network-node>small{font-size:6px;letter-spacing:1px;color:#8ba5b6}
.network-node[data-channel=search]{left:19%;top:26%}
.network-node[data-channel=social]{left:81%;top:26%}
.network-node[data-channel=content]{left:19%;top:77%}
.network-node[data-channel=growth]{left:81%;top:77%}
.network-node:hover{transform:translateY(-4px);box-shadow:0 10px 25px #1487b516;border-color:#8acde9}
.network-node[aria-pressed=true]{background:#007da8;color:white;border-color:#007da8;box-shadow:0 9px 23px #007da828}
.network-node[aria-pressed=true]>small{color:#c7edfc}
.network-node:focus-visible{outline:3px solid #009ed2;outline-offset:5px}
.network-caption{position:absolute;bottom:22px;left:24px;right:24px;border-top:1px solid #cfe5f3;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.network-caption h3{font-size:18px;letter-spacing:-.6px;color:#214b65;margin-bottom:7px}
.network-caption p{font-size:10px;line-height:1.7;max-width:285px;color:#64859a}
.network-caption-mark{height:37px;width:37px;flex-shrink:0;display:grid;place-items:center;background:white;border:1px solid #cde6f4;border-radius:50%;font-size:20px;color:#009ed2}
@keyframes networkOrbit{to{rotate:360deg}}
@keyframes networkFlow{to{stroke-dashoffset:-170}}
@media(max-width:1100px){.network-hub{width:124px;height:107px;border-radius:20px}.network-hub img{width:102px}.network-node{width:73px;height:77px}.network-node[data-channel=search],.network-node[data-channel=content]{left:17%}.network-node[data-channel=social],.network-node[data-channel=growth]{left:83%}.network-header{left:18px;right:18px}.network-header>span:first-child{font-size:7px;letter-spacing:1px}.network-header>span:last-child{font-size:6px}.network-caption{left:20px;right:20px}.network-rings{width:210px;height:210px}}
@media(min-width:641px) and (max-width:900px){.marketing-layout{grid-template-columns:1fr}.marketing-art.marketing-network{width:100%;max-width:600px;margin:auto}.network-hub{width:148px;height:120px}.network-hub img{width:119px}.network-node{width:85px;height:83px}.network-node[data-channel=search],.network-node[data-channel=content]{left:19%}.network-node[data-channel=social],.network-node[data-channel=growth]{left:81%}}
@media(max-width:640px){.marketing-art.marketing-network{height:455px;border-radius:15px}.network-header{top:22px;left:17px;right:17px}.network-header>span:first-child{font-size:7px;letter-spacing:.9px}.network-header>span:last-child{font-size:6px}.network-map{top:55px;height:290px}.network-hub{width:118px;height:104px;border-radius:20px;gap:10px}.network-hub img{width:98px}.network-hub>span{font-size:5px;letter-spacing:1.4px}.network-node{width:70px;height:75px;border-radius:13px;gap:5px}.network-node>svg{width:21px;height:21px}.network-node>span{font-size:9px}.network-node>small{font-size:5px}.network-node[data-channel=search],.network-node[data-channel=content]{left:16%}.network-node[data-channel=social],.network-node[data-channel=growth]{left:84%}.network-rings{width:200px;height:200px}.network-caption{left:18px;right:18px;bottom:20px;padding-top:16px;gap:10px}.network-caption h3{font-size:17px}.network-caption p{font-size:10px;max-width:260px}}
@media(max-width:360px){.network-hub{width:102px;height:94px}.network-hub img{width:86px}.network-node{width:62px;height:70px}.network-header>span:last-child{letter-spacing:0}.network-caption-mark{display:none}}
@media(prefers-reduced-motion:reduce){.network-satellite,.network-wires .network-flow{animation:none}.network-node{transition:none}}