.conversion-anchor{display:flow-root}
.conversion-strip.liquid-strip.is-docked{position:fixed;left:50%;top:8px;transform:translateX(-50%);z-index:1000;width:min(1240px,calc(100% - 40px));margin:0;min-height:65px;padding:10px 18px;gap:18px;grid-template-columns:auto minmax(0,1fr) auto;border-radius:18px;background:rgba(12,35,46,.92);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 #e1f8ff17,0 8px 24px #05253326}
.liquid-strip.is-docked>p{font-size:16px;line-height:1.2;letter-spacing:-.35px;min-width:113px;grid-row:1;grid-column:1}
.liquid-strip.is-docked .service-marquee{height:40px;grid-row:1;grid-column:2}
.liquid-strip.is-docked .banner-services li{width:96px;flex-basis:96px}
.liquid-strip.is-docked .package-icon{min-height:37px;gap:4px;padding:0}
.liquid-strip.is-docked .package-icon svg{width:16px;height:16px}
.liquid-strip.is-docked .package-icon span{font-size:8px}
.liquid-strip.is-docked>.liquid-action{grid-row:1;grid-column:3;min-height:39px;padding:9px 14px;font-size:11px;gap:14px;border-radius:9px}
.liquid-strip.is-docked .liquid-action svg{width:15px;height:15px}
html.project-header-active{scroll-padding-top:94px}
html.project-header-active .deliverables li[id]{scroll-margin-top:94px}
@media(max-width:600px){.conversion-strip.liquid-strip.is-docked{top:7px;width:calc(100% - 24px);min-height:57px;gap:10px;padding:8px 12px;border-radius:14px}.liquid-strip.is-docked>p{font-size:13px;min-width:86px}.liquid-strip.is-docked>.liquid-action{padding:8px 9px;font-size:9px;gap:8px;min-height:35px}.liquid-strip.is-docked .liquid-action svg{width:13px;height:13px}.liquid-strip.is-docked .service-marquee{height:35px}.liquid-strip.is-docked .package-icon svg{width:15px;height:15px}.liquid-strip.is-docked .package-icon span{font-size:7px}.liquid-strip.is-docked .banner-services li{width:83px;flex-basis:83px}html.project-header-active{scroll-padding-top:79px}}
@media(prefers-reduced-motion:reduce){.liquid-strip.is-docked .service-marquee{overflow:auto;height:40px}.liquid-strip.is-docked .service-marquee-window{height:100%;overflow:auto}.liquid-strip.is-docked .banner-services{display:flex;width:max-content}.liquid-strip.is-docked .banner-services[aria-hidden=true]{display:none}}
@media(max-width:360px){.conversion-strip.liquid-strip.is-docked{gap:8px}.liquid-strip.is-docked>p{font-size:12px;min-width:78px}.liquid-strip.is-docked>.liquid-action{padding:8px;gap:0}.liquid-strip.is-docked .liquid-action svg{display:none}}

.banner-home{position:relative;display:block;text-decoration:none;color:inherit}
.banner-slogan{display:block;transition:opacity .35s ease,transform .45s ease}
.banner-logo{position:absolute;left:0;top:50%;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.8px;line-height:1.2;opacity:0;transform:translateY(-30%);transition:opacity .4s ease .1s,transform .45s ease;pointer-events:none;white-space:nowrap}
.banner-logo img{width:25px;height:29px}
.liquid-strip.is-docked>p{min-width:165px}
.is-docked .banner-slogan{opacity:0;transform:translateY(-7px)}
.is-docked .banner-logo{opacity:1;transform:translateY(-50%)}
@media(max-width:600px){.liquid-strip.is-docked>p{min-width:94px}.banner-logo{gap:6px;font-size:8px;letter-spacing:.3px;white-space:normal;max-width:94px}.banner-logo img{width:19px;height:23px}.banner-logo>span{max-width:65px}}
@media(prefers-reduced-motion:reduce){.banner-slogan,.banner-logo{transition:none}}
/* Dock against the viewport edge instead of floating above the page. */
.conversion-strip.liquid-strip.is-docked{top:0;left:0;width:100%;transform:none;border-radius:0;border-width:0 0 1px;box-shadow:inset 0 -1px 0 #d4eaf017}
.conversion-strip.liquid-strip.is-docked>.liquid-art{display:none}
/* Keep the original service artwork and rhythm when the strip becomes a header. */
.conversion-strip.liquid-strip.is-docked{min-height:74px;padding:12px 22px;gap:22px;background:rgba(12,35,46,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.liquid-strip.is-docked>p{min-width:180px}
.is-docked .banner-logo{font-size:12px;letter-spacing:.65px;gap:10px}
.is-docked .banner-logo img{width:28px;height:32px}
.liquid-strip.is-docked .service-marquee{height:50px}
.liquid-strip.is-docked .banner-services li{width:108px;flex-basis:108px}
.liquid-strip.is-docked .package-icon{min-height:48px;gap:7px;padding:3px 0;color:#d8edf5}
.liquid-strip.is-docked .package-icon svg{width:20px;height:20px;stroke:#bad8e5;stroke-width:1.25;filter:none}
.liquid-strip.is-docked .package-icon span{font-size:9px;line-height:1.4;color:#d8edf5}
.liquid-strip.is-docked>.liquid-action{min-height:46px;padding:12px 18px;font-size:12px;gap:20px;border-radius:12px}
.liquid-strip.is-docked .liquid-action svg{width:18px;height:18px}
@media(max-width:600px){.conversion-strip.liquid-strip.is-docked{min-height:66px;padding:9px 12px;gap:10px}.liquid-strip.is-docked>p{min-width:100px}.is-docked .banner-logo{font-size:8px;gap:6px;max-width:100px}.is-docked .banner-logo img{width:21px;height:25px}.liquid-strip.is-docked>.liquid-action{min-height:42px;padding:10px 11px;font-size:10px;gap:9px}.liquid-strip.is-docked .liquid-action svg{width:15px;height:15px}.liquid-strip.is-docked .service-marquee{height:46px}.liquid-strip.is-docked .package-icon{min-height:44px;gap:6px}.liquid-strip.is-docked .package-icon svg{width:18px;height:18px}}
