@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary:#0a192f;--primary-light:#172a45;--secondary:#2563eb;--secondary-hover:#1d4ed8;--accent:#10b981;--accent-hover:#059669;--text-dark:#0f172a;--text-muted:#475569;--bg-light:#f8fafc;--bg-white:#fff;--border-color:#e2e8f0;--glass-bg:#ffffffbf;--glass-border:#fff6;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 10px 25px -5px #0f172a14, 0 8px 16px -6px #0f172a0a;--shadow-lg:0 20px 40px -10px #0f172a1f, 0 12px 24px -8px #0f172a0f;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--font-display:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{min-height:100%;color:var(--text-dark);background-color:var(--bg-light);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--primary);font-weight:700;line-height:1.25}p{color:var(--text-muted);font-size:1.05rem;line-height:1.625}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}@media (max-width:768px){.section-padding{padding:60px 0}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);padding:32px}.card:hover{box-shadow:var(--shadow-lg);border-color:#2563eb26;transform:translateY(-8px)}.btn{border-radius:var(--radius-sm);font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--bg-white)}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #0a192f40}.btn-secondary{background-color:var(--secondary);color:var(--bg-white)}.btn-secondary:hover{background-color:var(--secondary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb40}.btn-accent{background-color:var(--accent);color:var(--bg-white)}.btn-accent:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:var(--bg-white);transform:translateY(-2px)}.btn-outline-white{color:var(--bg-white);border:2px solid var(--bg-white);background-color:#0000}.btn-outline-white:hover{background-color:var(--bg-white);color:var(--primary);transform:translateY(-2px)}.badge{text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);white-space:normal;text-align:center;background-color:#2563eb1a;border:1px solid #2563eb26;border-radius:50px;justify-content:center;align-items:center;max-width:100%;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent);background-color:#10b9811a;border:1px solid #10b98126}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.timeline{max-width:1200px;margin:40px auto 0;position:relative}.timeline:after{content:"";background-color:var(--border-color);z-index:1;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}@media (max-width:768px){.timeline:after{left:31px}}.timeline-progress-line{background:linear-gradient(to bottom, var(--secondary) 0%, var(--accent) 100%);z-index:2;transform-origin:top;width:2px;margin-left:-1px;animation:linear both lineGrow;animation-timeline:view();animation-range:entry 10% exit 80%;position:absolute;top:0;bottom:0;left:50%}@media (max-width:768px){.timeline-progress-line{left:31px}}@keyframes lineGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline-container{background-color:inherit;width:50%;padding:10px 40px;position:relative}@media (max-width:768px){.timeline-container{width:100%;padding-left:70px;padding-right:25px}}.timeline-container:after{content:"";background-color:var(--bg-white);border:4px solid var(--border-color);z-index:3;border-radius:50%;width:20px;height:20px;transition:all .3s;animation:linear both activateNode;animation-timeline:view();animation-range:entry 10% cover 25%;position:absolute;top:15px;right:-10px}@keyframes activateNode{0%{border-color:var(--border-color);background-color:var(--bg-white);transform:scale(.8)}to{border-color:var(--accent);background-color:var(--secondary);transform:scale(1.2)}}@media (max-width:768px){.timeline-container:after{left:21px;right:auto}}.timeline-left{left:0}.timeline-right{left:50%}@media (max-width:768px){.timeline-right{left:0%}}.timeline-left:after{right:-10px}.timeline-right:after{left:-10px}@media (max-width:768px){.timeline-left:after,.timeline-right:after{left:19px}}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}@media (max-width:991px){.hero-buttons{justify-content:center!important}}.timeline-content{background-color:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);padding:24px;animation:ease-out both revealTimeline;animation-timeline:view();animation-range:entry 5% cover 30%;position:relative}@keyframes revealTimeline{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.accordion-item{border-bottom:1px solid var(--border-color);padding:16px 0}.accordion-title{color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 0;font-size:1.15rem;font-weight:600;display:flex}.accordion-content{max-height:0;padding-top:0;transition:max-height .3s ease-out,padding .3s;overflow:hidden}.accordion-item.active .accordion-content{max-height:500px;padding-top:12px}.accordion-icon{transition:transform .3s}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.gradient-text{background:linear-gradient(135deg, var(--primary) 30%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-accent-text{background:linear-gradient(135deg, var(--secondary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-bg{background:linear-gradient(135deg,#0a192f 0%,#172a45 100%)}.subtle-gradient{background:radial-gradient(circle at 10% 20%,#eff6ffcc 0%,#f8fafc 90%)}.float-whatsapp{color:#fff;z-index:999;width:60px;height:60px;transition:var(--transition-smooth);background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 4px 16px #25d36666}.float-whatsapp:hover{transform:scale(1.1)rotate(10deg);box-shadow:0 6px 20px #25d36699}.sticky-header{z-index:1000;width:100%;position:sticky;top:0}.foot-link{transition:color .2s;color:#94a3b8!important;text-decoration:none!important}.foot-link:hover{color:#10b981!important}.mega-menu-item:hover{background-color:#ffffff0d!important}@media (max-width:991px){.desktop-nav,.desktop-cta{display:none!important}.mobile-toggle{display:block!important}.hero-grid,.map-grid{text-align:center;grid-template-columns:1fr!important}.hero-grid h1{font-size:2.5rem!important;line-height:1.25!important}.badge{align-self:center!important}.hero-node{display:none!important}}@media (max-width:768px){.about-grid,.industry-details-grid,.contact-main-grid{grid-template-columns:1fr!important;gap:32px!important}.form-row{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width:480px){.hero-grid h1{font-size:2rem!important;line-height:1.25!important}.hero-grid p{font-size:1rem!important}.badge{padding:6px 12px!important;font-size:.75rem!important}}