@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap";:root{--bg-color:#f8fafc;--bg-subtle:#f1f5f9;--bg-dark:#0f172a;--bg-dark-card:#1e293b;--text-color:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--primary-color:#12265b;--primary-hover:#1a367c;--primary-light:#eef4ff;--accent-color:#00a8c6;--accent-hover:#008da5;--accent-light:#e0f7fa;--brand-green:#00a859;--brand-green-dark:#008744;--gold-color:#d97706;--gold-light:#fef3c7;--card-bg:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--success-color:#059669;--success-bg:#ecfdf5;--success-border:#a7f3d0;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--shadow-xs:0 1px 2px 0 rgba(15,23,42,.05);--shadow-sm:0 1px 3px 0 rgba(15,23,42,.08),0 1px 2px -1px rgba(15,23,42,.06);--shadow-md:0 4px 6px -1px rgba(15,23,42,.08),0 2px 4px -2px rgba(15,23,42,.05);--shadow-lg:0 10px 15px -3px rgba(15,23,42,.08),0 4px 6px -4px rgba(15,23,42,.04);--shadow-xl:0 20px 25px -5px rgba(15,23,42,.1),0 8px 10px -6px rgba(15,23,42,.04);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--transition-fast:.18s cubic-bezier(.4,0,.2,1);--transition-normal:.28s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);font-size:15px;line-height:1.6;overflow-x:hidden;position:relative;min-height:100%;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tech-bg-grid{inset:0;background:#f8fafc}.tech-bg-grid,.tech-glow-top{position:fixed;z-index:-1;pointer-events:none}.tech-glow-top{top:0;left:50%;transform:translate(-50%);width:1000px;height:400px;background:radial-gradient(circle,#0284c70a 0,#f8fafc00 70%);filter:blur(60px)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.top-utility-bar{background-color:var(--bg-dark);font-size:13px;border-bottom:1px solid hsla(0,0%,100%,.08);transition:all .3s ease;position:relative;z-index:101;padding:6px 0}.top-utility-bar.utility-transparent-banner{background-color:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid hsla(0,0%,100%,.12)}.top-utility-bar.utility-scrolled-solid{background-color:var(--bg-dark)}.utility-container{display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:0 24px}.utility-left,.utility-right{display:flex;align-items:center;gap:20px}.utility-item{display:flex;align-items:center;gap:6px;color:#cbd5e1;text-decoration:none;transition:color var(--transition-fast)}.utility-item:hover{color:#38bdf8}.utility-highlight{color:#f8fafc;font-weight:600}@media(max-width:768px){.top-utility-bar{display:none}}.top-header-wrapper{position:sticky;top:0;z-index:100;transition:all .35s cubic-bezier(.16,1,.3,1)}.top-header-wrapper.header-on-banner{position:absolute;top:16px;left:0;right:0;background:transparent;border-bottom:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.top-header-wrapper.header-on-banner .top-nav-link{color:#12265b;font-weight:800;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.top-header-wrapper.header-on-banner .top-nav-link.active,.top-header-wrapper.header-on-banner .top-nav-link:hover{color:#00a8c6;background-color:#ffffffd9;box-shadow:0 2px 8px #0000000f}.top-header-wrapper.header-on-banner .nav-cta-btn{background:linear-gradient(135deg,#12265b,#0096b4)!important;color:#fff!important;font-weight:800;box-shadow:0 4px 12px #12265b59;border:1px solid hsla(0,0%,100%,.3)}.top-header-wrapper.header-on-banner .nav-cta-btn:hover{background:linear-gradient(135deg,#0e1e48,#007c94)!important;transform:translateY(-2px);box-shadow:0 6px 16px #12265b73}.top-header-wrapper.header-scrolled{position:sticky;top:0;background-color:#fffffffa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px -2px #0f172a14}.top-logo-bar{display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:12px 24px;gap:16px}.brand-logo-link.center-brand{gap:10px;margin:0 16px}.brand-logo-link,.brand-logo-link.center-brand{display:flex;flex-direction:row;align-items:center;text-decoration:none}.brand-logo-link{gap:12px}.logo-text-group{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.logo-brand-name{font-family:var(--font-sans);font-size:24px;font-weight:900;letter-spacing:.08em;color:#12265b;text-transform:uppercase}.logo-brand-name span{color:#00a8c6}.logo-slogan{font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.logo-image-top{height:44px;width:auto;display:block;transition:transform var(--transition-fast)}.logo-image-top:hover{transform:scale(1.05)}.top-nav-menu{display:flex;gap:6px;list-style:none;align-items:center}.nav-group-left,.nav-group-right{flex:1}.nav-group-left{justify-content:flex-end}.nav-group-right{justify-content:flex-start}.top-nav-link{font-family:var(--font-sans);font-size:13.5px;font-weight:700;letter-spacing:.03em;color:#334155;text-decoration:none;background:transparent;border:none;cursor:pointer;padding:8px 14px;border-radius:9999px;transition:all var(--transition-fast);white-space:nowrap}.top-nav-link.active,.top-nav-link:hover{color:var(--primary-color);background-color:var(--primary-light)}.top-nav-link.active{font-weight:800}.nav-home-icon-btn{padding:4px;background:transparent!important}.home-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#12265b;color:#fff;border-radius:50%;font-size:16px;box-shadow:0 2px 6px #12265b4d;transition:transform .2s ease}.nav-home-icon-btn:hover .home-icon-circle{transform:scale(1.1);background-color:#00a8c6}.nav-cta-btn{background:linear-gradient(135deg,#12265b,#0096b4)!important;color:#fff!important;font-weight:700;padding:8px 18px;border-radius:9999px;margin-left:8px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #12265b40}.nav-cta-btn:hover{background:linear-gradient(135deg,#0e1e48,#007c94)!important;color:#fff!important;transform:translateY(-1px)}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--text-color);padding:6px;cursor:pointer}@media(max-width:1024px){.top-nav-menu{display:none}.mobile-nav-toggle{display:flex}}.mobile-nav-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:16px 24px;display:flex;flex-direction:column;gap:8px;z-index:99}.mobile-nav-dropdown .top-nav-link{text-align:left;padding:10px 14px;font-size:15px}.fullwidth-hero-banner{position:relative;width:100%;min-height:620px;padding-top:85px;background:linear-gradient(135deg,#f0f6ff,#e0f2fe 40%,#eff6ff);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--border-color)}.fullwidth-banner-backdrop{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 30%,rgba(30,64,175,.06) 0,transparent 45%),radial-gradient(circle at 85% 60%,rgba(2,132,199,.08) 0,transparent 55%);pointer-events:none}.banner-dynamic-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:1}.banner-orb-1{width:320px;height:320px;background:#1e40af1f;top:-40px;left:20%;animation:orb-drift 12s ease-in-out infinite alternate}.banner-orb-2{width:280px;height:280px;background:#0284c726;bottom:20px;right:15%;animation:orb-drift 15s ease-in-out infinite alternate-reverse}@keyframes orb-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.1)}to{transform:translate(-20px,35px) scale(.95)}}.banner-slide-enter-active,.banner-slide-leave-active{transition:all .45s cubic-bezier(.2,.8,.2,1)}.banner-slide-enter-from{opacity:0;transform:translate(40px) scale(.98)}.banner-slide-leave-to{opacity:0;transform:translate(-40px) scale(.98)}.fullwidth-slide-inner{max-width:1240px;width:100%;margin:0 auto;padding:60px 24px 36px;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;position:relative;z-index:2}.hero-brand-col{display:flex;flex-direction:column}.animated-slide-down{animation:hero-fade-down .5s cubic-bezier(.16,1,.3,1) both}.animated-slide-sub{animation:hero-fade-down .5s cubic-bezier(.16,1,.3,1) .1s both}@keyframes hero-fade-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.hero-main-logo-text{font-size:64px;font-weight:900;color:#12265b;line-height:1;letter-spacing:-.03em;margin-bottom:4px;text-shadow:0 4px 14px rgba(18,38,91,.15)}.hero-sub-brand{font-size:20px;font-weight:800;color:#00a8c6;letter-spacing:.15em;text-transform:uppercase;margin-bottom:28px}.hero-bullet-statements{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.hero-statement-item{font-size:22px;font-weight:700;color:#047857;line-height:1.35;letter-spacing:-.01em;display:flex;align-items:flex-start;gap:12px;animation:hero-statement-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes hero-statement-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hero-statement-dot{width:10px;height:10px;border-radius:50%;background-color:#059669;margin-top:10px;flex-shrink:0;box-shadow:0 0 8px #05966980}.hero-dots-container{display:flex;gap:10px;margin-top:8px}.hero-dot{width:32px;height:6px;border-radius:9999px;background:#12265b33;border:none;cursor:pointer;padding:0;transition:all .3s ease}.hero-dot:hover{background:#12265b66}.hero-dot.active{width:48px;background:#12265b;box-shadow:0 2px 8px #12265b66}.hero-feature-col{display:flex;justify-content:center;position:relative}.floating-motion{animation:card-floating 5s ease-in-out infinite alternate}@keyframes card-floating{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.hero-feature-card{background:linear-gradient(145deg,#1e3a8af5,#0284c7eb);border:2px solid hsla(0,0%,100%,.35);border-radius:28px;padding:36px 32px;color:#fff;box-shadow:0 24px 48px -12px #1e40af61,0 0 20px #38bdf833;max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-card-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;background:#fff3;padding:4px 12px;border-radius:9999px;margin-bottom:14px}.hero-card-heading{font-size:22px;font-weight:800;line-height:1.3;margin-bottom:12px;color:#fff}.hero-card-desc{font-size:14px;color:#e0f2fe;line-height:1.6;margin-bottom:24px}.hero-card-cta-btn{background:linear-gradient(135deg,#12265b,#0096b4);color:#fff;padding:12px 32px;border-radius:9999px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;border:1px solid hsla(0,0%,100%,.3);cursor:pointer;box-shadow:0 8px 16px #12265b4d;transition:all var(--transition-fast)}.hero-card-cta-btn:hover{background:linear-gradient(135deg,#0e1e48,#007c94);transform:translateY(-2px) scale(1.03);box-shadow:0 12px 24px #12265b66}.hero-device-preview{margin-top:24px;width:100%;height:200px;background:#00000026;border-radius:18px;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid hsla(0,0%,100%,.25);box-shadow:inset 0 2px 10px #0003}.hero-device-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.hero-device-preview img:hover{transform:scale(1.08)}.hero-bottom-ribbon{width:100%;display:flex;justify-content:center;padding-bottom:22px;z-index:2}.ribbon-pill-container{display:inline-flex;align-items:center;background:linear-gradient(135deg,#059669,#047857);border-radius:9999px;padding:6px 12px;box-shadow:0 10px 25px -5px #05966980,0 0 15px #10b9814d;border:1.5px solid hsla(0,0%,100%,.3)}.ribbon-pulsing{animation:ribbon-pulse-glow 2.5s infinite}@keyframes ribbon-pulse-glow{0%{box-shadow:0 0 #05966999}70%{box-shadow:0 0 0 14px #05966900}to{box-shadow:0 0 #05966900}}.ribbon-item-phone{display:flex;align-items:center;gap:12px;padding:8px 28px;color:#fff;font-size:19px;font-weight:800;text-decoration:none;letter-spacing:.02em}.phone-ring-icon{animation:phone-wiggle 1.8s infinite}@keyframes phone-wiggle{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}50%{transform:rotate(0)}}.fullwidth-banner-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;border:1px solid var(--border-color);color:#1e293b;width:44px;height:54px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.fullwidth-banner-nav:hover{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-50%) scale(1.05)}.fullwidth-banner-nav.prev{left:20px}.fullwidth-banner-nav.next{right:20px}.ats-floating-socials{position:fixed;bottom:32px;right:24px;display:flex;flex-direction:column;gap:14px;z-index:999}.ats-social-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 8px 20px #0003;transition:all var(--transition-fast);cursor:pointer;border:none}.ats-social-circle:hover{transform:scale(1.1);box-shadow:0 12px 28px #0000004d}.ats-social-circle.zalo{background-color:#0068ff;font-weight:900;font-size:13px}.ats-social-circle.phone{background:linear-gradient(135deg,#e11d48,#ef4444);animation:pulse-phone 2s infinite}.ats-social-circle.facebook{background-color:#1877f2}@keyframes pulse-phone{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 14px #ef444400}to{box-shadow:0 0 #ef444400}}@media(max-width:900px){.fullwidth-slide-inner{grid-template-columns:1fr;padding:40px 20px 30px;gap:32px}.hero-main-logo-text{font-size:44px}.hero-statement-item{font-size:17px}.ribbon-pill-container{flex-direction:column;border-radius:20px;width:90%}.ribbon-item-phone,.ribbon-item-web{font-size:14px;padding:6px 12px;justify-content:center}.fullwidth-banner-nav{display:none}}.main-content-scrollable{flex-grow:1;padding:32px 0 48px;display:flex;flex-direction:column}.view-section{animation:fade-in .3s ease forwards;width:100%;display:flex;flex-direction:column}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:linear-gradient(135deg,#12265b,#008da5);color:#fff;padding:12px 24px;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.2);font-family:var(--font-sans);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #12265b40;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary:hover{background:linear-gradient(135deg,#0e1e48,#00768c);box-shadow:0 6px 18px #12265b59;transform:translateY(-1px)}.btn-outline{background-color:#fff;color:var(--text-color);padding:10px 22px;border-radius:var(--radius-md);border:1px solid var(--border-color);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--primary-light)}.btn-accent{background-color:var(--accent-color);color:#fff;padding:10px 20px;border-radius:var(--radius-md);border:none;font-family:var(--font-sans);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-accent:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-full{width:100%}.subpage-hero-banner{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:#f1f5f9;border-bottom:1px solid var(--border-color);padding:18px 0 28px;margin-bottom:36px;box-sizing:border-box}.subpage-banner-container{max-width:1240px;margin:0 auto;padding:0 24px}.subpage-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#64748b;margin-bottom:14px}.subpage-breadcrumb a{color:#334155;text-decoration:none;font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.subpage-breadcrumb a:hover{color:var(--primary-color)}.subpage-breadcrumb .crumb-sep{color:#94a3b8;font-size:13px}.subpage-breadcrumb .crumb-current{color:#64748b;font-weight:500}.subpage-main-heading{font-size:32px;font-weight:900;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;text-align:center;margin:0;line-height:1.2}.section-header-center{text-align:center;max-width:760px;margin:0 auto 36px}.badge-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background-color:var(--primary-light);color:var(--primary-color);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);border:1px solid rgba(30,64,175,.15);margin-bottom:12px}.badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent-color)}.section-title{font-size:28px;font-weight:800;color:var(--text-color);line-height:1.3;margin-bottom:12px;letter-spacing:-.01em}.section-subtitle{font-size:15px;color:var(--text-muted);line-height:1.6}.modal-backdrop{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content-card{width:100%;max-width:520px;background-color:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:32px;position:relative;box-shadow:var(--shadow-xl);animation:modal-enter .2s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.close-modal-trigger{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-modal-trigger:hover{color:var(--text-color);background-color:var(--bg-subtle)}.modal-header-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-color);margin-bottom:4px;display:block}.modal-main-title{font-size:22px;font-weight:800;color:var(--text-color);margin-bottom:20px;letter-spacing:-.01em}.contact-form-content{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-item{display:flex;flex-direction:column;gap:6px}.form-item-label{font-size:12px;font-weight:700;color:var(--text-color)}.form-item-input{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;background:#fff;font-family:var(--font-sans);font-size:14px;color:var(--text-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-item-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #0284c726}textarea.form-item-input{min-height:90px;resize:vertical}.modal-success-state{text-align:center;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.success-check-icon{color:var(--success-color)}.modal-success-state h4{font-size:20px;font-weight:800;color:var(--text-color)}.modal-success-state p{color:var(--text-muted);font-size:14px}.site-footer{background-color:#0f172a;color:#94a3b8;padding-top:48px;margin-top:auto;border-top:1px solid hsla(0,0%,100%,.08)}.footer-top-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:40px;border-bottom:1px solid hsla(0,0%,100%,.1)}@media(max-width:992px){.footer-top-grid{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:600px){.footer-top-grid{grid-template-columns:1fr}}.footer-col-title{color:#fff;font-size:15px;font-weight:700;margin-bottom:18px;letter-spacing:.02em}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-link-item{color:#94a3b8;text-decoration:none;font-size:14px;transition:color var(--transition-fast);cursor:pointer}.footer-link-item:hover{color:#38bdf8}.footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:13px;line-height:1.5;color:#cbd5e1}.footer-bottom-bar{padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b}.footer-social-links{display:flex;gap:14px}.footer-social-btn{color:#94a3b8;transition:color var(--transition-fast);display:flex;align-items:center}.footer-social-btn:hover{color:#38bdf8}@media(max-width:768px){.footer-bottom-bar{flex-direction:column;gap:12px;text-align:center}}@keyframes modal-enter{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.nav-search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0!important;border-radius:50%!important;background-color:#f1f5f9e6;color:var(--text-dark);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.top-header-wrapper.header-on-banner .nav-search-btn{background-color:#ffffffd9;color:#1e3a8a;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 2px 8px #00000014}.nav-search-btn:hover{background-color:var(--primary-color)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #0284c759}.search-modal-card{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40;border:1px solid var(--border-color);display:flex;flex-direction:column;animation:modal-enter .25s cubic-bezier(.16,1,.3,1)}.search-modal-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);gap:12px;position:relative;background-color:#f8fafc}.search-input-icon{color:var(--primary-color);flex-shrink:0}.search-modal-input{flex:1;border:none;background:transparent;font-size:16px;font-weight:500;color:var(--text-dark);outline:none;font-family:inherit}.search-modal-input::-moz-placeholder{color:#94a3b8;font-size:14.5px}.search-modal-input::placeholder{color:#94a3b8;font-size:14.5px}.search-clear-btn{background:#e2e8f0;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all var(--transition-fast)}.search-clear-btn:hover{background:#cbd5e1;color:#0f172a}.close-search-btn{background:#f1f5f9;border:1px solid var(--border-color);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer}.search-suggestions{padding:20px}.search-section-label{font-size:11px;font-weight:700;letter-spacing:.06em;color:#64748b;margin-bottom:10px;text-transform:uppercase}.search-tags-row{display:flex;flex-wrap:wrap;gap:8px}.search-tag-chip{background:#f1f5f9;border:1px solid var(--border-color);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:all var(--transition-fast)}.search-tag-chip:hover{background:#e0f2fe;border-color:#bae6fd;color:var(--primary-color)}.search-results-container{padding:16px 20px;overflow-y:auto;max-height:calc(80vh - 80px)}.search-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 16px;color:#64748b}.search-empty-state p{font-size:15px;color:var(--text-dark);margin-bottom:4px}.search-empty-state span{font-size:13px}.search-results-groups{display:flex;flex-direction:column;gap:18px}.search-group{display:flex;flex-direction:column;gap:6px}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.search-result-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(4px)}.search-item-thumb{width:44px;height:44px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--border-color);background:#f1f5f9}.search-item-icon-box{width:44px;height:44px;border-radius:8px;background:#eff6ff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-item-info{flex:1;min-width:0}.search-item-title{font-size:14px;font-weight:700;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-meta{font-size:12px;color:#64748b;margin-top:2px}.search-item-price{color:var(--primary-color);font-weight:700}.search-item-arrow{color:#94a3b8;flex-shrink:0}.site-root-container[data-v-f06f636b]{display:flex;flex-direction:column;min-height:100vh}.section-spacer[data-v-f06f636b]{margin-top:56px}.grid-4-cols[data-v-f06f636b]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1024px){.grid-4-cols[data-v-f06f636b]{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.grid-4-cols[data-v-f06f636b]{grid-template-columns:1fr}}.solution-feature-box[data-v-f06f636b]{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px 20px;display:flex;flex-direction:column;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}.solution-feature-box[data-v-f06f636b]:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.solution-icon[data-v-f06f636b]{width:52px;height:52px;border-radius:var(--radius-md);background-color:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.solution-feature-box h3[data-v-f06f636b]{font-size:16px;font-weight:700;color:var(--text-color);margin-bottom:8px}.solution-feature-box p[data-v-f06f636b]{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:16px;flex-grow:1}.solution-link[data-v-f06f636b]{font-size:13px;font-weight:700;color:var(--accent-color);display:inline-flex;align-items:center;gap:4px}.hardware-grid[data-v-f06f636b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;width:100%}.hardware-card[data-v-f06f636b]{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px;transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}.hardware-card[data-v-f06f636b]:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.hw-card-image-wrapper[data-v-f06f636b]{width:100%;height:200px;border-radius:var(--radius-md);overflow:hidden;background-color:#f8fafc;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.hw-card-image[data-v-f06f636b]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:10px;transition:transform var(--transition-normal)}.hardware-card:hover .hw-card-image[data-v-f06f636b]{transform:scale(1.03)}.hw-card-meta[data-v-f06f636b]{display:flex;justify-content:space-between;align-items:center}.hw-category-tag[data-v-f06f636b]{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-color);background-color:var(--accent-light);padding:4px 8px}.hw-category-tag[data-v-f06f636b],.hw-price-tag[data-v-f06f636b]{font-weight:700;border-radius:var(--radius-sm)}.hw-price-tag[data-v-f06f636b]{background-color:#0f172a;color:#f8fafc;padding:4px 10px;font-size:13px}.hw-card-title[data-v-f06f636b]{font-size:17px;font-weight:700;color:var(--text-color);line-height:1.35}.hw-card-desc[data-v-f06f636b]{font-size:13px;color:var(--text-muted);line-height:1.6;flex-grow:1;display:flex;flex-direction:column;gap:6px}.hw-card-desc[data-v-f06f636b] .hw-desc-paragraph{margin:0;font-weight:500;color:var(--text-color)}.hw-card-desc[data-v-f06f636b] .hw-feature-list{margin:0;padding-left:18px;list-style-type:square;display:flex;flex-direction:column;gap:4px}.hw-card-desc[data-v-f06f636b] .hw-feature-list li{padding-left:2px;color:var(--text-muted)}.hw-card-actions[data-v-f06f636b]{margin-top:auto;padding-top:8px}.estimator-calculator-card[data-v-f06f636b]{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-md);margin-bottom:48px}.estimator-header[data-v-f06f636b]{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.estimator-title-group h3[data-v-f06f636b]{font-size:20px;font-weight:800;color:var(--text-color);display:flex;align-items:center;gap:8px;margin-bottom:4px}.estimator-title-group p[data-v-f06f636b]{font-size:14px;color:var(--text-muted)}.estimator-total-badge[data-v-f06f636b]{background-color:var(--primary-light);border:1px solid rgba(30,64,175,.2);border-radius:var(--radius-md);padding:12px 20px;text-align:right}.total-label[data-v-f06f636b]{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);display:block;letter-spacing:.05em}.total-amount[data-v-f06f636b]{font-size:22px;font-weight:800;color:var(--primary-color)}@media(max-width:768px){.estimator-header[data-v-f06f636b]{flex-direction:column;align-items:flex-start;gap:16px}.estimator-total-badge[data-v-f06f636b]{width:100%;text-align:left}}.estimator-table-wrapper[data-v-f06f636b]{overflow-x:auto;margin-bottom:20px}.estimator-table[data-v-f06f636b]{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.estimator-table th[data-v-f06f636b]{background-color:var(--bg-subtle);padding:12px 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.estimator-table td[data-v-f06f636b],.estimator-table th[data-v-f06f636b]{border-bottom:1px solid var(--border-color)}.estimator-table td[data-v-f06f636b]{padding:14px;vertical-align:middle}.estimator-table tr.row-active[data-v-f06f636b]{background-color:#f8fafc}.estimator-checkbox[data-v-f06f636b]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.price-col[data-v-f06f636b]{color:var(--text-muted)}.total-col[data-v-f06f636b]{font-weight:700;color:var(--text-color);text-align:right}.qty-stepper[data-v-f06f636b]{display:inline-flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#fff}.qty-btn[data-v-f06f636b]{background:none;border:none;padding:4px 10px;font-weight:700;cursor:pointer;color:var(--text-color)}.qty-btn[data-v-f06f636b]:disabled{opacity:.3;cursor:not-allowed}.qty-val[data-v-f06f636b]{min-width:24px;text-align:center;font-weight:600}.stepper-disabled[data-v-f06f636b]{opacity:.5}.estimator-options-row[data-v-f06f636b]{display:flex;flex-direction:column;gap:12px;background-color:var(--bg-subtle);padding:16px 20px;border-radius:var(--radius-md);margin-bottom:24px}.option-check-item[data-v-f06f636b]{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-color);cursor:pointer}.option-check-item input[data-v-f06f636b]{width:18px;height:18px;accent-color:var(--primary-color)}.estimator-footer[data-v-f06f636b]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.estimator-note[data-v-f06f636b]{font-size:13px;color:var(--text-muted);max-width:600px}.product-catalog-header[data-v-f06f636b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.catalog-title[data-v-f06f636b]{font-size:22px;font-weight:800;color:var(--text-color)}.category-tabs[data-v-f06f636b]{display:flex;gap:6px;background-color:var(--bg-subtle);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap}.category-tab[data-v-f06f636b]{background:transparent;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:600;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.category-tab.active[data-v-f06f636b]{background-color:#fff;color:var(--primary-color);box-shadow:var(--shadow-xs);font-weight:700}.hero-stats-panel[data-v-f06f636b]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.hero-stats-panel[data-v-f06f636b]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero-stats-panel[data-v-f06f636b]{grid-template-columns:1fr}}.stat-card[data-v-f06f636b]{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 16px;text-align:center;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.stat-card[data-v-f06f636b]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-number[data-v-f06f636b]{font-size:28px;font-weight:800;color:var(--primary-color);line-height:1;margin-bottom:6px}.stat-label[data-v-f06f636b]{font-size:12px;font-weight:600;color:var(--text-muted)}.about-hero-card[data-v-f06f636b]{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:48px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center}.about-hero-card[data-v-f06f636b]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#12265b,#00a8c6)}.about-title[data-v-f06f636b]{font-size:30px;font-weight:800;color:var(--text-color);line-height:1.3;margin-bottom:16px}.about-desc[data-v-f06f636b]{font-size:15px;color:var(--text-muted);line-height:1.75;margin-bottom:32px;max-width:800px}.about-highlights-grid[data-v-f06f636b]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-bottom:40px;text-align:left}.highlight-box[data-v-f06f636b]{background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:4px}.highlight-label[data-v-f06f636b]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.highlight-value[data-v-f06f636b]{font-size:14px;font-weight:700;color:var(--text-color)}.workflow-section[data-v-f06f636b]{width:100%;border-top:1px solid var(--border-color);padding-top:36px;text-align:left}.workflow-title[data-v-f06f636b]{font-size:22px;font-weight:800;color:var(--text-color);text-align:center;margin-bottom:28px}.workflow-steps-grid[data-v-f06f636b]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.workflow-steps-grid[data-v-f06f636b]{grid-template-columns:repeat(2,1fr)}.about-highlights-grid[data-v-f06f636b]{grid-template-columns:1fr}}@media(max-width:580px){.workflow-steps-grid[data-v-f06f636b]{grid-template-columns:1fr}}.step-card[data-v-f06f636b]{background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 16px}.step-badge[data-v-f06f636b]{display:inline-block;font-size:11px;font-weight:800;color:#fff;background-color:var(--primary-color);padding:3px 8px;border-radius:var(--radius-sm);margin-bottom:10px}.step-card h4[data-v-f06f636b]{font-size:15px;font-weight:700;color:var(--text-color);margin-bottom:8px}.step-card p[data-v-f06f636b]{font-size:13px;color:var(--text-muted);line-height:1.5}.solutions-list-stack[data-v-f06f636b]{display:flex;flex-direction:column;gap:24px}.solution-detail-card[data-v-f06f636b]{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.solution-badge-category[data-v-f06f636b]{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-color);margin-bottom:8px}.solution-detail-card h2[data-v-f06f636b]{font-size:22px;font-weight:800;color:var(--text-color);margin-bottom:12px}.solution-detail-card p[data-v-f06f636b]{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:18px}.solution-bullet-points[data-v-f06f636b]{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.solution-bullet-points li[data-v-f06f636b]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-color)}.solution-bullet-points li svg[data-v-f06f636b]{color:var(--success-color);flex-shrink:0}.solution-cta-row[data-v-f06f636b]{display:flex;gap:12px;flex-wrap:wrap}.projects-grid[data-v-f06f636b]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.projects-grid[data-v-f06f636b]{grid-template-columns:1fr}}.project-card[data-v-f06f636b]{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.project-image-box[data-v-f06f636b]{width:100%;height:200px;background-color:var(--bg-subtle);position:relative;overflow:hidden}.project-image-box img[data-v-f06f636b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-year-badge[data-v-f06f636b]{position:absolute;top:12px;right:12px;background-color:#0f172ad9;color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:700}.project-body[data-v-f06f636b]{padding:24px;display:flex;flex-direction:column;flex-grow:1}.project-cat[data-v-f06f636b]{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--accent-color);margin-bottom:6px}.project-title[data-v-f06f636b]{font-size:17px;font-weight:700;color:var(--text-color);line-height:1.4;margin-bottom:8px}.project-client[data-v-f06f636b]{margin-bottom:12px}.project-client[data-v-f06f636b],.project-desc[data-v-f06f636b]{font-size:13px;color:var(--text-muted)}.project-desc[data-v-f06f636b]{line-height:1.6;margin-bottom:20px;flex-grow:1}.blog-grid[data-v-f06f636b]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.blog-grid[data-v-f06f636b]{grid-template-columns:1fr}}.blog-card[data-v-f06f636b]{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.blog-meta-row[data-v-f06f636b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.blog-tag[data-v-f06f636b]{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--primary-color);background-color:var(--primary-light);padding:3px 8px;border-radius:var(--radius-sm)}.blog-date[data-v-f06f636b]{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.blog-title[data-v-f06f636b]{font-size:17px;font-weight:700;color:var(--text-color);line-height:1.4;margin-bottom:10px}.blog-summary[data-v-f06f636b]{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.contact-page-layout[data-v-f06f636b]{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:flex-start}@media(max-width:900px){.contact-page-layout[data-v-f06f636b]{grid-template-columns:1fr}}.contact-info-panel[data-v-f06f636b]{display:flex;flex-direction:column;gap:20px}.commitment-card[data-v-f06f636b],.contact-info-card[data-v-f06f636b]{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.contact-info-card h3[data-v-f06f636b]{font-size:18px;font-weight:800;color:var(--text-color);margin-bottom:4px}.company-name[data-v-f06f636b]{font-size:12px;font-weight:700;color:var(--accent-color);letter-spacing:.05em;margin-bottom:24px}.contact-items-list[data-v-f06f636b]{display:flex;flex-direction:column;gap:18px}.contact-item-row[data-v-f06f636b]{display:flex;align-items:flex-start;gap:14px}.contact-icon[data-v-f06f636b]{width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item-row strong[data-v-f06f636b]{font-size:13px;color:var(--text-color);display:block;margin-bottom:2px}.contact-item-row p[data-v-f06f636b]{font-size:14px;color:var(--text-muted);margin:0}.commitment-card h4[data-v-f06f636b]{font-size:15px;font-weight:700;color:var(--text-color);margin-bottom:12px}.commitment-list[data-v-f06f636b]{list-style:none;display:flex;flex-direction:column;gap:10px}.commitment-list li[data-v-f06f636b]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);line-height:1.5}.contact-form-card[data-v-f06f636b]{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md)}.form-card-title[data-v-f06f636b]{font-size:22px;font-weight:800;color:var(--text-color);margin-bottom:20px}
