@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.navbar{height:var(--nav-height);-webkit-backdrop-filter:blur(16px);z-index:1000;background-color:#ffffffd9;border-bottom:1px solid #0000000d;width:100%;position:fixed;top:0;left:0;box-shadow:0 4px 30px #00000008}.navbar-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo-container{align-items:center;gap:1rem;display:flex}.logo-img{border-radius:8px;width:auto;height:44px;box-shadow:0 2px 10px #0000000d}.logo-text{color:var(--secondary-navy);letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-link{color:var(--text-main);font-size:.95rem;font-weight:500;position:relative}.nav-link:after{content:"";background-color:var(--primary-cyan);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--secondary-navy)}.nav-link:hover:after{width:100%}.btn-primary{background-color:var(--secondary-navy);color:#fff;border-radius:50px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;box-shadow:0 4px 14px #0a192f33}.btn-primary:hover{background-color:var(--primary-cyan);transform:translateY(-2px);box-shadow:0 6px 20px #00b8d440}.mobile-menu-btn{color:var(--secondary-navy);cursor:pointer;z-index:1001;background:0 0;border:none;display:none}@media (width<=768px){.logo-text{font-size:1.25rem}.mobile-menu-btn{display:block}.nav-links{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);z-index:1000;background-color:#fffffffa;flex-direction:column;gap:2rem;width:100%;padding:2rem;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:fixed;left:0;transform:translateY(-150%);box-shadow:0 10px 30px #0000000d}.nav-links.active{transform:translateY(0)}.btn-primary{text-align:center;width:100%}}.hero{min-height:100vh;padding-top:var(--nav-height);background-color:var(--bg-main);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg-shapes{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.shape-1{background-color:var(--primary-cyan-light);width:500px;height:500px;animation:10s ease-in-out infinite float;top:-100px;right:-100px}.shape-2{background:#0a192f08;width:400px;height:400px;animation:12s ease-in-out infinite reverse float;bottom:10%;left:-50px}@keyframes float{0%{transform:translate(0)}50%{transform:translate(-30px,30px)}to{transform:translate(0)}}.hero-container{z-index:1;align-items:center;display:flex;position:relative}.hero-content{max-width:850px;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.badge{color:var(--primary-cyan);letter-spacing:1px;text-transform:uppercase;background-color:#00b8d41a;border:1px solid #00b8d433;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.hero-title{color:var(--text-dark);letter-spacing:-1.5px;margin-bottom:1.5rem;font-size:5rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--primary-cyan) 0%, #007bb5 50%, var(--primary-cyan) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shine}@keyframes shine{to{background-position:200%}}.hero-subtitle{color:var(--text-main);max-width:650px;margin-bottom:3rem;font-size:1.35rem;line-height:1.7}.hero-cta{gap:1.5rem;display:flex}.btn-solid-hero{background-color:var(--primary-cyan);color:#fff;border-radius:50px;padding:1rem 2.2rem;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 25px #00b8d44d}.btn-solid-hero:hover{background-color:#00a4bd;transform:translateY(-3px);box-shadow:0 15px 35px #00b8d466}.btn-outline-hero{background-color:var(--bg-card);color:var(--text-dark);border:1px solid #e2e8f0;border-radius:50px;padding:1rem 2.2rem;font-size:1.1rem;font-weight:600;box-shadow:0 4px 6px #00000005}.btn-outline-hero:hover{border-color:var(--accent-silver);transform:translateY(-3px);box-shadow:0 10px 20px #0000000a}@media (width<=768px){.hero-title{font-size:3.5rem}.hero-subtitle{margin-bottom:2rem;font-size:1.2rem}.hero-cta{flex-direction:column}.btn-solid-hero,.btn-outline-hero{text-align:center;width:100%}}@media (width<=480px){.hero-title{font-size:3rem}.badge{font-size:.8rem}}.about-section{background-color:var(--bg-color,#fafafa);padding:8rem 2rem;position:relative;overflow:hidden}.about-section:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#00b8d40d 0%,#fafafa00 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-20%;right:-10%}.about-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.about-grid{grid-template-columns:1fr;gap:4rem;display:grid}@media (width>=1024px){.about-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:6rem}}.about-title{color:#0a192f;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.about-title span{color:#00b8d4;opacity:0;animation:.8s ease-out forwards fadeInUp;display:inline-block}.about-title span:first-of-type{animation-delay:.1s}.about-title span:last-of-type{animation-delay:.3s}.about-lead{color:#444;margin-bottom:3rem;font-size:1.25rem;font-weight:500;line-height:1.6}.about-stats{border-top:1px solid #0a192f1a;gap:3rem;padding-top:2rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-number{color:#0a192f;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1;animation:4s ease-in-out infinite pulseStat;display:inline-block}.stat-item:nth-child(2) .stat-number{animation-delay:2s}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.about-description{color:#555;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.about-feature-list{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;display:grid}.feature-list-item{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fffc;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .3s,box-shadow .3s;animation:6s ease-in-out infinite floatY;display:flex;box-shadow:0 4px 15px #00000005}.feature-list-item:nth-child(2){animation-delay:1.5s}.feature-list-item:nth-child(3){animation-delay:3s}.feature-list-item:nth-child(4){animation-delay:4.5s}.feature-list-item:hover{border-color:#00b8d426;transform:translateY(-2px);box-shadow:0 8px 25px #00b8d414}.feature-icon-wrapper{color:#00b8d4;background:#00b8d41a;border-radius:8px;justify-content:center;align-items:center;padding:.6rem;display:flex}.feature-list-item span{color:#0a192f;font-size:.95rem;font-weight:600}@media (width<=768px){.about-section{padding:5rem 1.5rem}.about-title{font-size:2.5rem}.about-feature-list{grid-template-columns:1fr}.about-stats{gap:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseStat{0%,to{color:#0a192f;transform:scale(1)}50%{color:#00b8d4;transform:scale(1.05)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.solutions{background-color:var(--bg-main,#fafafa);padding:8rem 0}.solutions-header{text-align:center;margin-bottom:4rem}.section-title{color:var(--text-dark,#0a192f);letter-spacing:-1px;margin-bottom:1rem;font-size:3rem;font-weight:800}.section-subtitle{color:var(--text-main,#555);max-width:600px;margin:0 auto;font-size:1.15rem}.solutions-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.solution-card{z-index:1;background-color:#fff;border:1px solid #0000000a;border-radius:20px;flex-direction:column;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 10px 30px #00000005}.solution-card:hover{z-index:2;border-color:#00b8d433;transform:translateY(-10px);box-shadow:0 20px 40px #00b8d41a}.card-icon-wrapper{background-color:#00b8d41a;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.75rem;transition:all .3s;display:flex}.solution-card:hover .card-icon-wrapper{background-color:#00b8d4;transform:scale(1.1)rotate(5deg)}.card-icon{color:#00b8d4;width:28px;height:28px;transition:color .3s}.solution-card:hover .card-icon{color:#fff}.solution-card h3{color:#0a192f;margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.solution-card p{color:#555;font-size:1rem;line-height:1.6}@media (width<=1024px){.solutions-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (width<=768px){.solutions{padding:5rem 1.5rem}.section-title{font-size:2.5rem}.solutions-grid{grid-template-columns:1fr;gap:1.5rem}}@keyframes scrollFadeUpLight{0%{opacity:0;transform:translateY(40px);box-shadow:0 0 #00b8d400}40%{opacity:1;transform:translateY(-5px);box-shadow:0 0 50px #00b8d499}to{opacity:1;transform:translateY(0);box-shadow:0 10px 30px #00000005}}.brands{background:linear-gradient(#fff 0%,#fafafa 100%);padding:8rem 0;position:relative;overflow:hidden}.brands-header{text-align:center;margin-bottom:5rem}.brands-header .badge{color:var(--primary-cyan);letter-spacing:1.5px;text-transform:uppercase;background-color:#00b8d414;border:1px solid #00b8d426;border-radius:50px;margin-bottom:1.2rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:700;display:inline-block}.brands-header .section-title{color:var(--text-dark);letter-spacing:-1.2px;margin-bottom:1.2rem;font-size:3rem;font-weight:800}.brands-header .section-subtitle{color:var(--text-main);max-width:700px;margin:0 auto;font-size:1.15rem;line-height:1.7}.marquee-wrapper{background-color:#ffffffb3;border-top:1px dashed #0000000f;border-bottom:1px dashed #0000000f;width:100%;margin-bottom:6rem;padding:2.5rem 0;position:relative;overflow:hidden}.marquee-fade-left,.marquee-fade-right{z-index:2;pointer-events:none;width:15%;position:absolute;top:0;bottom:0}.marquee-fade-left{background:linear-gradient(90deg,#fff 0%,#0000 100%);left:0}.marquee-fade-right{background:linear-gradient(270deg,#fff 0%,#0000 100%);right:0}.marquee-content{gap:4rem;width:100%;display:flex;overflow:hidden}.marquee-track{flex-shrink:0;justify-content:space-around;align-items:center;gap:4rem;min-width:100%;animation:35s linear infinite scroll;display:flex}.marquee-item{justify-content:center;align-items:center;height:80px;padding:0 1rem;transition:transform .3s;display:flex}.marquee-item img{object-fit:contain;opacity:.85;filter:grayscale(35%);width:auto;height:60px;transition:all .3s}.marquee-item:hover img{opacity:1;filter:grayscale(0%);transform:scale(1.06)}.marquee-content:hover .marquee-track{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - 4rem))}}.brands-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.brand-card{background-color:var(--bg-card);border:1px solid #0000000d;border-radius:24px;flex-direction:column;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.brand-card:after{content:"";background:var(--accent-hover);transform-origin:0;width:100%;height:4px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.brand-card:hover:after{transform:scaleX(1)}.brand-card:hover{border-color:#00000014;transform:translateY(-8px);box-shadow:0 20px 40px #0000000f}.brand-card-top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.brand-logo-container{align-items:center;height:60px;display:flex}.brand-logo-img{object-fit:contain;max-width:250px;height:50px;display:block}.brand-num{color:#a0aec033;font-size:1.5rem;font-weight:800;transition:color .4s cubic-bezier(.16,1,.3,1),text-shadow .4s}.animate-on-scroll.is-visible .brand-num{animation:1.5s cubic-bezier(.2,.8,.2,1) forwards numberGlow}@keyframes numberGlow{0%{color:#a0aec033;text-shadow:none}40%{color:var(--accent-hover);text-shadow:0 0 20px var(--accent-hover)}to{color:#a0aec033;text-shadow:none}}.brand-card:hover .brand-num{color:var(--accent-hover)}.animate-on-scroll{opacity:0;transform:translateY(40px)}.animate-on-scroll.is-visible{animation:1.5s cubic-bezier(.2,.8,.2,1) forwards scrollBrandFadeUpLight}@keyframes scrollBrandFadeUpLight{0%{opacity:0;transform:translateY(40px);box-shadow:0 0 #0000}40%{opacity:1;box-shadow:0 0 50px var(--accent-hover);transform:translateY(-5px)}to{opacity:1;transform:translateY(0);box-shadow:0 10px 30px #00000005}}.brand-card-content{flex-grow:1}.brand-spec{text-transform:uppercase;letter-spacing:1.2px;margin-bottom:.6rem;font-size:.85rem;font-weight:700;display:block}.brand-card-content h3{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:.8rem;font-size:1.5rem;font-weight:800}.brand-card-content p{color:var(--text-main);margin-bottom:1.8rem;font-size:.95rem;line-height:1.6}.brand-divider{background:linear-gradient(90deg,#0000000f 0%,#0000 100%);height:1px;margin-bottom:1.8rem}.brand-highlights{flex-direction:column;gap:.8rem;margin-bottom:2rem;list-style:none;display:flex}.brand-highlights li{color:var(--text-main);align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.4;display:flex}.highlight-icon{stroke-width:3px;flex-shrink:0;width:16px;height:16px;margin-top:2px}.brand-card-footer{border-top:1px solid #00000008;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.2rem;display:flex}.integration-badge{color:var(--text-main);background-color:#f7fafc;border:1px solid #00000008;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s}.brand-card:hover .integration-badge{background-color:var(--primary-cyan-light);color:var(--secondary-navy)}.arrow-icon{width:18px;height:18px;color:var(--accent-silver);transition:all .3s cubic-bezier(.16,1,.3,1)}.brand-card:hover .arrow-icon{color:var(--accent-hover);transform:translate(3px,-3px)}@media (width<=1024px){.brands-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.brands-header .section-title{font-size:2.5rem}}@media (width<=768px){.brands{padding:6rem 0}.brands-header{margin-bottom:3.5rem}.marquee-wrapper{margin-bottom:4rem;padding:1.8rem 0}.marquee-item{padding:0 .5rem}.marquee-item img{height:45px}.brands-grid{grid-template-columns:1fr;gap:1.5rem}.brand-card{padding:2rem}}.contact-section{background-color:var(--bg-main);padding:6rem 0;position:relative}.contact-header{text-align:center;margin-bottom:4rem}.contact-header h2{color:var(--secondary-navy);margin-bottom:1rem;font-size:2.5rem}.contact-header p{color:var(--text-main);font-size:1.1rem}.contact-content{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;display:grid}.contact-info{flex-direction:column;gap:1.5rem;display:flex}.info-card{background:var(--bg-card);border-radius:1rem;align-items:flex-start;gap:1.5rem;padding:1.5rem;transition:transform .3s;display:flex;box-shadow:0 4px 20px #0000000d}.info-card:hover{transform:translateY(-5px)}.icon-wrapper{background:var(--primary-cyan-light);color:var(--primary-cyan);border-radius:50%;justify-content:center;align-items:center;padding:1rem;display:flex}.info-details h3{color:var(--secondary-navy);margin-bottom:.5rem;font-size:1.2rem}.info-details p{color:var(--text-main);line-height:1.5}.contact-form-container{background:var(--bg-card);border-radius:1rem;padding:2.5rem;box-shadow:0 4px 20px #0000000d}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group input,.form-group textarea{width:100%;color:var(--text-dark);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-cyan);box-shadow:0 0 0 3px var(--primary-cyan-light);background-color:#fff;outline:none}.submit-btn{background:var(--primary-cyan);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.1rem;font-weight:600;display:flex}.submit-btn:hover{background:#009cb4;transform:translateY(-2px);box-shadow:0 4px 12px #00b8d44d}.map-container{background:var(--bg-card);border-radius:1rem;width:100%;height:400px;overflow:hidden;box-shadow:0 4px 20px #0000000d}@media (width<=768px){.contact-content{grid-template-columns:1fr}.contact-form-container{padding:1.5rem}}.fade-in-up{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.fade-in-left{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.fade-in-right{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.fade-in-up.visible,.fade-in-left.visible,.fade-in-right.visible{opacity:1;transform:translate(0)}.footer{background-color:var(--secondary-navy);color:#fff;padding:4rem 0 2rem}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem;display:grid}.footer-brand h2{color:var(--primary-cyan);letter-spacing:-.5px;margin-bottom:1rem;font-size:2rem;font-weight:800}.footer-brand p{color:var(--accent-silver);max-width:400px;line-height:1.6}.footer h3{color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.2rem;position:relative}.footer h3:after{content:"";background-color:var(--primary-cyan);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--accent-silver);align-items:center;gap:.5rem;display:flex}.footer-links a:hover{color:var(--primary-cyan);transform:translate(5px)}.footer-contact ul{flex-direction:column;gap:1rem;list-style:none;display:flex}.footer-contact li{color:var(--accent-silver);align-items:flex-start;gap:1rem;display:flex}.footer-contact li svg{color:var(--primary-cyan);flex-shrink:0;margin-top:.2rem}.footer-bottom{text-align:center;color:var(--accent-silver);border-top:1px solid #ffffff1a;padding-top:2rem;font-size:.9rem}@media (width<=768px){.footer-content{grid-template-columns:1fr;gap:2.5rem}}:root{--primary-cyan:#00b8d4;--primary-cyan-light:#e0f7fa;--secondary-navy:#0a192f;--bg-main:#fafafa;--bg-card:#fff;--text-main:#4a5568;--text-dark:#1a202c;--accent-silver:#a0aec0;--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}}a{color:inherit;text-decoration:none;transition:all .3s}button{cursor:pointer;border:none;font-family:inherit;transition:all .3s}.text-cyan{color:var(--primary-cyan)}.text-navy{color:var(--secondary-navy)}@media (width<=768px){.hide-on-mobile{display:none}}
