/* An abstract, interactive diagram. No media downloads or animation library. */
.connect-main{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:36px}.connect-copy>p:not(.nav-eyebrow){font-size:16px;line-height:1.75;color:#bdadae;max-width:470px}.connect-copy h2{font-size:clamp(36px,4.2vw,60px)}
.growth-motion{position:relative;width:100%;max-width:530px;aspect-ratio:1/1;margin:auto;isolation:isolate;perspective:1000px;border-radius:50%;--rx:0deg;--ry:0deg}.growth-motion::before{content:'';position:absolute;inset:7%;background:radial-gradient(ellipse,#a4556738,transparent 67%);border-radius:50%;pointer-events:none}.growth-space{position:absolute;inset:0;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s ease-out;will-change:auto}.growth-orbits{width:100%;height:100%;overflow:visible;position:absolute;inset:0;fill:none;pointer-events:none}.growth-track{stroke:#f3b69f26;stroke-width:1}.growth-axis{stroke:#f3b69f17;stroke-width:1;stroke-dasharray:2 9}.growth-trail{stroke:#f3b69f;stroke-width:2;stroke-linecap:round;stroke-dasharray:7 11 1 81;animation:growth-flow 8s linear infinite;animation-play-state:paused}.growth-trail.second{stroke:#f4d9ca;animation-duration:11s;animation-delay:-4s}.growth-trail.third{stroke:#d68fb3;animation-duration:13s;animation-delay:-8s}.growth-rim{position:absolute;inset:25%;border:1px solid #f3b69f45;border-radius:50%;box-shadow:0 0 50px #f3b69f0c,inset 0 0 25px #f3b69f08;background:radial-gradient(circle at 35% 15%,#40212d,#1c1017 70%)}.growth-rim::before{content:'';position:absolute;inset:-9px;border-radius:50%;border:1px solid #f3b69f14}.growth-core{position:absolute;inset:26%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8%;pointer-events:none}.growth-kicker{color:#f3b69f;font-size:12px;letter-spacing:2px;margin-bottom:15px}.growth-title{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(24px,2.8vw,39px);line-height:1.06;letter-spacing:-1px;color:#f8e9e3;margin:0}.growth-core.is-changing{animation:growth-copy .4s ease-out}.growth-step{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid #f3b69f30;background:#24151ef5;color:#c4afb7;border-radius:30px;padding:12px 17px;font:inherit;font-size:14px;min-height:46px;cursor:pointer;box-shadow:0 8px 28px #0003;transition:border-color .25s,background .25s,color .25s,transform .25s;z-index:3;white-space:nowrap}.growth-step span{color:#ae8493;font-size:12px;font-variant-numeric:tabular-nums}.growth-step:nth-of-type(1){top:8%;left:10%}.growth-step:nth-of-type(2){top:40%;right:0}.growth-step:nth-of-type(3){bottom:10%;left:15%}.growth-step:hover{transform:translateY(-3px);border-color:#f3b69f90}.growth-step[aria-pressed=true]{background:#f3b69f;color:#28121c;border-color:#f3b69f;box-shadow:0 0 30px #f3b69f20}.growth-step[aria-pressed=true] span{color:#6c3f45}.growth-step:focus-visible,.growth-pause:focus-visible{outline:2px solid #f3b69f;outline-offset:5px}.growth-pause{position:absolute;right:3%;bottom:4%;border:1px solid #f3b69f30;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:transparent;color:#d7b9c4;font:inherit;font-size:16px;cursor:pointer;z-index:4}.growth-motion.is-visible:not(.is-paused) .growth-trail{animation-play-state:running}.growth-motion.is-paused .growth-space{transform:none}
@keyframes growth-flow{to{stroke-dashoffset:-100}}@keyframes growth-copy{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.connect-main{gap:60px}}@media(max-width:950px){.connect-main{grid-template-columns:1fr;gap:15px}.growth-motion{max-width:470px}.connect-copy h2{font-size:clamp(36px,6.5vw,60px)}.growth-title{font-size:38px}.home-connect .connect-bottom{margin-top:30px}}@media(max-width:480px){.growth-motion{margin-top:12px;max-width:380px}.growth-step{padding:10px 12px;gap:6px;font-size:14px}.growth-step:nth-of-type(1){left:4%;top:7%}.growth-step:nth-of-type(2){right:-1%;top:44%}.growth-step:nth-of-type(3){left:7%;bottom:7%}.growth-title{font-size:clamp(23px,7vw,31px)}.growth-kicker{font-size:11px;letter-spacing:1.5px;margin-bottom:10px}.growth-pause{right:1%;bottom:0}.growth-rim{inset:23%}.growth-core{inset:24%;padding:5%}.growth-space{transform:none!important}}
@media(prefers-reduced-motion:reduce){.growth-trail,.growth-core.is-changing{animation:none!important}.growth-space{transform:none!important}.growth-step{transition:none}.growth-pause{display:none}}
