.wattberry-connects{position:relative;isolation:isolate;padding:72px 0 74px;background:#faf7f1;color:var(--green,#173f1f);overflow:hidden;scroll-margin-top:20px}
.connection-heading{position:relative;z-index:2;padding:0 4%;max-width:1800px;margin:0 auto}
.connection-heading h2{font-family:Inter,Arial,sans-serif;font-size:clamp(42px,5.05vw,84px);line-height:1.08;letter-spacing:-.045em;font-weight:650;margin:0 0 24px}
.connection-heading h2>span{color:#c64a08}
.connection-heading p{font-size:clamp(18px,1.5vw,25px);line-height:1.55;letter-spacing:-.015em;margin:0;max-width:83ch}
.connection-visual{position:relative;height:520px;margin-top:48px}
.connection-photo{position:absolute;top:0;left:0;width:58%;height:100%;overflow:hidden;border-radius:0 160px 160px 0;background:#e1e5dd}
.connection-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.connection-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.connection-paths path{fill:none;stroke:#d85808;stroke-width:2.6;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.connection-paths-mobile{display:none}
.connection-brand{position:absolute;z-index:2;left:39%;top:50%;transform:translateY(-50%);width:28%;height:126px;display:flex;align-items:center;justify-content:center;padding:10px 24px;border:2px solid #fff;border-radius:999px;background:linear-gradient(160deg,#214e30,#0c281c);box-shadow:0 12px 27px #1739222b,inset 0 1px 0 #ffffff24}
.connection-brand img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
.connection-audiences{position:absolute;left:70%;right:3%;top:24px;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;list-style:none;margin:0;padding:0;z-index:3}
.connection-audiences>li{height:104px;min-width:0}
.connection-node{position:relative;display:flex;align-items:center;gap:18px;width:100%;height:100%;padding:18px 20px;border:1.5px solid #a8ba90;border-radius:999px;background:#fafaf2;color:var(--green,#173f1f);text-decoration:none;box-shadow:0 7px 18px #263b1e08;transition:background .2s,box-shadow .2s,transform .2s}
.connection-node:before{content:"";position:absolute;left:-1px;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border:3px solid #faf7f1;border-radius:50%;background:#df650b;box-sizing:content-box}
.connection-node-icon{display:flex;align-items:center;justify-content:center;flex:0 0 60px;height:46px;padding-right:18px;border-right:1.5px solid #d85808}
.connection-node-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.connection-node-copy{display:flex;flex-direction:column;min-width:0;gap:5px}
.connection-node-copy strong{font-size:clamp(18px,1.65vw,27px);line-height:1.15;letter-spacing:-.035em;font-weight:650}
.connection-node-copy>span{font-size:clamp(16px,1.35vw,22px);line-height:1.25;letter-spacing:-.025em;font-style:italic}
.connection-node:hover{background:#eef2e5;box-shadow:0 10px 24px #263b1e14;transform:translateX(2px)}
.connection-node:focus-visible{outline:3px solid #c34808;outline-offset:5px}
@media(min-width:1700px){.connection-visual{height:620px}.connection-paths-desktop{height:100%}.connection-audiences{top:calc(14.615% - 52px);bottom:calc(14.615% - 52px)}.connection-brand{left:40%;width:27%;height:150px}}
@media(max-width:1150px) and (min-width:901px){.connection-heading{padding:0 5%}.connection-heading h2{font-size:51px}.connection-heading p{font-size:18px}.connection-audiences{left:69%;right:2%}.connection-node{padding:16px;gap:12px}.connection-node-icon{flex-basis:45px;padding-right:12px}.connection-node-icon svg{width:32px;height:32px}.connection-node-copy strong{font-size:18px}.connection-node-copy>span{font-size:16px}.connection-brand{left:38%;width:28%}.connection-paths-desktop{width:98.57%}}
@media(max-width:900px){.wattberry-connects{padding:52px 0 64px}.connection-heading{padding:0 7%}.connection-heading h2{font-size:clamp(37px,6.7vw,62px);line-height:1.1;margin-bottom:22px}.connection-heading p{font-size:18px;line-height:1.55;max-width:54ch}.connection-visual{--connection-photo-height:clamp(240px,66vw,420px);height:calc(var(--connection-photo-height) + 470px);margin-top:36px}.connection-photo{width:100%;height:var(--connection-photo-height);border-radius:0 90px 90px 0}.connection-brand{left:50%;top:var(--connection-photo-height);transform:translate(-50%,-50%);width:78%;max-width:390px;height:110px;padding:10px 22px}.connection-brand img{max-height:100%}.connection-paths-desktop{display:none}.connection-paths-mobile{display:block;top:var(--connection-photo-height);height:470px}.connection-audiences{top:calc(var(--connection-photo-height) + 90px);bottom:20px;left:7%;right:7%}.connection-audiences>li{height:100px}.connection-node{padding:17px 24px;gap:20px}.connection-node-icon{flex-basis:60px}.connection-node-copy strong{font-size:23px}.connection-node-copy>span{font-size:19px}}
@media(max-width:480px){.connection-heading{padding:0 6%}.connection-heading h2{font-size:39px}.connection-heading p{font-size:17px}.connection-visual{margin-top:32px}.connection-photo{border-radius:0 65px 65px 0}.connection-brand{width:82%;height:104px;padding:10px 22px}.connection-node{padding:16px 18px;gap:15px}.connection-node-icon{flex-basis:48px;padding-right:14px;height:42px}.connection-node-icon svg{width:34px;height:34px}.connection-node-copy strong{font-size:21px}.connection-node-copy>span{font-size:17px}.connection-node:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.connection-node{transition:none}.connection-node:hover{transform:none}}