@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";.app-root{min-height:100vh;overflow-x:hidden}.header-section{z-index:100;background-color:#fff;border-bottom:2px solid #e5e7eb;width:100%;padding:0 15px;position:fixed;top:0}.header-container{width:100%;max-width:1200px;height:var(--header-height);background-color:#0000;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo-wrapper-anchor{display:flex}.header-logo{cursor:pointer;width:auto;height:100%}.desktop-nav{align-items:center;gap:clamp(16px,2vw,32px);display:none}.nav-link{color:var(--text-primary);outline:none;font-size:14px;text-decoration:none}.nav-link:hover{color:#6610f2}.small-btn{padding:10px 20px;font-size:13px;text-decoration:none}.header-mobile-nav-toggle{color:#6610f2;cursor:pointer;background:0 0;border:none;font-size:24px;font-weight:700;display:block}.hide-tablet{display:none}@media (width>=900px){.desktop-nav{display:flex}.header-mobile-nav-toggle{display:none}.logo{height:60px}.nav-link{font-size:18px}}@media (width>=1000px){.hide-tablet{display:block}}.mobile-nav{z-index:1000;background:#132739cc;flex-direction:column;align-items:center;gap:32px;padding-top:20px;transition:all .4s;display:flex;position:fixed;inset:72px 0 0}.mobile-nav a{color:#fff;font-size:24px;font-weight:500;text-decoration:none}.mobile-nav a:hover{color:#a78bfa}.mobile-nav-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:20px;right:24px}.hero-section{background:var(--section-bg-primary);flex-direction:column;gap:40px;padding:80px 24px;display:flex;position:relative}.hero-content{text-align:center;z-index:2;background:var(--section-bg-primary);max-width:900px;margin:0 auto;animation:1s ease-in fadeIn;position:relative}.hero-title{font-family:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{overflow-wrap:break-word;word-break:break-word;margin:24px 0}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:clamp(16px,2vw,18px);line-height:1.7}.hero-buttons{flex-direction:column;justify-content:center;gap:16px;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:48px;margin:30px 0;display:flex}.stat-number{color:var(--text-highlight);font-size:36px}.stat-label{color:var(--text-secondary);font-family:Space Mono,monospace;font-size:13px}.font-bold{font-weight:800}.hero-image{-webkit-mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000),linear-gradient(#0000,#000 15% 85%,#0000);width:100%;height:400px;display:block;mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 15% 85%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (width>=768px){.hero-buttons{flex-direction:row}.hero-stats{gap:24px}.hero-section{flex-direction:row}.hero-image{width:50%;height:400px;margin:0}}.about-section{background:var(--section-bg-primary);text-align:center;padding:80px 20px}.about-container{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:40px;max-width:1200px;margin:0 auto;display:flex}.office-image{height:400px}.about-section h2{margin-bottom:35px}.about-description{color:var(--text-secondary);margin-bottom:25px;font-size:1.1rem}.about-points{grid-template-columns:1fr;gap:15px;margin:20px auto 0;list-style-type:none;display:grid}.about-section-tag{letter-spacing:1px;background:#eef2ff;font-size:12px}.about-points-item{text-align:left;background:#fff;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:10px;max-width:400px;padding:12px 15px;display:flex;box-shadow:0 10px 25px #00000014}.about-points-item .about-points-item{transition:transform .3s,box-shadow .3s}.about-point-text{color:var(--text-secondary)}.tick-icon{color:var(--text-highlight);background-color:#fff;border-radius:40%}.about-points-item:hover{transform:translateY(-5px)}.highlight-name{color:var(--text-highlight);font-weight:700}@media (width>=600px){.about-container{flex-direction:row}.about-points{grid-template-columns:repeat(2,1fr)}}.services-section{background:var(--section-bg-secondary);padding:80px 24px}.services-container{max-width:1200px;margin:auto}.services-header{text-align:center;margin-bottom:50px}.services-subtitle{color:var(--text-secondary);max-width:500px;margin:auto}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.service-card{background:#fff;border:none;border-radius:16px;align-items:flex-start;gap:20px;height:100%;padding:30px 24px;transition:all .4s;display:flex;box-shadow:0 10px 25px #0000000f}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.service-icon{background:#7c3aed1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:12px;display:flex}.service-icon svg{width:32px;height:32px;stroke:var(--text-highlight);stroke-width:2px;fill:none;transition:all .3s}.service-card:hover .service-icon svg{transform:scale(1.15)}.service-title{color:var(--text-primary);margin-bottom:10px;font-size:18px;font-weight:700}.service-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.portfolio-section{background:var(--section-bg-primary);padding:80px 24px}.portfolio-container{max-width:1200px;margin:0 auto}.portfolio-header{text-align:center;margin-bottom:64px}.portfolio-subtitle{color:var(--text-secondary);max-width:600px;margin:auto;line-height:1.6}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.portfolio-card{aspect-ratio:16/9;cursor:pointer;background-color:var(--card-bg);border-radius:16px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000014}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0003}.portfolio-image{object-fit:cover;width:100%;height:100%}.portfolio-overlay{opacity:1;background:linear-gradient(#0000,#06060fe6);flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay{opacity:1}.play-btn{color:#fff;opacity:.8;background:#7c3aedd9;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:transform .3s,opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.portfolio-card:hover .play-btn{opacity:1;transform:translate(-50%,-50%)scale(1)}.portfolio-card-category{color:#a78bfa;text-transform:uppercase;margin-bottom:4px;font-size:11px}.portfolio-card-title{color:#fff;font-size:14px;font-weight:700}.coming-soon{color:#facc15;margin-top:6px;font-size:12px}.video-modal{z-index:999;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.video-container{aspect-ratio:16/9;width:100%;max-width:900px}.video-container iframe{border:none;border-radius:12px;width:100%;height:100%}.video-close-btn{color:#fff;cursor:pointer;font-size:24px;position:absolute;top:20px;right:20px}@media (width>=768px){.portfolio-card-title{font-size:16px}.play-btn{width:60px;height:60px;font-size:16px}}.social-section{background-color:var(--section-bg-primary);padding:80px 24px}.social-container{text-align:center;width:100%;max-width:800px;margin:0 auto}.social-header{margin-bottom:40px}.social-title{margin:16px 0;font-size:34px;font-weight:800}.social-subtitle{color:#64748b}.social-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.social-btn{z-index:1;color:#2563eb;background:linear-gradient(#f8fafc,#eef2ff);border:1px solid #e7ebfa;border-radius:14px;align-items:center;gap:10px;padding:14px 20px;font-weight:600;text-decoration:none;transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #4f46e54d}.social-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#7c3aed,#06b6d4);transition:all .35s;position:absolute;inset:0}.social-btn:hover{color:#fff;transform:translateY(-4px)scale(1.02);box-shadow:0 10px 30px #7c3aed4d}.social-btn:hover:before{opacity:1}.social-btn:hover .social-icon{transform:scale(1.2)rotate(5deg)}.social-icon{color:#fff;font-size:18px;transition:transform .3s}.instagram{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)!important}.youtube{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background:linear-gradient(45deg,red,#ff4d4d)!important}.facebook{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background:linear-gradient(45deg,#1877f2,#4facfe)!important}.twitter{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background:linear-gradient(45deg,#000,#434343)!important}.why-section{background:var(--section-bg-secondary);padding:100px 24px}.why-container{max-width:1200px;margin:auto}.why-header{text-align:center;margin-bottom:64px}.why-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.why-card{text-align:center;background-color:var(--card-bg);border:1px solid #7c3aed1a;border-radius:20px;padding:40px 24px;transition:all .3s}.why-card:hover{border-color:#06b6d44d;transform:translateY(-8px)}.why-number{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:48px;font-weight:800}.why-card h3{color:var(--text-primary);margin-bottom:8px}.why-card p{color:var(--text-secondary);font-size:14px}.contact-section{padding:80px 24px}.contact-container{background:linear-gradient(#fff,#f5f7ff);max-width:1100px;margin:0 auto}.contact-header{text-align:center;margin-bottom:40px}.contact-subtext{color:#6b7280;margin-top:10px;font-size:14px}.contact-grid{grid-template-columns:1fr;gap:40px;display:grid}.contact-form-card{z-index:1;background:#fff;border-radius:16px;padding:30px;position:relative;overflow:hidden}.contact-form-card:before{content:"";z-index:-1;filter:blur(25px);opacity:.25;background:linear-gradient(120deg,#4f46e5,#06b6d4,#4f46e5);position:absolute;inset:-2px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{margin-top:16px;font-size:13px;font-weight:600}.form-group select{color:#6b7280;border:none;border-radius:10px;outline:none;padding:12px 14px}.contact-form-card input,.contact-form-card textarea{border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:12px 14px;transition:all .2s}.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e526}.contact-form-card textarea{min-height:120px}.contact-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4f46e5,#06b6d4);border:none;border-radius:10px;margin-top:20px;padding:12px;font-weight:600;transition:all .3s}.contact-btn:hover{opacity:.9}.contact-info{flex-direction:column;gap:16px;display:flex}.info-card{background:#f9fafb;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .3s;display:flex}.info-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.icon{color:#4f46e5;font-size:18px}.info-card h4{font-size:14px;font-weight:600}.info-card a,.info-card p{color:#6b7280;font-size:13px}@media (width>=768px){.contact-grid{grid-template-columns:1fr 1fr}}.toast{color:#fff;opacity:0;z-index:999;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:10px;padding:16px 24px;font-weight:600;transition:all .4s;position:fixed;bottom:30px;right:30px;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.cta-section{background:var(--section-bg-secondary);padding:50px 24px}.cta-box{text-align:center;background:var(--card-bg);border:1px solid #7c3aed33;border-radius:24px;width:100%;max-width:800px;margin:0 auto;padding:30px 24px}.cta-title{margin-bottom:12px;font-size:clamp(24px,3vw,40px);font-weight:800}.cta-subtitle{color:#94a3b8;margin-bottom:24px}.footer{background:#c4c3d3;padding:60px 24px 30px}.footer-container{width:100%;max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-logo{color:#fff;align-items:center;gap:8px;font-weight:800;display:flex}.logo-box-letter-v{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.footer-subtitle{color:var(--text-primary);margin-top:10px;font-size:18px}.footer-grid h4{font-weight:800;color:#111827!important}.footer-quick-links{flex-direction:column;gap:10px;display:flex}.footer-quick-links a{color:var(--text-primary);text-decoration:underline}.footer-services{flex-direction:column;gap:10px;display:flex}.footer-services p{color:var(--text-primary)}.footer-contact{flex-direction:column;gap:10px;display:flex}.footer-contact a{color:#7c3aed;text-decoration:underline}.footer-contact span{align-items:center;gap:10px;display:flex}.footer-bottom{text-align:center;color:#334155;font-size:14px}.address-container{text-align:left;background:#cfcee0;border-radius:16px;flex-direction:column;width:100%;max-width:400px;padding:28px;display:flex;box-shadow:0 8px 20px #0000000d}.address-heading{color:#1f2937;margin-bottom:10px;font-size:32px}@media (width>=600px){.footer-services{font-size:18px}.footer-bottom{font-size:16px}}.contact-float-buttons{z-index:2000;flex-direction:column;gap:14px;display:flex;position:fixed;bottom:44px;left:10px}.call-button,.whatsapp-button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;text-decoration:none;transition:transform .3s;display:flex;position:relative}.call-button:hover,.whatsapp-button:hover{transform:scale(1.1)}.call-button:before,.whatsapp-button:before{content:"";z-index:-1;border-radius:50%;animation:1.6s infinite pulse;position:absolute;inset:0}.call-button{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 14px #0006}.call-button:before{background:#4facfe}.whatsapp-button{background-color:#25d366;box-shadow:0 4px 14px #0006}.whatsapp-button:before{background-color:#25d366;animation-duration:1.8s}@keyframes pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1)}}:root{--main-bg-color:#f9fafb;--section-bg-primary:#fff;--section-bg-secondary:#f5f5f5;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:#9ca3af;--footer-text:white;--text-highlight:#6366f1;--text-gradient:linear-gradient(135deg, #7c3aed, #06b6d4);--card-bg:#fff;--input-bg:#fff;--header-height:72px}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,Helvetica,Arial,sans-serif}html{scroll-behavior:smooth}html,body,#root{height:100%}body{padding-top:var(--header-height);background-color:var(--main-bg-color);margin:0;line-height:1.5}body::-webkit-scrollbar{width:2px}.section-heading{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:50px;font-weight:800}.section-heading-highlight{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}a{color:#7c3aed;font-size:14px;text-decoration:none}.btn-glow{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#06b6d4);border:none;border-radius:50px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f159}.btn-outline{color:#6366f1;cursor:pointer;background:0 0;border:2px solid #6366f1;border-radius:50px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .3s}.btn-outline:hover{color:#fff;background:#6366f1}.section-tag{letter-spacing:2px;text-transform:uppercase;color:#2563eb;background:linear-gradient(#f8fafc,#eef2ff);border:1px solid #e7ebfa;border-radius:50px;margin-bottom:20px;padding:6px 16px;font-family:Space Mono,monospace;font-size:16px;font-weight:700;display:inline-block;box-shadow:0 10px 20px #4f46e54d}@media (width<=768px){.hero-buttons{flex-direction:column;align-items:center}}