:root{--bg-deep: #040E1C;--bg-dark: #07162A;--bg-card: #0B1D35;--bg-card-hover: #0E2440;--cyan: #00D4FF;--green: #00F090;--orange: #FF7A00;--purple: #8B5CF6;--coral: #FF4D6A;--gold: #FFB800;--color-bg: var(--bg-deep);--color-surface: var(--bg-dark);--color-surface-2: var(--bg-card);--color-primary: var(--cyan);--color-secondary: var(--green);--color-text: var(--text-white);--color-text-muted: var(--text-muted);--color-border: var(--border-subtle);--color-card: var(--bg-card);--glass-border: var(--border-card);--glow-cyan: 0 0 30px rgba(0, 212, 255, .35);--glow-green: 0 0 30px rgba(0, 240, 144, .35);--card-shadow: 0 4px 32px rgba(0, 0, 0, .4);--transition-fast: .2s var(--ease-out);--transition-base: .35s var(--ease-out);--radius-lg: 22px;--radius-md: 14px;--radius-sm: 8px;--radius-xl: 32px;--container-max: 1300px;--container-pad: 0 2rem;--section-padding: 6rem 0;--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "Outfit", sans-serif;--glow-orange: 0 0 30px rgba(255, 122, 0, .3);--glow-purple: 0 0 30px rgba(139, 92, 246, .3);--text-white: #FFFFFF;--text-bright: #E8F4FF;--text-muted: #7FA8CC;--text-dim: #4A6B8A;--border-subtle: rgba(0, 212, 255, .18);--border-card: rgba(255, 255, 255, .08);--border-bright: rgba(0, 212, 255, .5);--grad-hero: linear-gradient(135deg, #040E1C 0%, #071E3D 50%, #0A2545 100%);--grad-cyan: linear-gradient(135deg, #00D4FF, #0095CC);--grad-green: linear-gradient(135deg, #00F090, #00B870);--grad-orange: linear-gradient(135deg, #FF7A00, #FF5500);--grad-multi: linear-gradient(135deg, #00D4FF 0%, #8B5CF6 50%, #00F090 100%);--grad-card: linear-gradient(135deg, rgba(0, 212, 255, .08) 0%, rgba(139, 92, 246, .06) 100%);--section-y: 6rem;--radius-pill: 100px;--ease-out: cubic-bezier(.22, 1, .36, 1);--t-fast: .2s var(--ease-out);--t-base: .35s var(--ease-out);--t-slow: .6s var(--ease-out)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body);color:var(--text-bright);background:var(--bg-deep);line-height:1.5;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;background:var(--bg-deep);overflow-x:hidden}#root{min-height:100vh}h1{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5.5rem);font-weight:800;line-height:1.08;color:var(--text-white);letter-spacing:-.02em;margin:0}h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.75rem);font-weight:700;line-height:1.1;color:var(--text-white);letter-spacing:-.015em;margin:0}h3{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700;line-height:1.2;color:var(--text-white);margin:0}h4{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.375rem);font-weight:600;color:var(--text-white);margin:0}p{font-family:var(--font-body);font-size:1.0625rem;line-height:1.75;color:var(--text-bright);margin:0}a{color:inherit;text-decoration:none;transition:color var(--t-fast)}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}.img-wrap{overflow:hidden;border-radius:var(--radius-md);background:var(--bg-card)}ul{list-style:none;padding:0;margin:0}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-pad)}.section{padding:var(--section-y) 0}.section--deep{background:var(--bg-deep)}.section--dark,.section--surface{background:var(--bg-dark)}.section--surface2{background:var(--bg-card)}.text-muted{color:var(--text-muted)!important}.text-dim{color:var(--text-dim)!important}.mono,.label,.badge-text{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.04em}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:1rem}}@media(min-width:769px)and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.section-header{max-width:700px;margin:0 auto 3.5rem;text-align:center}.section-header--left{margin:0 0 1.6rem;max-width:720px;text-align:left}.section .container{position:relative;z-index:1}.section-header p{font-size:1.1rem;color:var(--text-muted);margin-top:1rem;line-height:1.7}.section-label{display:inline-flex;align-items:center;gap:.625rem;font-family:var(--font-body);font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--cyan);margin-bottom:1rem}.section-label:before{content:"";display:inline-block;width:20px;height:2px;background:var(--cyan);border-radius:2px}.section-label--green{color:var(--green)}.section-label--green:before{background:var(--green)}.section-label--orange{color:var(--orange)}.section-label--orange:before{background:var(--orange)}.section-label--purple{color:var(--purple)}.section-label--purple:before{background:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;font-size:.95rem;border:none;cursor:pointer;text-decoration:none;transition:transform var(--t-fast),box-shadow var(--t-fast),filter var(--t-fast),background var(--t-fast);white-space:nowrap;color:var(--text-white)}.btn-primary{background:var(--grad-cyan);color:#000;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-cyan);filter:brightness(1.1)}.btn-secondary,.btn-outline{background:transparent;color:var(--cyan);border:1.5px solid var(--cyan)}.btn-secondary:hover,.btn-outline:hover{background:#00d4ff1a;box-shadow:var(--glow-cyan)}.btn-green{background:var(--grad-green);color:#000;font-weight:700}.btn-green:hover{transform:translateY(-2px);box-shadow:var(--glow-green);filter:brightness(1.1)}.btn--sm{padding:.6rem 1.25rem;font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.card-pad{padding:2rem}.card-hover:hover{transform:translateY(-5px);border-color:var(--border-subtle);box-shadow:var(--glow-cyan)}.card--cyan{border-left:3px solid var(--cyan)}.card--green{border-left:3px solid var(--green)}.card--orange{border-left:3px solid var(--orange)}.card--purple{border-left:3px solid var(--purple)}.card--gradient{background:var(--grad-card);border:1px solid rgba(0,212,255,.2)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2rem 1.5rem;text-align:center}.stat-number{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--cyan);line-height:1;display:block}.stat-label{font-family:var(--font-body);color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.service-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:transform var(--t-base),border-color var(--t-base),box-shadow var(--t-base);cursor:pointer;text-decoration:none;color:inherit}.service-card:hover{transform:translateY(-6px);border-color:var(--card-accent, var(--cyan));box-shadow:0 8px 40px #0000004d,0 0 20px var(--card-accent-glow, rgba(0, 212, 255, .25))}.service-icon-wrap{width:52px;height:52px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--card-accent, var(--cyan)) 15%,transparent);display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--card-accent, var(--cyan)) 30%,transparent)}.service-badge{font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.2rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--card-accent, var(--cyan));color:var(--card-accent, var(--cyan));align-self:flex-start}.step-card{background:var(--bg-card);border:1px solid var(--border-card);border-top:3px solid var(--accent, var(--cyan));border-radius:var(--radius-md);padding:2rem 1.75rem;position:relative;transition:transform var(--t-base),box-shadow var(--t-base)}.step-card:hover{transform:translateY(-4px);box-shadow:0 0 30px color-mix(in srgb,var(--accent, var(--cyan)) 30%,transparent)}.step-number{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--accent, var(--cyan));letter-spacing:.04em;margin-bottom:.75rem}.step-icon{margin-bottom:1rem}.step-title{color:var(--text-white);margin-bottom:.625rem}.step-desc{color:var(--text-bright);font-size:.95rem;line-height:1.65}.pill-row{display:flex;flex-wrap:wrap;gap:.6rem}.pill{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:.35rem .65rem;background:#00d4ff0f}.divider{height:1px;width:100%;background:var(--border-card)}.text-center{text-align:center}.section--glow-left{position:relative;overflow:hidden}.section--glow-left:before{content:"";position:absolute;left:-200px;top:50%;transform:translateY(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.section--glow-right{position:relative;overflow:hidden}.section--glow-right:after{content:"";position:absolute;right:-200px;top:50%;transform:translateY(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(0,240,144,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.section--glow-bottom{position:relative;overflow:hidden}.section--glow-bottom:after{content:"";position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:800px;height:300px;background:radial-gradient(ellipse,rgba(139,92,246,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.section--surface{border-top:1px solid rgba(0,212,255,.06);border-bottom:1px solid rgba(0,212,255,.06)}.section-header h2:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(135deg,var(--cyan),var(--green));border-radius:2px;margin:1rem auto 0}.section-header--left h2:after{margin:1rem 0 0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card-hover,.service-card,.step-card{transition:none}}[class*=card]:not(.nav-cta):not(.btn){background-color:var(--bg-card);color:var(--text-bright)}[class*=card] h1,[class*=card] h2,[class*=card] h3,[class*=card] h4,[class*=card] h5{color:var(--text-white)}[class*=card] p,[class*=card] li,[class*=card] span:not(.badge):not(.pill):not(.tag){color:var(--text-bright)}[class*=feature]{background-color:var(--bg-card);color:var(--text-bright)}[class*=feature] h3,[class*=feature] h4{color:var(--text-white)}[class*=feature] p{color:var(--text-bright)}[class*=tier],[class*=package],[class*=pricing]{background-color:var(--bg-card)!important;color:var(--text-bright)!important}[class*=tier] *,[class*=package] *,[class*=pricing] *{color:var(--text-bright)}[class*=tier] h2,[class*=tier] h3,[class*=tier] h4,[class*=package] h2,[class*=package] h3,[class*=package] h4{color:var(--text-white)!important}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:background var(--t-base),border-color var(--t-base);border-bottom:1px solid transparent}.navbar--scrolled{background:#040e1cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border-subtle)}.navbar__inner{max-width:var(--container-max);margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;gap:2rem}.navbar__logo-link{text-decoration:none;flex-shrink:0}.nav-logo-wrap{background:#fff;border-radius:10px;padding:4px 8px;display:flex;align-items:center}.nav-logo{height:44px;width:auto;display:block;border-radius:6px;max-width:160px}.navbar__desktop{display:flex;align-items:center;gap:.25rem;margin-left:auto}.nav-link{font-family:var(--font-display);font-weight:500;font-size:.95rem;color:var(--text-bright);text-decoration:none;padding:.375rem .625rem;border-radius:var(--radius-sm);transition:color var(--t-fast);position:relative;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--text-white)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:.625rem;right:.625rem;height:2px;background:var(--grad-cyan);border-radius:2px}.nav-item--dropdown{display:flex;align-items:center;gap:1px;position:relative}.nav-chevron{background:none;border:none;cursor:pointer;padding:4px 2px;display:flex;align-items:center;color:var(--text-muted);transition:color var(--t-fast),transform var(--t-fast);border-radius:4px}.nav-chevron:hover{color:var(--cyan)}.dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.5rem;box-shadow:0 16px 40px #0006;z-index:200;animation:dropIn .15s var(--ease-out)}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;padding:.6rem 1rem;color:var(--text-bright);text-decoration:none;font-family:var(--font-body);font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);transition:background var(--t-fast),color var(--t-fast),padding-left var(--t-fast);white-space:nowrap}.dropdown-item:hover{background:#00d4ff1a;color:var(--cyan);padding-left:1.25rem}.navbar__cta{flex-shrink:0;margin-left:1rem}.navbar__hamburger{display:none;background:none;border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer;color:var(--text-white);margin-left:auto;transition:border-color var(--t-fast),background var(--t-fast)}.navbar__hamburger:hover{border-color:var(--cyan);background:#00d4ff14}.mobile-overlay{position:fixed;inset:0;z-index:9999;background:#040e1c;transform:translate(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:0}.mobile-overlay--open{transform:translate(0)}.mobile-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-card);flex-shrink:0}.mobile-overlay__logo{height:40px;width:auto;max-width:150px;background:#fff;border-radius:8px;padding:3px 7px}.mobile-close-btn{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:var(--text-white);display:flex;align-items:center;justify-content:center;transition:border-color var(--t-fast),background var(--t-fast)}.mobile-close-btn:hover{border-color:var(--cyan);background:#00d4ff1a;color:var(--cyan)}.mobile-overlay__nav{flex:1;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.mobile-nav-link{display:block;padding:.875rem 1rem;color:var(--text-bright);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:1.05rem;border-radius:var(--radius-sm);transition:background var(--t-fast),color var(--t-fast);border:1px solid transparent}.mobile-nav-link:hover,.mobile-nav-link.active{background:#00d4ff14;color:var(--text-white);border-color:var(--border-subtle)}.mobile-accordion{display:flex;flex-direction:column}.mobile-accordion__trigger{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-bright);font-family:var(--font-display);font-weight:600;font-size:1.05rem;text-align:left;width:100%;transition:background var(--t-fast),color var(--t-fast)}.mobile-accordion__trigger:hover{background:#00d4ff14;color:var(--text-white);border-color:var(--border-subtle)}.mobile-accordion__chevron{transition:transform .25s var(--ease-out);flex-shrink:0}.mobile-accordion__chevron.is-open{transform:rotate(180deg);color:var(--cyan)}.mobile-accordion__panel{padding:.25rem 0 .25rem 1rem;display:flex;flex-direction:column;gap:.125rem;border-left:2px solid rgba(0,212,255,.2);margin-left:1rem;margin-bottom:.25rem}.mobile-sub-link{display:block;padding:.625rem .875rem;color:var(--text-muted);text-decoration:none;font-family:var(--font-body);font-weight:500;font-size:.95rem;border-radius:var(--radius-sm);transition:color var(--t-fast),background var(--t-fast)}.mobile-sub-link:hover,.mobile-sub-link.active{color:var(--cyan);background:#00d4ff0f}.mobile-overlay__cta{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--border-card);flex-shrink:0}.mobile-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:700;font-size:1rem;text-decoration:none;text-align:center;cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast)}.mobile-cta-btn:hover{transform:translateY(-2px)}.mobile-cta-btn--primary{background:var(--grad-cyan);color:#000;box-shadow:var(--glow-cyan)}.mobile-cta-btn--whatsapp{background:#25d366;color:#000;box-shadow:0 0 20px #25d36659}@media(max-width:900px){.navbar__desktop,.navbar__cta{display:none}.navbar__hamburger{display:flex}.navbar__inner{padding:0 1.25rem}}@media(min-width:901px){.navbar__hamburger{display:none}.mobile-overlay{display:none!important}}.footerNew{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-deep) 100%);border-top:1px solid var(--border-card);padding:4.5rem 0 2.3rem}.footerNew__top{display:grid;grid-template-columns:1.2fr 1.8fr;gap:2.2rem}.footerNew__brand{padding:1.35rem;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--card-shadow)}.footer-logo-wrap{background:#fff;border-radius:10px;padding:4px 8px;display:inline-flex;align-items:center;margin-bottom:1rem}.footer-logo{height:38px;width:auto;max-width:160px;display:block;border-radius:6px}.footerNew__tagline{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--text-white)}.footerNew__desc{margin-top:.7rem;line-height:1.75}.footerNew__social{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.2rem}.footerNew__socialBtn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .8rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-dark);font-weight:700;color:var(--text-bright)}.footerNew__socialBtn:hover{box-shadow:var(--glow-cyan);color:var(--text-white)}.footerNew__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;align-content:start;position:relative;z-index:2}.footerNew__col{display:grid;gap:.55rem;position:relative;z-index:2}.footer-heading{font-family:var(--font-display);font-weight:700;color:var(--text-white);font-size:.9rem;margin-bottom:1.25rem}.footerNew__title{font-family:var(--font-body);font-weight:600;color:var(--text-muted);font-size:.85rem;margin-bottom:.25rem}.footer-link{font-family:var(--font-body);color:var(--text-muted);text-decoration:none;font-size:.9rem;display:block;padding:.25rem 0;transition:color var(--t-fast);position:relative;z-index:2;cursor:pointer}.footer-link--text{cursor:default;line-height:1.7}.footer-link:hover{color:var(--cyan)}.footerNew__address{margin-top:.25rem;line-height:1.7}.footerNew__bottom{margin-top:2.4rem}.footerNew__bottomRow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.1rem}.footerNew__bottomRow p{color:var(--text-muted);font-family:var(--font-body);font-size:.875rem;font-weight:400;letter-spacing:0}.footerNew p,.footerNew li,.footer-link{font-family:var(--font-body);font-weight:400;letter-spacing:0}@media(max-width:980px){.footerNew__top{grid-template-columns:1fr}.footerNew__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.whatsapp-float{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:58px;height:58px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36680;text-decoration:none;color:#fff;transition:transform var(--t-fast),box-shadow var(--t-fast)}.whatsapp-float:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 32px #25d366a6}.whatsapp-float:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:waPulse 2s ease-out infinite}.whatsapp-float__ring{display:none}.wa-tooltip{position:absolute;right:70px;background:var(--bg-card);color:var(--text-white);font-family:var(--font-body);font-size:.8rem;padding:.4rem .875rem;border-radius:var(--radius-sm);border:1px solid var(--border-card);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t-fast)}.whatsapp-float:hover .wa-tooltip{opacity:1}@keyframes waPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.whatsapp-float:before{animation:none}}
