/* The Marketing connection: a navigable composition, isolated from other aggregators. */
.marketing-connection{background:#ecfafd;position:relative;overflow:clip;padding-block:112px 64px}
.marketing-connection__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
.marketing-connection__copy{position:relative;z-index:1}
.marketing-connection__copy .eyebrow{color:#007b95;margin:0 0 22px}
.marketing-connection__copy h2{font-family:var(--font-family-sans);font-size:clamp(2.5rem,3.8vw,3.65rem);line-height:1.04;letter-spacing:-.05em;margin:0 0 28px;max-width:13ch;white-space:pre-line}
.marketing-connection__lead{font-size:1.05rem;line-height:1.8;color:#40576a;max-width:44ch;margin:0 0 28px}
.marketing-connection__promises{margin:28px 0 30px;border-top:1px solid #b9d9e1}
.marketing-connection__promise{border-bottom:1px solid #b9d9e1}
.marketing-connection__promise summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 0;font-weight:650;color:#10243a;line-height:1.35}
.marketing-connection__promise summary::-webkit-details-marker{display:none}
.marketing-connection__index{font-size:.72rem;color:#00849e;font-weight:500;font-variant-numeric:tabular-nums}
.marketing-connection__plus{margin-left:auto;color:#00849e;font-size:1.4rem;font-weight:400;transition:transform .2s}
.marketing-connection__promise[open] .marketing-connection__plus{transform:rotate(45deg)}
.marketing-connection__promise p{padding:0 30px;margin:0 0 20px;color:#40576a;font-size:.94rem;line-height:1.75}
.marketing-connection__promise summary:focus-visible{outline:3px solid #007b95;outline-offset:5px;border-radius:3px}
.marketing-connection__link{font-size:.9rem;line-height:1.6}
.marketing-network{position:relative;background:#10243a;border:1px solid #233c51;border-radius:36px;isolation:isolate;box-shadow:0 30px 70px -38px #123e5c66;transform:rotate(1.5deg)}
.marketing-network::before{content:"";position:absolute;width:80%;aspect-ratio:1;left:10%;top:4%;background:radial-gradient(ellipse,#1c8da159,transparent 68%);z-index:-1;pointer-events:none}
.marketing-network__eyebrow{margin:0;position:absolute;top:26px;left:28px;font-size:.61rem;letter-spacing:.13em;text-transform:uppercase;color:#b5dbe4;z-index:2}
.marketing-network__canvas{position:relative;height:560px}
.marketing-network__paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.marketing-network__wires{stroke:#55cce27a}
.marketing-network__signals{stroke:#63e2f5;stroke-dasharray:14 580;animation:marketing-connection-flow 10s linear infinite}
.marketing-network__signals path:nth-child(2){stroke:#ff9858;animation-delay:-2s}
.marketing-network__signals path:nth-child(4){stroke:#ff9858}
.marketing-network__center{position:absolute;left:50%;top:46.4%;transform:translate(-50%,-50%) rotate(-1.5deg);width:210px;padding:21px 17px 18px;text-align:center;border-radius:24px;background:#fff;box-shadow:0 14px 38px #0003;border:1px solid #c9e9ef;z-index:2}
.marketing-network__center>span{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#577080;margin-bottom:14px}
.marketing-network__center img{width:175px;height:54px;object-fit:contain;display:block;margin:auto}
.marketing-network__center small{display:block;font-size:.57rem;color:#4f6476;margin-top:12px;white-space:nowrap}
.marketing-network__nodes{list-style:none;padding:0;margin:0;position:absolute;inset:0}
.marketing-network__node{position:absolute;width:152px;z-index:3;transform:translate(-50%,-50%) rotate(var(--tilt));transition:transform .3s,filter .3s}
.marketing-network__node a{display:grid;grid-template-columns:28px 1fr;gap:4px 10px;padding:19px 16px 17px;border-radius:17px;text-decoration:none!important;color:#10243a!important;background:var(--node-bg,#fff);border:1px solid #fff9;box-shadow:0 12px 26px #0003;min-height:98px;position:relative}
.marketing-network__icon{grid-row:1/3;align-self:center;display:flex;color:#007f9a}
.marketing-network__icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6}
.marketing-network__node strong{font-size:.92rem;line-height:1.3;letter-spacing:-.02em}
.marketing-network__node small{font-size:.59rem;line-height:1.45;color:#456073}
.marketing-network__arrow{position:absolute;right:10px;top:6px;font-size:.65rem;opacity:.65}
.marketing-network__node--site{left:75.8%;top:23.2%;--tilt:7deg;--node-bg:#fff4e9}
.marketing-network__node--social{left:16.7%;top:52.7%;--tilt:-7deg;--node-bg:#bceef5}
.marketing-network__node--ads{left:77.5%;top:68.8%;--tilt:5deg;--node-bg:#ffddc4}
.marketing-network__node--email{left:33.3%;top:17%;--tilt:-5deg;--node-bg:#fff}
.marketing-network__node--print{left:33.3%;top:84.8%;--tilt:-5deg;--node-bg:#e7f7f9}
.marketing-network__node:hover,.marketing-network__node:focus-within{transform:translate(-50%,-50%) rotate(0deg) translateY(-5px);filter:brightness(1.04);z-index:4}
.marketing-network__node a:focus-visible{outline:3px solid #78e3f4;outline-offset:6px}
.marketing-network__caption{margin:0 28px 26px;padding-top:17px;border-top:1px solid #87b8c233;color:#c5d9e4;font-size:.8rem;line-height:1.6;position:relative;padding-left:48px}
.marketing-network__caption strong{color:#fff;font-size:.98rem;font-weight:550}
.marketing-network__caption-line{position:absolute;width:28px;height:2px;background:#fb782d;left:0;top:31px}
.marketing-connection__footnote{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;border-top:1px solid #bddde4;margin-top:64px;padding-top:28px;color:#4a6476;font-size:.82rem;line-height:1.75}
.marketing-connection__footnote>span{font-weight:600;color:#10243a}
.marketing-connection__footnote p{margin:0;max-width:70ch}
@keyframes marketing-connection-flow{to{stroke-dashoffset:-594}}
@media(max-width:1100px){.marketing-connection__layout,.marketing-connection__footnote{gap:32px}.marketing-network__node{width:136px}.marketing-network__node a{padding:17px 12px;gap:4px 7px}.marketing-network__center{width:184px}.marketing-network__center img{width:148px}}
@media(max-width:900px){.marketing-connection{padding-block:80px 48px}.marketing-connection__layout{grid-template-columns:1fr;gap:45px}.marketing-connection__copy h2{max-width:18ch}.marketing-connection__lead{max-width:58ch}.marketing-network{max-width:660px;width:100%;margin:0 auto}.marketing-network__node{width:152px}.marketing-network__center{width:210px}.marketing-network__center img{width:175px}.marketing-connection__footnote{grid-template-columns:1fr;gap:10px;margin-top:48px}}
@media(max-width:540px){.marketing-connection{padding-block:64px 40px}.marketing-connection__copy h2{font-size:2.5rem;max-width:14ch}.marketing-connection__lead{font-size:.98rem;line-height:1.75}.marketing-connection__promise summary{gap:12px;font-size:.9rem}.marketing-network{transform:none;border-radius:26px;padding:24px 18px 0}.marketing-network__eyebrow{position:static;font-size:.57rem;margin:0 0 22px;text-align:center}.marketing-network__canvas{height:auto}.marketing-network__paths{display:none}.marketing-network__center{position:relative;left:auto;top:auto;transform:none;width:195px;margin:0 auto 32px;padding:17px}.marketing-network__center::after{content:"";position:absolute;left:50%;top:100%;height:32px;width:2px;background:#53cde0}.marketing-network__nodes{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 12px;padding:0 2px 25px}.marketing-network__node{position:relative;left:auto;top:auto;width:auto;transform:rotate(calc(var(--tilt) * .5))}.marketing-network__node a{padding:20px 10px 16px;grid-template-columns:1fr;gap:7px;min-height:126px}.marketing-network__icon{grid-row:auto;display:block}.marketing-network__node strong{font-size:.86rem}.marketing-network__node small{font-size:.63rem}.marketing-network__node:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.marketing-network__node:hover,.marketing-network__node:focus-within{transform:rotate(0)}.marketing-network__caption{margin:0 0 22px;font-size:.75rem}.marketing-connection__footnote{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.marketing-network__signals{animation:none;stroke-dasharray:none;opacity:.35}.marketing-network__node,.marketing-connection__plus{transition:none}.marketing-network__node:hover,.marketing-network__node:focus-within{transform:translate(-50%,-50%) rotate(var(--tilt))}}
@media(prefers-reduced-motion:reduce) and (max-width:540px){.marketing-network__node:hover,.marketing-network__node:focus-within{transform:rotate(calc(var(--tilt) * .5))}}
