:root{--ink:#102940;--muted:#597086;--orange:#f47b27;--line:#dce6ed;--pale:#f2f7fb;--cyan:#45d9ed;--navy:#071625}body{background:#fff}header{background:#071625f2;border-bottom:1px solid #244257;color:#eff6ff}.bar{height:80px}.brand b{color:#ff8b3d}.brand span{border-color:#335064;color:#dceef8}.btn{border-radius:8px;background:linear-gradient(115deg,#f78a30,#ed641e);border-color:#f99245;box-shadow:0 5px 22px #f47b2722}.btn:hover{background:#f58b36;transform:translateY(-2px)}.btn.secondary{border-color:#c5d7e3;box-shadow:none}.eyebrow{color:#ce5e17;letter-spacing:2.3px}.hero{background:#071625;color:white;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#4dc7ec08 1px,transparent 1px),linear-gradient(90deg,#4dc7ec08 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,#000,transparent);z-index:-1}.hero-grid{position:relative;min-height:690px;grid-template-columns:1fr 1.05fr;gap:20px;padding:76px 0 66px}.hero .eyebrow{color:#71dae9;font-size:11px}.hero h1{font-size:clamp(42px,4.7vw,67px);line-height:1.1;letter-spacing:-2.8px;position:relative;z-index:2}.hero h1 em{background:linear-gradient(90deg,#38dbeb,#87d6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{color:#acbecd;max-width:480px;font-size:16px;position:relative;z-index:2}.hero .btn.secondary{color:#d6edf8;border-color:#416074;background:#0a2032b3}.hero-note{color:#8ca9bd;font-size:11px}.hero .actions{position:relative;z-index:2}.ribbon{border-color:#254152;position:relative;z-index:2;gap:30px;color:#d0e3f0}.ribbon span{color:#54c4d8}.hero-art{position:relative;height:530px;align-self:center}.hero-art img{position:absolute;width:145%;max-width:none;height:115%;object-fit:cover;left:-18%;top:-4%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent);opacity:.95}.art-tag{position:absolute;border:1px solid #4d8aab78;background:linear-gradient(120deg,#102e43ed,#0a1b2cde);backdrop-filter:blur(16px);padding:13px 18px;border-radius:10px;box-shadow:0 14px 35px #0003;z-index:2;font-size:12px;display:flex;align-items:center;gap:12px;animation:float 7s ease-in-out infinite}.art-tag svg{color:#59daec;width:25px;height:25px}.art-tag strong{display:block;font-size:13px;color:#effbff}.art-tag small{display:block;font-size:10px;color:#90b2c9}.art-tag.t1{top:30px;right:0}.art-tag.t2{bottom:90px;left:0;animation-delay:-3s}.art-tag.t3{bottom:35px;right:-8px;animation-delay:-5s}.art-caption{position:absolute;bottom:0;right:10px;font-size:9px;letter-spacing:1.4px;color:#8aa4b7}.tech-badge{display:inline-flex;gap:8px;align-items:center;padding:6px 11px;border:1px solid #2c566c;background:#0d2b3d;border-radius:20px;color:#88e9ed;font-size:10px;margin-bottom:14px;letter-spacing:1.1px}.section-head h2{max-width:690px}h2{letter-spacing:-1.2px}.module-grid{gap:18px}.module{background:linear-gradient(150deg,#fff,#f7fbfe);border-color:#dbe6ee;border-radius:14px;padding:26px;position:relative;overflow:hidden;min-height:320px}.module:after{content:'';position:absolute;right:-35px;top:-35px;width:115px;height:115px;border:1px solid #42c9ec22;border-radius:50%;box-shadow:0 0 0 20px #53cef805;pointer-events:none}.module:hover{box-shadow:0 18px 45px #194b7812;border-color:#69bcd5}.module h3{margin:18px 0 12px;font-size:21px}.module .num{color:#6a8596;font-size:10px}.module-top{display:flex;justify-content:space-between;align-items:center}.module-icon{height:52px;width:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(145deg,#e7f6ff,#d7f3f5);color:#13899e}.module-icon svg{width:27px;height:27px;stroke-width:1.5}.module:nth-child(3n+2) .module-icon{background:linear-gradient(145deg,#eef0ff,#e7e9ff);color:#6666cf}.module:nth-child(3n) .module-icon{background:linear-gradient(145deg,#fff3e8,#ffe8d3);color:#d87328}.module .label{margin-top:12px}.module p{font-size:14px}.module footer{font-size:11px}.detail{font-size:12px;display:flex;justify-content:space-between;width:100%;color:#156e91;border-top:1px solid #e3edf3;margin-top:18px}.chip{border-radius:7px}.chip.active{background:#0e304a;border-color:#0e304a;box-shadow:0 4px 12px #1339511a}.dark{background:radial-gradient(ellipse at 5% 95%,#073b50,transparent 55%),#071625;position:relative;overflow:hidden}.dark .eyebrow{color:#67dbe9}.dark h2{max-width:800px}.flow-tabs{border-color:#284457}.flow-tabs button.active{border-color:#47d9ec;color:#73e6f1}.workflow-visual{margin:25px 0;border:1px solid #2d4b61;border-radius:15px;background:linear-gradient(140deg,#112b4080,#08192c);overflow:hidden;position:relative}.workflow-topline{display:flex;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #284357;color:#98b5c9;font-size:10px;letter-spacing:1.4px}.workflow-topline span:last-child{color:#6fdae3}.workflow-svg{display:block;width:100%;height:auto}.workflow-svg text{font-family:Arial,Helvetica,sans-serif}.route-line{stroke-dasharray:7 6;animation:route 16s linear infinite}.flow{gap:22px}.step{padding-top:15px;border-color:#23485e}.step b{font-size:11px;color:#4edce9}.step h3{font-size:16px}.step p{font-size:13px}.step small{font-size:10px}.pale{background:linear-gradient(135deg,#f1f7fc,#f6fbfc)}.layer{border-radius:9px;border-left-color:#21a2c5;box-shadow:0 4px 12px #113f5f04;transition:transform .2s}.layer:hover{transform:translateX(6px)}.layer strong{color:#194763}.layer:nth-child(2){border-left-color:#527adb}.layer:nth-child(3){border-left-color:#8763d4}.layer:nth-child(4){border-left-color:#22b5bc}.layer:nth-child(5){border-left-color:#f47b27}.architecture-image{border-radius:14px;overflow:hidden;position:relative;margin:0 0 24px;border:1px solid #26465e;background:#081a29;height:230px}.architecture-image img{width:100%;height:100%;object-fit:cover;object-position:70% 55%;opacity:.78}.architecture-image div{position:absolute;bottom:0;padding:22px;color:white;width:100%;background:linear-gradient(transparent,#071625e8);font-size:13px;letter-spacing:1px}.architecture-image small{display:block;color:#7cdae8;font-size:10px;letter-spacing:2px}.package{border-radius:14px;box-shadow:0 10px 35px #173b5608}.package.featured{border-color:#159bbb;box-shadow:0 15px 45px #1294bc15;background:linear-gradient(145deg,#f4fcff,#fff)}.package.featured:before{content:'KẾT NỐI VẬN HÀNH & TÀI CHÍNH';position:absolute;top:-13px;left:24px;background:#0c7c9d;color:#fff;border-radius:4px;padding:5px 12px;font-size:9px;letter-spacing:1px}.package .eyebrow{color:#247a9b}.timeline div{position:relative;border-color:#b7d8e6}.timeline div:before{content:'';width:12px;height:12px;background:#20a5c2;border:4px solid #e0f3fa;border-radius:50%;position:absolute;top:-11px;left:0}.timeline b{color:#1986a1}.contact{background:radial-gradient(ellipse at 0 100%,#0c4a60,transparent 70%),#0a1d30;color:#fff}.contact .eyebrow{color:#63d5e9}.contact .intro{color:#acc3d1}.contact .contact-box{color:#143146;border-color:#cce1ec;box-shadow:0 25px 80px #0003}.contact p[style]{color:#9bb3c6!important}.contact .contact-box p[style]{color:#526a7a!important}.footer{background:#06121e;border-top:1px solid #203b4f}summary{color:#173d58}.mobile-menu{color:white;border-color:#325269}dialog{border:1px solid #dceaf1;box-shadow:0 30px 120px #001b3a70;border-radius:16px}.source-grid a{background:#eef7fc}.module-icon svg,.art-tag svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.industry-band{padding:35px 0;background:#0d2437;border-top:1px solid #244258}.industry-band .wrap{display:flex;gap:22px;justify-content:space-between;align-items:center;color:#a7c2d5;font-size:12px}.industry-band strong{color:#5ad6e7;letter-spacing:1px;font-size:10px}.industry-band span{display:flex;gap:10px;align-items:center}.industry-band svg{height:22px;width:22px;stroke:#55a9c9;fill:none;stroke-width:1.5}.flow-mobile{display:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes route{to{stroke-dashoffset:-130}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:1000px){.hero-art{height:450px}.hero h1{font-size:49px}.hero-grid{gap:0}.art-tag{padding:10px;font-size:10px}.art-tag.t1{right:-10px}.art-tag.t2{left:-12px}.hero-art img{width:150%;left:-20%}.hero .lead{font-size:15px}.industry-band .wrap{flex-wrap:wrap}}@media(max-width:720px){header nav{background:#0b2032;color:#e8f6ff;box-shadow:0 15px 30px #0005}.hero-grid{grid-template-columns:1fr;padding:42px 0 20px;gap:5px;min-height:0}.hero h1{font-size:48px;letter-spacing:-2px}.hero-art{height:370px;margin:10px 0 0}.hero-art img{width:120%;left:-10%;height:110%;top:-6%}.hero .lead{font-size:15px}.art-tag.t1{top:20px;right:0}.art-tag.t2{left:0;bottom:80px}.art-tag.t3{right:0;bottom:25px}.art-tag strong{font-size:11px}.art-tag small{font-size:9px}.hero .ribbon{gap:20px;font-size:11px;padding:22px 0}.hero .ribbon span{font-size:9px}.industry-band{padding:25px 0}.industry-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:11px}.industry-band strong{grid-column:1/-1}.module{min-height:280px}.workflow-topline{font-size:8px;padding:15px;letter-spacing:.7px}.workflow-desktop{display:none}.flow-mobile{display:block}.flow{grid-template-columns:1fr 1fr;gap:13px}.step h3{font-size:14px}.step p{font-size:12px}.step small{font-size:9px}.architecture-image{height:200px}.contact .contact-box{padding:22px}.hero .eyebrow{font-size:10px;letter-spacing:1.2px}.bar{height:68px}.package.featured{margin-top:12px}}