/* Signature direction: a lively agency introduction, followed by an open story. */
.visual-growth-story .story-step.thrive-step:nth-child(n) .story-picture.results-illustration{display:flex;flex-direction:column;justify-content:center;height:auto;min-height:0;gap:16px;padding:0}
.visual-growth-story .thrive-step .results-illustration>img{display:block;width:100%;height:auto;max-height:365px;object-fit:contain;mix-blend-mode:multiply}
.results-labels{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;padding-top:4px}
.results-labels span{font-size:11px;line-height:1.5;font-weight:700;color:#365b66;white-space:nowrap}
.results-labels span:before{content:"";display:inline-block;width:7px;height:7px;background:#21a494;border-radius:50%;margin-right:7px}
.results-labels span:nth-child(2):before{background:#e9b342}.results-labels span:nth-child(3):before{background:#ed8974}
/* Self-contained mobile design preview replaces the incomplete old screenshot. */
.parent-lens .site-mobile-preview{width:290px;min-height:0;padding:28px 0 10px;overflow:hidden;transform:rotate(2deg);left:20%;top:0}
.mobile-preview-screen{display:block;text-decoration:none;background:#102b43;color:#fff;overflow:hidden;border-radius:0 0 22px 22px}
.mobile-preview-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#fff;color:#17324d}
.mobile-preview-header img{display:block;width:115px;height:51px;object-fit:contain}.mobile-preview-header>span{font-size:21px}
.mobile-preview-art{height:175px;overflow:hidden}.mobile-preview-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.mobile-preview-copy{padding:16px 19px 20px}.mobile-preview-copy small{font-size:7px;letter-spacing:1px;color:#a2e3d8}.mobile-preview-copy strong{display:block;font-family:'Fredoka',sans-serif;font-size:30px;line-height:1.04;margin:10px 0;color:#fff}.mobile-preview-copy em{display:block;color:#ffd34f;font:600 19px 'Fredoka',sans-serif}.mobile-preview-copy p{font-size:11px;line-height:1.5;margin:12px 0;color:#d9e6ed}.mobile-preview-cta{display:block;text-align:center;background:#ffd34f;color:#17324d;padding:11px 8px;border-radius:24px;font-weight:800;font-size:11px}.mobile-preview-proof{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#e9f8f3;color:#17324d}.mobile-preview-proof b{font-size:28px;color:#108b7f}.mobile-preview-proof span{font-size:10px;line-height:1.5}.phone-mock>.mobile-preview-caption{display:block;text-align:center;font-size:7px;letter-spacing:.4px;color:#50687c;padding:10px 4px 0;text-transform:none}.mobile-preview-screen:focus-visible{outline:3px solid #ffcf65;outline-offset:-3px}
.parent-lens-visual:has(.site-mobile-preview){min-height:625px}
/* Override inherited image height and block layout on the non-image fifth step. */
.visual-growth-story .thrive-step .story-picture.growth-cycle{display:grid;grid-template-columns:1fr auto;align-content:center;align-items:center;gap:26px 12px;height:auto;min-height:300px;padding:24px 0}
.growth-cycle>strong{font-size:clamp(25px,2.6vw,36px);grid-column:1;line-height:1.2}
.growth-cycle>ol{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;gap:0}
.growth-cycle>ol>li{display:grid;grid-template-columns:27px 1fr;align-items:start;gap:8px;padding:18px 12px 18px 0;border-top:1px solid #17324d20;line-height:1.5;font-size:14px}
.visual-growth-story .growth-cycle>span{position:static;grid-column:2;grid-row:1;font-size:56px;line-height:1;color:#149c90;justify-self:end}
@media(max-width:900px){.visual-growth-story .story-step.thrive-step:nth-child(n){align-items:center}.visual-growth-story .story-step.thrive-step:nth-child(n) .story-picture.growth-cycle{height:auto;min-height:0;gap:20px;padding:10px 0}.growth-cycle>strong{font-size:28px}}
@media(max-width:700px){.parent-lens .site-mobile-preview{position:relative;left:auto;top:auto;margin:0 auto;width:min(290px,88%)}.parent-lens-visual:has(.site-mobile-preview){min-height:0;padding-block:15px 25px}.growth-cycle>ol>li{font-size:12px;padding-right:8px}.growth-cycle>strong{font-size:25px}.growth-cycle>span{font-size:42px}}
.cinematic-hero{background:#102b43;isolation:isolate}
.cinematic-hero:before{background:linear-gradient(90deg,#102b43 0%,#102b43f2 30%,#102b4370 53%,#102b4300 80%)}
.cinematic-hero:after{display:none}
.cinematic-hero .cinematic-art{opacity:1!important;transform:none!important}
.cinematic-art .hero-frame{width:69%;height:100%;object-fit:cover;object-position:65% center;filter:none;transition:opacity 1s ease,translate 1.2s cubic-bezier(.2,.7,.2,1);translate:35px 0}
.cinematic-art .hero-frame.is-active{translate:0 0;animation:heroBreathe 12s ease-in-out infinite alternate}
.cinematic-hero .new-hero-copy{width:min(640px,52vw)}
.cinematic-hero .friendly-tag{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;color:#90e1d4;letter-spacing:1.5px;font-size:11px}
.cinematic-hero h1{font-size:clamp(50px,5.4vw,80px);font-weight:600;line-height:1.06;letter-spacing:-.035em}
.cinematic-hero .new-hero-actions{margin-top:24px}
.sun-button{transition:transform .25s,box-shadow .25s}.sun-button:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ffcf4a40}
.hero-service-orbit{position:absolute;inset:0;pointer-events:none;z-index:2}
.hero-service-orbit span{position:absolute;color:#fff;font-size:12px;letter-spacing:.4px;font-weight:700;text-shadow:0 2px 10px #102b43;animation:orbitDrift 6s ease-in-out infinite}
.hero-service-orbit span:nth-child(1){right:4%;top:15%;color:#ffda73}.hero-service-orbit span:nth-child(2){right:5%;bottom:26%;color:#a2ecdf;animation-delay:-2s}.hero-service-orbit span:nth-child(3){right:24%;top:9%;animation-delay:-4s}
.hero-navigation button{font-family:inherit;font-size:12px;font-weight:700}
.hero-navigation .hero-slide-links button{position:relative;border-bottom:0;padding-bottom:14px}
.hero-slide-links button[aria-current=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffd34f;transform-origin:left;animation:slideTimer 8.5s linear both}
.cinematic-hero.is-paused .hero-slide-links button:after{animation-play-state:paused}
.cinematic-hero.copy-enter h1{animation:copyEntrance .8s both}.cinematic-hero.copy-enter .new-hero-copy>p{animation:copyEntrance .8s .1s both}.cinematic-hero.copy-enter .new-hero-actions{animation:copyEntrance .8s .2s both}
.story-chapters{position:sticky;top:82px;z-index:8;display:flex;justify-content:center;gap:clamp(12px,4vw,55px);max-width:1100px;margin:0 auto 35px;padding:22px 15px;background:#fffdf8f5;backdrop-filter:blur(10px)}
.story-chapters a{font-size:12px;white-space:nowrap;color:#71818a;font-weight:800;transition:color .3s}.story-chapters a[aria-current=step]{color:#0b8f85}
.story-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#17324d12}.story-progress i{display:block;height:100%;width:100%;transform:scaleX(var(--story-progress,0));transform-origin:left;background:linear-gradient(90deg,#23b4a3,#ffc953,#ff806e);transition:transform .15s linear}
.visual-growth-story .story-step:nth-child(n){scroll-margin-top:155px;padding-block:85px;transition:opacity .5s}
.visual-growth-story .story-step>b{font-size:30px;color:#d18b35;transition:color .4s,transform .4s}.visual-growth-story .story-step.in-scene>b{color:#0b9b8b;transform:scale(1.15)}
.visual-growth-story .story-picture img{animation:none!important}
.motion-ready .story-step .story-picture{opacity:.15;transform:translateY(65px) rotate(-4deg) scale(.9);transition:opacity .9s,transform 1.2s cubic-bezier(.16,1,.3,1)}
.motion-ready .story-step:nth-child(even) .story-picture{transform:translateY(65px) rotate(4deg) scale(.9)}
.motion-ready .story-step.in-scene .story-picture{opacity:1;transform:translateY(0) rotate(0) scale(1)}
.motion-ready .story-step section>*{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.motion-ready .story-step.in-scene section>*{opacity:1;transform:none}.motion-ready .story-step.in-scene section h3{transition-delay:.12s}.motion-ready .story-step.in-scene section p{transition-delay:.24s}.motion-ready .story-step.in-scene section a{transition-delay:.36s}
.visual-growth-story .growth-cycle{display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative;color:#17324d}
.growth-cycle strong{font-size:clamp(24px,3vw,38px);line-height:1.15}.growth-cycle strong em{color:#149c90;font-style:normal}.growth-cycle ol{list-style:none;counter-reset:cycle;padding:0;margin:0;display:grid;gap:12px}.growth-cycle li{counter-increment:cycle;display:flex;align-items:center;gap:14px;font-size:14px}.growth-cycle li:before{content:counter(cycle,decimal-leading-zero);color:#b67a26;font-weight:800}.growth-cycle>span{position:absolute;right:0;bottom:30px;font-size:100px;line-height:1;color:#27ac9b33;animation:cycleTurn 14s linear infinite}
.signature-services{background:#17324d;color:#fff;position:relative}.signature-services h2,.signature-services h3{color:#fff}.signature-services h2 em{color:#ffcf65}.signature-services .section-intro p{color:#c4d5df}.signature-services .friendly-tag{background:none;color:#8edfd2;padding:0}
.service-paths{display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:auto;gap:40px}.service-paths>a{display:block;position:relative;padding:24px 0;border-top:1px solid #ffffff40;color:#fff;transition:transform .4s}.service-paths>a:hover{transform:translateY(-8px)}.service-paths span{font-size:10px;letter-spacing:1.7px;color:#9ddfda}.service-paths i{display:block;font-style:normal;font-size:45px;color:#ffcf65;margin:20px 0;transition:transform .4s}.service-paths>a:hover i{transform:rotate(-15deg)}.service-paths h3{font-size:30px;line-height:1.15;max-width:310px}.service-paths p{color:#c4d5df;font-size:16px;line-height:1.65;margin:18px 0}.service-paths b{color:#ffcf65;font-size:13px}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}
.cinematic-hero.offscreen *,.cinematic-hero.offscreen *:after,.cinematic-hero.is-paused .hero-frame,.cinematic-hero.is-paused .hero-service-orbit span{animation-play-state:paused!important}
@keyframes heroBreathe{from{transform:scale(1.02)}to{transform:scale(1.1) translateX(-1%)}}
@keyframes orbitDrift{50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes copyEntrance{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes slideTimer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cycleTurn{to{transform:rotate(360deg)}}
@media(max-width:900px){.cinematic-hero .new-hero-copy{width:100%}.cinematic-art .hero-frame{height:52%;width:100%;object-position:center}.cinematic-hero:before{background:linear-gradient(0deg,#102b43 0%,#102b43 42%,#102b43c9 61%,#102b4300 95%)}.cinematic-hero .hero-service-orbit span:nth-child(n){top:9%;bottom:auto;right:20px;font-size:10px}.cinematic-hero .hero-service-orbit span:nth-child(2),.cinematic-hero .hero-service-orbit span:nth-child(3){display:none}.story-chapters{top:72px;gap:18px}.story-chapters a{font-size:10px}.service-paths{grid-template-columns:1fr;gap:18px}.service-paths h3{max-width:none}.service-paths i{position:absolute;right:0;top:0;font-size:32px}.service-paths h3{font-size:29px;margin-top:25px}.visual-growth-story .story-step:nth-child(n){padding-block:50px}}
@media(max-width:520px){.cinematic-hero h1{font-size:44px}.story-chapters{gap:0;justify-content:space-between;padding-inline:0}.story-chapters a{font-size:9px}.growth-cycle>span{font-size:65px;bottom:0}.growth-cycle li{font-size:12px}.motion-ready .story-step .story-picture{transform:translateY(30px) scale(.96)}.hero-navigation{gap:12px}}
@media(prefers-reduced-motion:reduce){.hero-service-orbit span,.cinematic-art .hero-frame.is-active,.growth-cycle>span,.hero-slide-links button:after,.cinematic-hero.copy-enter *{animation:none!important}.motion-ready .story-step section>*,.motion-ready .story-step .story-picture{opacity:1!important;transform:none!important;transition:none!important}.story-progress i{transition:none}}