.main-root{--brand-blue:#1e79df;--brand-orange:#fc9732;--brand-green:#22c55e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.main-root{--lightningcss-light: ;--lightningcss-dark:initial}}.main-root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#08080c;--color-bg-rgb:8, 8, 12;--color-bg-subtle:#0f0f14;--color-bg-elevated:#ffffff08;--color-bg-input:#00000059;--color-bg-inverse:#fff;--color-text:#fff;--color-text-secondary:#ffffff9e;--color-text-muted:#ffffff73;--color-text-faint:#ffffff47;--color-text-on-inverse:#0a0a0c;--color-border:#ffffff1a;--color-border-subtle:#ffffff0f;--color-border-strong:#ffffff24;--color-border-focus:var(--brand-orange);--header-surface:#08080cd1;--shadow-sm:0 8px 24px #00000059;--shadow-md:0 16px 40px #0006;--shadow-accent:0 16px 40px #fc973238;--shadow-btn:0 8px 24px #ffffff1f;--surface-elevated-shadow:0 12px 32px #00000047;--hero-shell-gradient:radial-gradient(ellipse 90% 80% at 30% 35%, #1e79df24 0%, #08080cb8 50%, #08080cf2 100%);--page-glow:radial-gradient(ellipse at center, #6366f11a 0%, transparent 70%);--card-gradient:linear-gradient(145deg, #ffffff0f 0%, #ffffff05 100%);--float-label-bg:linear-gradient(145deg, #0f0f14 0%, #12121a 100%);--caption-text:#ffffffad;--link-hover:#a5b4fc;--chip-bg:#ffffff0a;--chip-text:#ffffffb3;--overlay-bottom:#08080ce0;--overlay-media:#08080ce0;--color-text-on-media:#fff;--select-option-bg:#12121a;--zone-panel-bg:linear-gradient(180deg, #00000038 0%, #00000014 100%);--zone-tech-bg:linear-gradient(180deg, #1e79df24 0%, #1e79df14 38%, rgb(var(--color-bg-rgb) / .55) 100%);--zone-graphics-bg:linear-gradient(180deg, #fc973224 0%, #1e79df14 38%, rgb(var(--color-bg-rgb) / .55) 100%);--zone-tech-hover-shadow:0 0 0 1px #3b82f659, 0 16px 48px #3b82f647, 0 32px 72px #3b82f629;--zone-graphics-hover-shadow:0 0 0 1px #fc973261, 0 16px 48px #fc97324d, 0 32px 72px #fc97322e;--badge-tech-color:#bfdbfe;--badge-tech-bg:#3b82f633;--badge-tech-border:#3b82f673;--badge-graphics-color:#ffedd5;--badge-graphics-bg:#fc973233;--badge-graphics-border:#fc973273;--whatsapp-bg:#22c55e33;--whatsapp-border:#22c55e73;--whatsapp-bg-hover:#22c55e59;--animation-chrome-bg:#ffffff0f;--animation-chrome-border:#ffffff1a;--marquee-logo-filter:grayscale(1) brightness(1.15);--tagline-tech-accent:#3b82f6b3;--tagline-tech-bg:#3b82f614;--tagline-graphics-accent:#fc9732b3;--tagline-graphics-bg:#fc973214;--hover-accent:var(--brand-orange);--hover-accent-bg:#fc973224;--hover-accent-border:#fc97328c;--hover-tech:#93c5fd;--hover-tech-bg:#1e79df24;--hover-tech-border:#1e79df80;--hover-surface-bg:#ffffff14;--hover-cta-bg:var(--brand-orange);--hover-cta-fg:#fff;--hover-tile-shadow-tech:0 0 0 1px #3b82f666, 0 14px 36px #3b82f652, 0 24px 56px #3b82f62e;--hover-tile-shadow-graphics:0 0 0 1px #fc97326b, 0 14px 36px #fc973257, 0 24px 56px #fc973233}.main-root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f0f3f9;--color-bg-rgb:240, 243, 249;--color-bg-subtle:#e4e9f2;--color-bg-elevated:#fff;--color-bg-input:#fff;--color-bg-inverse:#0f1419;--color-text:#0f1419;--color-text-secondary:#0f1419c7;--color-text-muted:#0f141994;--color-text-faint:#0f14196b;--color-text-on-inverse:#fff;--color-border:#0f141924;--color-border-subtle:#0f141917;--color-border-strong:#0f141938;--color-border-focus:var(--brand-orange);--header-surface:#fffffff0;--shadow-sm:0 4px 16px #0f141912;--shadow-md:0 12px 32px #0f14191a;--shadow-accent:0 12px 36px #fc973233;--shadow-btn:0 6px 18px #0f141924;--surface-elevated-shadow:0 4px 20px #0f141912;--hero-shell-gradient:radial-gradient(ellipse 95% 85% at 28% 32%, #1e79df29 0%, #ffffffeb 48%, #f0f3f9 100%);--page-glow:radial-gradient(ellipse at center, #1e79df1f 0%, transparent 72%);--card-gradient:linear-gradient(145deg, #fff 0%, #f8fafc 100%);--float-label-bg:linear-gradient(145deg, #fff 0%, #f0f3f9 100%);--caption-text:#0f1419b8;--link-hover:var(--brand-blue);--chip-bg:#fff;--chip-text:#0f1419cc;--overlay-bottom:#0f1419d1;--overlay-media:#0f1419d1;--color-text-on-media:#fff;--select-option-bg:#fff;--zone-panel-bg:linear-gradient(180deg, #ffffffeb 0%, #f0f3f9bf 100%);--zone-tech-bg:linear-gradient(180deg, #1e79df1a 0%, #1e79df0a 42%, #fff 100%);--zone-graphics-bg:linear-gradient(180deg, #fc97321f 0%, #1e79df0a 42%, #fff 100%);--zone-tech-hover-shadow:0 0 0 1px #1e79df52, 0 16px 48px #1e79df42, 0 32px 72px #1e79df24;--zone-graphics-hover-shadow:0 0 0 1px #fc973257, 0 16px 48px #fc973247, 0 32px 72px #fc973229;--badge-tech-color:#1e5a9e;--badge-tech-bg:#1e79df1a;--badge-tech-border:#1e79df47;--badge-graphics-color:#b45309;--badge-graphics-bg:#fc97321f;--badge-graphics-border:#fc973252;--whatsapp-bg:#22c55e1f;--whatsapp-border:#16a34a73;--whatsapp-bg-hover:#22c55e38;--animation-chrome-bg:#fffffff2;--animation-chrome-border:#0f14191f;--marquee-logo-filter:grayscale(.35) opacity(.88);--tagline-tech-accent:#1e79df8c;--tagline-tech-bg:#1e79df14;--tagline-graphics-accent:#fc97328c;--tagline-graphics-bg:#fc97321a;--hover-accent:var(--brand-orange);--hover-accent-bg:#fc97321f;--hover-accent-border:#fc973280;--hover-tech:var(--brand-blue);--hover-tech-bg:#1e79df1a;--hover-tech-border:#1e79df6b;--hover-surface-bg:#1e79df0f;--hover-cta-bg:var(--brand-orange);--hover-cta-fg:#fff;--hover-tile-shadow-tech:0 0 0 1px #1e79df61, 0 14px 36px #1e79df47, 0 24px 56px #1e79df29;--hover-tile-shadow-graphics:0 0 0 1px #fc973266, 0 14px 36px #fc97324d, 0 24px 56px #fc97322e}
.main-root{--section-gap:clamp(3rem, 6vw, 4.5rem);--block-gap:clamp(1rem, 2.5vw, 1.5rem);--proof-leadership-gap:clamp(4rem, 8vw, 6rem);--page-gutter-x:clamp(1.25rem, 4vw, 3rem);--content-max-width:min(100%, clamp(75rem, 94vw, 112.5rem));background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body), "DM Sans", system-ui, sans-serif;transition:background-color .25s,color .25s}html:has(.main-root){scroll-behavior:smooth}.main-root #home,.main-root #about,.main-root #team,.main-root #services,.main-root #contact{scroll-margin-top:5.5rem}.main-page-layout{flex-direction:column;min-height:100vh;display:flex}.main-page-layout>main{flex:1 0 auto;width:100%}.main-root h1,.main-root h2,.main-root h3,.main-root h4,.main-root .headline,.main-root .title{font-family:var(--font-display), "Syne", system-ui, sans-serif}.main-root .section-header-title{letter-spacing:-.02em;text-align:center;max-width:min(100%,52rem);color:var(--color-text);margin:0 auto clamp(2rem,4vw,2.75rem);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;line-height:1.15}.main-root button,.main-root input,.main-root textarea,.main-root select{font-family:inherit}