:root {
  --bg:#f5f8fc;
  --text:#0d1b2a;
  --muted:#5f6b7a;
  --line:#dfe6ef;
  --brand:#0b63ce;
  --brand-dark:#072d5a;
  --green:#1f8f5f;
  --card:#ffffff;
  --shadow:0 20px 50px rgba(16,34,68,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92vw);margin:auto}
.topbar{background:#08192f;color:#fff;font-size:14px}
.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding:10px 0;align-items:center}
.contact-row{display:flex;gap:18px;flex-wrap:wrap}.company-name{font-weight:600;text-align:right}
.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:18px}
.brand{display:flex;align-items:center;gap:14px;min-width:260px}.brand img{width:62px;height:62px;object-fit:contain;border-radius:12px}.brand-title{font-size:28px;font-weight:800}.brand-sub{font-size:14px;color:var(--green);font-weight:700;max-width:240px}
.nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.nav a{font-weight:600}.nav a:hover{color:var(--brand)}
.lang-switch{display:flex;border:1px solid #0a1c33;border-radius:999px;overflow:hidden}.lang-switch button{border:0;background:#fff;color:#0a1c33;padding:10px 14px;font-weight:700;cursor:pointer}.lang-switch button.active{background:#0a1c33;color:#fff}
.hero{position:relative;overflow:hidden;padding:42px 0 28px}.hero-bg{position:absolute;inset:0;background:linear-gradient(rgba(7,22,46,.64),rgba(7,22,46,.76)),url('assets/hybrid-team.jpg') center/cover no-repeat}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start}
.glass,.card{background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.45);border-radius:24px;box-shadow:var(--shadow)}
.hero-copy{padding:28px;min-height:510px;display:flex;flex-direction:column;justify-content:flex-end}.pill{display:inline-flex;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:700;width:max-content;margin-bottom:18px}.hero-copy h1{font-size:62px;line-height:.97;margin:0 0 16px;color:#fff;max-width:740px}.hero-copy p{font-size:20px;line-height:1.6;color:#e9eef5;max-width:760px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:14px;font-weight:800;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#ffb13b,#f18c16);color:#fff}.btn-secondary{background:#fff;color:var(--brand-dark);border-color:#d7e3f3}.full{width:100%}
.hero-form{padding:26px}.hero-form h2{font-size:40px;line-height:1.15;margin:0 0 8px}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.form-grid label{display:block;font-weight:700;margin-bottom:8px}.form-grid input,.form-grid select{width:100%;padding:14px;border-radius:14px;border:1px solid #ced8e5;background:#fff;font-size:16px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.result-box{padding:16px;border:1px solid var(--line);border-radius:16px;background:#f9fbff}.result-box span{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.result-box strong{font-size:24px}.quick-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.contact-pill{padding:12px 18px;border-radius:999px;background:#082448;color:#fff;font-weight:800}.contact-pill.zalo{background:#0a7dff}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-10px;position:relative;z-index:2}.stat{padding:22px;text-align:center}.stat strong{font-size:34px;display:block}.stat span{color:var(--muted);font-weight:600}
.section{padding:72px 0}.light{background:#edf4fb}.dark{background:linear-gradient(135deg,#081b35,#0e3768);color:#fff}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:800;font-size:13px;margin-bottom:10px}.light-text{color:#9cc3ff}.section-head h2{font-size:42px;line-height:1.12;margin:0;max-width:840px}
.about-grid,.export-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.about-copy,.about-media,.export-card{padding:24px}.about-copy p,.dark p{font-size:18px;line-height:1.7}.check-list{padding-left:18px}.check-list li{margin-bottom:10px;font-weight:600}.about-media img,.export-card img{border-radius:18px;height:100%;object-fit:cover}
.solution-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution,.project{overflow:hidden}.solution img,.project img{height:220px;width:100%;object-fit:cover}.solution-body,.project-body{padding:20px}.solution-body h3,.project-body h3{margin:0 0 10px;font-size:24px}.solution-body p,.project-body p{color:var(--muted);line-height:1.6}.solution-body ul{padding-left:18px;margin:14px 0 0}.solution-body li{margin-bottom:8px}
.tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef4ff;color:var(--brand-dark);font-weight:800;font-size:13px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.metrics strong{display:block;margin-bottom:6px}.metrics span{color:var(--muted)}.chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.chip{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:700}
.footer{background:#08192f;color:#dfe7f2;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:start}.footer p{max-width:760px;color:#adc0d4}
@media (max-width:1100px){.hero-grid,.about-grid,.export-grid,.contact-grid{grid-template-columns:1fr}.solution-grid,.project-grid,.stats{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:48px}.hero-form h2,.section-head h2{font-size:34px}}
@media (max-width:760px){.topbar-inner,.header-inner,.contact-row,.footer-inner{flex-direction:column;align-items:flex-start}.nav{gap:14px}.hero-copy{min-height:auto}.hero-copy h1{font-size:38px}.form-grid,.result-grid,.solution-grid,.project-grid,.stats,.metrics{grid-template-columns:1fr}.brand-title{font-size:24px}}