/* Progressive motion only. Content stays visible without JavaScript. */
#community .portrait-gallery{grid-template-columns:none;grid-auto-columns:calc((100% - 32px)/3.35);scroll-snap-type:x proximity;overscroll-behavior-x:contain}
#community .portrait-gallery[data-auto-motion="running"]{scroll-snap-type:none;scroll-behavior:auto}
#community .gallery-note{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:none;min-height:36px}
@media(max-width:700px){#community .portrait-gallery{grid-auto-columns:78vw}#community .gallery-note{align-items:flex-start;gap:12px;font-size:10px}.community-motion-toggle{min-width:88px;font-size:10px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){#community .portrait-card>img{transition:none}#community .portrait-card:hover img{transform:none}}

/* Move one stable composited layer instead of rounding native scroll offsets every frame. */
#community .portrait-gallery{display:block;scroll-snap-type:none;scroll-behavior:auto}
#community .portrait-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3.35);gap:16px;width:100%}
#community .portrait-gallery[data-auto-motion="running"]{overflow-x:hidden}
#community .portrait-gallery[data-auto-motion="running"] .portrait-track{will-change:transform}
#community .portrait-card{scroll-snap-align:none}
#community .portrait-card>img,#community .portrait-card:hover img{transform:none;transition:none;backface-visibility:hidden}
@media(max-width:700px){#community .portrait-track{grid-auto-columns:78vw}}
@media(max-width:640px){#community .portrait-track{gap:12px}}

/* Soft clipped edges without overlays that intercept cards or touch gestures. */
#community .portrait-gallery{-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
@media(max-width:700px){#community .portrait-gallery{-webkit-mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent)}}

/* Product chapters use distinct surfaces and a connected layout, with native scrolling. */
.workflow .workflow-row{position:relative;padding-top:65px;padding-bottom:65px;border-top:1px solid #ffffff0b;gap:72px}
.workflow .product-scene{border-radius:18px;border:1px solid #ffffff0b;box-shadow:0 24px 65px #0002;background:#10171e}
.workflow .scene-top{border-bottom:1px solid #ffffff0a;color:#d1dbe4;font-size:12px;padding-bottom:17px}
.workflow .discovery-workspace{background:radial-gradient(ellipse at 85% 0,#17333c66,transparent 65%),#10171e}
.brand-result-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 25px}
.brand-result-strip>span{display:block;background:#ffffff04;padding:13px 11px;border-radius:9px;font-size:12px;color:#dbe2e9}
.brand-result-strip small{display:block;font-size:10px;color:#8f9eab;margin-top:7px;line-height:1.5}
.workflow .email-scene{background:#11171f}.workflow .email-subject{border-block:1px solid #ffffff0a;padding:16px 0;margin-bottom:12px}.workflow #scene-email{background:#0c1218;border-radius:9px;font-size:14px;line-height:1.75}
.workflow .agreement-workspace{background:radial-gradient(ellipse at 90% 0,#322a4b55,transparent 70%),#10171e}.workflow .scene-stage-tabs{gap:6px}.workflow .scene-stage-tabs button{border-radius:7px;font-size:12px;padding:9px 12px}.workflow .scene-stage-body{padding:24px 0 10px}.workflow .scene-next{border-left:2px solid #9fbfbd;border-radius:0;background:#c0dad405;padding:14px 16px;font-size:13px}
@media(min-width:901px){.workflow #write{grid-template-columns:1.15fr 1fr}.workflow #write>.workflow-copy{grid-column:2;grid-row:1}.workflow #write>.product-scene{grid-column:1;grid-row:1}.workflow .workflow-copy{align-self:center}.resource-section .resource-grid>a:first-child{background:radial-gradient(ellipse at 0 0,#263b4d,transparent 80%),#141c26}}
@media(max-width:640px){.workflow .workflow-row{padding-top:36px;padding-bottom:36px;gap:24px}.brand-result-strip{gap:5px}.brand-result-strip>span{padding:10px 7px;font-size:11px}.brand-result-strip small{font-size:9px}.workflow #scene-email{font-size:13px}}

#community img[src*="correa"],#community img[src*="nikita"]{object-position:50% 30%}#community img[src*="william"]{object-position:58% 40%}#community img[src*="gianna"]{object-position:50% 35%}

#community img[src*="jack-speth"]{object-position:60% 40%}#community img[src*="cristian-cantu"]{object-position:43% 35%}

/* Restrained editorial surfaces; reserve color for actions and meaningful status. */
.connected-workflow .automation-cards{gap:0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
.connected-workflow .automation-cards article{background:transparent;border-radius:0;padding:28px 30px 28px 0}
.connected-workflow .automation-cards article+article{border-left:1px solid #ffffff12;padding-left:30px;padding-right:0}
.connected-workflow .availability,.connected-workflow .availability.pilot{background:#ffffff06;color:#a9bac6;border-radius:5px}
.connected-workflow .flow-steps>span:nth-of-type(n){background:#151c24!important;padding:12px 10px!important;border-radius:7px!important}
.connected-workflow .flow-steps b{color:#a7b9c8}
.resource-section .resource-grid{gap:0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
.resource-section .resource-grid>a:nth-child(n){background:transparent;border-radius:0;transform:none;padding:28px;min-height:0}
.resource-section .resource-grid>a+a{border-left:1px solid #ffffff12}
.resource-section .resource-grid>a:hover{background:#ffffff03}
.resource-section .resource-grid .guide-map{display:none}
.resource-section .resource-grid h3{margin:20px 0 12px;font-size:23px;line-height:1.3}
.resource-section .resource-grid p{color:#a3adb9}
.resource-section .resource-grid span{color:#8f9daa}
@media(max-width:640px){
.connected-workflow .automation-cards article{padding:24px 0}
.connected-workflow .automation-cards article+article{border-left:0;border-top:1px solid #ffffff12;padding:24px 0}
.resource-section .resource-grid>a:nth-child(n){padding:24px 0}
.resource-section .resource-grid>a+a{border-left:0;border-top:1px solid #ffffff12}
.resource-section .resource-grid h3{font-size:23px;max-width:100%}
}

/* One relationship across the scroll: native scrolling, a persistent chapter rail. */
.client-proof{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;align-items:center;margin-top:100px;margin-bottom:35px}
.client-proof-photo{aspect-ratio:4/5;overflow:hidden;border-radius:16px;background:#151b21}
.client-proof-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.client-proof h2{font-size:clamp(32px,3vw,44px);letter-spacing:-.04em;line-height:1.12;margin:16px 0 24px}
.client-proof blockquote{margin:0 0 18px;font-size:28px;letter-spacing:-.025em;color:#eef1f5;line-height:1.35}
.client-proof p{max-width:590px;font-size:16px;color:#a7b1bf;line-height:1.7}
.client-proof blockquote.proof-detail{font-size:19px;color:#c7d1dc;margin:18px 0}
.proof-author{display:flex;flex-direction:column;gap:3px}.proof-author strong{font-size:14px;color:#e5ebf0}.proof-author span,.client-proof small{font-size:11px;color:#8e9aa7}
.journey-rail{position:sticky;top:88px;z-index:8;background:#0b1016f5;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}
.journey-rail .relationship-path{display:flex;gap:22px;margin:0;padding:0;border:0;background:none;min-width:0}
.journey-rail .relationship-path>span{display:none}.journey-rail .relationship-path a{position:relative;display:block;background:transparent;border:0;border-radius:0;padding:20px 0;font-size:12px;color:#8493a4;white-space:nowrap;transition:color .2s}
.journey-rail .relationship-path a:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:#b7cbd9;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.journey-rail .relationship-path a[aria-current=step]{color:#eef2f6}.journey-rail .relationship-path a[aria-current=step]:after{transform:scaleX(1)}
.journey-context{font-size:11px;color:#93a1ae;white-space:nowrap}.journey-content .workflow-row{scroll-margin-top:160px}
.journey-chapters #partnerships{scroll-margin-top:155px;padding-bottom:45px}
@media(min-width:901px){.journey-content .workflow-copy{position:sticky;top:185px;align-self:start;padding-top:25px}.journey-content .product-scene{transition:box-shadow .35s}.journey-content .is-current .product-scene{box-shadow:0 18px 55px #0003}}
@media(max-width:700px){.client-proof{grid-template-columns:85px minmax(0,1fr);gap:20px;margin-top:64px;align-items:start}.client-proof-photo{border-radius:10px}.client-proof h2{font-size:28px;margin-top:10px}.client-proof blockquote{font-size:22px}.client-proof p{font-size:14px}.client-proof blockquote.proof-detail{font-size:16px}.journey-rail{top:64px;overflow-x:auto;scrollbar-width:none}.journey-rail .relationship-path{gap:20px}.journey-rail .relationship-path a{font-size:11px;padding:15px 0}.journey-context{display:none}.journey-content .workflow-row{scroll-margin-top:125px}}
@media(prefers-reduced-motion:reduce){.journey-rail .relationship-path a:after,.journey-content .product-scene{transition:none}}

/* Compact client result and readable setup preview. */
.client-proof{grid-template-columns:160px minmax(0,1fr);gap:40px;padding-top:32px;padding-bottom:32px;margin-top:65px;border-block:1px solid #ffffff12}
.client-proof-photo{aspect-ratio:4/5;border-radius:12px}.client-proof h2{font-size:32px;margin:10px 0 12px}.client-proof p{margin:10px 0;max-width:680px;font-size:14px}.client-proof blockquote.proof-detail{font-size:17px;margin:12px 0}.proof-author{flex-direction:row;align-items:center;gap:12px}
.setup-story .setup-grid article{background:transparent;border:0;border-top:1px solid #ffffff14;border-radius:0;padding:24px 24px 12px 0}.setup-story .setup-grid h3{font-size:21px;margin:18px 0 8px}.setup-story .setup-grid p{font-size:14px;line-height:1.65}.setup-mini{margin-top:20px;padding:16px 18px;background:#111920;border:1px solid #ffffff08;border-radius:10px;display:grid;gap:7px;min-height:112px}.setup-mini b{font-size:13px;font-weight:500;color:#dce4eb}.setup-mini i{font-size:11px;font-style:normal;color:#92a1ad;padding-left:12px;border-left:1px solid #647986}
.journey-rail:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#a7c4d5;transform:scaleX(var(--journey-progress,0));transform-origin:left;pointer-events:none}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.journey-content .product-scene{animation:chapter-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 85%}@keyframes chapter-arrive{from{transform:translateY(36px) scale(.98);opacity:.72}to{transform:translateY(0) scale(1);opacity:1}}}
@media(max-width:700px){.client-proof{grid-template-columns:64px minmax(0,1fr);gap:18px;margin-top:40px;padding-top:24px;padding-bottom:24px}.client-proof h2{font-size:24px}.client-proof p{font-size:13px}.client-proof blockquote.proof-detail{font-size:15px}.proof-author{flex-direction:column;align-items:flex-start;gap:2px}.setup-story .setup-grid article{padding:20px 0}.setup-mini{min-height:0;margin-top:14px;padding:12px 15px}.setup-story .setup-grid h3{margin-top:14px}}

/* Product continuity without a second fixed navigation bar. */
.journey-content .workflow-copy{position:static;padding-top:0;align-self:center}
.journey-content .workflow-row{scroll-margin-top:115px}
.journey-content .product-scene{background:#10171e;box-shadow:0 22px 70px #0003}
@media(min-width:901px){.journey-content .workflow-row,.journey-content #write{grid-template-columns:.8fr 1.2fr;gap:72px;min-height:640px;padding-block:72px}.journey-content #write>.workflow-copy{grid-column:1;grid-row:1}.journey-content #write>.product-scene{grid-column:2;grid-row:1}.journey-content .workflow-copy h3{font-size:38px;line-height:1.14;max-width:400px}.journey-content .workflow-copy p{max-width:350px;font-size:16px}.journey-content .product-scene{width:100%}.journey-content .workflow-row+.workflow-row:before{content:'';position:absolute;top:-22px;right:29%;width:1px;height:44px;background:linear-gradient(transparent,#73889580,transparent)}}
@media(max-width:700px){.journey-content .workflow-row{scroll-margin-top:85px}.journey-content .workflow-copy{position:static}.journey-content .workflow-row{gap:22px}}

/* Smaller mobile community portraits, retaining desktop scale. */
@media(max-width:700px){#community .portrait-track{grid-auto-columns:58.5vw}#community .portrait-card{min-height:0;aspect-ratio:3/4;height:auto}#community .portrait-card h3{font-size:21px}#community .portrait-card .portrait-copy{padding:18px}}