/* Shared navigation, social links and responsive refinements. */
.footer-socials{display:flex;align-items:center;gap:4px}
footer div:has(>.footer-socials){align-items:center}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;color:#b9cacb}
.footer-socials a:hover{background:#1d2025;color:#7df4ff}
.footer-socials svg{display:block;width:20px;height:20px;fill:currentColor}
.portfolio-section{background:#0f141c;padding:88px 0;scroll-margin-top:96px}
.portfolio-container{max-width:1440px;margin:auto;padding:0 48px}
.portfolio-heading{max-width:760px;margin-bottom:36px}
.portfolio-eyebrow{color:#7df4ff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.portfolio-heading h2{font-size:40px;line-height:1.2;letter-spacing:-.025em;color:#e1e2ea;margin:12px 0 16px}
.portfolio-heading>p{font-size:17px;line-height:1.7;color:#b9cacb}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project-card{overflow:hidden;border:1px solid #35424a;border-radius:16px;background:#191e26;display:flex;flex-direction:column;min-width:0}
.project-card>img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:contain;background:#fff;border-bottom:1px solid #35424a}
.project-card__body{padding:28px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.project-card__category{font-size:12px;line-height:1.5;color:#7df4ff;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}
.project-card h3{font-size:26px;line-height:1.25;color:#e1e2ea;font-weight:600;margin:0 0 12px}
.project-card__description{font-size:16px;line-height:1.65;color:#b9cacb;margin:0 0 20px}
.project-card a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#7df4ff;font-size:14px;font-weight:600;margin-top:auto;text-underline-offset:5px}
.project-card a:hover{text-decoration:underline}
@media(min-width:1100px) and (max-width:1279px){.site-header__inner{padding-left:24px!important;padding-right:24px!important;gap:12px!important}.desktop-nav>a,.services-menu>summary{padding:10px 8px!important}.site-logo img{height:30px!important}}
@media(max-width:767px){.portfolio-section{padding:56px 0;scroll-margin-top:80px}.portfolio-container{padding:0 16px}.portfolio-heading h2{font-size:30px}.portfolio-heading>p{font-size:16px}.portfolio-grid{grid-template-columns:1fr;gap:24px}.project-card__body{padding:24px}.project-card h3{font-size:24px}}
.whatsapp-contact{display:inline-flex;align-items:center;min-height:44px;width:fit-content;color:#7df4ff;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.whatsapp-float{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom),var(--contact-bottom,0px));z-index:45;display:flex;align-items:center;gap:10px;min-height:56px;padding:14px 20px;border-radius:999px;background:#25d366;color:#062c19;box-shadow:0 6px 24px #0004;font-size:14px;font-weight:600;text-decoration:none}
footer .whatsapp-float:hover{background:#65e594;color:#062c19}.whatsapp-float svg{flex:none}
body:has(.mobile-menu[open]) .whatsapp-float{visibility:hidden}
footer{padding-bottom:88px}
@media(max-width:767px){.whatsapp-float{right:16px;padding:14px;width:56px;height:56px;justify-content:center}.whatsapp-float span{display:none}}
@media print{.whatsapp-float{display:none}}
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(11,14,19,.95);border-bottom:1px solid rgba(59,73,75,.35);backdrop-filter:blur(20px)}
.site-header__inner{max-width:1440px;height:80px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:24px}
.site-logo{flex-shrink:0}.site-logo img{width:auto;height:36px}
.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:14px;white-space:nowrap}
.desktop-nav>a,.services-menu>summary{padding:12px;color:#b9cacb;cursor:pointer;border-radius:6px}
.desktop-nav>a:hover,.services-menu>summary:hover{background:#1d2025;color:#e1e2ea}
.services-menu{position:relative}.services-menu>summary{display:flex;align-items:center;gap:8px;color:#7df4ff}
.site-header summary{list-style:none}.site-header summary::-webkit-details-marker{display:none}
.services-menu__panel{position:absolute;top:calc(100% + 8px);left:0;width:294px;padding:8px;background:#191c21;border:1px solid #3b494b;border-radius:10px;box-shadow:0 16px 40px #0008}
.services-menu__panel a,.mobile-menu__panel>a{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:6px;color:#e1e2ea}
.services-menu__panel a:hover,.mobile-menu__panel a:hover{background:#272a30}
.services-menu__panel span,.mobile-menu__panel span{font-size:12px;color:#b9cacb;white-space:normal}
.services-menu__panel a[aria-current],.mobile-menu__panel a[aria-current]{background:#00363a;color:#7df4ff}
.header-cta{flex-shrink:0;background:#00f0ff;color:#002022;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap}.header-cta:hover{background:#dbfcff}
.mobile-menu{display:none}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#00f0ff;color:#002022;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #00b8c7;outline-offset:4px}
.service-hero-visual{background:#0b0e13;border:1px solid #3b494b;border-radius:16px;padding:24px;box-shadow:0 20px 50px #0005}
.service-hero-visual img{width:100%;height:auto;border-radius:8px}.service-hero-visual figcaption{margin-top:16px;color:#b9cacb;font-size:12px;line-height:1.6}
.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.service-tags span{font-size:12px;color:#b9cacb;padding:6px 10px;background:#1d2025;border:1px solid #3b494b;border-radius:4px}
.service-faq{border-bottom:1px solid #cbd5e1;padding:18px 0}.service-faq summary{cursor:pointer;font-weight:600;color:#0f172a}.service-faq p{padding-top:12px;color:#475569;line-height:1.7}
.service-example{padding:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}
.service-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
h1,h2{text-wrap:balance}
@media(min-width:768px) and (max-width:1099px){.service-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
footer .font-body-sm{line-height:1.65}footer a:hover{color:#7df4ff}footer .mt-space-lg.flex{flex-wrap:wrap}
.hero-3d-loading{display:none}.hero-3d-requested:not(.hero-3d-loaded):not(.hero-3d-failed) .hero-3d-loading{display:inline-flex}
@media(max-width:1099px){.desktop-nav{display:none}.site-header__inner{padding:0 32px;gap:16px}.header-cta{margin-left:auto}.mobile-menu{display:block}.mobile-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;color:#7df4ff;border:1px solid #3b494b;border-radius:6px}.mobile-menu__panel{position:absolute;top:100%;left:16px;right:16px;max-height:calc(100dvh - 100px);overflow:auto;padding:12px;background:#191c21;border:1px solid #3b494b;border-radius:0 0 10px 10px;box-shadow:0 20px 40px #0008}.mobile-menu__sections{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3b494b;margin-top:8px;padding-top:8px}.mobile-menu__sections a{padding:12px;color:#b9cacb;font-size:14px}}
@media(max-width:767px){.site-header__inner{height:64px;padding:0 16px;gap:10px}.site-logo img{height:28px}.header-cta{font-size:12px;padding:10px 12px}.mobile-menu__panel{max-height:calc(100dvh - 84px)}.service-steps{grid-template-columns:1fr}.service-hero-visual{padding:16px}h1.text-display-hero{font-size:36px;line-height:44px;letter-spacing:-.02em}h2.text-headline-lg{font-size:28px;line-height:36px}footer .items-center{align-items:flex-start}footer .gap-space-lg{flex-wrap:wrap;gap:16px}}
@media(max-width:374px){.site-header__inner{gap:8px;padding:0 12px}.site-logo img{height:24px}.header-cta{padding:10px 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Approved shared typography, navigation and homepage refinements. */
.services-chevron{width:17px;height:17px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.services-menu>summary{align-items:center;gap:8px}
.automation-icon{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#ai-automation .w-10.h-10{width:48px;height:48px;flex-shrink:0}
#ai-automation .font-mono-code.font-medium{color:#006970}
#ai-automation .border-t.flex{flex-wrap:wrap;gap:8px 12px}
#ai-automation .border-t.flex .font-mono-code{margin-left:auto;text-align:right;text-wrap:balance}
main h2,main h3{text-wrap:balance}
main p{text-wrap:pretty}
#ai-automation>.flex>div:first-child{max-width:760px}
#how-we-work{padding-bottom:220px}
#support{border-top:0}
.refined-transition{position:absolute;bottom:-1px;left:0;right:0;height:185px;pointer-events:none;background:linear-gradient(to bottom,#f1f5f9 0%,#edf1f5 9%,#d9dee3 23%,#b9bec4 38%,#858c94 54%,#4c545e 70%,#232a33 86%,#0b0e13 100%)}
@media(max-width:767px){#how-we-work{padding-bottom:168px}.refined-transition{height:140px}}