/*
 * BrokerCheck — trang chủ. Giữ cấu trúc và số đo các section của Vantage:
 * home-banner, home-row2, home-row3, home-row4, home-row5, home-row7, home-row8.
 */

/* ======================= home-banner ======================= */
.home-banner .banner{position:relative;overflow:hidden;z-index:0;background:var(--c-primary-darker);}
.home-banner .media-box{position:absolute;inset:0;z-index:0;overflow:hidden;}
.home-banner .media-box .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.home-banner .media-box .hero-globe{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease;}
.home-banner .media-box .hero-globe.is-ready{opacity:1;}
.home-banner.has-globe .css-bg::after{display:none;}
.home-banner .media-box video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;}
/* Banner CSS động khi tắt video: dải sáng theo màu thương hiệu */
.home-banner .css-bg{position:absolute;inset:-20%;background:
    radial-gradient(40% 50% at 78% 30%,rgba(var(--c-accent-rgb),.55),transparent 70%),
    radial-gradient(35% 45% at 20% 80%,rgba(var(--c-accent-rgb),.22),transparent 70%),
    radial-gradient(60% 60% at 60% 110%,rgba(var(--c-primary-rgb),.9),transparent 70%),
    linear-gradient(115deg,var(--c-primary-darker) 0%,var(--c-primary-dark) 45%,var(--c-primary) 100%);
    animation:bcDrift 18s ease-in-out infinite alternate;}
.home-banner .css-bg::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 90px);animation:bcLines 30s linear infinite;}
.home-banner .css-bg::after{content:"";position:absolute;right:12%;top:18%;width:min(42vw,620px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.08);box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02);}
@keyframes bcDrift{from{transform:translate3d(-2%,0,0) scale(1);}to{transform:translate3d(3%,-3%,0) scale(1.06);}}
/* Sọc 115°, mỗi 90px: theo phương ngang lặp lại mỗi 90/sin(115°) ≈ 99,30px. Dịch đúng 9 chu kỳ để cuối vòng khớp đầu vòng */
@keyframes bcLines{from{background-position:0 0;}to{background-position:893.74px 0;}}
@media (prefers-reduced-motion:reduce){.home-banner .css-bg,.home-banner .css-bg::before{animation:none;}}
.home-banner .cover-left{position:absolute;z-index:1;inset:0;background:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,.15) 40%,rgba(0,0,0,.75));}
.home-banner .home-banner-top{position:relative;z-index:2;}
.home-banner .home-banner-top .text-box{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:65vh;max-height:1000px;padding:56px 0 40px;text-align:start;}
.home-banner .home-banner-top h1{font-size:var(--hm-fs-64);color:var(--v-white);line-height:1.2;margin:0 0 16px;max-width:760px;font-weight:700;}
.home-banner .home-banner-top h1 span{color:var(--c-accent);}
.home-banner .home-banner-top .text-box>p{font-size:var(--hm-fs-16);color:var(--v-white);line-height:1.6;max-width:700px;margin-bottom:24px;opacity:.92;}
.home-banner .tools-box{display:flex;align-items:flex-start;position:relative;}
.home-banner .tools-box .input-box{position:relative;}
.home-banner .tools-box .live-input{border:none;width:480px;height:56px;border-radius:52px;padding:0 60px 0 28px;font-size:16px;color:var(--v-black);background:#fff;}
.home-banner .tools-box .live-input::placeholder{color:#7d818a;}
.home-banner .tools-box .input-box .ico{position:absolute;top:16px;inset-inline-end:24px;color:#7d818a;pointer-events:none;}
.home-banner .tools-box .banner-btn{padding:19px 30px;margin-inline-start:16px;font-size:16px;text-transform:uppercase;line-height:1;}
.home-banner .search-results{position:absolute;left:0;top:62px;width:100%;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:8px;z-index:20;max-height:320px;overflow:auto;}
.home-banner .search-results a,.home-banner .search-results p{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;color:var(--v-black);margin:0;font-size:15px;}
.home-banner .search-results a:hover,.home-banner .search-results a.active{background:var(--v-grey-light2);}
.home-banner .search-results img{width:32px;height:32px;border-radius:6px;object-fit:contain;border:1px solid var(--v-grey-light1);}
.home-banner .search-results b{flex:1;font-weight:600;}
.home-banner .search-results small{color:var(--c-primary);font-weight:700;font-size:14px;}
.home-banner .hero-stats{display:flex;gap:40px;margin-top:36px;flex-wrap:wrap;}
.home-banner .hero-stats li{color:rgba(255,255,255,.85);font-size:var(--fs-14);max-width:180px;line-height:1.4;}
.home-banner .hero-stats li b{display:block;color:#fff;font-size:var(--fs-32);font-weight:700;line-height:1.1;margin-bottom:4px;}
.home-banner .hero-stats li+li{border-left:1px solid rgba(255,255,255,.2);padding-left:40px;}

.home-banner .home-banner-bottom{padding-top:24px;padding-bottom:24px;position:relative;z-index:2;}
.home-banner .banner-promotions-swiper{overflow:hidden;}
.home-banner .banner-promotions-swiper .swiper-wrapper{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:4px 0;}
.home-banner .banner-promotions-swiper .swiper-wrapper.dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none;}
@media (pointer:fine){.home-banner .banner-promotions-swiper .swiper-wrapper{cursor:grab;}}
.home-banner .banner-promotions-swiper .swiper-wrapper.dragging a{pointer-events:none;}
.home-banner .banner-promotions-swiper .swiper-wrapper::-webkit-scrollbar{display:none;}
.home-banner .home-banner-bottom .swiper-slide{flex:0 0 auto;scroll-snap-align:start;}
.home-banner .home-banner-bottom .swiper-slide{max-width:400px;width:400px;height:auto;}
.home-banner .home-banner-bottom .item-box{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:100%;min-height:176px;border-radius:8px;padding:20px 20px 18px;background:rgba(255,255,255,.94);position:relative;overflow:hidden;transition:transform .3s,background .3s;}
.home-banner .home-banner-bottom .item-box:hover{background:#fff;transform:translateY(-3px);}
.home-banner .home-banner-bottom .item-box .ico.big{position:absolute;right:-10px;bottom:-14px;width:120px;height:120px;color:rgba(var(--c-primary-rgb),.08);}
.home-banner .home-banner-bottom .tags-box{margin-bottom:10px;}
.home-banner .home-banner-bottom .tags-box span{font-size:13px;line-height:1.1;background-color:#d1d5da;color:var(--v-black-light);padding:6px 10px;border-radius:50px;display:inline-block;font-weight:500;}
.home-banner .home-banner-bottom .swiper-slide:nth-child(odd) .tags-box span{background:var(--c-accent-btn);color:#fff;}
.home-banner .home-banner-bottom .title{font-size:var(--fs-20);color:var(--v-black-light);margin:0 0 6px;font-weight:700;line-height:1.25;max-width:85%;}
.home-banner .home-banner-bottom .title span{color:var(--c-accent-ink);}
.home-banner .home-banner-bottom .text{font-size:14px;color:#3d4250;margin:0;max-width:90%;line-height:1.45;}
.home-banner .swiper-button-prev.proms-button-prev,.home-banner .swiper-button-next.proms-button-next{position:absolute;z-index:5;color:#fff;top:calc(50% - 36px);width:32px;height:32px;border-radius:50%;transition:.5s;display:flex;align-items:center;justify-content:center;}
.home-banner .swiper-button-prev .ico{transform:rotate(180deg);}
.home-banner .swiper-button-prev:disabled,.home-banner .swiper-button-next:disabled{opacity:.3;cursor:default;}
.home-banner .swiper-button-prev:focus-visible,.home-banner .swiper-button-next:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.home-banner .swiper-button-prev.proms-button-prev{left:60px;}
.home-banner .swiper-button-next.proms-button-next{right:60px;}
.home-banner .swiper-button-prev.proms-button-prev:hover,.home-banner .swiper-button-next.proms-button-next:hover{background:rgba(255,255,255,.15);}
.home-banner .tips-wrap{position:relative;display:flex;justify-content:space-between;gap:20px;margin-top:20px;padding:14px 0 0;align-items:center;}
.home-banner .tips-wrap .tips{color:#fff;font-size:var(--fs-16);line-height:1.5;margin:0;opacity:.9;display:flex;gap:10px;align-items:center;}
.home-banner .tips-wrap .tips .ico{color:var(--c-accent);width:20px;height:20px;}
.home-banner .tips-wrap a.more{color:#fff;font-weight:500;font-size:var(--fs-14);text-transform:uppercase;border-bottom:1px solid #fff;white-space:nowrap;}
.home-banner .tips-wrap a.more:hover{color:var(--c-accent);border-color:var(--c-accent);}
@media (max-width:1600px){.home-banner .tools-box .live-input{width:450px;}}
@media (max-width:1400px){.home-banner .swiper-button-prev.proms-button-prev{left:24px;}.home-banner .swiper-button-next.proms-button-next{right:24px;}.home-banner .home-banner-bottom .title{font-size:var(--fs-18);}}
@media (max-width:1024px){
    .home-banner .tools-box .live-input{width:400px;}
    .home-banner .swiper-button-prev.proms-button-prev,.home-banner .swiper-button-next.proms-button-next{display:none;}
}
/* Mobile: như Vantage, dải hình/video ở trên, chữ trên nền trắng ở dưới */
@media (max-width:768px){
    .home-banner .banner{background:#fff;}
    .home-banner .media-box{position:relative;inset:auto;height:240px;}
    .home-banner .cover-left{display:none;}
    .home-banner .media-box .css-bg{inset:0;}
    .home-banner .home-banner-top .text-box{min-height:0;padding:28px 0 24px;}
    .home-banner .home-banner-top h1{color:var(--v-black-light);}
    .home-banner .home-banner-top h1 span{color:var(--c-accent-large);}
    .home-banner .home-banner-top .text-box>p{color:#3d4250;opacity:1;}
    .home-banner .tools-box{flex-wrap:wrap;row-gap:12px;width:100%;}
    .home-banner .tools-box .input-box{width:100%;}
    .home-banner .tools-box .live-input{width:100%;background:#f5f5f5;}
    .home-banner .tools-box .banner-btn{margin-inline-start:0;}
    .home-banner .hero-stats{gap:0;margin-top:24px;width:100%;}
    .home-banner .hero-stats li{color:#4a4f5c;flex:1;max-width:none;padding:0 10px;font-size:13px;}
    .home-banner .hero-stats li:first-child{padding-left:0;}
    .home-banner .hero-stats li b{color:var(--c-primary);font-size:24px;}
    .home-banner .hero-stats li+li{border-left:1px solid var(--v-grey-light1);padding-left:10px;}
    .home-banner .home-banner-bottom{background:#fff;padding-top:0;}
    .home-banner .home-banner-bottom .swiper-slide{max-width:260px;width:260px;}
    .home-banner .home-banner-bottom .item-box{background:#e7e9ed;min-height:200px;padding:18px 14px;}
    .home-banner .home-banner-bottom .title span{color:var(--c-accent-ink-grey);}
    .home-banner.no-media .media-box{display:none;}
    .home-banner .tips-wrap{display:none;}
}

/* ======================= market-transaction (bảng giá FX) ======================= */
.market-transaction{padding:72px 0 110px;background:var(--v-white);position:relative;z-index:9;}
.market-transaction .title-msg{font-size:var(--fs-18);text-align:center;color:#3d4250;margin:-14px auto 0;max-width:720px;}
.market-transaction .nav-list{display:flex;flex-wrap:wrap;justify-content:center;color:var(--v-black);margin:44px 0 36px;position:relative;user-select:none;gap:0 40px;}
.market-transaction .nav-list button{font-size:var(--hm-fs-26);font-weight:600;padding:0 0 10px;color:var(--v-black);}
.market-transaction .nav-list button:hover{color:var(--v-grey);}
.market-transaction .nav-list button.active{color:var(--c-accent-ink);}
.market-transaction .nav-list .wire{position:absolute;left:0;bottom:0;height:4px;background:var(--c-accent);transition:.4s;border-radius:2px;}
.market-transaction .table-box{box-shadow:0 15px 30px #0000001A;border-radius:13px;overflow:hidden;position:relative;background:#fff;}
.market-transaction table{width:100%;text-align:center;}
.market-transaction thead th{background:var(--v-grey);color:#fff;padding:15px 0;font-weight:500;font-size:var(--fs-18);}
.market-transaction thead th p{margin:0;line-height:1;border-right:1px solid rgba(248,248,249,.3);}
.market-transaction thead th:last-child p{border-right:0;}
.market-transaction tbody tr{border-bottom:1px solid var(--v-grey-light4);transition:background .2s,box-shadow .2s;}
.market-transaction tbody tr:last-child{border-bottom:0;}
.market-transaction tbody tr:hover{background:var(--v-grey-light2);box-shadow:0 8px 5px -4px #00000029 inset;}
.market-transaction td{padding:0 15px;height:78px;font-size:var(--fs-18);color:var(--v-black);font-weight:500;font-variant-numeric:tabular-nums;}
.market-transaction .symbol{text-align:left;padding-left:30px;width:28%;}
.market-transaction td.symbol{font-size:var(--hm-fs-22);font-weight:600;}
.market-transaction td.symbol small{display:block;font-size:12px;color:var(--v-grey);font-weight:400;margin-top:2px;}
.market-transaction .flickering{display:inline-block;padding:0 6px;border-radius:3px;transition:background-color .3s,color .3s;}
.market-transaction .flickering.green{background:var(--c-up);color:#fff;}
.market-transaction .flickering.red{background:var(--c-down);color:#fff;}
.market-transaction .arrow-box{position:relative;padding-left:22px;display:inline-block;}
.market-transaction .arrow-box::after{content:'';position:absolute;left:3px;top:50%;transform:translateY(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid currentColor;transition:.4s;}
.market-transaction .profit{color:var(--c-up)!important;}
.market-transaction .deficit{color:var(--c-down)!important;}
.market-transaction .deficit .arrow-box::after{transform:translateY(-50%) rotateX(180deg);}
.market-transaction .unbound .arrow-box::after{border-bottom-color:var(--v-grey);}
.market-transaction .table-state{padding:36px 20px;text-align:center;color:#4a4f5c;}
.market-transaction .table-state.error{color:var(--c-warning);}
.market-transaction .skeleton{display:inline-block;width:70px;height:14px;border-radius:4px;background:linear-gradient(90deg,#eee,#f7f7f7,#eee);background-size:200% 100%;animation:bcShimmer 1.2s infinite;}
@keyframes bcShimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}
.market-transaction .updatedTime{margin-top:18px;font-size:var(--fs-14);color:#4a4f5c;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.market-transaction .updatedTime .live{display:inline-flex;align-items:center;gap:6px;color:var(--c-trusted);font-weight:600;}
.market-transaction .updatedTime .live::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;animation:bcPulse 1.6s infinite;}
.market-transaction .updatedTime .live.off{color:var(--v-grey);}
.market-transaction .updatedTime .live.off::before{animation:none;}
@keyframes bcPulse{0%{box-shadow:0 0 0 0 currentColor;}70%{box-shadow:0 0 0 8px transparent;}100%{box-shadow:0 0 0 0 transparent;}}
@media (max-width:1400px){.market-transaction td,.market-transaction thead th{font-size:16px;}}
@media (max-width:1024px){
    .market-transaction{padding:40px 0 80px;}
    .market-transaction .nav-list{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:24px -20px 18px;padding:0 20px;gap:0 24px;}
    .market-transaction .nav-list::-webkit-scrollbar{display:none;}
    .market-transaction .nav-list button{white-space:nowrap;}
}
@media (max-width:510px){
    .market-transaction{padding:24px 0 36px;}
    .market-transaction .title-msg{display:none;}
    .market-transaction td{height:60px;font-size:14px;padding:0 10px;}
    .market-transaction .symbol{padding-left:16px!important;width:40%;}
    .market-transaction td.symbol{font-size:16px;}
    .market-transaction .col-change{display:none;}
    .market-transaction thead th{font-size:14px;}
}

/* ======================= home-row2: phương pháp ======================= */
.home-row2{padding:96px 0 97px;background-color:#F5F5F5;position:relative;overflow:hidden;}
.home-row2::after{content:'';position:absolute;top:-80px;right:-80px;width:378px;height:378px;background:conic-gradient(from 200deg,rgba(var(--c-primary-rgb),.07) 0 25%,transparent 0 50%,rgba(var(--c-accent-rgb),.1) 0 75%,transparent 0);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;}
.home-row2 h2{max-width:900px;text-align:center;font-size:var(--hm-fs-48);color:var(--v-black-light);line-height:1.2;font-weight:600;margin:0 auto;position:relative;z-index:2;}
.home-row2 h2 span{color:var(--c-accent-large);}
.home-row2 ul.weights{width:100%;max-width:1100px;display:flex;justify-content:space-between;gap:16px;margin:40px auto;position:relative;z-index:2;}
.home-row2 ul.weights li{color:var(--v-black);font-size:var(--hm-fs-16);text-align:center;flex:1;line-height:1.35;}
.home-row2 ul.weights li p{color:var(--c-accent-ink);font-size:var(--fs-32);font-weight:600;margin-bottom:10px;line-height:1.2;}
.home-row2 ol{width:100%;display:flex;justify-content:space-between;gap:24px;position:relative;z-index:2;}
.home-row2 ol li{max-width:402px;width:100%;text-align:center;}
.home-row2 ol li .icon-box{width:120px;height:120px;border-radius:28px;margin:0 auto;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#eef0f3);box-shadow:20px 24px 50px rgba(28,28,37,.12),-8px -8px 24px #fff;color:var(--c-primary);}
.home-row2 ol li .icon-box .ico{width:54px;height:54px;}
.home-row2 ol li:nth-child(2) .icon-box{color:var(--c-accent-ink);}
.home-row2 ol li h3{font-size:var(--fs-20);color:var(--v-black-light);line-height:1.2;font-weight:600;margin:30px auto 10px;text-align:center;text-transform:uppercase;}
.home-row2 ol li p{font-size:var(--fs-14);color:var(--v-black);line-height:1.5;text-align:start;margin-bottom:0;}
.home-row2 .p_tips{font-size:var(--fs-14);color:var(--v-black);line-height:1.5;margin:28px 0 0;text-align:center;}
.home-row2 .btn{text-align:center;margin-top:28px;}
@media (max-width:1024px){.home-row2::after{width:249px;height:249px;}}
@media (max-width:768px){
    .home-row2{padding:48px 0;}
    .home-row2 ul.weights{display:block;margin:24px 0 16px;}
    .home-row2 ul.weights li{display:flex;gap:10px;border-bottom:1px dashed #00000029;text-align:left;align-items:center;padding:8px 0;}
    .home-row2 ul.weights li:last-child{border-bottom:none;}
    .home-row2 ul.weights li p{margin:0;font-size:var(--fs-30);min-width:72px;}
    .home-row2 ol{display:block;}
    .home-row2 ol li{max-width:none;display:grid;grid-template-columns:64px 1fr;gap:4px 14px;text-align:left;background:#fff;padding:16px;border-radius:10px;margin-bottom:12px;}
    .home-row2 ol li .icon-box{width:64px;height:64px;border-radius:16px;grid-row:span 2;box-shadow:none;}
    .home-row2 ol li .icon-box .ico{width:30px;height:30px;}
    .home-row2 ol li h3{margin:0;text-align:left;font-size:16px;}
    .home-row2 ol li p{color:#404040;}
}

/* ======================= home-row3: cơ quan quản lý ======================= */
.home-row3{background-color:#fff;padding:120px 0;position:relative;overflow:hidden;}
.home-row3 .inner{max-width:1645px;}
.home-row3 h2{font-size:var(--hm-fs-48);line-height:1.2;color:var(--v-black-light);text-align:center;font-weight:600;}
.home-row3 h2 span{color:var(--c-accent-large);}
.home-row3 .p_text{margin:12px auto 0;font-size:var(--fs-20);line-height:1.4;color:#1d2230;max-width:760px;text-align:center;}
.home-row3 .organisations{max-width:1184px;padding:0 100px;gap:12px;margin:56px auto 72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.home-row3 .organisations li{background-color:#fff;border-radius:10px;box-shadow:20px 22px 60px 0 rgba(0,0,0,.12);}
.home-row3 .organisations a{display:flex;flex-direction:column;gap:4px;padding:18px 18px 16px;min-height:132px;height:100%;border-radius:10px;border:1px solid transparent;transition:.3s;}
.home-row3 .organisations a:hover{border-color:var(--c-accent-soft);transform:translateY(-3px);}
.home-row3 .organisations b{font-size:28px;font-weight:700;color:var(--c-primary);line-height:1.1;}
.home-row3 .organisations .country{font-size:13px;color:#4a4f5c;}
.home-row3 .organisations .name{font-size:12px;color:var(--v-grey);line-height:1.35;}
.home-row3 .organisations .chip{align-self:flex-start;margin-top:auto;}
.home-row3 .swiper_container{display:flex;overflow:hidden;gap:56px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.home-row3 .publicationsfor{display:flex;gap:56px;align-items:center;flex-shrink:0;animation:bcMarquee 40s linear infinite;}
.home-row3 .publicationsfor li{font-size:40px;font-weight:700;color:#c7cbd3;white-space:nowrap;letter-spacing:.02em;}
.home-row3 .publicationsfor li:nth-child(3n+2){color:rgba(var(--c-primary-rgb),.35);}
@keyframes bcMarquee{from{transform:translateX(0);}to{transform:translateX(calc(-100% - 56px));}}
@media (prefers-reduced-motion:reduce){.home-row3 .publicationsfor{animation:none;}}
.home-row3 .steps{max-width:1184px;margin:72px auto 0;padding:0 100px;}
.home-row3 .steps h3{font-size:var(--fs-26);text-align:center;margin-bottom:28px;font-weight:600;}
.home-row3 .steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:st;}
.home-row3 .steps li{counter-increment:st;background:var(--v-grey-light3);border-radius:12px;padding:24px;position:relative;}
.home-row3 .steps li::before{content:counter(st);width:40px;height:40px;border-radius:50%;background:var(--c-primary);color:#fff;font-weight:700;display:grid;place-items:center;margin-bottom:14px;}
.home-row3 .steps li b{display:block;color:var(--v-black-light);font-size:var(--fs-18);margin-bottom:6px;}
.home-row3 .steps li p{margin:0;font-size:var(--fs-14);color:#3d4250;line-height:1.5;}
@media (max-width:1076px){.home-row3 .organisations{grid-template-columns:repeat(2,minmax(0,1fr));max-width:668px;}.home-row3 .steps{padding:0;}}
@media (max-width:768px){
    .home-row3{padding:40px 0;}
    .home-row3 .organisations{padding:0;margin:24px auto 32px;max-width:420px;gap:8px;}
    .home-row3 .organisations a{min-height:118px;padding:14px;}
    .home-row3 .publicationsfor li{font-size:26px;}
    .home-row3 .steps{margin-top:36px;}
    .home-row3 .steps ol{grid-template-columns:1fr;gap:12px;}
}

/* ======================= home-row4: cách chọn sàn ======================= */
.home-row4{position:relative;overflow:hidden;background:
    radial-gradient(120% 140% at 115% 50%,var(--c-primary) 0 17%,transparent 17.2%),
    radial-gradient(110% 130% at 108% 40%,#fff 0 32%,transparent 32.3%),
    linear-gradient(180deg,#e8e9ed,#eef0f3);}
.home-row4 .inner{position:relative;display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:64px;align-items:center;}
.home-row4 .text-box{padding:120px 0;position:relative;z-index:10;text-align:start;}
.home-row4 .text-box h2.home-h2-title{text-align:start;}
.home-row4 .text-box h2{margin-bottom:16px;font-size:var(--hm-fs-48);font-weight:600;line-height:1.2;}
.home-row4 .text-box h2 span{color:var(--c-accent-large);}
.home-row4 .text-box>p{font-size:var(--fs-16);line-height:1.6;color:var(--v-black);margin-bottom:22px;}
.home-row4 .checklist{margin:0 0 32px;display:grid;gap:10px;}
.home-row4 .checklist li{display:flex;gap:10px;color:var(--v-black);font-weight:500;}
.home-row4 .checklist .ico{color:var(--c-trusted);width:22px;height:22px;}
.home-row4 .article-stack{display:grid;gap:14px;position:relative;z-index:5;}
.home-row4 .article-stack a{display:flex;gap:16px;align-items:center;background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 14px 40px rgba(16,24,40,.12);transition:.3s;}
.home-row4 .article-stack a:hover{transform:translateX(-6px);}
.home-row4 .article-stack .num{flex:0 0 44px;height:44px;border-radius:12px;background:var(--c-primary-light);color:var(--c-primary);font-weight:700;display:grid;place-items:center;font-size:18px;}
.home-row4 .article-stack b{display:block;color:var(--v-black-light);font-size:var(--fs-16);line-height:1.35;}
.home-row4 .article-stack small{display:block;color:var(--v-grey);font-size:13px;margin-top:3px;}
@media (max-width:1240px){.home-row4 .text-box{padding:80px 0;}}
@media (max-width:950px){
    .home-row4{background:linear-gradient(180deg,#e8e9ed,#eef0f3);}
    .home-row4 .inner{grid-template-columns:1fr;gap:0;}
    .home-row4 .text-box{padding:40px 0 24px;text-align:center;}
    .home-row4 .text-box h2,.home-row4 .text-box h2.home-h2-title{text-align:center;}
    .home-row4 .checklist{text-align:left;max-width:440px;margin-inline:auto;}
    .home-row4 .article-stack{padding-bottom:40px;}
}

/* ======================= home-row5: so sánh theo nhu cầu ======================= */
.home-row5{padding:120px 0 96px;}
.home-row5 .inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:48px;}
.home-row5 .container_box{flex:0 0 520px;max-width:520px;padding:12px 0;position:relative;z-index:2;text-align:start;}
.home-row5 h2{font-size:var(--hm-fs-48);font-weight:600;line-height:1.2;color:var(--v-black-light);margin:0 0 32px;}
.home-row5 h2 span{color:var(--c-accent-large);}
.home-row5 .nav-list{display:flex;flex-wrap:wrap;color:var(--v-black);position:relative;user-select:none;gap:16px 22px;}
.home-row5 .nav-list button{font-size:var(--fs-18);font-weight:600;line-height:1.5;padding:0 0 10px;color:var(--v-black);}
.home-row5 .nav-list button:hover{color:var(--v-grey);}
.home-row5 .nav-list button.active{color:var(--c-accent-ink);}
.home-row5 .nav-list .wire{position:absolute;left:0;top:0;height:4px;background:var(--c-accent);transition:.4s;border-radius:2px;}
.home-row5 .data-message{margin-top:25px;}
.home-row5 .data-message .item-text{display:none;}
.home-row5 .data-message .item-text.active{display:block;}
.home-row5 .data-message h3{font-size:28px;line-height:1.2;font-weight:600;color:var(--v-black);}
.home-row5 .data-message .p-msg{margin:6px 0 20px;font-weight:500;color:var(--v-black-light);font-size:var(--fs-16);line-height:1.55;}
.home-row5 .img_box{flex:1;min-width:0;}
.home-row5 .img_box .tab-panel{display:none;}
.home-row5 .img_box .tab-panel.active{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;animation:fadeInUp .5s both;}
.home-row5 .img_box .tab-panel .empty-state{grid-column:1/-1;}
@media (max-width:1440px){
    .home-row5 .inner{flex-direction:column;align-items:stretch;}
    .home-row5 .container_box{flex:none;max-width:100%;}
}
@media (max-width:1024px){
    .home-row5 .nav-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px;}
    .home-row5 .nav-list::-webkit-scrollbar{display:none;}
    .home-row5 .nav-list button{white-space:nowrap;}
    .home-row5 .img_box .tab-panel.active{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
    .home-row5{padding:48px 0;}
    .home-row5 h2{margin-bottom:20px;font-size:28px;}
    .home-row5 .img_box .tab-panel.active{grid-template-columns:minmax(0,1fr);}
    .home-row5 .data-message h3{font-size:20px;}
}

/* ======================= home-row7: cảnh báo và tin mới ======================= */
.home-row7{padding:96px 0;background-color:#E8E9ED;text-align:center;}
.home-row7 h2{font-size:var(--hm-fs-48);color:var(--v-black-light);line-height:1.2;font-weight:600;}
.home-row7 .p_text{font-size:var(--fs-20);line-height:1.3;margin:12px 0 32px;color:var(--v-black-light);font-weight:500;}
.home-row7 .more{margin-top:32px;}
.home-row7 .more a{font-size:14px;color:var(--c-accent-ink-grey);text-decoration:underline;text-transform:uppercase;font-weight:600;}
@media (max-width:768px){.home-row7{padding:40px 0;}.home-row7 .p_text{margin:4px 0 24px;font-size:15px;}}

/* ======================= home-row8: CTA ======================= */
.home-row8{padding:96px 0;text-align:center;background:
    radial-gradient(70% 120% at 100% 0%,rgba(var(--c-accent-rgb),.85),transparent 60%),
    radial-gradient(60% 90% at 45% 110%,rgba(var(--c-accent-rgb),.45),transparent 65%),
    linear-gradient(100deg,#05070c 0%,var(--c-primary-darker) 30%,var(--c-primary) 70%,var(--c-primary-hover) 100%);}
.home-row8 h2{font-size:var(--hm-fs-48);color:var(--v-white);line-height:1.2;font-weight:600;}
.home-row8 ul{max-width:899px;width:100%;display:flex;justify-content:space-between;align-items:center;margin:56px auto;gap:10px;}
.home-row8 ul .info_li{text-align:center;color:rgba(255,255,255,.88);font-size:var(--fs-16);line-height:1.5;}
.home-row8 ul .info_li p{font-size:var(--fs-32);font-weight:600;line-height:1.2;margin-bottom:12px;color:#fff;}
.home-row8 ul .line{width:1px;min-height:72px;background-color:var(--v-white);opacity:.3;}
.home-row8 .btn{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;}
@media (max-width:768px){
    .home-row8{padding:24px 0;background:#fff;}
    .home-row8 .cont{background:
        radial-gradient(90% 60% at 100% 0%,rgba(var(--c-accent-rgb),.8),transparent 60%),
        linear-gradient(160deg,var(--c-primary-darker),var(--c-primary));padding:26px 16px;box-shadow:0 4px 20px rgba(0,0,0,.16);border:3px solid #fff;border-radius:16px;}
    .home-row8 h2{font-size:24px;}
    .home-row8 ul{display:block;margin:20px 0 28px;}
    .home-row8 ul .line{display:none;}
    .home-row8 ul .info_li{display:flex;gap:10px;border-bottom:1px dashed #FFFFFF4D;text-align:left;align-items:center;padding:8px 0;}
    .home-row8 ul .info_li:nth-last-child(2){border-bottom:none;}
    .home-row8 ul .info_li p{margin:0;font-size:var(--fs-30);min-width:70px;}
}
/* Khoảng chứa quảng cáo giữa các khối */
.home-ad{background:#fff;padding:24px 0;}
.home-row7+.home-ad,.home-row2+.home-ad{background:#fff;}