@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Sora:wght@600;700;800&family=Unbounded:wght@600;700&display=swap";.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm)}.auth-modal{position:relative;width:min(460px,calc(100vw - 2rem));background:var(--card-surface);color:var(--text-on-light);border:1px solid var(--card-border-accent);border-radius:var(--radius-lg);box-shadow:0 24px 56px #00000057;padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm);font-family:Manrope,Segoe UI,Helvetica Neue,Arial,sans-serif}.auth-close-btn{position:absolute;top:.4rem;right:.5rem;width:2.1rem;height:2.1rem;border:none;background:transparent;color:var(--text-on-light);font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.auth-title{margin:0;font-size:2rem;line-height:1.18;letter-spacing:-.01em;color:var(--text-on-khaki)}.auth-subtitle{margin:.45rem 0 var(--spacing-sm);color:var(--text-on-khaki-alt);font-size:1.02rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:.65rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field label{font-size:.95rem;font-weight:600;color:var(--text-on-khaki)}.auth-field input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;border:1px solid var(--border);background:var(--color-khaki);color:var(--color-gunmetal);border-radius:var(--radius-sm);padding:.72rem .78rem;font-size:1rem;line-height:1.35}.auth-submit{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:.25rem;border:none;border-radius:var(--radius-md);background:var(--primary-color);color:var(--text-on-primary);font-size:1rem;font-weight:700;padding:.78rem .95rem;cursor:pointer}.auth-submit:disabled{opacity:.6}.auth-divider{display:flex;align-items:center;justify-content:center;color:var(--text-on-khaki-alt);font-size:.9rem;margin-top:.15rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{margin:0 .6rem}.auth-google-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-khaki);color:var(--color-gunmetal);font-size:1rem;font-weight:700;padding:.75rem .9rem;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.auth-google-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--card-hover-border-accent);box-shadow:0 8px 16px #00000029}.auth-google-btn:disabled{opacity:.6}.auth-error{margin:0;color:#8b0000;background:#ff63472e;border:1px solid rgba(255,99,71,.35);border-radius:var(--radius-sm);padding:.55rem .65rem;font-size:.9rem}.auth-switch{margin:var(--spacing-sm) 0 0;font-size:.95rem;color:var(--text-on-khaki-alt)}.auth-switch button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;color:var(--link-on-light);font-weight:700;padding:0;font-size:inherit;cursor:pointer}@media (max-width: 768px){.auth-modal-overlay{align-items:flex-start;padding-top:calc(var(--spacing-xl) + 18px)}.auth-modal{width:min(540px,calc(100vw - 1.2rem));border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-sm) .95rem}.auth-title{font-size:1.9rem}.auth-subtitle{font-size:.98rem}}.navbar{position:sticky;top:0;z-index:1200;padding:1rem 0;background:#020617e6;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(-16px);transition:all var(--transition-luxury)}.navbar:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);opacity:1;pointer-events:none}.navbar.entered{opacity:1;transform:translateY(0)}.navbar.hidden{transform:translateY(-100%)}.navbar.scrolled{padding:var(--spacing-sm) 0;background:#020617f5;box-shadow:0 8px 20px #0206172e}.navbar-container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;opacity:0;transform:translateY(10px);transition:opacity .42s var(--motion-ease-luxury),transform .42s var(--motion-ease-luxury)}.navbar.entered .navbar-logo{opacity:1;transform:translateY(0)}.navbar.scrolled .navbar-logo{opacity:.92}.navbar-logo:hover{opacity:1}.logo-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:transform .42s var(--motion-ease-luxury)}.navbar-logo:hover .logo-wrapper{transform:scale(1.02)}.logo-img{height:40px;width:auto;transition:transform var(--motion-duration-base) var(--motion-ease-luxury)}.logo-img:hover{transform:scale(1.02)}.company-name{font-family:var(--font-brand);font-size:1.05rem;font-weight:700;color:var(--color-khaki);letter-spacing:.015em;text-shadow:none}.navbar-logo:hover .company-name{text-shadow:none}.navbar-menu{display:flex;list-style:none;gap:var(--spacing-md);align-items:center}.nav-auth-item{display:inline-flex;align-items:center;gap:.45rem}.nav-auth-btn{padding:.55rem 1.25rem;background:#ffffff0f;color:var(--color-khaki);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.nav-auth-btn:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 4px 12px #02061729}.nav-profile-chip{display:flex;align-items:center;gap:.75rem;padding:.35rem 1.1rem .35rem .35rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);color:var(--color-khaki);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s var(--motion-ease-luxury)}.nav-profile-chip:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.user-avatar--lg{width:48px;height:48px}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-initials{color:var(--dark-bg);font-size:.8rem;font-weight:800;letter-spacing:-.02em}.nav-user-wrapper{position:relative}.nav-user-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:200px;background:#0f172af5;backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border-strong);border-radius:var(--radius-md);padding:.5rem;display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base);box-shadow:var(--glass-shadow);z-index:1001}.nav-user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.nav-user-dropdown button{background:transparent;border:none;color:var(--text-dark);padding:.7rem 1rem;text-align:left;font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.nav-user-dropdown button:hover{background:#ffffff14;color:var(--color-khaki)}.nav-user-dropdown hr{border:none;border-top:1px solid var(--border);margin:.4rem 0}.nav-user-dropdown .logout-btn{color:#ff4d4d}.nav-user-dropdown .logout-btn:hover{background:#ff4d4d1a;color:#ff4d4d}.mobile-auth-actions{display:none}.nav-admin-btn{background:#ffffff0f;border-color:#ffffff1f}.nav-admin-btn:hover{background:#ffffff1a;border-color:#ffffff2e}@media (min-width: 769px){.navbar-logo{margin-right:var(--spacing-lg)}}.navbar-menu li a{font-weight:600;color:var(--text-dark);transition:color .26s var(--motion-ease-luxury),background-color .26s var(--motion-ease-luxury),transform .26s var(--motion-ease-luxury),border-color .26s var(--motion-ease-luxury),box-shadow .26s var(--motion-ease-luxury);cursor:pointer;position:relative;padding:9px 12px;border-radius:var(--radius-full);text-decoration:none;display:block;font-size:.95rem;white-space:nowrap}.navbar-menu li a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:#ffffffd9;transition:width .42s var(--motion-ease-luxury)}.navbar-menu li a:hover{color:var(--color-khaki);background:#ffffff0f}.navbar-menu li a.active{color:var(--color-khaki);background:#ffffff14;border:1px solid rgba(255,255,255,.14);animation:none}.navbar-menu li a.active:after{width:calc(100% - 26px)}.navbar-menu li a:hover:after{width:100%}.navbar-overlay,.hamburger{display:none}@media (max-width: 768px){.hamburger{display:inline-flex}.navbar-container{position:relative}.hamburger{position:absolute;right:var(--spacing-lg);top:50%;z-index:1203;transform:translateY(-50%);flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:8px;cursor:pointer;transition:background-color .42s var(--motion-ease-luxury),border-color .42s var(--motion-ease-luxury),transform .42s var(--motion-ease-luxury),box-shadow .42s var(--motion-ease-luxury)}.hamburger:hover{background:#00ffff29;border-color:var(--accent);box-shadow:0 8px 16px #0003}.hamburger .bar{display:block;width:24px;height:2.5px;background:var(--text-dark);margin:0 auto;border-radius:2px;transition:transform var(--motion-duration-base) var(--motion-ease-luxury),opacity var(--motion-duration-base) var(--motion-ease-luxury),background-color var(--motion-duration-base) var(--motion-ease-luxury)}.hamburger .bar.open:nth-child(1){transform:translateY(7.5px) rotate(45deg);background:var(--primary-color)}.hamburger .bar.open:nth-child(2){opacity:0;transform:scale(0)}.hamburger .bar.open:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);background:var(--primary-color)}.navbar-menu{position:fixed;top:76px;left:0;right:0;bottom:0;height:calc(100dvh - 76px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:1202;flex-direction:column;gap:0;width:100%;background:var(--dark-bg);border-bottom:1px solid var(--border);box-shadow:0 10px 30px #00000080;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .52s var(--motion-ease-luxury),transform .52s var(--motion-ease-luxury),visibility .52s}.navbar-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all;padding:var(--spacing-lg) 0}.navbar-menu li{border-bottom:1px solid rgba(255,255,255,.05)}.navbar-menu li:last-child{border-bottom:none}.nav-auth-item{width:100%;justify-content:center;flex-direction:column;padding:1.2rem var(--spacing-xl);gap:1.2rem}.nav-profile-chip{padding-right:1.5rem}.mobile-auth-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;align-items:center}.nav-auth-btn{width:min(280px,100%);text-align:center;min-width:0}.nav-user-dropdown{display:none}.navbar-menu li a{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;text-align:center;display:block}.navbar-menu li a:after{display:none}.navbar-menu li a:hover{background:#00ffff1a;transform:none}.navbar-overlay{display:block;position:fixed;top:76px;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1201;animation:fadeIn var(--motion-duration-base) var(--motion-ease-luxury)}.navbar-menu li a.active{animation:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion: reduce){.navbar-menu li a.active{animation:none}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:1200}.scroll-progress__bar{height:100%;background:linear-gradient(90deg,var(--primary-color),rgba(2,216,233,.9),#02D8E9);box-shadow:0 0 14px #00ffff8c;transition:width .18s cubic-bezier(.2,.9,.2,1);transform-origin:left;animation:progressPulse 2.4s ease-in-out infinite}@keyframes progressPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@media (prefers-reduced-motion: reduce){.scroll-progress__bar{animation:none;transition:none}}.footer{position:relative;overflow:hidden;background-color:var(--dark-bg);color:var(--text-dark);padding:var(--spacing-2xl) var(--spacing-lg);border-top:1px solid var(--border);isolation:isolate}.footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(560px 200px at 50% 0%,rgba(0,255,255,.14),transparent 74%);pointer-events:none;animation:footerAmbient calc(var(--motion-duration-breathe) + 2s) var(--motion-ease-luxury) infinite}.footer:after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(to top,rgba(0,0,0,.42),transparent);pointer-events:none;z-index:0}.footer-container{position:relative;z-index:1;max-width:var(--content-max-width);margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-brand{text-decoration:none;transition:transform .42s var(--motion-ease-luxury),filter .42s var(--motion-ease-luxury);display:inline-flex;align-items:center;gap:.7rem;width:fit-content}.footer-brand:hover{transform:translateY(-1px);filter:saturate(1.05)}.footer-brand-logo{height:46px;width:auto;display:block}.footer-brand-name{font-family:var(--font-brand);font-size:1.15rem;font-weight:700;color:var(--color-khaki);letter-spacing:-.01em;text-shadow:0 0 20px rgba(0,255,255,.3)}.footer-section h4{font-size:1.02rem;margin-bottom:.5rem;color:var(--text-dark);font-weight:600}.footer-section p{color:var(--text-light);font-size:var(--small-text-size);line-height:1.5}.footer-tagline{color:var(--text-light);font-size:var(--small-text-size);line-height:1.6;margin-top:var(--spacing-sm)}.footer-link{color:var(--text-on-dark);transition:color .42s var(--motion-ease-luxury),transform .42s var(--motion-ease-luxury),background-color .42s var(--motion-ease-luxury),border-color .42s var(--motion-ease-luxury),box-shadow .42s var(--motion-ease-luxury);text-decoration:none;font-size:var(--small-text-size);cursor:pointer;width:fit-content;border-radius:var(--radius-sm)}.footer-link-content,.whatsapp-inline-content{display:inline-flex;align-items:center;gap:.5rem}.footer-link-icon{font-size:1.05rem;flex-shrink:0;transition:transform .42s var(--motion-ease-luxury)}.footer-section a.footer-link{background:transparent}.footer-section button.footer-link{border:1px solid rgba(2,216,233,.35);background:#00ffff29;color:var(--text-on-dark);padding:.45rem .75rem;line-height:1.2}.footer-link:hover{color:var(--color-khaki);transform:translate(3px)}.footer-link:hover .footer-link-icon{transform:translate(2px) scale(1.03)}.footer-section button.footer-link:hover{background:#02d8e938;border-color:#02d8e999;box-shadow:0 8px 16px #0000002e}.footer-bottom{border-top:1px solid var(--border);padding-top:var(--spacing-lg);text-align:center}.footer-bottom p{color:var(--text-light);font-size:var(--micro-text-size);margin:0}@keyframes footerAmbient{0%,to{opacity:.54}50%{opacity:.34}}@media (max-width: 768px){.footer{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.footer-content{grid-template-columns:1fr;text-align:left;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section p{margin:0}.footer-bottom{padding-top:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.footer:before{animation:none}}.newsletter-section{max-width:350px}.newsletter-text{margin-bottom:1.25rem!important;opacity:.8}.newsletter-form{display:flex;gap:.5rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:.45rem;border-radius:var(--radius-full);transition:all var(--transition-base)}.newsletter-form:focus-within{border-color:var(--accent);background:var(--glass-bg-hover);box-shadow:var(--glass-shadow)}.newsletter-input{background:transparent;border:none;color:var(--text-dark);padding:.5rem 1rem;font-size:.9rem;flex:1;width:100%;outline:none}.newsletter-input::placeholder{color:#ffffff4d}.newsletter-submit{background:var(--color-cognac);color:var(--color-gunmetal);border:none;padding:.5rem 1.5rem;border-radius:var(--radius-full);font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .2s ease,filter .2s ease}.newsletter-submit:hover{filter:brightness(1.1);transform:scale(1.02)}@media (max-width: 768px){.newsletter-section{max-width:100%;margin-top:var(--spacing-md)}.newsletter-form{max-width:450px}}.backtotop{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;background:var(--primary-color);color:var(--text-on-primary);font-size:22px;line-height:44px;text-align:center;box-shadow:0 10px 25px #00ffff4d;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .3s ease;z-index:1001}.backtotop.show{opacity:1;pointer-events:auto;transform:translateY(0)}.backtotop:hover{background:var(--secondary-color);transform:translateY(-3px)}.floating-cta{position:fixed;right:20px;bottom:80px;padding:.9rem 1.4rem;border-radius:var(--radius-full);background:var(--primary-color);color:var(--text-on-primary);border:1px solid var(--border);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lift);z-index:1100;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.floating-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);background:var(--primary-hover)}@media (max-width: 768px){.floating-cta{right:12px;bottom:60px;padding:.5rem .8rem;font-size:.75rem;line-height:1}}.floating-cta-group{display:contents}.whatsapp-cta{position:fixed!important;right:20px;bottom:140px;background:var(--card-surface)!important;color:var(--text-on-light)!important;border:1px solid var(--card-hover-border-accent)!important;box-shadow:var(--shadow-lift);z-index:1100}.whatsapp-cta:hover{background:#02d8e91f!important;color:var(--text-on-light)!important;border-color:var(--accent)!important}@media (max-width: 768px){.whatsapp-cta{right:12px;bottom:105px;padding:.5rem .8rem;font-size:.75rem;line-height:1}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);min-height:400px;color:var(--text-light)}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.spinner-container p{font-size:.95rem;margin:0}.interaction-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15000}.cursor-glow{position:fixed;left:var(--pointer-x, -1000px);top:var(--pointer-y, -1000px);width:280px;height:280px;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,rgba(0,255,255,.1),transparent 64%);filter:blur(18px);opacity:.4;mix-blend-mode:normal;transition:opacity var(--motion-duration-base) var(--motion-ease-luxury);will-change:transform}html[data-motion=lite] .cursor-glow{opacity:0}@media (max-width: 900px){.cursor-glow{width:200px;height:200px}}@media (prefers-reduced-motion: reduce){.cursor-glow{display:none}}.page-transition{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1200;background:transparent;overflow:hidden}.page-transition:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000024;opacity:0;animation:pageFade .86s var(--motion-ease-luxury) both}.page-transition:after{content:"";position:absolute;top:0;bottom:0;width:min(42vw,420px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);transform:translate(-130%);animation:pageSweep .86s var(--motion-ease-luxury) both}.page-transition .panel{display:none}@keyframes pageFade{0%{opacity:0}45%{opacity:.85}to{opacity:0}}@keyframes pageSweep{0%{transform:translate(-130%);opacity:0}35%{opacity:1}to{transform:translate(240%);opacity:0}}@media (prefers-reduced-motion: reduce){.page-transition:before,.page-transition:after{animation:none;display:none}}.App{background-color:var(--dark-bg);color:var(--text-dark);min-height:100vh}html{scroll-behavior:smooth;scroll-snap-type:none;scroll-padding-top:88px}body{overflow-x:hidden}main>section,main>header,.hero,.page-header{scroll-snap-align:none}.route-shell{animation:routeIn .72s var(--motion-ease-luxury)}@keyframes routeIn{0%{opacity:0;transform:translate(22px) translateY(8px) scale(.994)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:smooth;scroll-snap-type:none;scroll-padding-top:88px}.route-shell{animation:none}}button,a{-webkit-tap-highlight-color:transparent}button:active,a:active{transform:none}a:focus-visible,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}*{margin:0;padding:0;box-sizing:border-box}:root{--color-khaki: #FFFFFF;--color-tan: #0F766E;--color-cognac: #14B8C4;--color-gunmetal: #000000;--color-gray-900: #111827;--color-gray-700: #374151;--color-gray-500: #6B7280;--color-gray-300: #D1D5DB;--color-gold: #ffc107;--color-danger: #ef4444;--primary-gradient: linear-gradient(135deg, #0F172A 0%, #1F2937 100%);--primary-color: var(--color-gray-900);--primary-hover: var(--color-gunmetal);--secondary-color: var(--color-gray-700);--accent: var(--color-tan);--accent-hover: #155E75;--link-on-light: var(--color-gray-900);--link-on-light-hover: var(--color-gray-700);--primary-color-dim: rgba(15, 23, 42, .18);--dark-bg: var(--color-gunmetal);--light-bg: #F2FAFC;--text-on-dark: var(--color-khaki);--text-on-light: var(--color-gunmetal);--text-on-primary: var(--color-khaki);--text-on-secondary: var(--color-khaki);--text-dark: var(--text-on-dark);--text-light: var(--text-on-dark);--text-on-khaki: var(--color-gunmetal);--text-on-khaki-alt: var(--color-gray-700);--text-muted-on-dark: rgba(255, 255, 255, .82);--text-muted-on-light: rgba(17, 24, 39, .74);--text-muted: var(--text-muted-on-dark);--text-on-cognac: var(--color-gunmetal);--text-on-gunmetal: var(--color-khaki);--border: rgba(107, 114, 128, .35);--border-strong: rgba(55, 65, 81, .45);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.25rem;--spacing-xl: 3.25rem;--spacing-2xl: 5rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 999px;--shadow-soft: 0 8px 22px rgba(15, 23, 42, .08);--shadow-lift: 0 14px 30px rgba(15, 23, 42, .12);--card-padding: var(--spacing-lg);--card-min-height: clamp(320px, 34vw, 380px);--card-min-height-compact: clamp(250px, 30vw, 300px);--card-content-gap: var(--spacing-sm);--card-title-size: 1.25rem;--card-title-weight: var(--font-weight-semibold);--card-body-size: .98rem;--card-body-line-height: 1.68;--card-surface: rgba(243, 247, 249, .96);--card-surface-hover: rgba(247, 250, 252, .98);--card-border-accent: rgba(15, 23, 42, .08);--card-hover-border-accent: rgba(15, 23, 42, .12);--card-hover-shadow: 0 16px 28px rgba(15, 23, 42, .1);--section-title-size: clamp(1.9rem, 4.3vw, 2.7rem);--section-subtitle-size: clamp(1.02rem, 1.9vw, 1.14rem);--section-subtitle-line-height: 1.68;--body-text-size: 1rem;--body-text-line-height: 1.72;--small-text-size: .94rem;--micro-text-size: .86rem;--content-max-width: 1200px;--content-max-width-narrow: 920px;--icon-badge-size: 64px;--icon-badge-size-sm: 56px;--icon-badge-size-xs: 40px;--icon-badge-radius: 16px;--icon-badge-font-size: 2.3rem;--icon-badge-font-size-sm: 1.28rem;--icon-badge-bg: rgba(2, 216, 233, .14);--icon-badge-border: 1px solid rgba(2, 216, 233, .3);--motion-ease-luxury: cubic-bezier(.16, 1, .3, 1);--motion-duration-fast: .18s;--motion-duration-base: .24s;--motion-duration-slow: .38s;--motion-duration-emphasis: .48s;--motion-duration-hero: .62s;--motion-duration-shimmer: 1.2s;--motion-duration-breathe: 4s;--motion-duration-drift: 6s;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .12);--glass-blur: blur(10px);--glass-blur-heavy: blur(18px);--glass-shadow: 0 10px 28px rgba(0, 0, 0, .22);--glow-primary: none;--glow-primary-strong: none;--transition-fast: var(--motion-duration-fast) var(--motion-ease-luxury);--transition-base: var(--motion-duration-base) var(--motion-ease-luxury);--transition-slow: var(--motion-duration-slow) var(--motion-ease-luxury);--transition-luxury: var(--motion-duration-emphasis) var(--motion-ease-luxury);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-brand: "Unbounded", "Sora", sans-serif}body{font-family:Manrope,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--dark-bg);color:var(--text-on-dark);line-height:1.72;letter-spacing:.005em}body:before{content:"";position:fixed;top:-40vh;right:-40vw;bottom:-40vh;left:-40vw;z-index:-1;background:radial-gradient(640px 420px at 24% 12%,rgba(15,23,42,.14),transparent 70%),radial-gradient(640px 420px at 78% 18%,rgba(20,184,196,.08),transparent 72%);filter:blur(10px);animation:none;pointer-events:none}@keyframes ambientDrift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}.App{min-height:100vh}h1{font-size:clamp(2.15rem,4.2vw,3.35rem);line-height:1.15;font-weight:var(--font-weight-extrabold)}h2{font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.2;font-weight:var(--font-weight-bold)}h3{font-size:clamp(1.35rem,2.3vw,1.95rem);line-height:1.25;font-weight:var(--font-weight-bold)}h4{font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.3;font-weight:var(--font-weight-semibold)}h5{font-size:1.05rem;line-height:1.35;font-weight:var(--font-weight-semibold)}h6{font-size:.95rem;line-height:1.4;font-weight:var(--font-weight-semibold)}h1,h2,h3,h4,h5,h6{font-family:Sora,Manrope,Segoe UI,sans-serif;color:inherit;text-shadow:0 1px 2px rgba(0,0,0,.08);letter-spacing:-.01em}p,li,span,label,.text{color:inherit}p{line-height:1.72}.contact-content,.faq-item,.pricing-card,.pricing-modal,.pricing-modal-content,.comparison-table,.project-card,.service-card,.location-service-card,.location-info-card,.location-trends,.location-pricing,.location-hero,.comparison-cta,.table-header,.table-row,.step-content,.contact-note-section,.payment-note,.modal-footer,.customer-summary,.payment-section,.tech-card,.techstack-mern,.success-modal-content{color:var(--text-on-light);--text-dark: var(--text-on-light);--text-light: var(--text-on-khaki-alt);--accent: var(--link-on-light)}.contact-content h1,.contact-content h2,.contact-content h3,.contact-content h4,.faq-item h1,.faq-item h2,.faq-item h3,.faq-item h4,.pricing-card h1,.pricing-card h2,.pricing-card h3,.pricing-modal-content h1,.pricing-modal-content h2,.pricing-modal-content h3,.project-card h1,.project-card h2,.project-card h3,.service-card h1,.service-card h2,.service-card h3,.location-service-card h3,.location-info-card h3{color:var(--text-on-khaki)}a{text-decoration:none;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-weight:var(--font-weight-semibold)}img,svg,video{max-width:100%;height:auto}section{padding:var(--spacing-2xl) var(--spacing-xl)}@media (max-width: 768px){:root{--spacing-sm: .85rem;--spacing-md: 1.15rem;--spacing-lg: 1.75rem;--spacing-xl: 2.4rem;--spacing-2xl: 3.4rem;--card-padding: 1.35rem;--section-subtitle-line-height: 1.58}section{padding:var(--spacing-xl) var(--spacing-md)}}.container{max-width:1160px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(10px);filter:blur(2px);transition:opacity var(--motion-duration-slow) var(--motion-ease-luxury),transform var(--motion-duration-slow) var(--motion-ease-luxury),filter var(--motion-duration-slow) var(--motion-ease-luxury);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform,filter}.reveal[data-slide=up]{transform:translateY(18px)}.reveal[data-slide=down]{transform:translateY(-18px)}.reveal[data-slide=left]{transform:translate(-14px)}.reveal[data-slide=right]{transform:translate(14px)}.reveal[data-animate=text]{transform:translateY(8px);filter:blur(1px)}.reveal[data-animate=text-soft]{transform:translateY(6px);filter:blur(0)}.reveal[data-animate=text].reveal-in,.reveal[data-animate=text-soft].reveal-in,.reveal[data-animate=text].heading-cinematic.reveal-in{animation:none}.heading-cinematic .heading-word{display:inline-block;opacity:0;transform:translateY(8px);filter:blur(1px);transition:opacity var(--motion-duration-slow) var(--motion-ease-luxury),transform var(--motion-duration-slow) var(--motion-ease-luxury),filter var(--motion-duration-slow) var(--motion-ease-luxury);transition-delay:calc(var(--reveal-delay, 0ms) + var(--word-delay, 0ms))}.heading-cinematic.reveal-in .heading-word{opacity:1;transform:translateY(0);filter:blur(0)}.reveal[data-animate=card],.reveal[data-animate=scene]{transform:translateY(10px);filter:blur(1px)}.reveal[data-animate=scene-soft],.reveal[data-animate=scene-zoom]{transform:translateY(8px);filter:blur(1px)}.reveal[data-animate=scene-swing]{transform:translate(12px);filter:blur(1px)}.reveal.reveal-in{opacity:1;transform:translateZ(0);filter:blur(0)}.reveal[data-animate=scene]>*{opacity:0;transform:translateY(10px);transition:opacity var(--motion-duration-base) var(--motion-ease-luxury),transform var(--motion-duration-base) var(--motion-ease-luxury)}.reveal[data-animate=scene-soft]>*,.reveal[data-animate=scene-zoom]>*,.reveal[data-animate=scene-swing]>*{opacity:0;transform:translateY(9px);transition:opacity var(--motion-duration-base) var(--motion-ease-luxury),transform var(--motion-duration-base) var(--motion-ease-luxury)}.reveal[data-animate=scene].reveal-in>*{opacity:1;transform:translateY(0)}.reveal[data-animate=scene-soft].reveal-in>*,.reveal[data-animate=scene-zoom].reveal-in>*,.reveal[data-animate=scene-swing].reveal-in>*{opacity:1;transform:translateY(0)}.reveal[data-animate=scene].reveal-in>*:nth-child(1){transition-delay:calc(var(--reveal-delay, 0ms) + 20ms)}.reveal[data-animate=scene].reveal-in>*:nth-child(2){transition-delay:calc(var(--reveal-delay, 0ms) + 80ms)}.reveal[data-animate=scene].reveal-in>*:nth-child(3){transition-delay:calc(var(--reveal-delay, 0ms) + .14s)}.reveal[data-animate=scene].reveal-in>*:nth-child(4){transition-delay:calc(var(--reveal-delay, 0ms) + .2s)}.reveal[data-animate=scene].reveal-in>*:nth-child(5){transition-delay:calc(var(--reveal-delay, 0ms) + .26s)}.reveal[data-animate=scene].reveal-in>*:nth-child(6){transition-delay:calc(var(--reveal-delay, 0ms) + .32s)}.reveal[data-animate=scene-soft].reveal-in>*:nth-child(1),.reveal[data-animate=scene-zoom].reveal-in>*:nth-child(1),.reveal[data-animate=scene-swing].reveal-in>*:nth-child(1){transition-delay:calc(var(--reveal-delay, 0ms) + 24ms)}.reveal[data-animate=scene-soft].reveal-in>*:nth-child(2),.reveal[data-animate=scene-zoom].reveal-in>*:nth-child(2),.reveal[data-animate=scene-swing].reveal-in>*:nth-child(2){transition-delay:calc(var(--reveal-delay, 0ms) + 78ms)}.reveal[data-animate=scene-soft].reveal-in>*:nth-child(3),.reveal[data-animate=scene-zoom].reveal-in>*:nth-child(3),.reveal[data-animate=scene-swing].reveal-in>*:nth-child(3){transition-delay:calc(var(--reveal-delay, 0ms) + 132ms)}.reveal[data-animate=scene-soft].reveal-in>*:nth-child(4),.reveal[data-animate=scene-zoom].reveal-in>*:nth-child(4),.reveal[data-animate=scene-swing].reveal-in>*:nth-child(4){transition-delay:calc(var(--reveal-delay, 0ms) + 186ms)}@keyframes textSettle{0%{letter-spacing:.02em;transform:translateY(18px);filter:blur(6px);opacity:0}to{letter-spacing:normal;transform:translateY(0);filter:blur(0);opacity:1}}@keyframes textFloatIn{0%{transform:translateY(10px);filter:blur(2px);opacity:0}to{transform:translateY(0);filter:blur(0);opacity:1}}[data-typing].typing-active:after{content:"";display:inline-block;width:1px;height:1em;margin-left:2px;background:currentColor;vertical-align:-.12em;animation:caretBlink .9s step-end infinite}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}[data-tilt]{--tilt-rx: 0deg;--tilt-ry: 0deg;transform-style:preserve-3d;will-change:transform}.slide-in-up,.slide-in-down,.slide-in-left,.slide-in-right,.fade-in-scale{animation:none}.stagger-delay-1{animation-delay:.1s}.stagger-delay-2{animation-delay:.2s}.stagger-delay-3{animation-delay:.3s}.stagger-delay-4{animation-delay:.4s}.stagger-delay-5{animation-delay:.5s}.route-shell,.page-transition:before,.page-transition:after,.page-header:before,.footer:before,.hero:before,.hero-bg:after,.hero-content,.navbar-menu li a.active,.pricing-card.highlighted,.price-badge,.scroll-progress__bar,.why-title,.why-card{animation:none!important}.hero-bg,.hero-title-line,.hero-subheading,.hero-subtitle,.hero-actions{animation:none!important;opacity:1!important;transform:none!important}:where(a,button,.navbar-menu li a,.hero-cta,.package-cta,.footer-cta,.footer-link,.service-card,.pricing-card,.project-card,.why-card,.whyus-card,.value-card,.tech-card,.about-value-card,.location-service-card,.location-info-card,.location-pricing,.location-trends){transition-duration:.16s!important}:where(.hero-cta:after,.package-cta:after,.footer-cta:after){transition-duration:.22s!important}@media (prefers-reduced-motion: reduce){body:before{animation:none}.reveal{transition:none;transform:none;filter:none;opacity:1}.heading-cinematic .heading-word{transition:none;opacity:1;transform:none;filter:none}[data-typing].typing-active:after{animation:none;opacity:0}[data-tilt]{--tilt-rx: 0deg;--tilt-ry: 0deg}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){section{padding:var(--spacing-xl) var(--spacing-md)}.navbar-menu li a,.footer-link,.btn-primary,.btn-secondary,.btn-ghost,.contact-button{padding:var(--spacing-xs) 0}.container{width:min(100%,100%)}:where(.services-title,.projects-title,.pricing-title,.comparison-title,.techstack-title,.why-title){margin-bottom:.75rem}:where(.services-subtitle,.projects-subtitle,.pricing-subtitle,.comparison-subtitle,.techstack-subtitle,.why-subtitle){max-width:34rem}}.btn-primary,.btn-secondary,.btn-ghost{padding:.95rem 1.8rem;border-radius:var(--radius-full);font-weight:700;letter-spacing:.01em;font-size:.92rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--primary-color);color:var(--text-on-primary);box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:scale(1.018);background:var(--primary-hover);box-shadow:0 10px 20px #0000002e}.btn-primary:active{transform:scale(.97);box-shadow:var(--shadow-soft)}.btn-primary:focus-visible{outline:2px solid var(--color-khaki);outline-offset:2px}.btn-secondary{background:var(--secondary-color);color:var(--text-on-secondary);box-shadow:var(--shadow-soft)}.btn-secondary:hover{transform:none;box-shadow:0 9px 18px #00000024}.btn-secondary:active{transform:scale(.97);box-shadow:var(--shadow-soft)}.btn-ghost{background:transparent;color:var(--text-dark);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff0f;border-color:#02d8e985}.btn-ghost:active{background:#ffffff0a;transform:scale(.97)}.service-card,.project-card,.pricing-card,.whyus-card,.about-values .about-value-card,.value-card{transition:transform .32s var(--motion-ease-luxury),box-shadow .32s var(--motion-ease-luxury),border-color .32s var(--motion-ease-luxury)}.service-card:hover,.project-card:hover,.pricing-card:hover,.whyus-card:hover,.about-values .about-value-card:hover,.value-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0f172a1f}:where(.services-title,.projects-title,.pricing-title,.comparison-title,.techstack-title,.why-title){font-size:var(--section-title-size)!important;line-height:1.2;letter-spacing:-.012em;color:var(--text-dark);margin-bottom:var(--spacing-sm)}:where(.services-subtitle,.projects-subtitle,.pricing-subtitle,.comparison-subtitle,.techstack-subtitle,.why-subtitle){font-size:var(--section-subtitle-size)!important;line-height:var(--section-subtitle-line-height);color:var(--text-light);max-width:760px;margin-left:auto;margin-right:auto}:where(.pricing-modal-content,.pricing-footer,.comparison-table-container,.contact-note-section,.customer-summary,.payment-note){border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-soft)}:where(.service-card,.project-card,.project-card--compact,.pricing-card,.why-card,.whyus-card,.value-card,.about-values .about-value-card,.tech-card,.city-card,.price-card,.step,.faq-item,.timeline-item,.detail-card,.comparison-table,.comparison-cta,.pricing-footer,.pricing-modal-content,.contact-note-section,.customer-summary,.payment-note,.location-service-card,.location-info-card,.location-pricing,.location-trends){background:var(--card-surface);border:1px solid var(--card-border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}:where(.service-card,.project-card,.pricing-card,.why-card,.whyus-card,.value-card,.about-values .about-value-card,.tech-card,.city-card,.price-card,.detail-card,.comparison-cta,.location-service-card,.location-info-card,.location-pricing,.location-trends){transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}:where(.service-card:hover,.project-card:hover,.pricing-card:hover,.why-card:hover,.whyus-card:hover,.value-card:hover,.about-values .about-value-card:hover,.tech-card:hover,.city-card:hover,.price-card:hover,.detail-card:hover,.location-service-card:hover,.location-info-card:hover,.location-pricing:hover,.location-trends:hover){transform:translateY(-2px);border-color:var(--card-hover-border-accent);box-shadow:var(--card-hover-shadow)}:where(.service-card h3,.project-card h3,.pricing-card h3,.why-card-title,.whyus-card-title,.value-title-card,.about-value-title,.tech-name,.city-card h3,.price-card h3,.faq-item h3,.timeline-item h3,.detail-title,.step h3,.location-service-card h3,.location-info-card h3,.location-pricing h3,.location-trends h3){color:var(--text-on-light);font-size:var(--card-title-size);font-weight:var(--card-title-weight);letter-spacing:-.01em}:where(.service-description,.project-description,.package-description,.why-card-desc,.whyus-card-desc,.value-description,.about-value-text,.detail-description,.faq-item p,.timeline-item p,.step p,.city-card p,.price-card li,.location-service-card p,.location-info-card p,.location-pricing p,.location-trends p){color:var(--text-on-khaki-alt);font-size:var(--card-body-size);line-height:var(--card-body-line-height)}:where(.cta-button,.email-link,.proceed-btn,.payment-button,.edit-btn,.footer-cta,.package-cta,.hero-cta,.floating-cta){border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}:where(.cta-button:hover,.email-link:hover,.proceed-btn:hover,.payment-button:hover,.footer-cta:hover,.package-cta:hover,.hero-cta:hover,.floating-cta:hover){transform:translateY(-1px)}