:root{--primary-color:#1877f2;--primary-dark:#166fe5;--primary-light:#e7f3ff;--accent-color:#1877f2;--text-dark:#1c1e21;--text-light:#606770;--text-white:#fff;--bg-light:#f0f2f5;--bg-white:#fff;--bg-gray:#e4e6eb;--border-color:#dadde1;--shadow:0 2px 8px #0000000d;--shadow-lg:0 6px 20px #00000012}
body{background:#fff;color:#1c1e21;font-family:Arial,Helvetica,sans-serif}::selection{background:#dcecff;color:#1c1e21}a:focus-visible,button:focus-visible{outline:3px solid #1877f2;outline-offset:4px}.header{background:#fff;border-bottom:1px solid #e4e6eb;box-shadow:none!important}.header-content{padding:17px 0;gap:22px}.logo-text{font-size:19px;color:#233754;letter-spacing:-.3px}.nav-link{color:#606770;font-size:14px;font-weight:600}.nav-link:hover,.nav-link.active{color:#1877f2}.nav-link.active::after{background:#1877f2;height:3px}.mobile-menu-btn span{background:#606770}
.hero{background:linear-gradient(125deg,#f0f5fd,#f7f9fc 60%,#eaf3ff);padding:75px 0 70px;border-bottom:1px solid #e3e9f1}.hero-content{max-width:1000px}.hero-title{font-size:46px;line-height:1.18;letter-spacing:-1.4px;color:#233754;max-width:850px;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:18px;color:#606770;max-width:760px;margin-left:auto;margin-right:auto}.future-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#3773be;background:#e5effd;border:1px solid #d5e5fa;border-radius:6px;padding:6px 12px;margin-bottom:22px}.hero-buttons{margin-top:30px}.btn{border-radius:6px;font-weight:600;transition:background .18s,box-shadow .18s,transform .18s}.btn-primary{background:#1877f2;color:#fff;border:1px solid #1877f2;box-shadow:none}.btn-primary:hover{background:#166fe5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1877f225}.btn-secondary{background:#fff;color:#315b92;border:1px solid #bdcce0}.btn-secondary:hover{background:#e7f3ff;color:#1877f2;border-color:#9fbce2}.btn-outline{color:#1877f2;border:1px solid #bdd4f2;background:#fff}.btn-outline:hover{background:#e7f3ff;color:#166fe5;border-color:#92baf0}.section-title{color:#233754;letter-spacing:-.6px;font-size:34px}.section-subtitle{color:#656e7c}.services-preview,.products-section{background:#f7f8fa}.service-card,.product-card{background:#fff;border:1px solid #e0e4ea;border-radius:10px;box-shadow:0 2px 6px #00000005;transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover,.product-card:hover{transform:translateY(-4px);border-color:#b4cff2;box-shadow:0 8px 24px #2337540d}.service-icon,.product-icon{width:68px;height:68px;border-radius:14px;background:#eef5ff;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;font-size:32px}.service-title,.product-title,.why-title,.contact-info-title,.about-intro-title{color:#233754}.why-us{background:#fff}.why-number{color:#b5ccee}.industries{background:#f0f2f5}.industry-item{background:#fff;color:#526579;border:1px solid #dce2e9;border-radius:6px}.industry-item:hover{background:#e7f3ff;color:#1877f2}.cta-section{background:#edf4ff;border-top:1px solid #dae7f8;border-bottom:1px solid #dae7f8}.cta-title{color:#233754}.cta-subtitle{color:#606f85}.footer{background:#f0f2f5;color:#606770;border-top:1px solid #dadde1}.footer-title,.footer-logo-text{color:#34475f}.footer-description,.footer-contact li,.footer-contact a,.footer-links a,.footer-location{color:#667184}.footer-links a:hover,.footer-contact a:hover{color:#1877f2}.footer-bottom{border-color:#d8dfe8;color:#788394}.page-header{background:#f0f5fc;border-bottom:1px solid #e0e8f3}.page-title{color:#233754}.page-subtitle{color:#66758a}.company-details,.our-mission,.our-approach,.contact-form-wrapper,.contact-direct,.legal-contact{background:#f7f9fc;border:1px solid #e0e6ef;border-radius:10px}.value-item{background:#fff;border:1px solid #e0e6ef;border-radius:10px}.approach-number{background:#1877f2;color:#fff}.contact-item-icon,.service-detail-icon{background:#eef5ff;color:#1877f2}.platform-tag{background:#e7f3ff;color:#3772bd}.product-use-case{background:#f7f9fc;color:#64748a}.company-info-section{background:#fff;padding:55px 0;border-bottom:1px solid #e4e8ef}.company-info-box{background:#f7f9fc;border:1px solid #dce5f0;border-radius:10px;color:#56667d;max-width:960px;margin-top:24px}.company-info-box strong{color:#233754}.company-info-box a{color:#1877f2}.company-info-section .section-title{font-size:29px}.company-info-section .section-subtitle{font-size:15px;max-width:850px;margin-left:auto;margin-right:auto}.contact-direct p{color:#606770}.qr-modal-content{background:#fff}.qr-title{color:#34475f}.qr-close{color:#606770}.reveal-pending{opacity:0;transform:translateY(12px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .45s ease,transform .45s ease}
@media(max-width:1000px){.logo-text{font-size:16px}.nav-list{gap:18px}.hero-title{font-size:40px}}@media(max-width:768px){.header-content{padding:15px 0;gap:14px}.logo{gap:9px}.logo-text{font-size:12px;letter-spacing:-.2px}.logo-img{width:34px;height:34px}.mobile-menu-btn{width:28px;min-width:28px}.nav-list{background:#fff;border-bottom:1px solid #dadde1}.hero{padding:52px 0}.hero-title{font-size:34px;letter-spacing:-.9px}.hero-subtitle{font-size:16px}.future-label{font-size:10px;letter-spacing:.8px}.section-title{font-size:29px}.company-info-section{padding:40px 0}.company-info-section .section-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1;transform:none}}
.company-info-section .section-title{text-align:center}