@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-body:#f8fafc;--bg-white:#fff;--bg-card:#fff;--bg-subtle:#f1f5f9;--bg-subtle-hover:#e2e8f0;--border-light:#e2e8f0;--border-card:#e2e8f0;--border-hover:#cbd5e1;--border-primary:#bfdbfe;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-subtle:#eff6ff;--primary-glow:#2563eb1f;--accent:#0284c7;--accent-light:#f0f9ff;--accent-glow:#0284c726;--emerald:#059669;--emerald-light:#ecfdf5;--emerald-border:#a7f3d0;--amber:#d97706;--amber-light:#fffbeb;--indigo:#4f46e5;--indigo-light:#eef2ff;--text-title:#0f172a;--text-main:#1e293b;--text-body:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 2px 4px 0 #0f172a0a;--shadow-md:0 6px 12px -2px #0f172a0f, 0 3px 6px -3px #0f172a0a;--shadow-lg:0 12px 24px -4px #0f172a14, 0 4px 8px -2px #0f172a08;--shadow-xl:0 24px 38px -6px #0f172a1a, 0 8px 16px -4px #0f172a0a;--shadow-card-hover:0 20px 30px -10px #2563eb1f, 0 8px 16px -6px #0f172a0f;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.32s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-body);color:var(--text-body);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-title);letter-spacing:-.025em;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.25}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:0 1.5rem}nav{z-index:1000;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);width:100%;height:80px;transition:var(--transition-smooth);background:#ffffffeb;align-items:center;display:flex;position:fixed;top:0;left:0}nav.scrolled{background:#fffffffa;height:72px;box-shadow:0 4px 20px -2px #0f172a0f}.nav-content{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{align-items:center;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:auto;height:48px;transition:var(--transition-fast)}nav.scrolled .logo-img{height:42px}.logo-img:hover{opacity:.95;transform:translateY(-1px)}.footer-logo-img{height:52px}.nav-links{align-items:center;gap:2.2rem;list-style:none;display:flex}.nav-links a{color:var(--text-body);transition:var(--transition-fast);padding:.4rem .2rem;font-size:.95rem;font-weight:600;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-actions{align-items:center;gap:1rem;display:flex}.mobile-menu-toggle{border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;width:42px;height:42px;color:var(--text-title);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:1.2rem;display:none}.mobile-menu-toggle:hover{background:var(--bg-subtle)}.btn{border-radius:var(--radius-pill);transition:var(--transition-fast);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #1d4ed8);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb47}.btn-secondary{background:var(--bg-white);color:var(--text-title);border-color:var(--border-light);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-subtle{background:var(--primary-subtle);color:var(--primary);border:1px solid var(--border-primary)}.btn-subtle:hover{background:#dbeafe}.btn-sm{border-radius:var(--radius-pill);padding:.5rem 1.15rem;font-size:.85rem}.badge{border-radius:var(--radius-pill);align-items:center;gap:.45rem;padding:.35rem .85rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-subtle);color:var(--primary);border:1px solid var(--border-primary)}.badge-emerald{background:var(--emerald-light);color:var(--emerald);border:1px solid var(--emerald-border)}.badge-indigo{background:var(--indigo-light);color:var(--indigo);border:1px solid #c7d2fe}.badge-amber{background:var(--amber-light);color:var(--amber);border:1px solid #fde68a}section{padding:6.5rem 0;position:relative}.section-header{text-align:center;max-width:760px;margin:0 auto 4rem}.section-header .badge{margin-bottom:1rem}.section-header h2{color:var(--text-title);margin-bottom:1rem;font-size:2.6rem}.section-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.hero-section{background:radial-gradient(circle at 50% 15%, #2563eb0d 0%, #f8fafc00 70%), linear-gradient(180deg, #fff 0%, var(--bg-body) 100%);padding-top:10.5rem;padding-bottom:5.5rem;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.hero-text{max-width:620px}.hero-pill{box-shadow:var(--shadow-xs);margin-bottom:1.5rem}.hero-title{color:var(--text-title);margin-bottom:1.5rem;font-size:3.6rem;line-height:1.12}.hero-title span{background:linear-gradient(135deg, var(--primary) 0%, #0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-body);margin-bottom:2.4rem;font-size:1.2rem;line-height:1.7}.hero-actions{align-items:center;gap:1.2rem;margin-bottom:3.2rem;display:flex}.hero-metrics{border-top:1px solid var(--border-light);grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:2rem;display:grid}.metric-item{flex-direction:column;display:flex}.metric-number{color:var(--text-title);font-family:Plus Jakarta Sans,sans-serif;font-size:1.85rem;font-weight:800;line-height:1.1}.metric-number span{color:var(--primary)}.metric-label{color:var(--text-muted);margin-top:.35rem;font-size:.82rem;font-weight:500}.hero-visual-card{border-radius:var(--radius-xl);background:var(--bg-white);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);transition:var(--transition-smooth);position:relative;overflow:hidden}.hero-visual-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.hero-visual-card img{object-fit:cover;width:100%;height:auto;display:block}.hero-floating-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fffffff0;align-items:center;gap:.9rem;padding:.85rem 1.25rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem}.floating-icon{border-radius:var(--radius-sm);background:var(--primary-subtle);width:40px;height:40px;color:var(--primary);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.floating-text strong{color:var(--text-title);font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;display:block}.floating-text span{color:var(--text-muted);font-size:.78rem}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3.5rem;display:flex}.filter-btn{background:var(--bg-white);border:1px solid var(--border-light);color:var(--text-body);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-xs);align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.92rem;font-weight:600;display:inline-flex}.filter-btn:hover{background:var(--bg-subtle);border-color:var(--border-hover)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.products-grid{grid-template-columns:repeat(2,1fr);gap:2.2rem;display:grid}.product-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.product-card-preview{background:var(--bg-subtle);border-bottom:1px solid var(--border-light);height:240px;position:relative;overflow:hidden}.product-card-preview img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-card-preview img{transform:scale(1.04)}.product-preview-overlay{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.product-body{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.product-header-info{justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;display:flex}.product-title{color:var(--text-title);margin-bottom:.4rem;font-size:1.45rem}.product-subtitle{color:var(--primary);margin-bottom:1rem;font-size:.88rem;font-weight:600}.product-desc{color:var(--text-body);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.product-features-list{flex-direction:column;gap:.6rem;margin-bottom:1.8rem;list-style:none;display:flex}.product-features-list li{color:var(--text-body);align-items:center;gap:.65rem;font-size:.88rem;display:flex}.product-features-list li i{color:var(--emerald);font-size:.95rem}.product-tech-stack{flex-wrap:wrap;gap:.45rem;margin-top:auto;margin-bottom:1.8rem;display:flex}.tech-tag{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:var(--text-muted);padding:.22rem .65rem;font-size:.76rem;font-weight:600}.product-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:1.25rem;display:flex}.product-client{color:var(--text-muted);font-size:.82rem}.product-client strong{color:var(--text-title)}.case-studies-section{background:var(--bg-white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.case-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.case-card{background:var(--bg-body);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-smooth);flex-direction:column;padding:2.2rem;display:flex}.case-card:hover{background:var(--bg-white);border-color:var(--border-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.case-card-header{align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.case-icon{border-radius:var(--radius-md);background:var(--primary-subtle);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.case-card h3{margin-bottom:.75rem;font-size:1.25rem}.case-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.93rem;line-height:1.65}.case-metric{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-top:auto;padding:1rem;display:flex}.case-metric strong{color:var(--primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem}.case-metric span{color:var(--text-muted);font-size:.8rem}.services-grid{grid-template-columns:repeat(4,1fr);gap:1.8rem;display:grid}.service-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:left;transition:var(--transition-smooth);box-shadow:var(--shadow-xs);padding:2.5rem 1.8rem}.service-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}.service-icon-box{border-radius:var(--radius-md);background:var(--primary-subtle);width:54px;height:54px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.45rem;display:flex}.service-card h3{margin-bottom:.8rem;font-size:1.25rem}.service-card p{color:var(--text-muted);font-size:.92rem;line-height:1.6}.pillars-section{background:linear-gradient(180deg, var(--bg-body) 0%, var(--bg-white) 100%)}.pillars-grid{grid-template-columns:repeat(4,1fr);gap:1.8rem;display:grid}.pillar-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);padding:2.2rem 1.8rem}.pillar-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pillar-num{color:var(--border-hover);margin-bottom:.8rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}.pillar-card h3{margin-bottom:.6rem;font-size:1.15rem}.pillar-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.contact-section{background:var(--bg-white);border-top:1px solid var(--border-light)}.contact-container{grid-template-columns:1fr 1.15fr;align-items:flex-start;gap:4.5rem;display:grid}.contact-info-header{margin-bottom:2.5rem}.contact-info-header h2{margin-bottom:.8rem;font-size:2.4rem}.contact-info-header p{color:var(--text-muted);font-size:1.05rem}.contact-items-list{flex-direction:column;gap:1.8rem;margin-bottom:2.5rem;display:flex}.contact-item{align-items:flex-start;gap:1.2rem;display:flex}.contact-item-icon{background:var(--primary-subtle);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:48px;height:48px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.contact-item-text strong{color:var(--text-title);margin-bottom:.2rem;font-size:1rem;display:block}.contact-item-text p,.contact-item-text a{color:var(--text-muted);font-size:.93rem;line-height:1.5}.contact-item-text a:hover{color:var(--primary)}.contact-form-card{background:var(--bg-body);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:3rem}.contact-form-card h3{margin-bottom:.5rem;font-size:1.5rem}.contact-form-card>p{color:var(--text-muted);margin-bottom:2rem;font-size:.92rem}.form-group{margin-bottom:1.4rem}.form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.form-label{color:var(--text-title);margin-bottom:.45rem;font-size:.88rem;font-weight:600;display:block}.form-control{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-title);transition:var(--transition-fast);padding:.85rem 1.1rem;font-family:inherit;font-size:.95rem}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}textarea.form-control{resize:vertical;min-height:120px}.form-status{border-radius:var(--radius-sm);margin-top:1.2rem;padding:1rem;font-size:.92rem;display:none}.form-status.success{background:var(--emerald-light);border:1px solid var(--emerald-border);color:var(--emerald);display:block}dialog.product-modal{border-radius:var(--radius-xl);width:90vw;max-width:820px;box-shadow:var(--shadow-xl);background:var(--bg-white);border:none;margin:auto;padding:0;position:fixed;inset:0}dialog.product-modal::backdrop{-webkit-backdrop-filter:blur(4px);background-color:#0f172a80}.modal-content-wrap{max-height:85vh;position:relative;overflow-y:auto}.modal-header{background:var(--bg-white);border-bottom:1px solid var(--border-light);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.modal-header h3{color:var(--text-title);font-size:1.35rem}.modal-close-btn{background:var(--bg-subtle);border-radius:var(--radius-pill);cursor:pointer;width:36px;height:36px;color:var(--text-muted);transition:var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close-btn:hover{background:var(--bg-subtle-hover);color:var(--text-title)}.modal-body{padding:2rem}.modal-image-preview{border-radius:var(--radius-md);border:1px solid var(--border-light);width:100%;height:280px;margin-bottom:2rem;overflow:hidden}.modal-image-preview img{object-fit:cover;width:100%;height:100%}.modal-spec-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.modal-spec-box{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem}.modal-spec-box h4{color:var(--primary);margin-bottom:.4rem;font-size:.95rem}.modal-spec-box p{color:var(--text-body);font-size:.88rem}.modal-footer{border-top:1px solid var(--border-light);background:var(--bg-subtle);justify-content:flex-end;gap:1rem;padding:1.25rem 2rem;display:flex}footer{background:var(--bg-white);border-top:1px solid var(--border-light);padding:5rem 0 2.5rem}.footer-top{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3.5rem;margin-bottom:3.5rem;display:grid}.footer-brand p{color:var(--text-muted);max-width:320px;margin-top:1rem;font-size:.93rem;line-height:1.65}.footer-col h4{color:var(--text-title);margin-bottom:1.4rem;font-size:1rem}.footer-links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links a{color:var(--text-muted);transition:var(--transition-fast);font-size:.9rem}.footer-links a:hover{color:var(--primary);padding-left:4px}.footer-bottom{border-top:1px solid var(--border-light);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.88rem;display:flex}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center;max-width:100%}.hero-actions,.hero-metrics{justify-content:center}.services-grid,.pillars-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.products-grid{grid-template-columns:1fr}.contact-container{grid-template-columns:1fr;gap:3rem}.mobile-menu-toggle{display:flex}.nav-links{background:var(--bg-white);border-bottom:1px solid var(--border-light);width:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:1.5rem;padding:2rem;display:none;position:fixed;top:80px;left:0}.nav-links.open{display:flex}}@media (width<=640px){.hero-title{font-size:2.6rem}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:1rem}.services-grid,.pillars-grid,.form-row{grid-template-columns:1fr}.contact-form-card{padding:1.8rem}.footer-top{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}