/* Original BLUE ADS campaign journey: editorial paper meets a drawn, moving route. */
.campaign-stage{--cobalt:#6fa0ff;position:relative;isolation:isolate;height:475px;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:3px;background:#111f3b;color:#f5f6f8;box-shadow:0 18px 44px rgba(19,35,61,.12);perspective:1100px}
.campaign-stage:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(225,235,250,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(225,235,250,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,#000,transparent 82%)}
.campaign-stage:after{content:"";position:absolute;z-index:-1;right:-135px;bottom:-205px;width:390px;height:390px;border:1px solid rgba(111,160,255,.23);border-radius:50%;box-shadow:0 0 0 28px rgba(111,160,255,.025),0 0 0 58px rgba(111,160,255,.018);pointer-events:none}
.stage-topline{position:absolute;inset:18px 22px auto;display:flex;justify-content:space-between;color:#9eabc0;font:600 8px/1.4 Arial,sans-serif;letter-spacing:.13em;direction:ltr}
.stage-topline i{color:#6fa0ff;font-style:normal}
.stage-note{position:absolute;top:62px;left:24px;color:#f3f5f9;font-size:20px;font-weight:500;line-height:1.7;letter-spacing:-.04em}
.stage-note b{color:#8cb1ff;font-weight:600}
.journey-path{position:absolute;inset:36px 0 12px;width:100%;height:calc(100% - 48px);overflow:visible;pointer-events:none}
.journey-path-base,.journey-path-draw{fill:none;stroke-linecap:round;stroke-linejoin:round}
.journey-path-base{stroke:rgba(185,205,241,.19);stroke-width:1.4;stroke-dasharray:2 7}
.journey-path-draw{stroke:#82aaff;stroke-width:2;stroke-dasharray:14 720;stroke-dashoffset:0;animation:path-write 5.4s cubic-bezier(.65,0,.35,1) infinite}
.journey-path-pulse{fill:#e8f0ff;stroke:#6e9fff;stroke-width:4}
@keyframes path-write{0%{stroke-dashoffset:720;opacity:.2}18%{opacity:.92}72%{stroke-dashoffset:0;opacity:.72}100%{stroke-dashoffset:-720;opacity:.15}}
.campaign-creative{position:absolute;top:112px;right:23%;z-index:2;width:204px;height:258px;padding:13px 13px 10px;transform:translate3d(var(--shift-x,0px),var(--shift-y,0px),0) perspective(900px) rotateY(calc(-7deg + var(--tilt-x,0deg))) rotateX(var(--tilt-y,0deg)) rotateZ(-3deg);transform-style:preserve-3d;border:1px solid #d7deeb;background:#f8f7f2;color:#17243a;box-shadow:5px 6px 0 #d3dced,10px 12px 0 rgba(111,160,255,.12),0 20px 36px rgba(3,10,23,.24);animation:creative-float 4.8s ease-in-out infinite;transition:transform .25s ease-out}
@keyframes creative-float{0%,100%{translate:0 1px}50%{translate:0 -7px}}
.creative-head{display:flex;align-items:center;gap:7px;height:23px;color:#4f5f78;font-size:7px;font-weight:600}
.creative-monogram{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#153a78;color:#fff;font:700 7px/1 Arial,sans-serif;letter-spacing:-.04em}
.creative-head>span:nth-child(2){display:flex;align-items:center;gap:5px}.creative-head>span:nth-child(2) i{width:4px;height:4px;border-radius:50%;background:#3d9d75}
.creative-head>b{margin-inline-start:auto;color:#7c8798;font:700 9px/1 Arial,sans-serif;letter-spacing:1px}
.creative-art{position:relative;height:164px;margin-top:9px;overflow:hidden;background:#254f98}
.creative-art:before{content:"";position:absolute;inset:0;background:linear-gradient(133deg,transparent 0 43%,rgba(11,31,69,.78) 43% 44%,transparent 44%),linear-gradient(44deg,transparent 0 62%,rgba(170,197,240,.16) 62% 63%,transparent 63%)}
.creative-sun{position:absolute;top:20px;right:24px;width:44px;height:44px;border:1px solid rgba(255,255,255,.7);border-radius:50%}
.creative-arc{position:absolute;right:-10px;bottom:-24px;width:142px;height:142px;border:1px solid rgba(255,255,255,.46);border-radius:50%}
.creative-product{position:absolute;top:46px;right:25px;color:#fff;font-size:31px;font-weight:700;line-height:1.25;letter-spacing:-.08em}
.creative-caption{position:absolute;right:12px;bottom:10px;color:#dce8ff;font-size:7px;letter-spacing:.03em}
.creative-foot{display:flex;align-items:center;justify-content:space-between;height:31px;color:#738096;font-size:8px}
.creative-heart{font-size:15px;color:#325d9f}
.journey-label{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;color:#c6d4eb;font-size:8px;letter-spacing:.01em}
.journey-label span{display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(139,172,232,.55);border-radius:50%;color:#9ebdff;font:600 7px/1 Arial,sans-serif}
.journey-label strong{font-size:9px;font-weight:600;color:#f5f6f8}
.journey-label small{color:#aebbd0;font-size:7px}
.journey-label-ad{top:85px;right:22px;flex-direction:row-reverse}
.journey-label-message{top:54%;left:19px;flex-wrap:wrap;max-width:140px}
.journey-label-order{bottom:62px;left:36%;flex-wrap:wrap;max-width:130px}
.message-card,.order-card{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;border:1px solid rgba(229,237,250,.19);background:#f7f7f3;color:#17243a;box-shadow:0 8px 24px rgba(2,11,26,.22)}
.message-card{top:47%;left:3%;min-width:174px;padding:10px 12px;transform:translate3d(0,0,0);animation:message-arrives 5.4s ease-in-out infinite}
.message-icon{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#e5ebf5;color:#244f9f;font-size:14px}
.message-card>span:nth-child(2),.order-card>span:nth-child(2){display:grid;gap:2px}
.message-card small,.order-card small{color:#778397;font-size:7px}.message-card strong,.order-card strong{font-size:9px;font-weight:600}
.message-card>i{width:5px;height:5px;margin-inline-start:auto;border-radius:50%;background:#3e9d75;animation:live-dot 1.8s ease-in-out infinite}
@keyframes message-arrives{0%,24%{opacity:.45;translate:-8px 4px}34%,78%{opacity:1;translate:0 0}92%,100%{opacity:.55;translate:-4px 3px}}
.order-card{bottom:8%;left:13%;min-width:154px;padding:10px 12px;animation:order-arrives 5.4s ease-in-out infinite}
.order-check{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#e3eee8;color:#27784d;font-size:13px}
.order-lines{display:grid;gap:3px;margin-inline-start:auto}.order-lines i{display:block;width:18px;height:2px;background:#c9d1de}.order-lines i:nth-child(2){width:14px}.order-lines i:nth-child(3){width:10px}
@keyframes order-arrives{0%,49%{opacity:.5;translate:0 6px}59%,82%{opacity:1;translate:0 0}96%,100%{opacity:.58;translate:0 3px}}
@keyframes live-dot{50%{opacity:.35;scale:.75}}
.stage-foot{position:absolute;right:22px;bottom:17px;display:flex;align-items:center;gap:7px;color:#aebbd0;font-size:8px}
.stage-foot i{display:block;width:27px;height:1px;background:#829dcb}.stage-foot strong{color:#f4f6fa;font-size:8px;font-weight:600}.stage-foot-mark{margin-inline-start:7px;color:#8cb1ff;font-size:13px}
.campaign-stage.is-pointer-active .campaign-creative{animation-play-state:paused}
.journey-label{display:none!important}
/* The movement stays calm and readable on small screens. */
@media(max-width:700px){.campaign-stage{height:390px}.stage-topline{inset:14px 15px auto;font-size:7px}.stage-note{top:51px;left:16px;font-size:17px}.journey-path{inset:38px 0 8px;height:calc(100% - 46px)}.campaign-creative{top:94px;right:21%;width:165px;height:220px;padding:10px}.creative-art{height:135px}.creative-product{top:39px;right:20px;font-size:27px}.creative-sun{top:15px;right:19px;width:37px;height:37px}.creative-arc{width:116px;height:116px}.creative-caption{font-size:6px}.creative-head{font-size:6px}.journey-label-ad{top:75px;right:14px}.journey-label-message{top:51%;left:8px;max-width:125px}.journey-label-order{bottom:56px;left:38%;max-width:118px}.message-card{top:49%;left:2%;min-width:146px;padding:8px}.message-card strong,.order-card strong{font-size:8px}.message-card small,.order-card small{font-size:6px}.message-icon,.order-check{width:23px;height:23px}.order-card{bottom:7%;left:10%;min-width:135px;padding:8px}.stage-foot{right:14px;bottom:13px;font-size:7px}.stage-foot strong{font-size:7px}}
@media(max-width:390px){.campaign-stage{height:360px}.campaign-creative{top:89px;right:18%;width:148px;height:203px;padding:8px}.creative-art{height:121px}.creative-product{font-size:24px}.message-card{min-width:132px;gap:6px}.journey-label-ad{right:8px}.journey-label-message{left:5px;max-width:112px}.journey-label-order{left:36%;bottom:51px}.order-card{left:7%;min-width:126px}.stage-note{font-size:15px}}
@media(prefers-reduced-motion:reduce){.campaign-stage *,.campaign-stage:before,.campaign-stage:after{animation:none!important;scroll-behavior:auto!important}.journey-path-pulse{display:none}.campaign-creative{translate:0 0!important}}
@media(hover:hover) and (pointer:fine){.campaign-stage{cursor:crosshair}}
/* Restrained section entrances, activated only when the motion script is available. */
.motion-ready .motion-reveal{opacity:0;translate:0 18px;transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1)}
.motion-ready .motion-reveal.is-revealed{opacity:1;translate:0 0}
.motion-ready .service-card:nth-child(2){transition-delay:.08s}.motion-ready .service-card:nth-child(3){transition-delay:.16s}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-reveal,.motion-ready .motion-reveal.is-revealed{opacity:1;translate:0 0;transition:none}}

/* Site-wide motion language: quiet editorial reveals, crisp progress, and one continuous brand rhythm. */
.site-scroll-progress{position:fixed;z-index:1990;inset:0 0 auto;height:3px;overflow:hidden;pointer-events:none;direction:ltr}
.site-scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#74a7ff 0%,#315fae 52%,#9cbcff 100%);transform:scaleX(0);transform-origin:right center;will-change:transform;box-shadow:0 0 12px rgba(55,112,220,.38)}
.motion-marquee{height:64px;overflow:hidden;display:flex;align-items:center;margin:0 0 14px;border-block:1px solid rgba(28,53,90,.12);background:rgba(234,239,247,.6);color:#20375b;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.motion-marquee-track{width:max-content;display:flex;align-items:center;gap:31px;padding-inline:18px;white-space:nowrap;animation:brand-marquee 34s linear infinite}
.motion-marquee-track span{font-size:13px;font-weight:600;letter-spacing:.025em;direction:rtl}
.motion-marquee-track i{color:#4b7fce;font-size:14px;font-style:normal}
@keyframes brand-marquee{to{transform:translateX(-50%)}}
@media(hover:hover){.motion-marquee:hover .motion-marquee-track{animation-play-state:paused}}
.motion-ready .motion-reveal{opacity:0;translate:0 24px;transition:opacity .72s cubic-bezier(.2,.72,.2,1),translate .82s cubic-bezier(.2,.72,.2,1);transition-delay:var(--motion-delay,0ms);will-change:opacity,translate}
.motion-ready .motion-reveal.is-revealed{opacity:1;translate:0 0;will-change:auto}
.motion-ready .motion-reveal.motion-scale{scale:.975;transition:opacity .72s cubic-bezier(.2,.72,.2,1),translate .82s cubic-bezier(.2,.72,.2,1),scale .82s cubic-bezier(.2,.72,.2,1)}
.motion-ready .motion-reveal.motion-scale.is-revealed{scale:1}
.motion-ready .section-heading,.motion-ready .proof-heading,.motion-ready .evidence-heading{position:relative}
.motion-ready .section-heading:after,.motion-ready .proof-heading:after{content:"";position:absolute;bottom:-19px;inset-inline-start:0;width:min(150px,28%);height:1px;background:linear-gradient(90deg,#487bc8,transparent);transform:scaleX(0);transform-origin:right center;transition:transform .9s cubic-bezier(.2,.7,.2,1) .16s}
.motion-ready .section-heading.is-revealed:after,.motion-ready .proof-heading.is-revealed:after{transform:scaleX(1)}
.motion-live .site-header{animation:header-arrive .75s cubic-bezier(.2,.75,.25,1) both}
.motion-live .hero-copy>*{animation:hero-copy-arrive .78s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--hero-index,0)*110ms)}
.motion-live .hero-copy>*:nth-child(1){--hero-index:0}.motion-live .hero-copy>*:nth-child(2){--hero-index:1}.motion-live .hero-copy>*:nth-child(3){--hero-index:2}.motion-live .hero-copy>*:nth-child(4){--hero-index:3}.motion-live .hero-copy>*:nth-child(5){--hero-index:4}
.motion-live .campaign-stage{animation:hero-stage-arrive 1s cubic-bezier(.2,.75,.25,1) both;animation-delay:180ms}
.motion-live .quick-action{animation:quick-action-arrive .68s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(160ms + var(--quick-index,0)*90ms)}
.motion-live .quick-action:nth-child(1){--quick-index:0}.motion-live .quick-action:nth-child(2){--quick-index:1}.motion-live .quick-action:nth-child(3){--quick-index:2}.motion-live .quick-action:nth-child(4){--quick-index:3}
@keyframes header-arrive{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@keyframes hero-copy-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes hero-stage-arrive{from{opacity:0;translate:0 24px;scale:.975}to{opacity:1;translate:0 0;scale:1}}
@keyframes quick-action-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.motion-ready .service-card,.motion-ready .review-evidence-card{transform-style:preserve-3d;backface-visibility:hidden}
.motion-ready .service-card{transition:opacity .72s cubic-bezier(.2,.72,.2,1),translate .82s cubic-bezier(.2,.72,.2,1),transform .32s ease,box-shadow .32s ease}
.motion-ready .step{transition:opacity .65s ease,translate .72s cubic-bezier(.2,.72,.2,1),border-color .35s ease,background-color .35s ease}
.motion-ready .step.is-current{border-color:rgba(131,172,244,.65);background-color:rgba(255,255,255,.07)}
.motion-ready .step.is-current .step-no{color:#a8c5ff}
.motion-ready .contact-form,.motion-ready .contact-intro{transition-duration:.8s}
.motion-live .motion-marquee-track{animation-play-state:running}
@media(hover:hover) and (pointer:fine){.motion-ready .service-card.is-tilting{transform:perspective(900px) rotateX(var(--card-tilt-y,0deg)) rotateY(var(--card-tilt-x,0deg)) translateY(-3px);box-shadow:0 18px 38px rgba(19,35,61,.12)}.motion-ready .review-evidence-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}.motion-ready .review-evidence-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(19,35,61,.12)}}
@media(max-width:700px){.motion-marquee{height:54px;margin-bottom:5px}.motion-marquee-track{gap:23px;animation-duration:42s}.motion-marquee-track span{font-size:12px}.motion-ready .motion-reveal{translate:0 16px}.motion-ready .section-heading:after,.motion-ready .proof-heading:after{bottom:-12px;width:90px}.motion-live .hero-copy>*{animation-duration:.62s}.motion-ready .service-card.is-tilting{transform:none!important}}
@media(prefers-reduced-motion:reduce){.site-scroll-progress span{transition:none}.motion-marquee-track{animation:none!important}.motion-ready .motion-reveal,.motion-ready .motion-reveal.is-revealed{opacity:1;translate:0 0;scale:1;transition:none;will-change:auto}.motion-ready .section-heading:after,.motion-ready .proof-heading:after{transform:scaleX(1);transition:none}.motion-live .site-header,.motion-live .hero-copy>*,.motion-live .campaign-stage,.motion-live .quick-action{animation:none!important;opacity:1;translate:0 0;scale:1}.motion-ready .service-card,.motion-ready .step,.motion-ready .review-evidence-card{transition:none!important;transform:none!important}}
/* Keep the qualification-to-home transition immediate and light. */
.motion-live .site-header,.motion-live .hero-copy>*,.motion-live .campaign-stage,.motion-live .quick-action{animation:none!important;opacity:1;translate:0 0;scale:1}