/* Motion is progressive: content stays visible until the enhancement is ready. */
html.motion-ready[data-motion=on] .motion-reveal{transition:opacity .65s ease var(--reveal-delay,0ms),translate .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms)}html.motion-ready[data-motion=on] .motion-reveal.motion-waiting{opacity:0;translate:0 20px}html.motion-ready[data-motion=on] .motion-reveal.motion-shown{opacity:1;translate:0 0}.motion-tilt{--tilt-x:0deg;--tilt-y:0deg;--card-lift:0px;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.65,.3,1),box-shadow .3s,border-color .3s!important}html[data-motion=on] .motion-tilt{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--card-lift))}html[data-motion=on] .motion-tilt:hover,html[data-motion=on] .motion-tilt:focus-within{--card-lift:-4px}.motion-tilt .product-icon{transform:translateZ(14px)}.motion-control{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;padding:0;white-space:nowrap;line-height:1.7}.motion-control>.icon{width:13px;height:13px;color:var(--accent)}.motion-control[hidden]{display:none}.motion-control:hover{color:var(--accent)}.motion-control:disabled{opacity:.75;cursor:default}.motion-control[aria-pressed=true]>.icon{color:var(--muted)}
.bullet-3d{display:inline-grid;place-items:center;position:relative;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#fbfcfb 0%,#dbe4d4 50%,#a7b89f 100%);box-shadow:0 2px 0 #bdcbb3,0 5px 8px #244b461c,inset 0 1px 1px #ffffff}.bullet-3d>span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#ffffff;background:radial-gradient(circle at 30% 20%,#8cbbae,#1b6f6a 44%,#124f4b 100%);box-shadow:inset 0 1px 1px #b5d1c3}.bullet-3d .icon{width:10px;height:10px;stroke-width:2.3;color:inherit;margin:0}.bullet-3d:after{content:'';position:absolute;width:3px;height:2px;top:4px;left:6px;background:#ffffff9c;border-radius:50%;transform:rotate(-30deg)}.include-list li>.bullet-3d{margin-top:2px}.scope-callout>.bullet-3d{margin-top:4px}.scope-table tbody th:before{content:'';display:inline-block;width:11px;height:11px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 27% 22%,#b6d0c2 0%,#5c9b8a 28%,#1b6f6a 62%,#154a46 100%);box-shadow:0 2px 0 #aed6d2,0 4px 6px #213e3a22,inset 0 1px 1px #f1f3f0;margin-right:9px;vertical-align:0}.product-icon{background:linear-gradient(145deg,#ffffff,#e8eeea 53%,#dae7e2);border:1px solid #f0f2ef;box-shadow:0 3px 0 #cfe6e3,0 8px 13px #284d4910,inset 0 1px 1px #ffffff}.product-icon>.icon{filter:drop-shadow(0 1px 0 #ffffffad)}.step-n,.delivery-steps li>span{display:grid;place-items:center;width:29px;height:29px;line-height:1;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,#ffffff,#e8eeea 65%,#c3d8cf);box-shadow:0 3px 0 #acd3ce,0 7px 12px #16343018,inset 0 1px 1px white;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:0}.process-step .step-n{margin-bottom:24px}.scope-table tbody tr{transition:background .25s}.scope-table tbody tr:hover{background:#ffffffa8}.btn>.icon,.text-link>.icon{transition:transform .25s ease}.btn:hover>.icon,.text-link:hover>.icon{transform:translate(2px,-2px)}html[data-motion=on] .audience-card .card-art{transition:translate .55s cubic-bezier(.2,.65,.3,1)}html[data-motion=on] .audience-card:hover .card-art{translate:0 -6px}
.connection-section{overflow:hidden;padding-top:55px;padding-bottom:55px}.connection-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.connection-copy h2{font-size:clamp(40px,4.25vw,61px);line-height:1.12;max-width:650px;margin-bottom:24px}.connection-intro{font-size:13px;line-height:1.95;max-width:440px;margin-bottom:27px}.connection-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 27px}.connection-tabs button{font-size:10px;line-height:1.5;padding:10px 17px;border-radius:30px;border:1px solid var(--line);background:#ffffff;transition:background .2s,color .2s,border-color .2s}.connection-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:white}.connection-tabs button:hover:not([aria-selected=true]){border-color:#acc0af;background:var(--pale)}.connection-panel{min-height:266px;max-width:480px}.connection-panel[hidden]{display:none}.connection-panel h3{font-size:22px;line-height:1.3;letter-spacing:-.04em;margin-bottom:13px}.connection-panel>p{font-size:12px;line-height:1.9;margin-bottom:19px;max-width:420px}.dimensional-points{display:grid;gap:12px;margin-bottom:25px}.dimensional-points>li{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.7;color:#52615f}.dimensional-points .bullet-3d{width:20px;height:20px}.dimensional-points .bullet-3d>span{width:14px;height:14px}.dimensional-points .bullet-3d .icon{width:9px;height:9px}.connection-panel>.text-link{font-size:11px}.connection-art{min-width:0;position:relative}.connection-visual{height:520px;width:100%;position:relative;perspective:1000px;border:1px solid #e2e4d9;border-radius:26px;background:radial-gradient(ellipse at 50% 44%,#eef1e8 0%,#faf9f6 48%,#ffffff 78%);--connection-x:0deg;--connection-y:0deg}.connection-aura{position:absolute;inset:15% 5% 5%;border-radius:50%;background:radial-gradient(ellipse,#dce8e347,transparent 68%)}.connection-floor{position:absolute;width:68%;height:72px;left:16%;bottom:66px;border-radius:50%;background:radial-gradient(ellipse,#679b9539 5%,#badad620 45%,transparent 70%);transform:rotate(-9deg)}.connection-drift{position:absolute;top:69px;left:50%;width:400px;height:370px;translate:-50% 0;transform-style:preserve-3d}.connection-world{position:relative;width:400px;height:370px;transform-style:preserve-3d;transform:rotateX(calc(-13deg + var(--connection-x))) rotateY(calc(-14deg + var(--connection-y)));transition:transform .65s cubic-bezier(.2,.65,.3,1)}.connection-ring{position:absolute;width:248px;height:248px;transform-style:preserve-3d}.connection-ring.ring-teal{left:3px;top:9px;transform:translateZ(25px) rotateY(-15deg) rotateZ(-25deg)}.connection-ring.ring-pearl{left:155px;top:104px;transform:translateZ(-12px) rotateY(58deg) rotateZ(25deg)}.connection-ring-slice{position:absolute;inset:0;display:block;width:248px;height:248px;border-radius:50%;mask:radial-gradient(circle,transparent 0 44%,#000000 44.5% 70.5%,transparent 71%);background:#174f4b;transform:translateZ(calc(var(--layer)*1.3px));backface-visibility:visible}.ring-teal>.connection-ring-slice:nth-child(3n){background:#195c57}.ring-teal>.connection-ring-slice:nth-last-child(-n+3){background:linear-gradient(145deg,#98c0b5,#367f75 34%,#1b6f6a 70%,#124a46)}.ring-teal>.connection-ring-slice:last-child{background:linear-gradient(140deg,#c4d8c8 0%,#85b5a7 12%,#328176 40%,#1b6f6a 66%,#16554f 100%)}.ring-pearl>.connection-ring-slice{background:#b2a48b}.ring-pearl>.connection-ring-slice:nth-child(3n){background:#c3b69e}.ring-pearl>.connection-ring-slice:nth-last-child(-n+3){background:linear-gradient(135deg,#ffffff,#eadfcc 45%,#baa98d)}.ring-pearl>.connection-ring-slice:last-child{background:linear-gradient(140deg,#ffffff 3%,#faf5ea 21%,#d4c7ad 38%,#fcf9f2 54%,#e4d8c1 72%,#a99b82 100%)}.connection-orb{position:absolute;border-radius:50%;transform:translateZ(65px)}.orb-peach{width:48px;height:48px;top:5px;left:322px;background:radial-gradient(circle at 28% 22%,#f7d7c7,#e9a18b 38%,#b75e47 91%);box-shadow:inset -4px -5px 8px #a9523c35}.orb-sage{width:25px;height:25px;top:314px;left:38px;background:radial-gradient(circle at 25% 22%,#dce6d3,#a7b89f 35%,#627e65 90%);box-shadow:0 12px 16px #28605a18}.orb-beige{width:19px;height:19px;top:297px;left:356px;background:radial-gradient(circle at 25% 22%,#faf9f6,#eadfcc 35%,#aa9a80 90%)}.connection-orbit-track{position:absolute;left:10%;top:30%;width:80%;height:37%;border:1px solid #deeae5;border-radius:50%;transform:rotate(-25deg)}.connection-orbit-track.track-two{transform:rotate(40deg);top:33%;left:18%;width:64%;height:37%;border-style:dashed;border-color:#eef1ec}.connection-node{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #eff2ed;border-radius:30px;background:#fffffff2;box-shadow:0 6px 12px #23393609;transition:background .35s,color .35s,box-shadow .35s,border-color .35s;white-space:nowrap}.connection-node>span{display:grid;place-items:center;color:var(--accent)}.connection-node .icon{width:14px;height:14px}.connection-node b{font-size:9px;line-height:1.5;font-weight:700;letter-spacing:-.02em;color:#566960}.node-websites{left:28px;top:65px}.node-seo{right:31px;top:37px}.node-ads{right:18px;top:228px}.node-social{left:30px;bottom:79px}.node-crm{right:40px;bottom:38px}.connection-center-mark{position:absolute;right:35%;bottom:26%;display:grid;place-items:center;height:42px;width:42px;border:1px solid #eee8dc;border-radius:50%;background:linear-gradient(140deg,#ffffff,#eadfcc);box-shadow:0 3px 0 #d5c8b0,0 7px 14px #2d3a3f10;color:var(--accent)}.connection-center-mark>.icon{width:20px;height:20px}.connection-art-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:9px;padding:16px 5px 0}.connection-art-caption>span{display:flex;align-items:center;gap:8px;line-height:1.7}.connection-art-caption>span>.icon{width:14px;height:14px;color:var(--accent)}.connection-pause{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:11px;flex-shrink:0}.connection-pause:disabled{opacity:.55;cursor:default}.connection-section[data-active-connection=websites] .node-websites,.connection-section[data-active-connection=seo] .node-seo,.connection-section[data-active-connection=ads] .node-ads,.connection-section[data-active-connection=social] .node-social,.connection-section[data-active-connection=crm] .node-crm{border-color:#8fae9c;background:#e8eeea;box-shadow:0 4px 0 #dfeae5,0 10px 20px #27635c15}.connection-section[data-active-connection=websites] .node-websites b,.connection-section[data-active-connection=seo] .node-seo b,.connection-section[data-active-connection=ads] .node-ads b,.connection-section[data-active-connection=social] .node-social b,.connection-section[data-active-connection=crm] .node-crm b{color:#1b6f6a}
@keyframes gentle-entry{from{opacity:.55;translate:0 13px}to{opacity:1;translate:0 0}}@keyframes connection-bob{0%,100%{transform:translateY(0) rotateZ(-2deg)}50%{transform:translateY(-12px) rotateZ(1deg)}}@keyframes connection-orb-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes connection-track-breathe{0%,100%{opacity:.6}50%{opacity:1}}
html.motion-ready[data-motion=on] .hero-copy>.eyebrow,html.motion-ready[data-motion=on] .hero-copy>h1,html.motion-ready[data-motion=on] .hero-copy>.hero-intro,html.motion-ready[data-motion=on] .hero-copy>.actions,html.motion-ready[data-motion=on] .hero-copy>.hero-note,html.motion-ready[data-motion=on] .page-hero h1{animation:gentle-entry .85s cubic-bezier(.2,.65,.3,1) both}html.motion-ready[data-motion=on] .hero-copy>h1{animation-delay:.06s}html.motion-ready[data-motion=on] .hero-copy>.hero-intro{animation-delay:.12s}html.motion-ready[data-motion=on] .hero-copy>.actions{animation-delay:.18s}html.motion-ready[data-motion=on] .hero-copy>.hero-note{animation-delay:.24s}html[data-motion=on] .connection-drift{animation:connection-bob 9s ease-in-out infinite;animation-play-state:paused}html[data-motion=on] .connection-orb{animation:connection-orb-float 7s ease-in-out infinite;animation-play-state:paused}.orb-sage{animation-delay:-2s!important}.orb-beige{animation-delay:-4s!important}html[data-motion=on] .connection-orbit-track{animation:connection-track-breathe 7s ease-in-out infinite;animation-play-state:paused}html[data-motion=on] .connection-section[data-connection-visible=true][data-connection-paused=false]:not([data-document-hidden=true]) .connection-drift,html[data-motion=on] .connection-section[data-connection-visible=true][data-connection-paused=false]:not([data-document-hidden=true]) .connection-orb,html[data-motion=on] .connection-section[data-connection-visible=true][data-connection-paused=false]:not([data-document-hidden=true]) .connection-orbit-track{animation-play-state:running}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] .motion-waiting{opacity:1;translate:0 0}html[data-motion=off] .motion-tilt{transform:none!important}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation-play-state:paused!important;transition:none!important}html[data-motion=off] [data-reveal].is-visible{animation:none!important}
@media(max-width:1100px){.connection-layout{gap:35px;grid-template-columns:1fr 1fr}.connection-visual{height:470px}.connection-drift{scale:.86;top:52px;left:50%}.connection-copy h2{font-size:47px}.connection-tabs button{font-size:9px;padding:9px 14px}.connection-panel h3{font-size:20px}.connection-panel>p{font-size:11px}.connection-node{padding:8px 10px;gap:6px}.connection-node b{font-size:8px}.node-websites{left:19px;top:57px}.node-seo{right:22px;top:33px}.node-ads{right:12px;top:200px}.node-social{left:20px;bottom:65px}.node-crm{right:28px;bottom:35px}.connection-center-mark{bottom:28%;right:32%}}
@media(max-width:960px){.connection-copy h2{font-size:42px}.connection-intro{font-size:12px}.connection-layout{gap:27px}.connection-visual{height:430px}.connection-drift{scale:.76;top:41px;left:50%}.connection-panel{min-height:280px}.connection-tabs{gap:6px;margin-bottom:23px}.connection-tabs button{padding:9px 13px}.dimensional-points>li{font-size:10px;gap:10px}.connection-panel>.text-link{font-size:10px}.connection-node{padding:7px 9px}.connection-node .icon{width:12px;height:12px}.node-websites{left:15px;top:53px}.node-seo{right:18px;top:26px}.node-ads{right:10px;top:187px}.node-social{left:15px;bottom:57px}.node-crm{right:21px;bottom:28px}.connection-floor{bottom:49px}.connection-center-mark{width:35px;height:35px;right:31%;bottom:27%}.connection-center-mark>.icon{width:17px;height:17px}.connection-art-caption{font-size:8px}.connection-art-caption>span{gap:6px}}
@media(max-width:760px){.connection-section{padding-top:25px;padding-bottom:30px}.connection-layout{grid-template-columns:1fr;gap:28px}.connection-copy h2{font-size:39px;margin-bottom:22px}.connection-intro{font-size:13px;max-width:460px;margin-bottom:25px}.connection-tabs{gap:7px;margin-bottom:25px}.connection-tabs button{font-size:10px;padding:10px 15px}.connection-panel{min-height:270px;max-width:none}.connection-panel h3{font-size:23px;line-height:1.3}.connection-panel>p{font-size:12px;max-width:460px}.dimensional-points{gap:13px;margin-bottom:24px}.dimensional-points>li{font-size:12px;gap:12px}.connection-panel>.text-link{font-size:11px}.connection-art{width:100%;max-width:520px;margin:auto}.connection-visual{height:425px;border-radius:22px}.connection-drift{scale:.79;top:32px;left:50%}.connection-node b{font-size:9px}.connection-node{padding:9px 11px;gap:7px}.connection-node .icon{width:13px;height:13px}.node-websites{left:15px;top:43px}.node-seo{right:18px;top:24px}.node-ads{right:9px;top:182px}.node-social{left:15px;bottom:58px}.node-crm{right:24px;bottom:28px}.connection-center-mark{width:35px;height:35px;bottom:27%;right:31%}.connection-floor{bottom:49px;left:11%;width:78%}.connection-art-caption{font-size:8px;padding-top:13px;gap:15px}.motion-control{font-size:9px}.footer-bottom>div{flex-wrap:wrap;align-items:center;gap:14px 20px}.scope-table tbody th:before{width:12px;height:12px;margin-right:10px;vertical-align:1px}.bullet-3d{width:21px;height:21px}.step-n,.delivery-steps li>span{width:28px;height:28px}.motion-tilt{transform-style:flat}}
@media(max-width:390px){.connection-copy h2{font-size:36px}.connection-tabs button{padding:9px 12px}.connection-panel h3{font-size:22px}.connection-visual{height:380px}.connection-drift{scale:.68;top:27px;left:50%}.connection-node{padding:8px 9px;gap:6px}.connection-node b{font-size:8px}.node-websites{top:38px;left:11px}.node-seo{top:21px;right:14px}.node-ads{top:166px;right:9px}.node-social{left:12px;bottom:51px}.node-crm{right:18px;bottom:24px}.connection-center-mark{right:30%;bottom:28%}.connection-floor{bottom:40px}.connection-art-caption{font-size:8px}.connection-art-caption>span{max-width:245px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.motion-reveal,.motion-waiting{opacity:1!important;translate:none!important}.motion-tilt{transform:none!important}.connection-world{transform:rotateX(-13deg) rotateY(-14deg)!important}.connection-drift{transform:none!important}}