:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", sans-serif;--bg-dark:#050814;--bg-card:#0d142699;--bg-card-hover:#141e3acc;--border-color:#ffffff0f;--border-glow:#00f2fe4d;--primary:#00f2fe;--primary-rgb:0, 242, 254;--secondary:#4facfe;--secondary-rgb:79, 172, 254;--accent-purple:#a855f7;--accent-pink:#ec4899;--success:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--grad-primary:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--grad-accent:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-pink) 100%);--grad-dark:linear-gradient(180deg, #070c1e 0%, #050814 100%);--grad-glow:radial-gradient(circle, #00f2fe26 0%, transparent 70%);--shadow-sm:0 2px 8px #00000080;--shadow-md:0 10px 30px #0009;--shadow-glow:0 0 25px #00f2fe40;--shadow-glow-purple:0 0 25px #a855f740;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{margin-bottom:1.5rem;font-size:clamp(2rem,3.5vw,3rem)}p{color:var(--text-secondary);font-size:1.1rem}a{color:inherit;transition:var(--transition);text-decoration:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0;position:relative}.text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-accent{background:var(--grad-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);transition:var(--transition);border-radius:16px;padding:2.5rem}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md), var(--shadow-glow);border-color:#00f2fe33;transform:translateY(-5px)}.btn{cursor:pointer;transition:var(--transition);border-radius:9999px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--grad-primary);color:#050814;border:none}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);background:0 0;border:1px solid #fff3}.btn-secondary:hover{border-color:var(--primary);background:#ffffff0d;transform:translateY(-2px);box-shadow:0 0 15px #00f2fe1a}.glow-orb{filter:blur(100px);opacity:.15;z-index:0;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.orb-primary{background:var(--primary);animation:20s infinite alternate floatOrb;top:10%;left:-100px}.orb-secondary{background:var(--accent-purple);animation:25s infinite alternate-reverse floatOrb;bottom:10%;right:-100px}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,100px)scale(1.2)}to{transform:translate(-30px,-50px)scale(.9)}}.section-header{text-align:center;max-width:700px;margin:0 auto 5rem}.section-tag{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:block}.form-group{text-align:left;margin-bottom:1.5rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition);background:#ffffff08;border-radius:8px;padding:1rem 1.2rem;font-size:1rem}.form-input:focus{border-color:var(--primary);background:#ffffff0f;outline:none;box-shadow:0 0 10px #00f2fe1a}.form-error{color:var(--accent-pink);margin-top:.4rem;font-size:.85rem;display:block}.grid-2{grid-template-columns:repeat(2,1fr);align-items:center;gap:3rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:5rem 0}}#root{text-align:left!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important}.header{z-index:1000;width:100%;transition:var(--transition);padding:1.5rem 0;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#050814d9;padding:1rem 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo-container{font-family:var(--font-heading);color:var(--text-primary);cursor:pointer;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px #00f2fe99)}.nav-menu{align-items:center;gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);padding:.5rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:after{content:"";background:var(--grad-primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.hero-section{align-items:center;min-height:100vh;padding-top:8rem;display:flex;overflow:hidden}.hero-content{z-index:2;position:relative}.hero-tag{color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe33;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-tag span{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.hero-title{margin-bottom:1.5rem;line-height:1.1}.hero-desc{max-width:650px;margin-bottom:2.5rem;font-size:1.2rem}.hero-buttons{gap:1.5rem;margin-bottom:4rem;display:flex}.hero-stats{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:2rem;max-width:600px;padding-top:3rem;display:grid}.stat-number{color:var(--text-primary);font-size:2.5rem;font-weight:800;font-family:var(--font-heading);margin-bottom:.25rem}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.hero-visual{justify-content:center;align-items:center;height:500px;display:flex;position:relative}.hero-globe-mockup{background:radial-gradient(circle at 30% 30%,#00f2fe33 0%,#a855f70d 50%,#0000 100%);border:1px dashed #ffffff1a;border-radius:50%;width:350px;height:350px;animation:60s linear infinite rotate;position:relative;box-shadow:inset 0 0 50px #00f2fe1a}.tech-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);background:#0d1426d9;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;animation:4s ease-in-out infinite hoverFloat;display:flex;position:absolute}.tech-badge.tb-1{border-left:3px solid var(--primary);animation-delay:0s;top:15%;left:5%}.tech-badge.tb-2{border-left:3px solid var(--accent-purple);animation-delay:1s;top:45%;right:5%}.tech-badge.tb-3{border-left:3px solid var(--accent-pink);animation-delay:2s;bottom:15%;left:20%}.service-icon-box{width:60px;height:60px;color:var(--primary);transition:var(--transition);background:#00f2fe0f;border:1px solid #00f2fe26;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.glass-card:hover .service-icon-box{background:var(--primary);color:#050814;transform:scale(1.1);box-shadow:0 0 15px #00f2fe66}.service-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.3rem}.service-features{border-top:1px solid var(--border-color);text-align:left;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;list-style:none;display:flex}.service-features li{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.service-features li svg{color:var(--primary);flex-shrink:0}.about-image-wrapper{border:1px solid var(--border-color);box-shadow:var(--shadow-md);aspect-ratio:16/10;background:linear-gradient(135deg,#4facfe1a 0%,#a855f71a 100%);border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-features{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.about-feature-item{gap:1rem;display:flex}.about-feature-icon{width:48px;height:48px;color:var(--accent-purple);background:#a855f71a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-feature-title{margin-bottom:.25rem;font-size:1.1rem}.timeline-container{margin-top:6rem;position:relative}.timeline-line{background:linear-gradient(to bottom, var(--primary), var(--accent-purple), transparent);width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid;position:relative}.timeline-item:nth-child(2n) .timeline-content{grid-column:2}.timeline-item:nth-child(2n) .timeline-meta{text-align:right;grid-column:1}.timeline-item:nth-child(odd) .timeline-meta{text-align:left}.timeline-dot{background:var(--bg-dark);border:4px solid var(--primary);z-index:2;width:16px;height:16px;box-shadow:0 0 10px var(--primary);transition:var(--transition);border-radius:50%;position:absolute;top:25px;left:50%;transform:translate(-50%)}.timeline-item:nth-child(2n) .timeline-dot{border-color:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple)}.timeline-item:hover .timeline-dot{transform:translate(-50%)scale(1.3)}.timeline-year{font-size:2rem;font-weight:800;font-family:var(--font-heading);color:var(--primary)}.timeline-item:nth-child(2n) .timeline-year{color:var(--accent-purple)}.portfolio-filters{justify-content:center;gap:1rem;margin-bottom:3.5rem;display:flex}.filter-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:9999px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:#050814;border-color:var(--primary);box-shadow:var(--shadow-glow)}.portfolio-card{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.portfolio-image{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#00f2fe0d 0%,#4facfe26 100%);justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.portfolio-image svg{color:var(--primary);opacity:.4;transition:var(--transition)}.portfolio-card:hover .portfolio-image svg{opacity:.8;transform:scale(1.1)rotate(5deg)}.portfolio-info{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.portfolio-category{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.portfolio-title{margin-bottom:.75rem;font-size:1.25rem}.portfolio-desc{flex-grow:1;margin-bottom:1.5rem;font-size:.95rem}.portfolio-meta-info{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1.25rem;font-size:.85rem;display:flex}.portfolio-metric{color:var(--success);font-weight:700}.careers-info{margin-bottom:3rem}.job-list{flex-direction:column;gap:1.5rem;display:flex}.job-card{justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.job-details{text-align:left;flex-direction:column;gap:.5rem;display:flex}.job-title{color:var(--text-primary);font-size:1.25rem}.job-meta{color:var(--text-secondary);gap:1.5rem;font-size:.9rem;display:flex}.job-meta-item{align-items:center;gap:.4rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#050814cc;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--border-color);width:100%;max-width:600px;box-shadow:var(--shadow-md), var(--shadow-glow-purple);background:#0d1426;border-radius:20px;max-height:90vh;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;position:relative;overflow-y:auto}.modal-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--accent-pink);transform:rotate(90deg)}.modal-title{margin-bottom:.5rem;font-size:1.8rem}.modal-desc{margin-bottom:2rem;font-size:.95rem}.contact-info-list{flex-direction:column;gap:1.5rem;display:flex}.contact-card{text-align:left;gap:1.25rem;display:flex}.contact-icon-wrapper{width:50px;height:50px;color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-text h4{margin-bottom:.25rem;font-size:1.1rem}.contact-text p{font-size:.95rem}.faq-container{flex-direction:column;gap:1rem;margin-top:3rem;display:flex}.faq-item{border:1px solid var(--border-color);transition:var(--transition);background:#0d142666;border-radius:12px;overflow:hidden}.faq-item:hover,.faq-item.active{background:#0d1426b3;border-color:#00f2fe33}.faq-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.faq-question{text-align:left;font-size:1.05rem;font-weight:600}.faq-icon{color:var(--primary);transition:var(--transition)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-body{max-height:0;transition:max-height .3s ease-out;overflow:hidden}.faq-item.active .faq-body{max-height:200px}.faq-answer{text-align:left;border-top:1px solid #ffffff05;padding:0 1.5rem 1.5rem;font-size:.95rem;line-height:1.5}.footer{border-top:1px solid var(--border-color);background:#03050c;padding:5rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 2fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-brand{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.footer-logo{font-family:var(--font-heading);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;display:flex}.footer-desc{font-size:.95rem}.footer-socials{gap:1rem;display:flex}.social-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-btn:hover{background:var(--primary);color:#050814;box-shadow:var(--shadow-glow);transform:translateY(-3px)}.footer-links-col{text-align:left}.footer-links-title{margin-bottom:1.5rem;font-size:1.05rem;position:relative}.footer-links-title:after{content:"";background:var(--primary);width:30px;height:2px;position:absolute;bottom:-.5rem;left:0}.footer-links{flex-direction:column;gap:.8rem;margin-top:1rem;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem}.footer-links a:hover{color:var(--primary);padding-left:5px}.footer-newsletter{text-align:left;flex-direction:column;gap:1rem;display:flex}.newsletter-form{gap:.5rem;margin-top:.5rem;display:flex}.newsletter-input{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);background:#ffffff05;border-radius:8px;flex-grow:1;padding:.8rem 1.2rem}.newsletter-input:focus{border-color:var(--primary);outline:none}.newsletter-btn{background:var(--grad-primary);color:#050814;cursor:pointer;border:none;border-radius:8px;padding:0 1.2rem;font-weight:700}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;display:flex}.footer-bottom-links{gap:2rem;display:flex}.chat-widget{z-index:999;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:2rem;right:2rem}.chat-bubble-btn{background:var(--grad-primary);color:#050814;cursor:pointer;width:60px;height:60px;box-shadow:var(--shadow-md), var(--shadow-glow);transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-bubble-btn:hover{transform:scale(1.1)}.chat-window{border:1px solid var(--border-color);width:350px;height:450px;box-shadow:var(--shadow-md), var(--shadow-glow);transform-origin:100% 100%;background:#0d1426;border-radius:16px;flex-direction:column;margin-bottom:1rem;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:1rem;display:flex}.chat-header-title{align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.chat-status{background:var(--success);border-radius:50%;width:8px;height:8px}.chat-body{flex-direction:column;flex-grow:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.chat-msg{border-radius:12px;max-width:80%;padding:.75rem 1rem;font-size:.85rem}.chat-msg.agent{text-align:left;background:#ffffff0d;border-bottom-left-radius:2px;align-self:flex-start}.chat-msg.user{background:var(--grad-primary);color:#050814;text-align:left;border-bottom-right-radius:2px;align-self:flex-end;font-weight:500}.chat-footer{border-top:1px solid var(--border-color);gap:.5rem;padding:.75rem;display:flex}.chat-input{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);background:#ffffff05;border-radius:8px;flex-grow:1;padding:.6rem .8rem;font-size:.85rem}.chat-input:focus{border-color:var(--primary);outline:none}.chat-send-btn{background:var(--grad-primary);color:#050814;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 #00f2fe66}70%{transform:scale(1);box-shadow:0 0 0 8px #00f2fe00}to{transform:scale(.9);box-shadow:0 0 #00f2fe00}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hoverFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#050814f2}.nav-menu{border-bottom:1px solid var(--border-color);background:#080c18;flex-direction:column;gap:1.5rem;width:100%;padding:2rem;display:none;position:absolute;top:100%;left:0}.nav-menu.mobile-open{display:flex}.nav-toggle{display:block}.hero-section{min-height:auto;padding-top:8rem;padding-bottom:4rem}.hero-buttons{flex-direction:column;gap:1rem}.hero-visual{height:350px;margin-top:3rem}.hero-globe-mockup{width:250px;height:250px}.tech-badge{padding:.5rem 1rem;font-size:.8rem}.job-card{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem}.footer-bottom-links{justify-content:center}.timeline-line,.timeline-dot{left:0}.timeline-item{grid-template-columns:1fr;gap:1.5rem;padding-left:2rem}.timeline-item:nth-child(2n) .timeline-content{grid-column:1}.timeline-item:nth-child(2n) .timeline-meta{text-align:left;grid-column:1}}
