.beta-v2 .beta-home { padding: 0; color: #092f62; font-family: "BETA Sans", Arial, sans-serif; }
.beta-v2 .beta-home__hero { min-height: 390px; background: linear-gradient(90deg, #022e5ce8 0%, #06345aba 42%, #06345a08 72%), url('../images/hero-engineers.png') center/cover; }
.beta-v2 .beta-home__hero-inner { max-width: 1280px; }
.beta-v2 .beta-home h1, .beta-v2 .beta-home h2 { color: #082e61; font-weight: 800; letter-spacing: -.035em; }
.beta-v2 .beta-home__hero h1 { max-width: 650px; margin: 0 0 10px; color: #fff; font-size: clamp(38px, 4.5vw, 62px); }
.beta-v2 .beta-home__hero .beta-home__eyebrow { color: #fff; font-size: 13px; letter-spacing: .1em; }
.beta-v2 .beta-home__tagline { color: #fff; font-size: 22px !important; font-weight: 500; }
.beta-v2 .beta-home__hero p:not(.beta-home__eyebrow) { color: #fff; max-width: 650px; font-size: 16px; }
.beta-v2 .beta-home__hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.beta-v2 .beta-button { background: #ff7021; border-color: #ff7021; border-radius: 5px; }
.beta-v2 .beta-button:hover, .beta-v2 .beta-button:focus { background: #e7580b; border-color: #e7580b; }
.beta-v2 .beta-button--ghost { background: transparent; border-color: #fff; }
.beta-v2 .beta-button--ghost:hover, .beta-v2 .beta-button--ghost:focus { background: #fff; border-color: #fff; color: #082e61 !important; }
.beta-v2 .beta-home__section { padding: 46px 0; }
.beta-v2 .beta-home__mission { background: #fff; }
.beta-v2 .beta-home__two-columns { grid-template-columns: 1.07fr 1fr; gap: 44px; }
.beta-v2 .beta-home__two-columns img { height: 270px; border-radius: 6px; }
.beta-v2 .beta-home__two-columns h2 { font-size: clamp(28px, 3vw, 42px); }
.beta-v2 .beta-home__two-columns p:not(.beta-home__eyebrow) { font-size: 16px; }
.beta-v2 .beta-home__eyebrow { color: #f05c19; }
.beta-v2 .beta-home__text-link, .beta-v2 .beta-home__section-heading a, .beta-v2 .beta-home__project-grid a { color: #f05c19; font-weight: 800; text-decoration: none; }
.beta-v2 .beta-home__section--soft { background: #eef9fe; }
.beta-v2 .beta-home__section-intro { margin: -8px 0 22px; color: #516982; }
.beta-v2 .beta-home__solution-grid--reference { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 0; }
.beta-v2 .beta-home__solution-grid--reference a { display: grid; grid-template-columns: 45% 1fr; min-height: 0; gap: 0; padding: 0; border-radius: 6px; overflow: hidden; }
.beta-v2 .beta-home__solution-grid--reference img { min-height: 190px; margin: 0; }
.beta-v2 .beta-home__solution-grid--reference a > div { display: flex; flex-direction: column; gap: 7px; padding: 18px; }
.beta-v2 .beta-home__solution-grid--reference strong { font-size: 18px; line-height: 1.2; }
.beta-v2 .beta-home__solution-grid--reference small { min-height: 0; color: #1569b1; font-weight: 700; }
.beta-v2 .beta-home__solution-grid--reference p { margin: 0; color: #526b83; font-size: 14px; line-height: 1.35; }
.beta-v2 .beta-home__solution-grid--reference em { margin-top: auto; color: #f05c19; font-size: 14px; font-style: normal; font-weight: 800; }
.beta-v2 .beta-home__process { display: grid; grid-template-columns: .9fr 1.25fr; gap: 18px; }
.beta-v2 .beta-home__process > img { width: 100%; height: 300px; object-fit: cover; border-radius: 6px; }
.beta-v2 .beta-home__process > div { display: flex; flex-direction: column; justify-content: center; padding: 22px; border-radius: 6px; background: #eaf8ff; }
.beta-v2 .beta-home__process-top { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.beta-v2 .beta-home__process-top span { display: grid; gap: 5px; justify-items: center; text-align: center; color: #1466b0; }
.beta-v2 .beta-home__process-top i { display: grid; width: 48px; height: 48px; place-items: center; border: 2px solid #bdddf6; border-radius: 50%; background: #fff; color: #0a4c99; font-size: 23px; }
.beta-v2 .beta-home__process-top b { color: #082e61; font-size: 14px; }
.beta-v2 .beta-home__process-top small { color: #526b83; font-size: 12px; }
.beta-v2 .beta-home__process ol { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin: 24px 0 18px; padding: 0; list-style: none; }
.beta-v2 .beta-home__process li { display: grid; flex: 1; gap: 5px; justify-items: center; color: #082e61; font-size: 13px; font-weight: 800; text-align: center; }
.beta-v2 .beta-home__process-steps li > i { display: grid; width: 45px; height: 45px; place-items: center; border: 2px solid #bdddf6; border-radius: 50%; background: #fff; color: #0a4c99; font-size: 22px; }
.beta-v2 .beta-home__process-steps .fa-hard-hat:before { content: "\f085"; }
.beta-v2 .beta-home__process-steps .beta-home__process-arrow { display: block; flex: 0 0 auto; color: #0a4c99; font-size: 27px; font-weight: 400; }
.beta-v2 .beta-home__section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; }
.beta-v2 .beta-home__section-heading h2 { margin-bottom: 22px; }
.beta-v2 .beta-home__project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.beta-v2 .beta-home__project-grid article { padding: 8px 8px 16px; border: 1px solid #dce8ef; border-radius: 6px; background: #fff; }
.beta-v2 .beta-home__project-grid img { width: 100%; height: 185px; object-fit: cover; border-radius: 4px; }
.beta-v2 .beta-home__project-grid small { display: block; margin-top: 12px; color: #1569b1; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.beta-v2 .beta-home__project-grid h3 { margin: 6px 0; font-size: 19px; font-weight: 800; }
.beta-v2 .beta-home__project-grid p { min-height: 38px; margin: 0 0 10px; color: #526b83; font-size: 14px; }
.beta-v2 .beta-home__industry-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.beta-v2 .beta-home__industry-grid a { overflow: hidden; border: 1px solid #dce8ef; border-radius: 5px; color: #082e61; font-weight: 800; text-decoration: none; }
.beta-v2 .beta-home__industry-grid img { width: 100%; height: 135px; object-fit: cover; }
.beta-v2 .beta-home__industry-grid span { display: block; padding: 10px; font-size: 14px; }
.beta-v2 .beta-home__partners { padding: 26px 0; background: #fff; text-align: center; }
.beta-v2 .beta-home__partners h2 { margin: 0 0 18px; font-size: 28px; }
.beta-v2 .beta-home__partners > div > div { display: flex; justify-content: space-around; gap: 24px; color: #1260a5; font-family: "BETA Sans", Arial, sans-serif; font-weight: 700; font-size: clamp(21px, 2.4vw, 36px); }
.beta-v2 .beta-home__partners strong:nth-child(3) { color: #007c72; } .beta-v2 .beta-home__partners strong:nth-child(4) { color: #d7332c; }
.beta-v2 .beta-home__cta { padding: 44px 0; background: linear-gradient(90deg, rgba(5, 45, 87, .9) 0%, rgba(6, 53, 90, .72) 55%, rgba(6, 53, 90, .35) 100%), url('../images/contact.jpg') center/cover; color: #fff; }
.beta-v2 .beta-home__cta > div { display: grid; grid-template-columns: 1fr 1.5fr; gap: 45px; align-items: center; }
.beta-v2 .beta-home__cta h2 { margin: 0 0 12px; color: #fff; font-size: clamp(28px, 3.2vw, 40px); font-weight: 800; line-height: 1.2; }
.beta-v2 .beta-home__cta > div > div > p { font-size: 16px; opacity: .92; }
.beta-v2 .beta-home__hotline { display: flex !important; align-items: center; gap: 12px; width: max-content; margin: 18px 0 16px; color: #ff7827 !important; font-size: 34px; font-weight: 800; }
.beta-v2 .beta-home__hotline-icon { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; background: #ff7827; color: #fff; font-size: 22px; }
.beta-v2 .beta-home__zalo { display: inline-flex; align-items: center; gap: 14px; width: 214px; height: 54px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .85); border-radius: 6px; background: #0352bd; color: #fff; font-size: 20px; font-weight: 700; }
.beta-v2 .beta-home__zalo:hover { background: #0a63da; }
.beta-v2 .beta-home__zalo-badge { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: #0068ff; font-size: 12px; font-weight: 800; }
.beta-v2 .beta-home__consent { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.beta-v2 .beta-home__consent a { color: #bcd9ff; text-decoration: underline; }
.beta-v2 .beta-home__cta p { margin: 0 0 14px; }.beta-v2 .beta-home__cta > div > div > a.beta-home__hotline { display: block; width: max-content; color: #ff9d40; font-size: 24px; font-weight: 800; text-decoration: none; }.beta-v2 .beta-home__zalo { display: flex; width: max-content; min-width: 144px; align-items: center; gap: 12px; margin-top: 11px; padding: 7px 14px 7px 7px; border: 2px solid #fff; border-radius: 7px; color: #fff; font-size: 16px; font-weight: 800; text-decoration: none; }.beta-v2 .beta-home__zalo span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #fff; color: #1476d4; font-size: 10px; font-weight: 900; }
.beta-v2 .beta-home__cta-form { padding: 20px 22px; border-radius: 8px; background: #fff; color: #17324a; box-shadow: 0 12px 30px rgba(0, 0, 0, .25); }.beta-v2 .beta-home__cta-form h3 { margin: 0 0 8px; color: #082e61; }.beta-v2 .beta-home__cta-form .beta-button { color: #fff !important; font-size: 15px !important; }
.beta-v2 .beta-home__lead-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }.beta-v2 .beta-home__lead-grid label { display: grid; gap: 3px; color: #082e61; font-size: 11px; font-weight: 700; }.beta-v2 .beta-home__lead-grid input, .beta-v2 .beta-home__lead-grid select, .beta-v2 .beta-home__lead-grid textarea, .beta-v2 .beta-home__captcha input { width: 100%; min-height: 30px; padding: 5px 8px; border: 1px solid #d8e3ed; border-radius: 4px; background: #fff; color: #17324a; font: inherit; font-weight: 400; }.beta-v2 .beta-home__lead-grid textarea { min-height: 52px; resize: vertical; }.beta-v2 .beta-home__lead-full { grid-column: 1 / -1; }.beta-v2 .beta-home__lead-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }.beta-v2 .beta-home__captcha { display: flex; align-items: center; gap: 8px; }.beta-v2 .beta-home__captcha img { display: block; width: 80px; height: 30px; }.beta-v2 .beta-home__captcha input { width: 96px; }.beta-v2 .beta-home__lead-actions .beta-button { min-height: 32px; border: 0; cursor: pointer; }.beta-v2 .beta-home__cta-form .contact-result { margin: 8px 0 0; font-size: 12px; }
@media (max-width: 850px) { .beta-v2 .beta-home__solution-grid--reference, .beta-v2 .beta-home__project-grid { grid-template-columns: repeat(2, 1fr); }.beta-v2 .beta-home__industry-grid { grid-template-columns: repeat(3, 1fr); }.beta-v2 .beta-home__process { grid-template-columns: 1fr; }}
@media (max-width: 620px) { .beta-v2 .beta-home__hero { min-height: 440px; background-position: 62% center; }.beta-v2 .beta-home__hero h1 { font-size: 39px; }.beta-v2 .beta-home__two-columns, .beta-v2 .beta-home__cta > div { grid-template-columns: 1fr; }.beta-v2 .beta-home__solution-grid--reference, .beta-v2 .beta-home__project-grid { grid-template-columns: 1fr; }.beta-v2 .beta-home__solution-grid--reference a { grid-template-columns: 42% 1fr; }.beta-v2 .beta-home__industry-grid { grid-template-columns: repeat(2, 1fr); }.beta-v2 .beta-home__industry-grid img { height: 120px; }.beta-v2 .beta-home__process-top { grid-template-columns: 1fr; }.beta-v2 .beta-home__process ol { flex-wrap: wrap; }.beta-v2 .beta-home__process li { flex: 0 0 30%; }.beta-v2 .beta-home__partners > div > div { flex-wrap: wrap; }.beta-v2 .beta-home__section-heading { align-items: flex-start; flex-direction: column; gap: 0; }.beta-v2 .beta-home__lead-grid { grid-template-columns: 1fr; }.beta-v2 .beta-home__lead-full { grid-column: auto; }.beta-v2 .beta-home__lead-actions { align-items: flex-end; flex-direction: column; }.beta-v2 .beta-home__captcha { align-self: stretch; } }