/* Minh Châu — mcl.vn */
/* Trang chủ v2 (25/10/2026): da theo bản Stitch "Trang Chủ Minh Châu (MCL)" — chỉ lấy trang trí, không lấy chữ/số.
   Phạm vi: .home-v2 (bọc nội dung trang chủ). Không đụng khung chung. */
.home-v2{counter-reset:muc 1}
/* đánh số mục: "02 / NHÃN" + vạch vàng */
.home-v2 .eyebrow.eb2{display:flex;align-items:center;gap:10px}
.home-v2 .eyebrow.eb2::before{counter-increment:muc;content:counter(muc,decimal-leading-zero) " /";color:var(--goldd);font-weight:800;letter-spacing:1px}
.home-v2 .so-muc{display:flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold2);font-weight:700;margin-bottom:14px}
.home-v2 .so-muc i{display:block;width:56px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.home-v2 .so-muc span{color:#8FA0B6;font-weight:600}
/* hero: chữ xoay nghiêng vàng, nhãn trục, thẻ hướng vuông hơn */
.home-v2 .hero h1 .xoay span{font-style:italic;color:var(--gold2);font-weight:700}
.home-v2 .nhan-truc{margin-top:26px;padding-top:16px;border-top:1px solid rgba(232,207,138,.18);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold2);font-weight:700}
.home-v2 .the-huong{margin-top:10px}
.home-v2 .the-huong a{border-radius:6px}
/* khung vàng xoay nghiêng sau la bàn */
.home-v2 .laban .khung{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(12deg);border:1px solid rgba(232,207,138,.28);border-radius:10px;pointer-events:none;z-index:0}
.home-v2 .laban .khung.k2{width:48%;transform:translate(-50%,-50%) rotate(-6deg);border-color:rgba(232,207,138,.5);box-shadow:0 0 60px rgba(201,162,74,.18),inset 0 0 40px rgba(201,162,74,.08)}
.home-v2 .laban canvas,.home-v2 .laban .tinh{z-index:1}
@media (prefers-reduced-motion:no-preference){.home-v2 .laban .khung{animation:khungtho 14s ease-in-out infinite alternate}}
@keyframes khungtho{to{transform:translate(-50%,-50%) rotate(20deg)}}
/* thẻ: bo góc gọn, đường kết có mũi tên */
.home-v2 .card{border-radius:8px}
.home-v2 .card .pt-ic{position:absolute;right:20px;margin-top:-30px;width:22px;height:22px;color:var(--teal)}
.home-v2 .card .ket{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--tealt)}
/* chọn nhu cầu: ô biểu tượng + mũi tên */
.home-v2 .chon button{border-radius:8px;position:relative;padding-right:44px}
.home-v2 .chon button::after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--goldd);font-size:18px;transition:transform .3s var(--ease)}
.home-v2 .chon button:hover::after{transform:translate(4px,-50%)}
/* bước: số lớn vàng */
.home-v2 .steps.s3{counter-reset:buoc}
.home-v2 .steps.s3 .step{border-radius:8px}
.home-v2 .steps.s3 .step::before{counter-increment:buoc;content:counter(buoc,decimal-leading-zero);display:block;font-size:30px;font-weight:800;color:var(--gold);line-height:1;margin-bottom:10px}
/* nguyên tắc: thẻ navy, icon vàng */
.home-v2 .principles .pr{background:var(--navy);color:#fff;border:0;border-radius:8px}
.home-v2 .principles .pr b{color:var(--gold2)}.home-v2 .principles .pr span{color:#C9D3E2}
.home-v2 .principles .pr svg{width:24px;height:24px;color:var(--gold2);display:block;margin-bottom:10px}
/* tên gọi: dải navy, chữ vàng nghiêng */
.home-v2 #ten-goi{background:radial-gradient(900px 400px at 85% 50%,#13365C 0%,var(--navy) 60%);color:#fff;position:relative;overflow:hidden}
.home-v2 #ten-goi h2{color:#fff}.home-v2 #ten-goi h2 em{color:var(--gold2);font-weight:700}
.home-v2 #ten-goi p{color:#C9D3E2!important}.home-v2 #ten-goi p b{color:#fff}
.home-v2 #ten-goi .quote{color:var(--gold2)!important;border-color:var(--gold)}
.home-v2 #ten-goi .eyebrow.eb2{color:var(--gold2)}
.home-v2 #ten-goi::after{content:"";position:absolute;right:-120px;top:50%;width:420px;height:420px;transform:translateY(-50%);border:1px solid rgba(232,207,138,.14);border-radius:50%;box-shadow:0 0 0 60px rgba(232,207,138,.03),0 0 0 120px rgba(232,207,138,.02);pointer-events:none}
/* liên hệ: thẻ tối */
.home-v2 .lienhe a{border-radius:8px}
@media (max-width:900px){.home-v2 .laban .khung{width:78%}.home-v2 .laban .khung.k2{width:60%}}
.home-v2 #ten-goi .eyebrow.eb2::before{color:var(--gold2)}
/* liên hệ gọn: chữ trái, thẻ phải, bớt khoảng trống */
.home-v2 .contact{padding:44px 0}
.home-v2 .lh-gon{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;text-align:left}
.home-v2 .lh-gon h2{margin:0 0 6px}.home-v2 .lh-gon p{margin:0;color:#C9D3E2;max-width:520px}
.home-v2 .lh-gon .lienhe{margin:0;flex-wrap:nowrap}.home-v2 .lh-gon .lienhe a{min-width:0;padding:12px 18px}
.home-v2 .lh-gon .lienhe b{font-size:19px}
@media (max-width:820px){.home-v2 .lh-gon{grid-template-columns:1fr}.home-v2 .lh-gon .lienhe{flex-wrap:wrap}}
.home-v2 .lh-gon .lienhe{justify-content:flex-start}