#flow-background{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.75}body>header,body>main,body>footer{position:relative;z-index:1}body>header{position:sticky}main .hero{background:transparent}.hero-showcase{backdrop-filter:blur(12px)}.growth-section{position:relative;padding:90px max(5vw,24px);border-top:1px solid #173b3020;background:#f8faf5e8}.growth-section h2{font-size:clamp(32px,4.3vw,64px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 24px;max-width:850px}.growth-section h2 em{font-style:normal;color:#557347}.growth-intro{max-width:660px;font-size:18px;line-height:1.75;color:#4d6057}.growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:44px 0}.growth-grid article{border-top:1px solid #7a9e6c70;padding-top:22px}.growth-grid article>span{font-size:11px;letter-spacing:.12em;color:#58734e}.growth-grid h3{font-size:23px;line-height:1.25;margin:18px 0}.growth-grid p,.growth-fit p{line-height:1.8;color:#4d6057}.growth-fit{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#eef3e9ed}.growth-fit h2{font-size:clamp(30px,3.3vw,49px)}.growth-fit p:first-child{margin-top:0}.growth-fit a:not(.quiet-link){text-decoration:underline;text-underline-offset:4px}.portfolio article{transition:transform .3s,box-shadow .3s}.portfolio article:hover{transform:translateY(-5px);box-shadow:0 20px 40px #173b3010}.button{transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #173b3026}@media(max-width:760px){.growth-section{padding:56px 22px}.growth-grid,.growth-fit{grid-template-columns:1fr;gap:24px}.growth-grid{margin:30px 0}.growth-intro{font-size:16px}#flow-background{opacity:.48}}@media(prefers-reduced-motion:reduce){#flow-background{display:none}.button,.portfolio article{transition:none}.portfolio article:hover,.button:hover{transform:none}}
/* Opaque header remains above every content and animation layer. */
body>header{position:sticky!important;top:0!important;z-index:1000!important;background:#f8faf5!important;backdrop-filter:none!important;opacity:1!important;isolation:isolate;box-shadow:0 4px 20px #18352f12;transform:none!important}header nav{background:#f8faf5}body>main,body>footer{z-index:1}#flow-background{z-index:0;opacity:1!important}.hero{isolation:isolate}.portfolio{background:#edf0e5e8}.services{background:#f8faf5e8}.growth-section{background:#f8faf5e8}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;inset:-25px;z-index:-1;background:radial-gradient(ellipse,#f8faf5e8 25%,#f8faf580 65%,transparent 100%);pointer-events:none}.benefit-card{position:relative;padding:28px!important;border:1px solid #b9cbb0!important;border-radius:20px;background:#ffffffbd;transition:transform .3s,box-shadow .3s}.benefit-card:hover,.benefit-card:focus-within{transform:translateY(-5px);box-shadow:0 15px 35px #18352f12}.benefit-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #83a86c;border-radius:17px;color:#244f3a;background:#e7f2d9;margin-bottom:24px}.benefit-icon svg{width:30px;height:30px}.benefit-card>span{font-weight:800;letter-spacing:.16em;color:#3e6530}.benefit-card h3{margin:13px 0;font-size:23px}.benefit-card p{font-size:15px;line-height:1.8}.benefit-note{max-width:800px;font-size:13px;line-height:1.8;margin:0 0 28px;color:#536252}.growth-fit h3{font-size:20px;margin:0 0 12px}.growth-fit p{margin-bottom:26px}.icon-motion svg{animation:icon-lift .9s ease both}.icon-motion svg path,.icon-motion svg rect,.icon-motion svg circle{stroke-dasharray:90;animation:outline-draw 1.05s ease both}.benefit-card.icon-motion .benefit-icon{animation:icon-frame 1.05s ease both}@keyframes outline-draw{0%{stroke-dashoffset:90;stroke-width:1.5}50%{stroke-width:2.5}100%{stroke-dashoffset:0;stroke-width:1.5}}@keyframes icon-lift{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-3px) rotate(-7deg)}65%{transform:translateY(0) rotate(5deg)}}@keyframes icon-frame{50%{border-radius:50%;box-shadow:0 0 0 7px #a0cb6133;border-color:#497e30}}.flow-fallback{background:radial-gradient(ellipse at 20% 30%,#b1d98066,transparent 55%),radial-gradient(ellipse at 80% 65%,#47aa8b44,transparent 55%),#f8faf5}@media(max-width:760px){.benefit-card{padding:24px!important}.growth-grid{gap:18px}.benefit-card h3{font-size:22px}body>header nav{z-index:1001}.hero-copy:before{inset:-12px}.hero h1{font-size:clamp(43px,10vw,64px)!important;line-height:1.08!important}}@media(prefers-reduced-motion:reduce){.icon-motion svg,.icon-motion svg *,.benefit-card.icon-motion .benefit-icon{animation:none!important}.benefit-card:hover{transform:none}#flow-background{display:none}}
@media(min-width:761px){.hero h1{font-size:clamp(50px,4.8vw,76px)!important;line-height:1.08!important;letter-spacing:-.055em!important}}
/* Rebuilt dark iridescent scene, with a separate fluid ink layer. */
:root{--ink:#eef3ff;--paper:#080d1c;--muted:#b9c5da;--lime:#a7f5d1}body{background:#080d1c;color:#eef3ff}#flow-background{position:fixed;inset:0;width:100%;height:100%;opacity:1!important;z-index:0;pointer-events:none;filter:none}#fluid-cursor{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.85;mix-blend-mode:screen}body>main,body>footer{z-index:3;pointer-events:none}body>main a,body>main button,body>main input,body>main select,body>main textarea,body>main summary,body>main .hero-showcase,body>main .benefit-card,body>main .service-list article,body>footer a{pointer-events:auto}body>header,header nav{background:#090f20!important;color:#eef3ff}body>header{border-color:#ffffff20!important;box-shadow:0 4px 22px #0005}.logo .brand-wordmark,.logo .brand-meu{color:#eef3ff!important}.logo .brand-domain{color:#99afc7!important}.hero-copy:before{background:radial-gradient(ellipse,#080d1ce8,transparent 72%)}.hero .eyebrow,.eyebrow{color:#b4e7d5}.hero h1,.hero h1 em{color:#f3f7ff!important}.hero h1 em{background:linear-gradient(transparent 75%,#5fe5b859 75%);border-radius:0}.hero-description,.hero-points,.hero-line,.hero-line a,.quiet-link{color:#c7d4e7!important}.hero-line{border-color:#ffffff25}.quiet-link{border-color:#7ca8ba!important}.hero-showcase{background:#101e35e8!important;border:1px solid #9acbff40;box-shadow:0 22px 60px #0005;color:#edf4ff}.showcase-label,.showcase-total,.showcase-caption small,.showcase-caption strong{color:#d4e7fb!important}.showcase-controls button{background:#20334a;color:#eef7ff;border-color:#ffffff35}.showcase-browser{background:#f7f9fc}.showcase-toolbar{color:#18352f}.button,.button.small{background:#a7f5d1!important;color:#09271f!important;border-color:#a7f5d1}.button:hover{background:#c3ffe6!important}.hero .button svg,.button svg{color:currentColor!important}.portfolio,.services,.growth-section,.growth-fit,.faq{background:#0a1225b8!important;color:#edf4ff}.portfolio{border-block:1px solid #ffffff16}.section-heading p,.portfolio-note,.category,.service-list p,.growth-intro,.growth-grid p,.growth-fit p,.benefit-note,.steps p,.faq p{color:#bccce0!important}.growth-section{border-color:#ffffff20}.growth-section h2,.section-heading h2,.services h2,.process h2,.faq h2{color:#f1f6ff}.growth-section h2 em,h2 em{color:#a7f5d1!important;background:none!important}.benefit-card{background:#101c32ed!important;border-color:#6683a34d!important;box-shadow:0 14px 36px #0002}.benefit-card h3,.growth-fit h3,.service-list h3{color:#f1f6ff}.benefit-card>span{color:#9ceecb!important}.benefit-icon{background:#153e3b;color:#a7f5d1;border-color:#65b59b}.benefit-card:hover{box-shadow:0 18px 42px #0005}.filters button{border-color:#617896;color:#dbe8fa}.filters button.active{background:#a7f5d1;color:#09271f}.project h3,.project-index,.project-actions a{color:#e7f1ff}.project-actions button{background:#a7f5d1!important;color:#09271f!important;border-color:#a7f5d1!important}.project-actions a{border-color:#5f7996}.project-meta,.project-actions{border-color:#536b8850}.process{background:#142943ed!important;border:1px solid #ffffff20;color:#e9f4ff}.process .eyebrow,.steps span{color:#a5c5df}.quote>div,.quote form{background:#101d32f2!important;border:1px solid #54708a4d;color:#eef5ff}.quote>div>p,.quote .price-breakdown,.quote .b2b-notice,.quote .direct-contact p,.quote .privacy,.quote .privacy a{color:#c4d4e9!important}.quote h2,.quote h2 em,.quote .starting-price,.quote .starting-price strong,.selected-summary strong,.direct-contact a{color:#eaf5ff!important}.quote input,.quote select,.quote textarea{background:#091323!important;border-color:#536e88!important;color:#edf5ff}.quote input::placeholder,.quote textarea::placeholder{color:#9eb0c8}.quote label{color:#dae7f7}.quote .privacy{line-height:1.8}.faq details{border-color:#63809a50}.faq summary{color:#eaf4ff}.legal-footer{background:#080f1ff2!important;color:#b8cbe1!important;border-color:#ffffff25}.legal-footer p,.legal-footer small,.legal-footer a{color:#b8cbe1!important}.legal-footer .logo .brand-wordmark{color:#f0f6ff!important}.hero-showcase .ui-icon,.direct-contact svg,.service-list b{color:#8de9c4}.menu-toggle{color:#edf6ff!important}.filter-status{color:#b9cbe0}@media(max-width:760px){#fluid-cursor{opacity:.9}.hero-showcase{background:#101e35f0!important}.hero h1{font-size:clamp(42px,10vw,62px)!important}.growth-section{background:#0a1225d6!important}.project-actions a{color:#edf5ff}.portfolio .project-index{color:#d5e5f9}}@media(prefers-reduced-motion:reduce){#flow-background,#fluid-cursor{display:none!important}body{background:#0b1325}}
.hero-showcase:before{background:#102039!important;border:1px solid #81a7d044!important;box-shadow:0 24px 70px #0007}.hero-showcase:after{border-color:#72a4c73b!important}.showcase-decoration{color:#89c5d7!important;opacity:.08}.showcase-controls button{color:#d8f9f4!important}.showcase-caption small,.showcase-caption strong,.showcase-label,.showcase-total{color:#d8eafd!important}
body .eyebrow,body .hero .eyebrow,body .growth-section .eyebrow,body .services .eyebrow,body .process .eyebrow,body .quote .eyebrow,body .faq .eyebrow{color:#acdccc!important}.hero-showcase .showcase-label,.hero-showcase .showcase-total{color:#d8eafd!important}
/* Portfolio frames share the hero preview palette. */
body .portfolio .project{background:#102039!important;border:1px solid #6386aa66!important;border-radius:22px;padding:16px;box-shadow:0 18px 48px #0004}body .portfolio .project:hover{border-color:#8bdbbd!important;box-shadow:0 22px 55px #0006}body .portfolio .project-image{background:#172d48!important;border:1px solid #688aaa4d;border-radius:14px;overflow:hidden}body .portfolio .project-meta{background:transparent!important;padding:23px 12px 0}body .portfolio .project h3{color:#f1f6ff!important;font-size:clamp(23px,2.3vw,32px);font-weight:700;line-height:1.3;letter-spacing:-.035em}body .portfolio .category{color:#c7d5e7!important;font-size:15px;line-height:1.65}body .portfolio .project-index{background:#1b3550!important;color:#a7f5d1!important;border:1px solid #6c9aaf!important;font-weight:700}body .portfolio .project-actions{border-top:1px solid #7091b04d!important;padding:18px 12px 4px;gap:16px}body .portfolio .project-actions>a{color:#eef6ff!important;font-weight:600;min-height:46px}body .portfolio .project-actions>a svg{color:#a7f5d1!important}body .portfolio .project-actions button{color:#09271f!important;font-weight:700;min-height:46px}body .portfolio .filter-status,body .portfolio .portfolio-note{color:#c7d5e7!important}
/* High-contrast service checks, drawn on entry and interaction. */
body .service-list article{border-color:#6584a54d!important}body .service-list article>span{color:#b5cbe2!important;font-size:13px;font-weight:600}body .service-list h3{color:#f1f6ff!important;font-size:clamp(19px,1.7vw,23px);line-height:1.4}body .service-list p{color:#c7d5e7!important;font-size:15px;line-height:1.8}body .service-list b{position:relative;width:44px;height:44px;flex:0 0 44px;background:#173e3a!important;color:#adffdc!important;border:1px solid #7bdbb9;border-radius:50%;box-shadow:0 0 0 4px #76d6b80d}body .service-list b svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.3}body .service-list b:after{content:"";position:absolute;inset:-5px;border:1px solid #a7f5d1;border-radius:50%;opacity:0;pointer-events:none}body .service-list article.icon-motion b{animation:check-pop 1s ease both}body .service-list article.icon-motion b:after{animation:check-ring 1.05s ease-out both}body .service-list article.icon-motion b svg{animation:none}body .service-list article.icon-motion b svg path{stroke-dasharray:1;animation:service-check-draw .8s cubic-bezier(.2,.7,.2,1) both;stroke-width:2.3}@keyframes service-check-draw{0%{stroke-dashoffset:1;opacity:.3}100%{stroke-dashoffset:0;opacity:1}}@keyframes check-pop{0%,100%{transform:scale(1)}40%{transform:scale(1.12);box-shadow:0 0 22px #71edbe44}}@keyframes check-ring{0%{transform:scale(.8);opacity:0}25%{opacity:.8}100%{transform:scale(1.35);opacity:0}}@media(max-width:760px){body .portfolio .project{padding:12px;border-radius:18px}body .portfolio .project-meta{padding:19px 7px 0}body .portfolio .project h3{font-size:24px}body .portfolio .category{font-size:14px}body .portfolio .project-actions{padding:16px 7px 3px;gap:10px}body .portfolio .project-actions>a,body .portfolio .project-actions button{font-size:13px;padding:12px 9px;min-height:48px}body .service-list article{gap:12px}body .service-list b{width:40px;height:40px;flex-basis:40px}body .service-list h3{font-size:20px}body .service-list p{font-size:15px}}@media(prefers-reduced-motion:reduce){body .service-list article.icon-motion b,body .service-list article.icon-motion b:after,body .service-list article.icon-motion b svg path{animation:none!important}}

/* FAQ controls share the service check treatment. */
body .faq summary:after{content:none}body .faq summary .faq-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;background:#173e3a;color:#adffdc;border:1px solid #7bdbb9;border-radius:50%;box-shadow:0 0 0 4px #76d6b80d}body .faq .faq-toggle:after{content:"";position:absolute;inset:-5px;border:1px solid #a7f5d1;border-radius:50%;opacity:0;pointer-events:none}body .faq .faq-toggle svg{transition:transform .25s ease;width:25px;height:25px}body .faq details[open] .faq-toggle svg{transform:rotate(45deg)}body .faq details.icon-motion .faq-toggle{animation:check-pop 1s ease both}body .faq details.icon-motion .faq-toggle:after{animation:check-ring 1.05s ease-out both}body .faq summary:focus-visible{outline:2px solid #a7f5d1;outline-offset:5px;border-radius:8px}@media(max-width:760px){body .faq summary .faq-toggle{width:40px;height:40px;flex-basis:40px}}@media(prefers-reduced-motion:reduce){body .faq .faq-toggle,body .faq .faq-toggle:after,body .faq .faq-toggle svg{animation:none!important;transition:none!important}}
/* Carousel frame: match the current navy palette, including swipe gaps. */
body .hero-showcase .showcase-browser{background:#102039;border-color:#6386aa66;box-shadow:0 18px 45px #0004}body .hero-showcase .showcase-toolbar{background:#142943;color:#d8eafd;border-bottom-color:#6386aa55}body .hero-showcase .showcase-toolbar .window-dots i{background:#718ba8}body .hero-showcase .showcase-screen,body .hero-showcase.is-swiping .showcase-screen,body .hero-showcase .showcase-browser.is-swiping .showcase-screen{background:#172d48!important}body .hero-showcase .showcase-controls button{background:#20334a;border-color:#6386aa88;color:#d8f9f4}body .hero-showcase .showcase-controls button:hover,body .hero-showcase .showcase-controls button[aria-pressed=true]{background:#29455f;border-color:#8eb4d5}body .hero-showcase .showcase-controls #showcase-count{color:#c7d5e7}body .hero-showcase:before{background:#102039!important;border-color:#6386aa66!important}

/* All portfolio browser frames match the navy carousel, including contain gaps. */
body .portfolio .project .browser{background:#172d48!important;border:1px solid #6386aa66;box-shadow:0 12px 25px #0004}body .portfolio .project .browser-bar{background:#142943!important;color:#d8eafd!important;border-bottom:1px solid #6386aa55}body .portfolio .project .browser-bar small{color:#d8eafd!important}body .portfolio .project .browser-bar i{background:#718ba8!important}body .portfolio .project .browser img{background:#172d48!important}body .portfolio .project-image{--bg:#172d48;background:#172d48!important}body .portfolio .project-image:hover .browser{border-color:#8eb4d5}