/* Channel overviews: a character stage, accessible chooser and compact catalogue. */
.hub-page{--service-blue:#1264d5;--service-soft:#edf7ff}.hub-linkedin{--service-blue:#116680;--service-soft:#e9f8f7}.hub-page .section{padding:54px 0}.hub-page .service-hero{padding-bottom:30px}.hub-page .service-hero h1{font-size:clamp(38px,4.3vw,61px)}
.hub-stage{position:relative;height:475px;isolation:isolate;min-width:0}.hub-disc{position:absolute;inset:88px 5% 27px;border-radius:50%;background:linear-gradient(145deg,#dff1ff,#b2daec);border:12px solid #fff;box-shadow:0 22px 35px #15538718,0 0 0 1px #b2cfe4;transform:rotate(-8deg)}.hub-disc:after{content:'';position:absolute;inset:24px;border:1px dashed #27729855;border-radius:50%;animation:service-turn 45s linear infinite}.hub-linkedin .hub-disc{background:linear-gradient(145deg,#ddf9f0,#bde3e5)}.hub-facebook .hub-disc{background:linear-gradient(145deg,#e4f1ff,#c9e9d8)}.hub-stage-title{position:absolute;top:28px;left:5%;right:8%;z-index:4;max-width:340px}.hub-stage-title>span{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#416b83;font-weight:700}.hub-stage-title strong{display:block;font-size:27px;line-height:1.12;letter-spacing:-.8px;margin-top:10px}.hub-channel{position:absolute;right:5%;top:113px;font-size:28px;font-weight:900;width:57px;height:57px;display:grid;place-items:center;background:var(--service-blue);color:#fff;border-radius:17px;box-shadow:5px 6px #1344701a;rotate:9deg;z-index:4}.hub-mascot{border:0;background:none;padding:0;position:absolute;inset:120px 7% 28px;width:86%;height:327px;z-index:2;cursor:pointer;transform-origin:50% 90%}.hub-mascot picture,.hub-mascot img{display:block;width:100%;height:100%;object-fit:contain}.hub-mascot img{filter:drop-shadow(0 12px 8px #143c5919)}.hub-mascot-status{position:absolute;bottom:-9px;left:0;right:0;text-align:center;font-size:10px;line-height:1.5;color:#426e85}.hub-orbit{position:absolute;z-index:3;font-size:11px;font-weight:700;border:1px solid #c2dbea;background:white;border-radius:12px;padding:12px 15px;box-shadow:4px 5px #1542630c;animation:service-chip 7s ease-in-out infinite}.orbit-0{left:0;top:196px;rotate:-7deg}.orbit-1{right:0;bottom:105px;rotate:6deg;animation-delay:-2.5s}.orbit-2{left:8%;bottom:34px;background:#bbef96;animation-delay:-4.5s}.hub-instagram .mascot-nod{animation:mascot-celebrate .7s ease}.hub-facebook .mascot-nod{animation:mascot-grumble .6s ease}.hub-linkedin .mascot-nod{animation:mascot-ponder .8s ease}
.hub-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.hub-needs{display:grid;gap:9px}.hub-needs button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #c3dbea;background:#fff;color:#103455;border-radius:14px;padding:17px 19px;font:inherit;font-weight:700;font-size:14px;line-height:1.4;cursor:pointer;transition:background .2s,color .2s}.hub-needs button>span:last-child{margin-left:auto;font-size:18px}.hub-needs button[aria-pressed=true]{background:var(--service-blue);border-color:var(--service-blue);color:#fff}.need-number{font-size:10px;opacity:.8}.hub-result{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;border:1px solid #b7dce9;background:#eaf6fa;padding:31px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hub-result-label{font-size:10px;color:#446b7c;font-weight:700;letter-spacing:.3px}.hub-result-copy{position:relative;z-index:1;flex:1;min-height:185px}.hub-result-role{display:inline-block;font-size:10px;font-weight:700;padding:6px 10px;border-radius:15px;background:#c3edb1;color:#225434;margin:22px 0 12px}.hub-result h3{font-size:clamp(26px,3vw,37px);letter-spacing:-1.2px;line-height:1.15;margin-bottom:13px}.hub-result p{font-size:14px;line-height:1.8;color:#41677f;max-width:460px;margin-bottom:24px}.hub-result .btn{position:relative;z-index:1;font-size:12px;padding:15px 20px}.hub-compare{position:relative;z-index:1;margin-top:16px;font-size:11px;color:#335e79;text-decoration:underline;text-underline-offset:3px}.hub-result-decoration{position:absolute;z-index:-1;font-size:240px;line-height:1;right:-54px;bottom:-38px;color:#1166800b;animation:service-turn 36s linear infinite}.hub-chooser noscript p{margin-top:15px;font-size:13px;color:#426e85}.hub-chooser:has(noscript) .hub-needs{min-width:0}
.hub-catalogue{background:#f0f7fc}.hub-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.hub-service{padding:26px;border-radius:20px;background:#fff;border:1px solid #c7dfed;display:flex;flex-direction:column;transition:translate .2s,box-shadow .2s}.hub-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hub-card-top>span{font-size:10px;font-weight:700;color:#2d6947;background:#e8f4e3;padding:7px 10px;border-radius:15px}.hub-card-top b{font-size:17px;color:#92aec0}.hub-service h3{font-size:26px;letter-spacing:-.7px;line-height:1.15;margin-bottom:13px}.hub-service h3 a:hover{text-decoration:underline;text-underline-offset:5px}.hub-service>p{font-size:13px;line-height:1.8;color:#4e7289}.hub-service ul{list-style:none;padding:20px 0;margin-top:auto;display:grid;gap:9px}.hub-service li{font-size:12px;line-height:1.5;color:#42677e}.hub-service li:before{content:'✓';color:#3a7a41;font-weight:700;margin-right:9px}.hub-card-link{font-size:12px;font-weight:700;color:var(--service-blue);padding-top:16px;border-top:1px solid #e0ebf1;display:flex;justify-content:space-between;align-items:center;gap:9px;line-height:1.5}.hub-card-link span{font-size:20px}.hub-unsure{background:#dceef5;border:1px solid #bddbe7;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px 25px 28px}.hub-unsure picture{display:block}.hub-unsure img{display:block;width:118px;height:118px;object-fit:contain}.hub-unsure h3{font-size:27px;line-height:1.1;letter-spacing:-.7px;margin:12px 0}.hub-unsure p{font-size:12px;line-height:1.8;color:#476b81;max-width:280px}.hub-unsure a{display:inline-block;font-size:12px;color:#1264b2;font-weight:700;margin-top:17px}.hub-facebook .hub-unsure{grid-column:span 2;flex-direction:row;text-align:left;gap:28px}.hub-facebook .hub-unsure img{width:150px;height:170px}.hub-facebook .hub-unsure p{max-width:320px}
.hub-agreements-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hub-agreements h2{margin:15px 0 20px}.hub-agreements-grid>div>p{font-size:14px;line-height:1.85;color:#507189;max-width:470px}.hub-agreements .btn{font-size:12px;margin-top:23px}.hub-agreement-list{list-style:none;display:grid;gap:19px}.hub-agreement-list li{display:flex;gap:18px;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid #d5e4ee}.hub-agreement-list li:last-child{border-bottom:0;padding-bottom:0}.hub-agreement-list b{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border-radius:12px;background:#e6f2fb;color:#1264d5;font-size:12px}.hub-agreement-list h3{font-size:20px;letter-spacing:-.5px;line-height:1.2;margin:5px 0 9px}.hub-agreement-list p{font-size:13px;line-height:1.7;color:#507189}.hub-page .faq-section{background:#f4f9fd}.hub-page .hub-service,.hub-page .hub-result-copy{overflow-wrap:break-word}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hub-service:hover{translate:0 -4px;box-shadow:0 12px 22px #164d7810}}
@media(max-width:1100px){.hub-stage{height:450px}.hub-mascot{height:295px;top:124px}.hub-stage-title strong{font-size:25px}.hub-services{gap:15px}.hub-service{padding:22px}.hub-service h3{font-size:23px}.hub-result{padding:25px}.hub-agreements-grid{gap:35px}.hub-orbit{font-size:10px;padding:10px}}
@media(max-width:850px){.hub-page .section{padding:44px 0}.hub-page .service-hero h1{font-size:clamp(38px,7vw,60px)}.hub-stage{max-width:500px;width:100%;margin:0 auto;height:450px}.hub-stage-title{top:12px}.hub-choice-grid{grid-template-columns:1fr;gap:20px}.hub-result-copy{min-height:0}.hub-result p{max-width:100%}.hub-services{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-facebook .hub-unsure{grid-column:span 2}.hub-agreements-grid{grid-template-columns:1fr;gap:30px}.hub-agreements-grid>div>p{max-width:600px}.hub-page .section-head p{max-width:100%}.hub-service h3{font-size:26px}}
@media(max-width:560px){.hub-page .section{padding:37px 0}.hub-page .service-hero h1{font-size:clamp(34px,9vw,46px)}.hub-stage{height:414px}.hub-disc{inset:83px 1% 30px;border-width:9px}.hub-mascot{inset:106px 5% 30px;width:90%;height:278px}.hub-stage-title{left:3%;max-width:265px}.hub-stage-title strong{font-size:23px}.hub-channel{top:104px;width:45px;height:45px;font-size:24px;right:3%}.hub-orbit{font-size:9px;padding:9px 11px;max-width:145px}.orbit-0{top:169px;left:-1%}.orbit-1{right:-1%;bottom:91px}.orbit-2{bottom:31px;left:3%}.hub-mascot-status{font-size:9px;bottom:-4px;padding:0 8px}.hub-needs button{font-size:12px;padding:15px;gap:10px;min-height:54px}.hub-result{padding:23px}.hub-result h3{font-size:30px}.hub-result p{font-size:13px}.hub-services{grid-template-columns:1fr}.hub-facebook .hub-unsure{grid-column:auto;flex-direction:column;text-align:center;gap:6px}.hub-facebook .hub-unsure img{width:118px;height:118px}.hub-service{padding:24px}.hub-card-top{margin-bottom:19px}.hub-service ul{padding:18px 0}.hub-page .section-head p{margin-top:16px}.hub-page .section-head{margin-bottom:23px}.hub-agreements h2{font-size:34px}.hub-page .final-cta h2{font-size:36px}.hub-page .faq-heading h2{font-size:33px}.hub-agreement-list{gap:15px}}
@media(prefers-reduced-motion:reduce){.hub-page *,.hub-page *:before,.hub-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}