/* September 20 corrections: platform marks, readable offer and scroll choreography. */
.hero-platform-logos{gap:20px}.hero-platform-logos img[src*="google-business"]{width:29px;height:29px;margin-top:-3px}.hero-platform-logos small{font-size:9px}.hero-bottom{gap:26px}.hero-platform-world{flex-shrink:0}.hero-bottom .scroll-link{margin-left:auto}.hero-story-progress{width:65px;height:2px;background:#ffffff55;overflow:hidden;margin-right:5px!important;display:block}.hero-story-progress i{display:block;width:100%;height:100%;background:white;transform:scaleX(var(--demo-progress,0));transform-origin:left}.float-art.art-one{opacity:1;transform:none}.float-social.social-one{opacity:1;transform:none}.float-studio-note{bottom:-4px}.floating-product .hero-demo-panel[hidden]{display:none!important}.floating-product .hero-demo-panel:not([hidden]){display:block}.hero .floating-product{min-height:390px}.hero-demo-controls{position:relative;z-index:5}.hero-product-demo[data-active-product="studio"] .hero-demo-controls{margin-top:8px}.hero-product-demo[data-active-product="posts"] .hero-demo-controls{margin-top:8px}
.free-start-band{background:#173e94;color:#fff;padding:38px 6%;gap:36px}.free-start-band .eyebrow{color:#d7e4ff;font-size:10px;letter-spacing:.055em}.free-start-band h2{color:#fff;font-size:clamp(34px,3.2vw,50px);line-height:1.06;letter-spacing:-.055em}.free-start-band h2 br{display:none}.free-start-band h2 em{color:#dcea82}.free-plan-details{flex-shrink:0}.free-plan-details>strong{display:block;color:#fff;font-size:21px;line-height:1.2}.free-start-band .free-plan-details p{font-size:17px;color:#fff;margin-top:6px;line-height:1.3}.free-plan-details>span{font-size:13px;display:block;margin-top:8px;color:#d7e4ff}.free-start-band .pill{background:#fff;color:#111318;border:1px solid white;font-size:14px;font-weight:600}.free-start-band .pill:hover{background:#dcea82;border-color:#dcea82}.free-start-band .pill:focus-visible{outline:3px solid #dcea82;outline-offset:5px}
/* The network lights up from the source toward each genuine platform icon. */
.distribution{position:relative;isolation:isolate}.distribution-source{background:#fff!important;box-shadow:0 0 0 0 #2459ce00;transition:box-shadow .6s}.distribution.is-powered .distribution-source{box-shadow:0 0 25px #2459ce35,0 0 5px #2459ce40;border-color:#2459ce}.platforms{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px}.platformTile{width:clamp(85px,8.2vw,116px);height:clamp(85px,8.2vw,116px)}.platformTile img{width:54px;height:54px}.businessTile{background:#fff;--tile-shadow:#c6d6ef;border-color:#d0e1ff}.businessTile img{width:74%;height:74%;filter:none}.distribution-line,.platforms:before,.platform-item:before{visibility:hidden}.power-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}.power-track{fill:none;stroke:#d4e1fa;stroke-width:1.5}.power-spark{fill:none;stroke:#397cff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:12 88;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 3px #2459ce) drop-shadow(0 0 7px #5fa7ff)}.distribution.is-powered .power-spark{opacity:1;animation:power-travel 3.6s linear infinite;animation-delay:var(--delay)}.distribution.power-ready .platform-item .platformTile{opacity:0;translate:0 35px;scale:.68;transition:opacity .5s,translate .85s cubic-bezier(.16,1,.3,1),scale .85s cubic-bezier(.34,1.6,.64,1);transition-delay:var(--pop-delay)}.distribution.power-ready.is-powered .platform-item .platformTile{opacity:1;translate:0 0;scale:1}.distribution.power-ready .platform-item>span:last-child{opacity:0;transition:opacity .6s;transition-delay:calc(var(--pop-delay) + .15s)}.distribution.power-ready.is-powered .platform-item>span:last-child{opacity:1}@keyframes power-travel{0%{stroke-dashoffset:100;opacity:0}8%,75%{opacity:1}95%,100%{stroke-dashoffset:-12;opacity:0}}
/* Trigger artwork when the artwork itself enters, not while its headline is offscreen. */
.workflow-block.reveal-ready .workflow-visual .photo-collage>*{opacity:0;transform:translate3d(70px,55px,0) scale(.86);transition:opacity .7s,transform 1.3s cubic-bezier(.16,1,.3,1);transition-delay:0s}.workflow-block.reveal-ready .workflow-visual .photo-collage>:nth-child(2){transition-delay:.18s}.workflow-block.reveal-ready .workflow-visual .photo-collage>:nth-child(3){transition-delay:.36s}.workflow-block.reveal-ready .workflow-visual .photo-collage>:nth-child(4){transition-delay:.5s}.workflow-block.reveal-ready .workflow-visual.is-art-visible .photo-collage>*{opacity:1;transform:translate3d(0,0,0) scale(1)}.workflow-block.reveal-ready .collage-studio .piece-one{transform:translate3d(0,100px,0) scale(.9)}.workflow-block.reveal-ready .collage-studio .piece-two{transform:translate3d(100px,0,0) scale(.8)}.workflow-block.reveal-ready .collage-studio .piece-three{transform:translate3d(70px,100px,0) scale(.8)}
/* Oversized type passes right to left like a train, growing as it crosses. */
.editorial-scroll{height:230svh}.editorial-scroll .editorial>img{object-position:60% center;transform:scale(calc(1 + var(--zoom-progress,0) * .06))}.expanding-word{left:0;top:54%;font-size:clamp(130px,23vw,460px);transform-origin:left center;transform:translate3d(var(--train-x,85vw),-50%,0) scale(var(--train-scale,.6));opacity:var(--train-opacity,0);color:#f3e6ae}.editorial-scroll .editorial h2{font-size:clamp(78px,10vw,150px);bottom:90px;text-shadow:0 3px 25px #07132955}.editorial-scroll .editorial h2 em{color:white}.editorial-scroll .editorial:after{background:linear-gradient(0deg,#07132965,transparent 55%)}
/* X and the remaining platform marks join the footer connection orbit. */
.film-orbit .orbit-center{top:38%;width:155px}.film-orbit .orbit-platform{width:43px;height:43px}.film-orbit .orbit-platform img{width:26px;height:26px}.orbit-ig{left:12%;top:22%}.orbit-in{right:15%;top:17%}.orbit-yt{left:8%;top:47%}.orbit-tt{right:8%;top:42%}.orbit-x{left:36%;top:16%;background:#111318}.orbit-threads{left:23%;top:67%;background:#111318}.orbit-google{right:23%;top:64%;background:white}.orbit-google img{width:35px!important;height:35px!important}.film-orbit>p{font-size:25px;bottom:68px;left:32px}.film-orbit.active .orbit-x{animation-delay:-1.8s}.film-orbit.active .orbit-threads{animation-delay:-3s}.film-orbit.active .orbit-google{animation-delay:-4.4s}
@media(max-width:1200px){.hero-bottom .scroll-link{display:none}.hero-bottom{gap:24px}.hero-platform-logos{gap:17px}.hero-platform-logos small{font-size:8px}.free-start-band{flex-wrap:wrap;gap:24px}.free-start-band h2{font-size:37px}.platformTile{width:clamp(75px,8vw,99px);height:clamp(75px,8vw,99px)}.platformTile img{width:48px;height:48px}.platform-item{font-size:11px}.businessTile img{width:70%;height:70%}}
@media(max-width:760px){.hero-platform-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.hero-platform-logos img{width:23px;height:23px}.hero-platform-logos img[src*="google-business"]{width:27px;height:27px}.hero-platform-logos small{font-size:7px}.hero-platform-world{flex-shrink:1}.hero .floating-product{min-height:390px;margin-top:24px;margin-bottom:30px}.hero .hero-bottom{gap:22px}.free-start-band{padding:31px 6%;gap:22px}.free-start-band h2{font-size:37px}.free-start-band .eyebrow{font-size:9px}.free-plan-details>strong{font-size:24px}.free-start-band .free-plan-details p{font-size:18px}.free-plan-details>span{font-size:14px}.free-start-band .pill{font-size:15px}.distribution{padding-top:0}.platforms{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:48px;gap:48px 10px}.platform-item{gap:12px;font-size:10px}.platformTile{width:clamp(56px,15vw,88px);height:clamp(56px,15vw,88px);border-radius:17px}.platformTile:after{border-radius:13px}.platformTile img{width:52%;height:52%}.businessTile img{width:78%;height:78%}.power-track{stroke-width:1}.power-spark{stroke-width:2}.distribution-line{display:block;height:18px}.platforms:before,.platform-item:before{display:none}.editorial-scroll{height:210svh}.editorial-scroll .editorial>img{object-position:60% center}.editorial-scroll .editorial h2{font-size:clamp(63px,15vw,105px)}.expanding-word{font-size:44vw}.film-orbit .orbit-platform{width:35px;height:35px}.film-orbit .orbit-platform img{width:23px;height:23px}.film-orbit .orbit-center{width:135px}.film-orbit>p{font-size:24px;bottom:72px;left:25px}}
@media(max-width:380px){.hero-platform-logos small{font-size:6px}.hero-platform-logos img{width:21px;height:21px}.hero-platform-logos img[src*="google-business"]{width:25px;height:25px}.free-start-band h2{font-size:32px}.platform-item{font-size:9px}.distribution-source>span{font-size:7px}.hero .floating-product{min-height:390px}}
@media(prefers-reduced-motion:reduce){.distribution.power-ready .platform-item .platformTile,.distribution.power-ready .platform-item>span:last-child{opacity:1;translate:none;scale:1;transition:none}.power-spark{animation:none!important;opacity:0!important}.workflow-block.reveal-ready .workflow-visual .photo-collage>*{opacity:1;transform:none!important;transition:none}.editorial-scroll{height:auto}.expanding-word{display:none}.hero-story-progress{display:none}.hero .floating-product{min-height:390px}}
.motion-paused .power-spark{animation-play-state:paused!important}.motion-paused .distribution.power-ready .platform-item .platformTile,.motion-paused .distribution.power-ready .platform-item>span:last-child{opacity:1;translate:none;scale:1}.motion-paused .workflow-block.reveal-ready .workflow-visual .photo-collage>*{opacity:1;transform:none!important;transition:none}
/* Three clear setup demonstrations, looping only while visible. */
.steps .step-art{position:relative;overflow:hidden;isolation:isolate;height:250px}.setup-connected{position:absolute;bottom:25px;font:10px monospace;letter-spacing:.08em;color:#173e94}.setup-link{display:grid;place-items:center;background:#2459ce;color:white!important;border-radius:15px;width:48px;height:48px;flex-shrink:0}.steps .connect-art{gap:20px}.steps .connect-art img:first-child{width:100px;height:100px}.steps .connect-art img:last-of-type{width:52px;height:52px}.steps .keyword-art{background:#f3e6ae;color:#111318;background-image:linear-gradient(#1113180b 1px,transparent 1px),linear-gradient(90deg,#1113180b 1px,transparent 1px);background-size:50px 50px}.setup-keyword{display:flex;justify-content:center;min-width:180px}.setup-keyword>span{display:inline-block}.steps .live-art{background:#e8effc;color:#111318;padding:25px;display:block}.setup-switch{display:flex;align-items:center;justify-content:space-between;background:white;border-radius:9px;padding:15px;font-size:13px;gap:12px}.setup-switch>b{background:#2459ce;color:white;padding:8px 12px;border-radius:30px;font:10px monospace;white-space:nowrap}.setup-switch i{display:inline-block;border-radius:50%;width:7px;height:7px;background:white;margin-left:4px}.setup-pointer{position:absolute;right:12%;top:52px;width:20px;height:27px;z-index:3}.setup-conversation{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-top:13px;font-size:12px}.setup-comment{align-self:flex-start;background:white;border-radius:13px 13px 13px 2px;padding:8px 12px}.setup-reply{background:#2459ce;color:white;border-radius:13px 13px 2px 13px;padding:11px 14px;text-align:left}.setup-reply b{display:block;text-align:center;background:#ffffff28;border-radius:6px;margin-top:9px;padding:7px;font-weight:500}.setup-conversation small{font:8px monospace;color:#173e94}
.steps .connect-art img:first-child{animation:setup-left 8s infinite}.steps .connect-art img:last-of-type{animation:setup-right 8s infinite}.setup-link,.setup-connected{animation:setup-linked 8s infinite}.setup-keyword>span:nth-child(1){animation:setup-type-one 8s infinite}.setup-keyword>span:nth-child(2){animation:setup-type-two 8s infinite}.setup-keyword>span:nth-child(3){animation:setup-type-three 8s infinite}.setup-pointer{animation:setup-click 8s infinite}.setup-switch>b{animation:setup-toggle 8s infinite}.setup-comment{animation:setup-comment-in 8s infinite}.setup-reply{animation:setup-reply-in 8s infinite}.setup-conversation small{animation:setup-sent 8s infinite}.steps .step-art *{animation-play-state:paused}.steps .step-art.is-playing *{animation-play-state:running}
@keyframes setup-left{0%,8%{opacity:0;transform:translateX(-90px) scale(.8)}22%,85%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-90px) scale(.8)}}
@keyframes setup-right{0%,13%{opacity:0;transform:translateX(90px) scale(.8)}28%,85%{opacity:1;transform:none}100%{opacity:0;transform:translateX(90px) scale(.8)}}
@keyframes setup-linked{0%,28%{opacity:0;transform:scale(.5)}40%,85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.5)}}
@keyframes setup-type-one{0%,14%,100%{opacity:0}18%,88%{opacity:1}}@keyframes setup-type-two{0%,23%,100%{opacity:0}27%,88%{opacity:1}}@keyframes setup-type-three{0%,32%,100%{opacity:0}36%,88%{opacity:1}}
@keyframes setup-click{0%,10%{opacity:0;transform:translate(35px,70px)}20%,28%{opacity:1;transform:none}31%{opacity:1;transform:scale(.75)}35%{opacity:1;transform:none}44%,100%{opacity:0;transform:translate(8px,20px)}}
@keyframes setup-toggle{0%,30%{background:#2459ce}36%,88%{background:#16705c}100%{background:#2459ce}}
@keyframes setup-comment-in{0%,40%{opacity:0;transform:translateY(14px)}48%,87%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@keyframes setup-reply-in{0%,53%{opacity:0;transform:translateY(14px) scale(.9)}65%,87%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@keyframes setup-sent{0%,65%{opacity:0}72%,87%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.steps .step-art *{animation:none!important;opacity:1;transform:none}.setup-pointer{display:none}}
.motion-paused .steps .step-art *{animation:none!important;opacity:1;transform:none}.motion-paused .setup-pointer{display:none}