.connections-section{position:relative;overflow:hidden;background:linear-gradient(180deg,transparent,#ffffff 18%,#ffffff 82%,transparent)}.connections-scene{--inner-radius:clamp(215px,24vw,290px);--middle-radius:clamp(290px,33vw,400px);--outer-radius:clamp(360px,44vw,530px);--logo-size:76px;position:relative;isolation:isolate;display:grid;place-items:center;height:620px;max-width:1200px;margin:0 auto}.connections-orbits{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent,black 16%,black 82%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 16%,black 82%,transparent)}.connections-orbit{position:absolute;top:50%;left:50%;width:calc(var(--orbit-radius) * 2);aspect-ratio:1;border:1px solid hsl(220 20% 93%);border-radius:50%;transform:translate(-50%,-50%)}.connections-orbit:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from var(--arc-angle),transparent 0deg,hsl(217 91% 60%/.55) 22deg,transparent 46deg);mask-image:radial-gradient(farthest-side,transparent calc(100% - 1px),black 0);-webkit-mask-image:radial-gradient(farthest-side,transparent calc(100% - 1px),black 0);animation:connections-orbit-spin var(--orbit-duration,22s) linear infinite;animation-play-state:paused}.connections-orbit--inner{--orbit-radius:var(--inner-radius);--arc-angle:268deg;--orbit-duration:18s}.connections-orbit--middle{--orbit-radius:var(--middle-radius);--arc-angle:84deg;--orbit-duration:26s}.connections-orbit--outer{--orbit-radius:var(--outer-radius);--arc-angle:245deg;--orbit-duration:34s}.connections-orbit--middle:after{animation-direction:reverse}.connections-copy{position:relative;z-index:1;width:min(440px,calc(var(--inner-radius) * 2 - var(--logo-size) - 48px));text-align:center}.connections-eyebrow{display:inline-block;margin-bottom:16px;padding:7px 13px;border:1px solid hsl(217 91% 60%/.1);border-radius:999px;background:hsl(217 91% 60%/.06);color:hsl(217 91% 55%);font-size:11px;font-weight:600;letter-spacing:0;line-height:1;text-transform:uppercase}.connections-copy h2{margin:0 0 16px;color:#232424;font-size:54px;font-weight:600;letter-spacing:0;line-height:1.1;text-wrap:balance}.connections-copy p{max-width:375px;margin:0 auto;color:hsl(220 7% 47%);font-size:17px;line-height:1.75;text-wrap:balance}.connections-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:hsl(220 8% 56%);font-size:11px}.connections-note>span{width:5px;height:5px;border-radius:50%;background:hsl(217 91% 60%);box-shadow:0 0 0 4px hsl(217 91% 60%/.08)}.connections-integrations{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}.connections-integration{position:absolute;z-index:2;top:calc(50% + var(--orbit-radius) * var(--orbit-y));left:calc(50% + var(--orbit-radius) * var(--orbit-x));width:var(--logo-size);height:var(--logo-size);transform:translate(-50%,-50%);pointer-events:auto}.connections-logo{display:grid;place-items:center;width:100%;height:100%;border:1px solid hsl(220 15% 94%);border-radius:50%;background:white;box-shadow:0 2px 3px hsl(220 30% 20%/.04),0 9px 20px -10px hsl(220 30% 20%/.16);transition:transform .22s ease,box-shadow .22s ease}.connections-float,.connections-node{position:relative;width:100%;height:100%}.connections-float{animation:connections-float var(--float-duration,7s) ease-in-out infinite;animation-delay:var(--float-delay,0s);animation-play-state:paused}.connections-scene[data-active=true] .connections-float,.connections-scene[data-active=true] .connections-orbit:after{animation-play-state:running}.connections-logo .connections-brand-icon{font-size:32px!important;color:#ff0033}.connections-logo img{display:block;width:32px;height:32px;object-fit:contain}.connections-integration--meta img{width:38px}.connections-integration:hover .connections-logo{transform:translateY(-2px);box-shadow:0 6px 8px hsl(220 30% 20%/.03),0 16px 28px -12px hsl(217 91% 60%/.28)}.connections-name{position:absolute;top:calc(100% + 12px);left:50%;color:hsl(220 8% 48%);font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap;transform:translateX(-50%)}@media (min-width:768px) and (max-width:1199px){.connections-scene{--logo-size:64px;height:560px}.connections-copy p{font-size:15px}.connections-copy h2{font-size:36px}}@media (max-width:767px){.connections-scene{--inner-radius:205px;--middle-radius:244px;--outer-radius:275px;--logo-size:56px;height:640px}.connections-copy{width:min(100%,380px)}.connections-copy h2{margin-bottom:16px;font-size:32px}.connections-copy p{max-width:320px;padding:0 10px;font-size:15px;line-height:1.7}.connections-eyebrow{margin-bottom:17px;font-size:10px}.connections-note{margin-top:20px;font-size:10px}.connections-integration{top:calc(50% + var(--mobile-orbit-radius) * var(--mobile-orbit-y));left:calc(50% + var(--mobile-orbit-radius) * var(--mobile-orbit-x))}.connections-logo img{width:27px;height:27px}.connections-logo .connections-brand-icon{font-size:27px!important}.connections-integration--meta img{width:33px}.connections-name{top:calc(100% + 8px);font-size:10px}}@keyframes connections-orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes connections-float{0%,to{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-3px,0)}}.features-heading{max-width:720px;margin:0 auto;text-align:center}.features-eyebrow{display:inline-block;margin-bottom:16px;padding:6px 12px;border:1px solid #d9e6fc;border-radius:100px;background:#eff5ff;color:#2466db;font-size:12px;font-weight:600}.features-heading h2{color:#141414;font-size:48px;font-weight:700;line-height:1.12;text-wrap:balance}.features-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"editor editor editor editor editor publish publish publish publish domain domain domain" "editor editor editor editor editor analytics analytics analytics analytics security security security" "responsive responsive responsive responsive integrations integrations integrations integrations seo seo seo seo";grid-template-rows:300px 300px 350px;gap:16px}.feature-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #e5e9ef;border-radius:20px;background:#fff}.feature-card--editor{grid-area:editor}.feature-card--publish{grid-area:publish}.feature-card--domain{grid-area:domain}.feature-card--analytics{grid-area:analytics}.feature-card--security{grid-area:security}.feature-card--responsive{grid-area:responsive}.feature-card--integrations{grid-area:integrations}.feature-card--seo{grid-area:seo}.feature-artwork{position:relative;min-width:0;min-height:0;flex:1;overflow:hidden;background:#f5f7fa;pointer-events:none;user-select:none}.feature-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-copy{position:relative;flex-shrink:0;padding:24px;background:#fff}.feature-icon{display:block;margin-bottom:16px;color:#3b82f6}.feature-copy h3{margin:0 0 8px;color:#1b2526;font-size:18px;font-weight:600;line-height:1.25}.feature-copy p{margin:0;color:#5e6970;font-size:14px;line-height:1.6;text-wrap:pretty}.feature-card--editor .feature-copy h3{font-size:24px}.feature-card--editor .feature-copy{padding:24px}@media (max-width:1199px) and (min-width:960px){.feature-copy{padding:20px}.feature-copy h3{font-size:17px}}@media (max-width:959px){.features-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"editor publish" "editor analytics" "domain security" "responsive integrations" "seo seo";grid-template-rows:300px 300px 300px 350px 300px}.feature-card--seo{flex-direction:row}.feature-card--seo .feature-copy{display:flex;width:45%;flex-direction:column;justify-content:center}}@media (max-width:639px){.features-heading h2{font-size:32px;line-height:1.15}.features-bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"editor" "publish" "analytics" "domain" "security" "responsive" "integrations" "seo";grid-template-rows:440px repeat(7,340px);gap:12px}.feature-card{border-radius:16px}.feature-card--editor .feature-copy{padding:24px}.feature-card--editor .feature-copy h3{font-size:22px}.feature-card--seo{flex-direction:column}.feature-card--seo .feature-copy{display:block;width:auto}}.template-rotunda{--rotunda-radius:clamp(360px,38.4vw,560px);--rotunda-card-width:clamp(110px,10.3vw,150px);--rotunda-lift:-84px;--rotunda-content-offset:-215px;position:relative;isolation:isolate;width:100%;height:clamp(490px,42vw,610px);margin-top:28px}.template-rotunda__viewport{position:absolute;inset:0;overflow:hidden;perspective:1700px;perspective-origin:50% 50%;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.template-rotunda__viewport[data-dragging=true]{cursor:grabbing}.template-rotunda__viewport:focus-visible{outline:2px solid hsl(217 91% 60%);outline-offset:-5px;border-radius:24px}.template-rotunda__ring{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d;transform:translateY(var(--rotunda-lift)) rotateX(-14deg)}.template-rotunda__card{position:absolute;left:calc(var(--rotunda-card-width) / -2);top:calc(var(--rotunda-card-width) * -8 / 9);width:var(--rotunda-card-width);aspect-ratio:9/16;overflow:hidden;border-radius:18px;background:white;box-shadow:0 12px 28px hsl(220 30% 15%/.09),0 0 0 1px hsl(220 20% 20%/.1);transform:rotateY(var(--angle)) translateZ(var(--rotunda-radius)) rotateY(var(--face));will-change:transform;pointer-events:none}.template-rotunda__card img{display:block;width:100%;height:100%;object-fit:cover}.template-rotunda__content{position:absolute;z-index:2;top:50%;left:50%;width:calc(100% - 32px);max-width:480px;transform:translate(-50%,calc(-50% + var(--rotunda-content-offset)));pointer-events:none}.rotunda-signup{pointer-events:auto}.rotunda-signup:focus-within{outline:2px solid hsl(217 91% 60%/.5);outline-offset:4px}@media (max-width:767px){.template-rotunda{--rotunda-radius:360px;--rotunda-card-width:100px;--rotunda-lift:-48px;--rotunda-content-offset:-110px;height:410px;margin-top:20px}.template-rotunda__card{border-radius:14px}}@media (max-width:479px){.template-rotunda .rotunda-signup{width:100%;padding:6px}.template-rotunda .rotunda-signup__prefix{padding-left:9px;padding-right:0;font-size:12px}.template-rotunda .rotunda-signup__input{flex:1;width:0;padding-left:7px;padding-right:4px}.template-rotunda .rotunda-signup__button{gap:6px;padding:12px;font-size:12px}}