/* Connected hero: graphics above the copy, centered inside an outlined plate. */
.connected-hero{display:block;min-height:0;padding:35px 20px 25px;background:var(--paper);overflow:hidden}.hero-stage{position:relative;max-width:1200px;height:700px;margin:auto}.network-art{position:absolute;inset:0;pointer-events:none}.network-lines{position:absolute;inset:0;width:100%;height:100%}.hero-context{position:absolute;top:24px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:9px;z-index:2}.context-dot{height:7px;width:7px;border-radius:50%;background:#3c66aa;box-shadow:0 0 0 5px #d9e2f1}.connected-hero .hero-copy{position:absolute;top:380px;left:19%;right:19%;margin:0;max-width:none;text-align:center;z-index:2}.connected-hero h1{font-size:43px;line-height:1.2;letter-spacing:-1.8px;font-weight:500;margin-bottom:16px}.connected-hero h1 br:first-of-type{display:block}.connected-hero h1>span{color:#3c66aa;white-space:normal}.connected-hero h1>span:after{display:none}.connected-hero .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:510px;margin:0 auto}.connected-hero .hero-buttons{margin-top:23px;gap:12px;flex-wrap:nowrap}.connected-hero .button{font-size:13px;padding:15px 23px;border-radius:12px;box-shadow:0 6px 16px #89a6d525}.hero-service-button{background:#fff;border:1px solid #d5dce6}.hero-service-button:hover{background:#e5ecf6}.connected-hero .hero-copy>.hero-small-note{font-size:10px;margin-top:14px;color:#6a7180}.channel-tile{position:absolute;width:72px;height:72px;background:linear-gradient(140deg,#fff,#dae3f2);border:1px solid #d5dff0;border-radius:20px;display:grid;place-items:center;box-shadow:4px 7px 0 #adc1e240,0 15px 30px #43639720;transform:rotate(-12deg);animation:channel-enter .9s ease both}.channel-tile svg{width:44px;fill:none;stroke:#3c66aa;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tile-social{left:13%;top:105px}.tile-search{left:32%;top:135px;transform:rotate(12deg);background:linear-gradient(140deg,#fff,#dfe8f3)}.tile-search svg{stroke:#3f618d}.tile-video{left:47%;top:70px;transform:rotate(-5deg);width:60px;height:60px}.tile-video svg{stroke:#3c66aa}.tile-ads{right:22%;top:120px;transform:rotate(13deg)}.tile-brand{right:8%;top:205px;transform:rotate(-13deg);background:#18283b;border-color:#344760}.tile-brand span{font-size:38px;font-weight:bold;color:#b8cae6;line-height:1}.network-pill{position:absolute;background:#fff;border:1px solid #d9e1ee;border-radius:40px;padding:10px 18px;color:#18283b;font-size:13px;white-space:nowrap;box-shadow:0 5px 15px #6283b720;animation:channel-enter 1s ease both}.pill-visibility{left:6%;top:215px;transform:rotate(9deg)}.pill-content{left:24%;top:270px;transform:rotate(-10deg);background:#dee7f4}.pill-contacts{right:5%;top:295px;transform:rotate(-8deg);background:#e8edf5}.pill-web{right:17%;top:58px;transform:rotate(8deg)}.pill-strategy{left:48%;top:215px;transform:rotate(-4deg);font-size:11px;padding:8px 15px}.network-caption{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.15px;color:#707684;margin:0}.audience-strip{max-width:1200px;margin:auto;border-radius:18px;background:#e6ecf6;padding:28px 35px}.service-card{box-shadow:0 5px 20px #18283b05;transition:background .2s,transform .2s,box-shadow .2s}.service-card:hover{box-shadow:0 14px 35px #18283b12}.faq-list details[open]{background:#fff;border-radius:12px;padding-inline:18px}.project-image{isolation:isolate}.project-image:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff6 1px,transparent 1px);background-size:15px 15px;opacity:.5;z-index:-1}.footer-top>.brand{color:var(--paper)}
@keyframes channel-enter{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@media(min-width:1450px){.connected-hero{padding-top:50px}.hero-stage{height:740px;max-width:1270px}.connected-hero .hero-copy{top:405px}.hero-context{top:35px}.network-caption{bottom:8px}}
@media(max-width:1100px){.hero-stage{height:630px}.network-lines{height:630px}.connected-hero .hero-copy{top:335px;left:17%;right:17%}.connected-hero h1{font-size:36px}.connected-hero .hero-copy>p:not(.eyebrow){font-size:14px;max-width:470px}.channel-tile{width:62px;height:62px}.channel-tile svg{width:37px}.tile-social{top:105px}.tile-search{top:115px}.tile-video{top:65px}.tile-ads{top:100px}.tile-brand{top:175px}.pill-visibility{top:190px;font-size:11px}.pill-content{top:235px;font-size:11px}.pill-contacts{top:255px;font-size:11px}.pill-web{top:55px;font-size:11px}.pill-strategy{top:190px}.connected-hero .button{padding:14px 18px;font-size:12px}.hero-context{font-size:11px}}
@media(max-width:800px){.connected-hero{padding:20px 15px}.hero-stage{height:610px;max-width:650px}.network-lines{width:900px;height:610px;left:50%;transform:translateX(-50%)}.connected-hero .hero-copy{top:325px;left:8%;right:8%}.connected-hero h1{font-size:33px;letter-spacing:-1.3px}.connected-hero .hero-copy>p:not(.eyebrow){max-width:420px;font-size:14px}.hero-context{font-size:10px;top:17px}.tile-social{left:6%;top:80px}.tile-search{left:29%;top:123px}.tile-video{left:49%;top:65px}.tile-ads{right:12%;top:120px}.tile-brand{right:2%;top:225px;width:53px;height:53px}.tile-brand span{font-size:30px}.pill-visibility{left:0;top:190px}.pill-content{left:20%;top:255px}.pill-web{right:0;top:65px;padding:8px 12px;font-size:9px}.pill-contacts{right:10%;top:285px;font-size:10px;padding:8px 12px}.pill-strategy{left:44%;top:210px;font-size:9px}.audience-strip{border-radius:0}}
@media(max-width:520px){.connected-hero{padding:8px 12px 25px}.hero-stage{height:675px;max-width:420px}.network-lines{width:760px;height:675px;top:-5px}.hero-context{top:14px;font-size:8px;gap:7px}.context-dot{width:5px;height:5px;box-shadow:0 0 0 3px #d9e2f1}.connected-hero .hero-copy{top:330px;left:3%;right:3%;border:1px solid #a5bbdf;border-radius:27px;background:#f7f9fcf5;padding:30px 16px 22px;box-shadow:0 10px 30px #a7bde01a}.connected-hero h1{font-size:29px;line-height:1.25;letter-spacing:-1.1px;margin-bottom:15px}.connected-hero h1 br:first-of-type{display:block}.connected-hero .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.65;max-width:290px}.connected-hero .hero-buttons{flex-direction:column;gap:10px;margin-top:21px}.connected-hero .button{width:100%;max-width:270px;min-height:48px;font-size:12px;padding:13px 17px}.connected-hero .hero-copy>.hero-small-note{font-size:9px;margin-top:12px}.channel-tile{width:48px;height:48px;border-radius:14px}.channel-tile svg{width:29px}.tile-social{left:7%;top:75px}.tile-search{left:33%;top:135px}.tile-video{left:51%;top:58px}.tile-ads{right:9%;top:135px}.tile-brand{right:0;top:242px;width:44px;height:44px}.tile-brand span{font-size:26px}.pill-visibility{left:0;top:193px;font-size:9px;padding:8px 12px}.pill-content{left:16%;top:280px;font-size:10px;padding:8px 12px}.pill-web{right:0;top:83px;font-size:7px;padding:6px 9px}.pill-contacts{right:7%;top:300px;font-size:8px;padding:7px 10px}.pill-strategy{left:39%;top:225px;font-size:8px;padding:7px 10px}.network-caption{bottom:-7px;font-size:7px}.audience-strip{padding:23px 15px}.section-heading h2{line-height:1.13}}
@media(prefers-reduced-motion:reduce){.channel-tile,.network-pill{animation:none}}
