/* ============================================================
   LDP – Tài chính dành cho Sếp: từ tài chính cá nhân đến quản trị tài sản
   Theo Figma "Tai chinh - Dau tu cho Sep" (frame desktop 1920, node 4176:1202)
   ============================================================ */
/* Inter v4 (variable, có trục opsz như Figma) */
@font-face { font-family: 'TCS Inter'; font-style: italic; font-weight: 300 900; font-display: swap; src: url('../../../../fonts/Inter4/Inter-opsz-italic-vietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'TCS Inter'; font-style: italic; font-weight: 300 900; font-display: swap; src: url('../../../../fonts/Inter4/Inter-opsz-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'TCS Inter'; font-style: italic; font-weight: 300 900; font-display: swap; src: url('../../../../fonts/Inter4/Inter-opsz-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TCS Inter'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('../../../../fonts/Inter4/Inter-opsz-normal-vietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'TCS Inter'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('../../../../fonts/Inter4/Inter-opsz-normal-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'TCS Inter'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('../../../../fonts/Inter4/Inter-opsz-normal-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Barlow 500–800 (subset vi/latin, tự host) */
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-500-vietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-500-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-600-vietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-600-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-700-vietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-700-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 800; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-800-vietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 800; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-800-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'TCS Barlow'; font-style: normal; font-weight: 800; font-display: swap; src: url('../../../../fonts/Barlow4/Barlow-800-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TCS Bebas'; font-weight: 400; font-style: normal; font-display: swap; src: url('../../../../fonts/SVN-BEBAS-NEUE-BOLD.woff2') format('woff2'), url('../../../../fonts/SVN-BEBAS-NEUE-BOLD.woff') format('woff'); }

.tcs {
    --tcs-navy: #00285a;
    --tcs-navy-2: #002176;
    --tcs-deep: #022c5e;
    --tcs-grad: linear-gradient(87.34deg, #0055c0 4%, #00285a 33.46%, #0055c0 70.93%, #00285a 108.94%);
    --tcs-red: linear-gradient(181deg, #f22e33 3.43%, #980000 106.05%);
    --tcs-glass: linear-gradient(11.75deg, rgba(0, 40, 90, .6) 14.59%, rgba(0, 109, 226, .6) 111.99%);
    font-family: 'TCS Inter', 'Inter', sans-serif;
    font-optical-sizing: auto;
    color: var(--tcs-navy);
    overflow: hidden;
    background: #f4f7fb;
}
:where(.tcs) *, :where(.tcs) *::before, :where(.tcs) *::after { box-sizing: border-box; }
:where(.tcs) h2, :where(.tcs) h3, :where(.tcs) h4, :where(.tcs) p, :where(.tcs) ul, :where(.tcs) ol { margin: 0; padding: 0; }
:where(.tcs) img { max-width: 100%; height: auto; }
/* site có màu chung cho h2/h3/h4 nên đặt lại màu tường minh */
:where(.tcs) :is(h2, h3, h4) { color: inherit; }
.tcs > section, .tcs > div { position: relative; }
.tcs-container { position: relative; z-index: 1; width: 100%; max-width: 1108px; margin: 0 auto; padding: 0 20px; }
.tcs-center { text-align: center; }

/* Lớp nền: khung 1920 căn giữa, toạ độ theo frame Figma */
.tcs-layer {
    position: absolute;
    left: 50%;
    width: max(1920px, 100%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    pointer-events: none;
}

/* ---------- Chữ dùng chung ---------- */
.tcs-eyebrow {
    color: #fff;
    font-size: 26px;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: 6.24px;
    text-transform: uppercase;
}
.tcs-eyebrow--dark { color: #202020; }
.tcs-eyebrow--center { text-align: center; }
.tcs-grad {
    background-image: var(--tcs-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.tcs-h2 {
    font-family: 'TCS Barlow', sans-serif;
    font-size: 52px;
    line-height: 60px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}
.tcs-chev { flex: none; width: 27px; height: 26px; filter: drop-shadow(0 3px 4.3px #80e3ff); }
/* svg gốc hướng xuống, Figma xoay -90° / 90° */
.tcs-chev--l { transform: rotate(-90deg); }
.tcs-chev--r { transform: rotate(90deg); }

/* Tiêu đề chữ vàng (ảnh) + vệt sáng lật dọc phía dưới */
.tcs-gold-head { position: relative; text-align: center; }
.tcs-gold-head h2 { position: relative; z-index: 1; line-height: 0; }
.tcs-gold-head h2 img { display: inline-block; }
.tcs-gold-light { position: absolute; left: 50%; transform: translateX(-50%) scaleY(-1); pointer-events: none; }

/* ---------- Nút ---------- */
.tcs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 57px;
    padding: 6px 26px;
    border: none;
    border-radius: 6px;
    background: var(--tcs-red);
    box-shadow: -1px 10px 11.7px rgba(0, 0, 0, .25), inset -11px 6px 4px rgba(71, 0, 0, .06);
    color: #fff;
    font-family: inherit;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform .2s ease, filter .2s ease;
}
.tcs-btn:hover { transform: translateY(-2px); filter: brightness(1.08); color: #fff; }
.tcs-btn--block { width: 100%; }
.tcs-btn--sm { width: 269px; }
.tcs-btn--content { width: 431px; }
.tcs-img-btn { display: inline-block; line-height: 0; transition: transform .2s ease; }
.tcs-img-btn:hover { transform: translateY(-2px); }

/* ---------- Form ---------- */
.tcs-form { display: flex; flex-direction: column; gap: 11.7px; }
.tcs .tcs-form .form-control,
.tcs .tcs-form .form-select {
    height: 56.8px;
    padding: 0 22px;
    border: 1px solid var(--tcs-navy);
    border-radius: 10px;
    background-color: #fff;
    color: var(--tcs-navy);
    font-family: inherit;
    font-size: 20px;
    box-shadow: none;
}
.tcs .tcs-form .form-control::placeholder { color: var(--tcs-navy); opacity: 1; }
/* popup.css ép `.form-select, input::placeholder` về 14px !important trên toàn site */
.tcs .tcs-form .form-select,
.tcs .tcs-form .form-control::placeholder { font-size: 20px !important; }
.tcs-form .form-control:focus,
.tcs-form .form-select:focus { border-color: #0055c0; box-shadow: 0 0 0 3px rgba(0, 85, 192, .25); }
.tcs .tcs-form .form-control.border-danger,
.tcs .tcs-form .form-select.border-danger { border: 2px solid #ff4d4f; }
.tcs-form .alert, .tcs-form .ldp-form-error { margin: 0; padding: 8px 12px; border-radius: 8px; font-size: 15px; text-align: center; }
.tcs-form .ldp-form-error { border: 1px solid #f5c2c7; background: #f8d7da; color: #842029; }
.tcs-form .btnSuccess .alert { margin-top: 10px; }
.tcs-form .tcs-btn { min-height: 61px; border-radius: 11px; white-space: nowrap; }

/* Khung chờ video (4 lớp vector + blend mode như Figma) */
.tcs-glass { position: absolute; inset: 0; opacity: .98; }
.tcs-glass img { position: absolute; left: 0; top: 0; display: block; width: 100%; max-width: none; }
.tcs-glass-1, .tcs-glass-2 { height: 100%; }
.tcs-glass-3, .tcs-glass-4 { height: 99.48%; }
.tcs-glass-2, .tcs-glass-4 { mix-blend-mode: overlay; }

/* ===================== INTRO + SỰ THẬT + CÁI GIÁ (nền xanh) ===================== */
.tcs-top { background: var(--tcs-deep); }
.tcs-layer--intro { top: 0; height: 807px; background-image: linear-gradient(180deg, rgba(2, 44, 94, 0), #022c5e), url('../../../../images/ldp-tai-chinh-cho-sep/bg-intro.jpg'); background-size: 100% 100%, cover; background-position: center; }
.tcs-layer--dim { top: 404px; height: 701px; background-image: linear-gradient(180deg, rgba(2, 44, 94, 0) 0, rgba(2, 44, 94, .6) 13.94%); }
.tcs-layer--network { top: 1228px; height: 800px; background-image: linear-gradient(180deg, #022c5e 45.03%, rgba(2, 44, 94, .57) 90.27%), url('../../../../images/ldp-tai-chinh-cho-sep/bg-network.jpg'); background-size: 100% 100%, 100% 137.17%; background-position: 0 0, 0 100%; }

.tcs-intro { padding: 19px 0 0; }
.tcs-intro .tcs-container { max-width: 1110px; }
.tcs-intro-lead { max-width: 1004px; margin: 0 auto 45px; color: #fff; font-size: 24px; line-height: 29px; font-weight: 700; text-align: center; }
.tcs-intro-row { display: flex; justify-content: space-between; align-items: flex-start; }
.tcs-intro-media { position: relative; flex: none; width: 602.5px; height: 410.3px; border-radius: 14px; overflow: hidden; }
.tcs-intro-media iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.tcs-intro-form { flex: none; width: 441.8px; }

.tcs-truth { padding: 101px 0 96px; }
.tcs-truth-head { padding-left: 2px; }
.tcs-truth-title {
    color: #fff;
    font-family: 'TCS Barlow', sans-serif;
    font-size: 40px;
    line-height: 55px;
    font-weight: 800;
    text-transform: uppercase;
}
.tcs-truth-gold { display: block; width: 768px; margin: 5px 0 0 2px; }
.tcs-truth-grid { display: grid; grid-template-columns: repeat(3, 338px); gap: 9px 27px; margin-top: 21px; }
.tcs-truth-card {
    position: relative;
    min-height: 182px;
    margin-top: 28px;
    padding: 39px 20px 18px 35px;
    border: 1px solid #b4e2ff;
    border-radius: 12px;
    background: var(--tcs-glass);
}
.tcs-truth-card:nth-child(-n+3) { min-height: 190px; }
.tcs-truth-ic {
    position: absolute;
    left: 35px;
    top: -28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    border: 1px solid #e0be56;
    border-radius: 8px;
    background: linear-gradient(173.17deg, #fff 3.25%, #ffe492 84.93%, #fffcde 235.82%);
    box-shadow: inset -5px -4px 15.5px rgba(69, 32, 1, .19);
}
/* svg đã gồm phần bóng đổ (lề -6%/-21%/-31.6%) */
.tcs-truth-ic img { width: 39.7px; height: 43.2px; margin: 4px 0 -4px; }
.tcs-truth-card h3 { color: #fff; font-size: 18px; line-height: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; }
.tcs-truth-card p { max-width: 273px; color: #c0d6ff; font-size: 16px; line-height: 19.4px; font-weight: 500; }

.tcs-cost-eyebrow { margin-top: 96px; }
.tcs-cost-title { display: block; width: 874px; margin: 4px auto 0; }
.tcs-cost-grid { display: grid; grid-template-columns: repeat(3, 337px); justify-content: center; gap: 0 18.5px; margin-top: 15px; }
.tcs-cost-media { position: relative; z-index: 1; display: flex; justify-content: center; height: 182px; }
.tcs-cost-media img { flex: none; align-self: flex-start; }
.tcs-cost:nth-child(1) .tcs-cost-media img { width: 206px; height: 206px; margin-left: -6px; }
.tcs-cost:nth-child(2) .tcs-cost-media img { width: 191px; height: 191px; margin-left: 15px; }
.tcs-cost:nth-child(3) .tcs-cost-media img { width: 166px; height: 166px; margin: 4px 0 0 4px; }
.tcs-cost-card { position: relative; height: 190px; }
/* lớp đế vàng lệch xuống 13px + mặt thẻ */
.tcs-cost-card::before {
    content: '';
    position: absolute;
    left: 0; right: 0; top: 28px; height: 162px;
    border-radius: 12px;
    background: linear-gradient(142.6deg, #fac32b 47.4%, #a36f00 102.96%);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, .25);
}
.tcs-cost-card::after {
    content: '';
    position: absolute;
    left: 0; right: 0; top: 15px; height: 168px;
    border: 1px solid #dfd6bc;
    border-radius: 10px;
    background: linear-gradient(187.87deg, #fff 10.35%, #fff1d8 129.76%);
    box-shadow: 0 11px 22.1px rgba(208, 141, 32, .34), inset 0 1px 37.9px rgba(255, 222, 152, .5);
}
.tcs-cost--red .tcs-cost-card::before { background: linear-gradient(142.6deg, #ad0000 47.4%, #420000 102.96%); }
.tcs-cost--red .tcs-cost-card::after { border-color: #dfbcbc; background: linear-gradient(187.87deg, #fff 10.35%, #ffe9e9 129.76%); box-shadow: 0 11px 22.1px rgba(208, 32, 32, .34), inset 0 1px 37.9px rgba(255, 152, 152, .5); }
.tcs-cost-tag {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 0;
    width: 180px;
    height: 34px;
    transform: translateX(-50%);
    border: 1px solid #e0be56;
    border-radius: 20px;
    background: linear-gradient(178.7deg, #ffecb8 3.25%, #deba4e 84.93%, #fffcde 235.82%);
    box-shadow: inset -5px -4px 15.5px rgba(69, 32, 1, .19);
    color: #552800;
    font-size: 20px;
    line-height: 32px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}
.tcs-cost--red .tcs-cost-tag { border-color: #eb6868; background: linear-gradient(178.7deg, #f34848 3.25%, #d51b1b 84.93%, #9d0000 235.82%); color: #fff; }
.tcs-cost-card h3, .tcs-cost-card p { position: relative; z-index: 1; }
.tcs-cost-card h3 { padding-top: 53px; color: #5a0e00; font-size: 18px; line-height: 22px; font-weight: 700; text-align: center; }
.tcs-cost--red .tcs-cost-card h3 { color: #5a0000; }
.tcs-cost-card p { margin: 8px 44px 0 45px; color: #311100; font-size: 16px; line-height: 19.4px; text-align: justify; }
.tcs-cost-foot { margin-top: 30px; color: #fff; font-size: 24px; line-height: 29px; font-weight: 700; text-align: center; }
.tcs-cost-foot span { background: linear-gradient(90deg, #fefbdc 62.02%, #ffc758); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ===================== GIẢI PHÁP + KẾT QUẢ (nền sáng) ===================== */
.tcs-light { padding: 74px 0 73px; background: #f4f7fb; }
.tcs-layer--airy1 { top: 0; height: 1278px; background-image: url('../../../../images/ldp-tai-chinh-cho-sep/bg-airy-1.jpg'); background-size: 173.62% 146.95%; background-position: 57.6% 0; }
.tcs-layer--fade { top: 790px; height: 1449px; background-image: linear-gradient(180deg, rgba(244, 247, 251, 0) 5.77%, #f4f7fb 25.96%, #f4f7fb 75%, rgba(244, 247, 251, 0) 100%); }
.tcs-layer--airy2 { top: 1383px; height: 1081px; background-image: linear-gradient(-1.95deg, rgba(255, 255, 255, 0) 2.22%, #fff 89.25%), url('../../../../images/ldp-tai-chinh-cho-sep/bg-airy-2.jpg'); background-size: 100% 100%, cover; background-position: center; }

.tcs-sol-title { margin-top: 28px; font-family: 'TCS Barlow', sans-serif; font-weight: 800; text-transform: uppercase; text-align: center; }
.tcs-sol-line1 { display: flex; align-items: center; justify-content: center; gap: 24px; font-size: 40px; line-height: 44px; }
.tcs-sol-line2 { display: block; font-size: 52px; line-height: 60px; margin-top: 14px; }
.tcs-sol-rule { display: block; width: 527px; height: 3px; margin: 22px auto 0; }
.tcs-sol-desc { margin-top: 39px; color: var(--tcs-navy); font-size: 22px; line-height: 26px; text-align: center; }
.tcs-band {
    position: relative;
    z-index: 1;
    width: 1248px;
    max-width: 100%;
    height: 71px;
    margin: 32px auto 0;
    background: linear-gradient(90deg, rgba(0, 40, 90, 0) 0%, #003b7e 20.67%, #0054b4 47.12%, #003b7e 72.12%, rgba(0, 40, 90, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.tcs-band p { color: #fff; font-size: 24px; line-height: 28px; font-weight: 600; text-align: center; }
.tcs-band strong { color: #ffda94; font-size: 32px; font-weight: 600; }

.tcs-pillars { display: grid; grid-template-columns: repeat(3, 338px); gap: 27px; margin-top: 32px; }
.tcs-pillar-head { display: flex; align-items: flex-start; height: 53px; }
.tcs-pillar-no {
    font-family: 'TCS Barlow', sans-serif;
    font-size: 60px;
    /* Figma dùng line-height 40px nhưng background-clip: text chỉ tô trong khung dòng -> chữ bị cắt.
       Dùng 72px rồi bù margin -16px để chữ vẫn nằm đúng chỗ như khung 40px */
    line-height: 72px;
    margin: -16px 0;
    font-weight: 700;
    background-image: linear-gradient(89.34deg, #00285a 37.46%, #0055c0 14.57%, #00285a 59.08%, #0055c0 104.95%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .1));
    width: 75px;
}
.tcs-pillar-tag {
    margin-top: 5px;
    padding: 0 18px;
    height: 39px;
    border-radius: 25px;
    background: linear-gradient(90deg, #04083b 13.2%, #004cbe 53.25%, #04083b 126.4%);
    color: #fff;
    font-family: 'TCS Barlow', sans-serif;
    font-size: 22px;
    line-height: 39px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}
.tcs-pillar p {
    min-height: 126px;
    padding: 18px 20px 18px 25px;
    border: 1.5px solid #cbd9f4;
    border-radius: 15px;
    background: linear-gradient(180deg, #eef6ff 30.48%, #c2e3ff 147.62%);
    color: var(--tcs-navy);
    font-family: 'TCS Barlow', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

/* Lộ trình zig-zag: 5 bước cách nhau 215px, bước chẵn thấp hơn 99px */
.tcs-road { position: relative; height: 314px; margin-top: 37px; }
.tcs-road-path { position: absolute; left: 90px; top: 74px; width: 883px; height: 118px; max-width: none; }
.tcs-road-step { position: absolute; top: 0; width: 208px; text-align: center; color: var(--tcs-navy); font-family: 'TCS Barlow', sans-serif; }
.tcs-road-step--1 { left: 0; }
.tcs-road-step--2 { left: 216px; top: 99px; }
.tcs-road-step--3 { left: 431px; }
.tcs-road-step--4 { left: 646px; top: 99px; }
.tcs-road-step--5 { left: 861px; }
.tcs-road-media { position: relative; display: block; height: 150px; }
.tcs-road-ticket { position: absolute; left: 0; top: 37px; width: 208px; height: 161px; }
.tcs-road-ic { position: absolute; left: 53px; top: 0; width: 102px; height: 102px; }
.tcs-road-step h3 { width: 197px; margin: 0 auto; font-size: 18px; line-height: 22px; font-weight: 600; }
.tcs-road-step p { width: 197px; margin: 5px auto 0; font-size: 16px; line-height: 19px; font-weight: 500; }

.tcs-divider { display: block; width: 1247px; max-width: none; height: 42.4px; margin: 75px 0 0 -110px; }

.tcs-light .tcs-h2 { margin-top: 57px; }
.tcs-results { display: grid; grid-template-columns: repeat(2, 500px); gap: 21px 65px; margin: 51px 0 0 3px; }
.tcs-result {
    position: relative;
    min-height: 148px;
    padding: 28px 12px 18px 64px;
    border: 2px solid #fff;
    border-radius: 15px;
    background: linear-gradient(180.53deg, #005fa3 8.45%, #08193b 144.17%);
    box-shadow: 0 7px 21.3px rgba(0, 73, 142, .39);
    color: #fff;
}
.tcs-result-badge { position: absolute; left: -25.5px; top: -10.5px; width: 51px; height: 69.1px; }
.tcs-result h3 { font-size: 24px; line-height: 28px; font-weight: 700; margin-bottom: 9px; }
.tcs-result p { font-size: 18px; line-height: 22px; }

.tcs-compass { position: relative; height: 412px; margin-top: 78px; }
.tcs-compass-art { position: absolute; left: 328px; top: 0; width: 412px; height: 412px; }
.tcs-compass-ring { position: absolute; left: -.5px; top: -.5px; width: 413px; height: 413px; max-width: none; }
.tcs-compass-img { position: absolute; left: 42px; top: 0; width: 370px; height: 370px; max-width: none; }
.tcs-compass-dot { position: absolute; width: 15px; height: 15px; }
.tcs-compass-dot--tl { left: 26px; top: 72px; }
.tcs-compass-dot--bl { left: -3px; top: 244px; }
.tcs-compass-dot--br { left: 400px; top: 244px; }
.tcs-compass-dot--tr { left: 362px; top: 72px; }
.tcs-outcome { position: absolute; width: 255px; padding-top: 23px; }
.tcs-outcome--bottom { padding-top: 223px; }
.tcs-outcome--left { left: 0; text-align: right; }
.tcs-outcome--right { left: 813px; }
.tcs-outcome-en { display: block; color: #202020; font-size: 16px; line-height: 20px; font-weight: 700; letter-spacing: 3.84px; text-transform: uppercase; }
.tcs-outcome--left .tcs-outcome-en { margin-right: -3.84px; }
.tcs-outcome strong { display: inline-block; margin-top: 4px; font-family: 'TCS Barlow', sans-serif; font-size: 24px; line-height: 26px; font-weight: 800; text-transform: uppercase; }
.tcs-outcome img { display: block; width: 112px; height: 1px; margin: 12px 0 11px; }
.tcs-outcome--left img { margin-left: auto; }
.tcs-outcome p { color: var(--tcs-navy); font-family: 'TCS Barlow', sans-serif; font-size: 18px; line-height: 22px; font-weight: 500; }
.tcs-light .tcs-center { margin-top: 21px; }

/* ===================== HỌ ĐÃ LÀM ĐƯỢC ===================== */
.tcs-testi {
    z-index: 2;
    padding: 91px 0 0;
    height: 852px;
    background:
        linear-gradient(-.98deg, #001c40 1.59%, rgba(0, 82, 172, .87) 104.55%),
        url('../../../../images/ldp-tai-chinh-cho-sep/bg-testi.jpg') center -46px / 100% auto no-repeat,
        #001c40;
}
.tcs-gold-head--testi h2 img { width: 1110px; max-width: none; }
.tcs-gold-head--testi .tcs-gold-light { top: -6px; width: 479px; height: 183px; }
.tcs-testi-grid { display: grid; grid-template-columns: repeat(2, 556px); justify-content: center; gap: 18px 28px; margin: 89px -40px 0; }
.tcs-testi-item { position: relative; display: block; width: 556px; height: 328px; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: transparent; }
button.tcs-testi-item { cursor: pointer; }
.tcs-testi-item > img:first-child { width: 100%; height: 100%; object-fit: cover; }
.tcs-testi-play { position: absolute; left: 50%; top: 50%; width: 72px; transform: translate(-50%, -50%); transition: transform .2s ease; }
button.tcs-testi-item:hover .tcs-testi-play { transform: translate(-50%, -50%) scale(1.1); }
.tcs-testi-item.is-playing iframe { position: absolute; inset: 0; width: 100%; height: 100%; }

/* ===================== DIỄN GIẢ ===================== */
.tcs-speaker {
    padding: 137px 0 137px; /* 103px + phần nút tràn ra dưới khung 34px */
    background:
        linear-gradient(3.28deg, rgba(18, 64, 120, 0) 42.42%, #011e42 76%),
        url('../../../../images/ldp-tai-chinh-cho-sep/bg-speaker.jpg') center / cover no-repeat,
        #011e42;
}
.tcs-speaker .tcs-container { max-width: 1221px; }
.tcs-gold-head--speaker h2 img { width: 615px; }
.tcs-gold-head--speaker .tcs-gold-light { top: 21px; width: 369px; height: 141px; }
.tcs-speaker-box {
    position: relative;
    display: flex;
    min-height: 564px;
    margin-top: 102px;
    padding: 30px 30px 60px 13px;
    border: 2px solid #0035a7;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(0, 36, 86, .39), rgba(11, 157, 248, .39));
    box-shadow: -2px 1px 20px 3px rgba(88, 215, 255, .51);
}
.tcs-speaker-photo { position: relative; flex: none; width: 440px; height: 440px; }
.tcs-speaker-photo > img:first-child { width: 440px; height: 440px; }
.tcs-speaker-name { position: absolute; left: 44px; top: 368px; width: 396px; }
.tcs-speaker-bio { width: 662px; margin: 32px 0 0 16px; padding-left: 27px; color: #fff; font-size: 18px; line-height: 23px; list-style: disc; }
.tcs-speaker-bio li + li { margin-top: 11px; }
.tcs-speaker-cta { position: absolute; left: 50%; bottom: -36px; transform: translateX(-50%); }
.tcs-speaker-cta:hover { transform: translate(-50%, -2px); }
.tcs-speaker-cta img { width: 262px; }

/* ===================== DÀNH CHO AI + NỘI DUNG ===================== */
.tcs-dark { padding: 0 0 98px; background: var(--tcs-deep); }
.tcs-layer--coins { top: 6px; height: 1081px; opacity: .68; background: url('../../../../images/ldp-tai-chinh-cho-sep/bg-coins.jpg') center / cover no-repeat; }
.tcs-layer--coinsfade { top: 6px; height: 1081px; background-image: linear-gradient(180deg, rgba(2, 44, 94, 0), #022c5e); }
.tcs-layer--icons1, .tcs-layer--icons2 { opacity: .28; background-image: url('../../../../images/ldp-tai-chinh-cho-sep/bg-icon-pattern.webp'); }
.tcs-layer--icons2 { top: 786px; width: 2881px; height: 1864px; margin-left: -587px; background-size: 100% 103.11%; background-position: 0 0; }
.tcs-layer--icons1 { top: 541px; width: 1946px; height: 1298px; margin-left: 24px; background-size: cover; }

.tcs-aud-title { margin-top: 14px; text-align: center; line-height: 0; }
.tcs-aud-title img { width: 755px; }
.tcs-aud-grid { display: grid; grid-template-columns: repeat(2, 495px); gap: 65px; margin: 44px 0 0 6px; }
.tcs-aud-box { min-height: 364px; padding: 24px 20px 20px 42px; border: 2px solid #0035a7; border-radius: 15px; background: rgba(0, 35, 83, .86); color: #fff; }
.tcs-aud-box--no { padding: 27px 20px 20px 51px; border-color: #a22f2f; background: rgba(70, 0, 0, .3); }
.tcs-aud-box h3 {
    width: 415px;
    height: 49px;
    border: 1px solid #6ec1fc;
    border-radius: 8px;
    background: rgba(195, 230, 255, .19);
    font-size: 24px;
    line-height: 47px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}
.tcs-aud-box--no h3 { width: 404px; border-color: #b14150; background: rgba(255, 93, 93, .37); }
.tcs-aud-box ul { list-style: none; margin-top: 23px; }
.tcs-aud-box--no ul { margin-top: 22px; }
.tcs-aud-box li { position: relative; padding: 0 0 7px 3px; font-size: 18px; line-height: 22px; }
.tcs-aud-box li + li { margin-top: 11px; }
.tcs-aud-box li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, .18); }
.tcs-aud-box li img { position: absolute; left: -59px; top: 4px; width: 30px; height: 30px; }
.tcs-aud-box--no li img { left: -68px; top: 4px; }

.tcs-content { margin-top: 100px; }
.tcs-gold-head--content h2 img { width: 547px; }
.tcs-gold-head--content .tcs-gold-light { top: 10px; width: 361px; height: 138px; }
.tcs-day { position: relative; width: 1068px; height: 126px; margin-top: 67px; }
.tcs-modules + .tcs-day { margin-top: 26px; }
.tcs-day::before, .tcs-day::after { content: ''; position: absolute; left: 0; top: 0; height: 126px; border-radius: 12px; }
.tcs-day::before { width: 1068px; background: linear-gradient(172.85deg, rgba(255, 252, 222, .13) 6.85%, rgba(238, 208, 118, .13) 75.12%, rgba(255, 252, 222, .13) 164.63%); box-shadow: 0 4px 0 rgba(105, 62, 0, .22); }
.tcs-day::after { width: 1048px; background: linear-gradient(172.71deg, rgba(255, 252, 222, .48) 6.85%, rgba(238, 208, 118, .48) 75.12%, rgba(255, 252, 222, .48) 164.63%); box-shadow: 0 4px 0 rgba(105, 62, 0, .44); }
.tcs-day-card {
    position: relative;
    z-index: 1;
    display: flex;
    width: 1027px;
    height: 126px;
    padding: 15px 20px 0 50px;
    border: 2px solid #4d3008;
    border-radius: 12px;
    background: linear-gradient(172.57deg, #fffcde 6.85%, #eed076 75.12%, #fffcde 164.63%);
    box-shadow: 0 4px 0 rgba(105, 62, 0, .84);
}
.tcs-day-no {
    flex: none;
    width: 90px;
    margin-top: 2px;
    font-family: 'TCS Bebas', sans-serif;
    font-size: 100px;
    line-height: 94px;
    letter-spacing: -6px;
    background-image: linear-gradient(180deg, #3b1900, #f39600);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.tcs-day-text { padding-left: 1px; color: #3f1800; }
.tcs-day-meta { display: flex; align-items: center; gap: 0; height: 30px; }
.tcs-day-label { width: 80px; padding-left: 3px; font-size: 20px; line-height: 30px; font-weight: 500; text-transform: uppercase; }
.tcs-day-range {
    width: 154px;
    height: 25px;
    border-radius: 15px;
    background: linear-gradient(3.44deg, #0f294a 14.59%, #1262b8 111.99%);
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    letter-spacing: 1.44px;
    text-align: center;
    text-transform: uppercase;
}
.tcs-day:nth-of-type(n+3) .tcs-day-label { width: 86px; }
.tcs-day-text h3 {
    margin-top: 5px;
    font-size: 30px;
    line-height: 33px;
    font-weight: 700;
    text-transform: uppercase;
    background-image: linear-gradient(90deg, #3f1800, #824500);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.tcs-day-text p { margin-top: -2px; padding-left: 3px; font-size: 18px; line-height: 30px; font-weight: 500; font-style: italic; }

.tcs-modules { display: grid; grid-template-columns: repeat(2, 524px); gap: 9px 16px; margin: 15px 0 0 2px; }
.tcs-module {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 217px;
    margin-top: 14px;
    padding: 26px 18px 17px;
    border: 1px solid #b4e2ff;
    border-radius: 15px;
    background: linear-gradient(8.71deg, rgba(0, 40, 90, .6) 14.59%, rgba(0, 109, 226, .6) 111.99%);
    color: #fff;
}
.tcs-module--full { grid-column: 1 / -1; min-height: 177px; padding-top: 30px; background: linear-gradient(3.52deg, rgba(0, 40, 90, .6) 14.59%, rgba(0, 109, 226, .6) 111.99%); }
.tcs-module-tag {
    position: absolute;
    left: 30px;
    top: -15px;
    width: 138px;
    height: 31px;
    border: 1px solid #4d3008;
    border-radius: 15.5px;
    background: linear-gradient(166.57deg, #fffcde 6.85%, #eed076 75.12%, #fffcde 164.63%);
    box-shadow: 0 3px 0 rgba(105, 62, 0, .84);
    color: #331800;
    font-size: 16px;
    line-height: 29px;
    font-weight: 500;
    letter-spacing: 1.44px;
    text-align: center;
    text-transform: uppercase;
}
.tcs-module-title { display: flex; align-items: center; min-height: 52px; padding: 0 16px; }
.tcs-module--full .tcs-module-title { min-height: 0; }
.tcs-module h4 { font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase; }
.tcs-module-desc { margin-top: 6px; padding: 0 14px; font-size: 16px; line-height: 19.4px; font-weight: 500; }
.tcs-module--full .tcs-module-desc { margin-top: 7px; padding-left: 16px; }
.tcs-module-ai {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 68px;
    margin-top: auto;
    padding: 9px 20px 9px 9px;
    border-radius: 12px;
    background: rgba(33, 163, 255, .31);
    font-size: 16px;
    line-height: 19.4px;
    font-weight: 700;
}
.tcs-module--full .tcs-module-ai { margin-top: 11px; }
.tcs-module-ai img { flex: none; width: 47px; height: 47px; margin: 4px 0 -4px; }
.tcs-content .tcs-center { margin-top: 36px; }

/* ===================== TRƯỚC & SAU ===================== */
.tcs-ba { padding: 74px 0 86px; background: #f5fafc; overflow: hidden; }
.tcs-ba::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: max(2000px, 100%);
    height: 100%;
    transform: translateX(-50%);
    opacity: .35;
    background: url('../../../../images/ldp-tai-chinh-cho-sep/bg-ba.jpg') top center / 100% auto no-repeat;
}
.tcs-ba-deco { position: absolute; max-width: none; pointer-events: none; }
.tcs-ba-deco--l { left: calc(50% - 920px); top: 248px; width: 371px; height: 641px; object-fit: cover; object-position: top; opacity: .1; }
.tcs-ba-deco--r { left: calc(50% + 600px); top: 80px; width: 333px; height: 809px; object-fit: cover; object-position: top; opacity: .086; }
.tcs-ba-title { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 20px; font-family: 'TCS Barlow', sans-serif; font-size: 52px; line-height: 60px; font-weight: 800; text-transform: uppercase; }
.tcs-ba-grid { position: relative; display: flex; justify-content: space-between; width: 1067px; margin: 77px 0 0 1px; }
.tcs-ba-card { position: relative; width: 448px; min-height: 547px; padding: 63px 20px 30px 27px; }
.tcs-ba-card::before { content: ''; position: absolute; inset: 0; border: 3px solid rgba(212, 13, 13, .2); border-radius: 20px; background: rgba(212, 13, 13, .07); opacity: .62; }
.tcs-ba-card--after { padding-left: 34px; padding-right: 34px; }
.tcs-ba-card--after::before { border-color: rgba(0, 85, 192, .13); background: rgba(180, 226, 255, .3); opacity: 1; }
/* thanh dưới thẻ */
.tcs-ba-card::after { content: ''; position: absolute; left: 50%; bottom: -8px; width: 250px; height: 8px; transform: translateX(-50%); border-radius: 0 0 999px 999px; background: var(--tcs-red); }
.tcs-ba-card--after::after { width: 240px; background: linear-gradient(83.74deg, #0055c0 4%, #00285a 33.46%, #0055c0 70.93%, #00285a 108.94%); }
.tcs-ba-tab {
    position: absolute;
    left: 50%;
    top: -12px;
    width: 164.6px;
    height: 53px;
    transform: translateX(-50%);
    border-radius: 0 0 24px 24px;
    background: linear-gradient(181.58deg, #f22e33 3.43%, #980000 106.05%);
    color: #fff;
    font-family: 'TCS Barlow', sans-serif;
    font-size: 28px;
    line-height: 53px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}
/* nếp gấp phía sau tab */
.tcs-ba-tab::before { content: ''; position: absolute; left: 50%; top: 0; z-index: -1; width: 188.6px; height: 12px; transform: translateX(-50%); border-radius: 16px 16px 0 0; background: linear-gradient(0deg, #c01417 3.43%, #980000 39.45%); }
.tcs-ba-card--after .tcs-ba-tab { width: 158px; background: var(--tcs-grad); }
.tcs-ba-card--after .tcs-ba-tab::before { width: 181px; background: #00285a; }
.tcs-ba-card ul { position: relative; list-style: none; }
.tcs-ba-card li { display: flex; gap: 8px; min-height: 44px; color: #08193b; font-size: 18px; line-height: 21.8px; }
.tcs-ba-card li + li { margin-top: 18px; padding-top: 18px; background: url('../../../../images/ldp-tai-chinh-cho-sep/ba-line-before.svg') top left / 100% 1px no-repeat; }
.tcs-ba-card--after li + li { background-image: url('../../../../images/ldp-tai-chinh-cho-sep/ba-line-after.svg'); }
.tcs-ba-card li img { flex: none; width: 24px; height: 24px; }
.tcs-ba-card li:nth-child(3) span, .tcs-ba-card li:nth-child(4) span, .tcs-ba-card li:nth-child(6) span { align-self: center; }
.tcs-ba-card--after li span { align-self: flex-start !important; }
.tcs-ba-arrow { position: absolute; left: 533px; top: 257px; display: flex; align-items: center; gap: 2px; transform: scaleX(-1); }
.tcs-ba-arrow img:first-child { width: 50.1px; height: 56.9px; margin-top: 10px; }
.tcs-ba-arrow img:last-child { width: 67.6px; height: 77.1px; }

/* ===================== ƯU ĐÃI ===================== */
.tcs-offer {
    padding: 79px 0 89px;
    background: url('../../../../images/ldp-tai-chinh-cho-sep/bg-offer.jpg') top center / max(1920px, 100%) auto no-repeat, #0a2a6a;
}
.tcs-offer .tcs-container { z-index: auto; max-width: 1300px; text-align: center; } /* không tạo stacking context để mix-blend-mode hoà với nền */
.tcs-offer-title { display: block; width: 1257px; max-width: none; height: 113px; margin: 0 auto; object-fit: cover; transform: translateX(2.5px); }
.tcs-offer-30 { display: block; width: 1133px; max-width: none; height: 220px; margin: 1px auto 0; object-fit: cover; transform: translateX(2.5px); }
.tcs-offer-head { position: relative; height: 133px; margin-top: 46px; }
.tcs-offer-head h2 {
    position: relative;
    z-index: 1;
    padding-top: 5px;
    font-size: 49px;
    line-height: 44px;
    font-weight: 800;
    text-transform: uppercase;
    transform: translateX(-30px);
    background-image: linear-gradient(0deg, #c0c0c0 12.66%, #fff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
}
.tcs-offer-glow { position: absolute; left: calc(50% - 329px); top: 0; width: 612px; height: 133px; pointer-events: none; }
.tcs-offer-glow img { position: absolute; display: block; max-width: none; mix-blend-mode: screen; }
.tcs-offer-glow-1 { top: 0; left: 32.33%; width: 35.34%; height: 100%; }
.tcs-offer-glow-2 { top: 41.78%; left: 12.41%; width: 75.18%; height: 16.44%; }
.tcs-offer-glow-3 { top: 46.18%; left: 16.16%; width: 67.68%; height: 7.65%; }
.tcs-offer-glow-4 { top: 43.3%; left: 26.62%; width: 46.76%; height: 13.4%; }
.tcs-offer-glow-5 { top: 47.3%; left: 0; width: 100%; height: 5.41%; }
.tcs-offer-list { list-style: none; width: 660px; margin: 38px 56px 0 auto; padding: 0; text-align: left; counter-reset: tcsoffer; } /* không dùng transform: sẽ tạo stacking context, mất blend với nền */
.tcs-offer-list li {
    counter-increment: tcsoffer;
    position: relative;
    display: flex;
    align-items: center;
    height: 107px;
    margin-bottom: 4px;
    /* vùng chữ trong Figma: lề trái 7.12% + thụt 31.5px cho số thứ tự, lề phải ~4.5% */
    padding: 0 30px 10px 78.5px;
    color: #fff;
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
}
.tcs-offer-list strong { font-weight: 700; color: #ffe180; }
.tcs-offer-list li:nth-child(3) strong { color: #ffe492; }
.tcs-offer-list li:nth-child(4) strong { color: #eed076; }
.tcs-offer-frame { position: absolute; inset: 0; pointer-events: none; }
.tcs-offer-frame img { position: absolute; display: block; max-width: none; }
.tcs-offer-frame-1 { top: 2.25%; left: 3.24%; width: 96.37%; height: 87.93%; mix-blend-mode: multiply; }
.tcs-offer-frame-2 { top: 23.24%; left: 0; width: 99.86%; height: 76.77%; mix-blend-mode: multiply; }
.tcs-offer-frame-3 { top: .04%; left: .18%; width: 99.82%; height: 95.1%; mix-blend-mode: darken; }
.tcs-offer-frame-4 { top: .04%; left: .18%; width: 99.82%; height: 95.1%; mix-blend-mode: overlay; }
.tcs-offer-frame-5 { top: 92.3%; left: 2.45%; width: 93.1%; height: 2.25%; mix-blend-mode: color-dodge; }
.tcs-offer-frame-6 { top: 0; left: 3.39%; width: 94.02%; height: 2.33%; mix-blend-mode: color-dodge; }
.tcs-offer-frame-7 { top: 25.03%; left: 0; width: 98.92%; height: 74.98%; mix-blend-mode: multiply; }
.tcs-offer-frame-8 { top: 74.39%; left: 98.92%; width: 1.07%; height: 17.87%; mix-blend-mode: multiply; }
.tcs-offer-list li:last-child { margin-bottom: 0; }
.tcs-offer-text { position: relative; display: block; }
.tcs-offer-text::before { content: counter(tcsoffer) '.'; position: absolute; right: 100%; top: 0; padding-right: 10px; }

/* ===================== THÔNG TIN KHÓA HỌC + THANH TOÁN ===================== */
.tcs-info {
    padding: 75px 0 143px;
    background: url('../../../../images/ldp-tai-chinh-cho-sep/bg-info.png') bottom center / max(1920px, 100%) 100% no-repeat, #003066;
}
.tcs-info .tcs-container { max-width: 1087px; }
.tcs-gold-head--info h2 img { width: 551px; }
.tcs-gold-head--info .tcs-gold-light { top: 8px; width: 369px; height: 141px; }
.tcs-info-row { position: relative; height: 586px; margin-top: 77px; }
.tcs-info-col { position: absolute; left: 2px; top: 67px; width: 481px; }
.tcs-info-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    height: 128px;
    padding: 32px 0 0 24px;
    border-radius: 14px;
    background: linear-gradient(90deg, #fff 27.89%, #d6e1e6);
    color: var(--tcs-navy);
}
.tcs-info-card + .tcs-info-card { margin-top: 20px; padding-top: 29px; }
.tcs-info-ic {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 69px;
    height: 69px;
    border: 1px solid #e0be56;
    border-radius: 12px;
    background: linear-gradient(173.17deg, #ffecb8 3.25%, #deba4e 84.93%, #fffcde 235.82%);
    box-shadow: inset -5px -4px 15.5px rgba(69, 32, 1, .19);
}
.tcs-info-label { display: block; font-size: 25px; line-height: 30px; font-weight: 700; text-transform: uppercase; }
.tcs-info-card strong { display: block; margin-top: 6px; font-size: 32px; line-height: 30px; font-weight: 700; text-transform: uppercase; }
.tcs-price { position: relative; width: 458px; height: 128px; margin: 28px 0 0 -2px; color: var(--tcs-navy); text-align: center; }
.tcs-price-head { position: absolute; left: 0; top: 0; width: 458px; height: 46px; }
.tcs-price-head img { position: absolute; top: 0; left: 0; max-width: none; }
.tcs-price-head-1, .tcs-price-head-3 { left: .12px !important; top: .07px !important; width: 457.77px; height: 45.89px; }
.tcs-price-head-2 { width: 458px; height: 46.03px; }
.tcs-price-head-3 { mix-blend-mode: overlay; }
.tcs-price-body { position: absolute; left: 0; top: 45.7px; width: 458px; height: 82.3px; max-width: none; }
.tcs-price-label { position: absolute; left: 0; width: 420px; top: 4px; font-size: 23px; line-height: 44px; font-weight: 800; text-transform: uppercase; }
.tcs-price-value { position: absolute; left: 0; width: 420px; top: 62px; font-size: 38px; line-height: 53px; font-weight: 700; text-transform: uppercase; }
.tcs-info-note { width: 400px; margin-top: 28px; color: #fff; font-size: 18px; line-height: 22px; font-weight: 600; font-style: italic; text-align: center; }
.tcs-info-photo { position: absolute; left: 406px; top: 0; width: 641px; height: 586px; border: 2px solid #0035a7; border-radius: 28px; overflow: hidden; box-shadow: -2px 1px 20px 3px rgba(88, 215, 255, .51); }
.tcs-info-photo img { position: absolute; left: -6.75%; top: 0; width: 137.18%; max-width: none; height: 100%; object-fit: cover; }

.tcs-qr-title { margin-top: 104px; text-align: center; line-height: 0; }
.tcs-qr-title img { width: 692px; }
.tcs-bank { position: relative; height: 344px; margin-top: 44px; color: #fff; }
.tcs-bank-info { position: absolute; left: 0; top: 0; width: 561px; }
.tcs-bank-acc { display: flex; justify-content: space-between; height: 80px; padding-left: 2.7px; }
.tcs-bank-no { margin-top: 7px; font-size: 32px; line-height: 27px; font-weight: 700; }
.tcs-bank-branch { margin-top: 10px; font-size: 28px; line-height: 27px; font-weight: 300; font-style: italic; }
.tcs-bank-logo { display: flex; align-items: center; justify-content: center; width: 227px; height: 79.6px; margin-right: 26px; border-radius: 7px; background: #fff; }
.tcs-bank-logo img { width: 165.6px; }
.tcs-bank-line { display: block; width: 560.5px; height: 1px; max-width: none; margin-top: 16px; }
.tcs-bank-owner { margin-top: 21px; padding-left: 2.7px; font-size: 28px; line-height: 35px; font-weight: 700; }
.tcs-bank-note {
    width: 555px;
    height: 127.5px;
    margin: 28px 0 0 2.7px;
    padding-top: 35px;
    border-radius: 12px;
    background: rgba(0, 18, 26, .63);
    box-shadow: 0 6px 17.1px rgba(20, 149, 255, .32);
    font-size: 25px;
    line-height: 32px;
    text-align: center;
}
.tcs-bank-divider { position: absolute; left: 634.7px; top: 1px; width: 10px; height: 339px; max-width: none; }
.tcs-bank-qr { position: absolute; left: 710.6px; top: 2.7px; width: 336.3px; height: 336.3px; padding: 20.4px 20px 0 19.6px; border-radius: 22px; background: #fff; }
.tcs-bank-qr img { width: 296.3px; height: 297.1px; }

/* ===================== FAQ ===================== */
.tcs-faq { padding: 80px 0 196px; background: #f5fafc; }
.tcs-faq::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: .39;
    background: url('../../../../images/ldp-tai-chinh-cho-sep/bg-faq.webp') 37.3% 72.7% / 164.44% 174.67% no-repeat;
    pointer-events: none;
}
.tcs-faq-title { color: var(--tcs-navy); font-size: 44px; line-height: 53px; font-weight: 800; text-align: center; text-transform: uppercase; }
.tcs-faq-list { width: 978px; max-width: 100%; margin: 34px auto 0; }
.tcs-faq-item { margin-bottom: 12px; border: 1px solid #c1d4d7; border-radius: 18px; background: #fff; overflow: hidden; }
.tcs-faq-item summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 78px;
    padding: 10px 80px 10px 55px;
    border-radius: 18px;
    background: linear-gradient(181.1deg, #f6f6f6 14.51%, #e8f2f5 126.18%);
    color: var(--tcs-navy-2);
    font-size: 22px;
    line-height: 1.25;
    font-weight: 500;
    list-style: none;
    cursor: pointer;
}
.tcs-faq-item[open] summary { background: linear-gradient(181.1deg, #f6f6f6 14.51%, #f3fcff 126.18%); box-shadow: 0 0 0 1px #c1d4d7; }
.tcs-faq-item summary::-webkit-details-marker { display: none; }
.tcs-faq-item summary::after {
    content: '';
    position: absolute;
    right: 32px;
    top: 50%;
    width: 13px;
    height: 22px;
    background: url('../../../../images/ldp-tai-chinh-cho-sep/ic-faq-down.svg') center / contain no-repeat;
    transform: translateY(-50%) rotate(90deg);
}
.tcs-faq-item[open] summary::after { background-image: url('../../../../images/ldp-tai-chinh-cho-sep/ic-faq-up.svg'); transform: translateY(-50%) rotate(-90deg); }
.tcs-faq-item p { padding: 19px 64px 22px 51px; color: var(--tcs-navy-2); font-size: 21px; line-height: 1.21; }

/* ===================== RESPONSIVE =====================
   Figma chỉ có bản desktop 1920 cho node này; dưới 1200px các khối chuyển sang bố cục co giãn. */
/* ---------- Tablet lớn (992–1199px): giữ bố cục nhiều cột như desktop, co theo khung 980px ---------- */
@media (max-width: 1199px) {
    .tcs-container { max-width: 980px; }
    .tcs-intro-row { gap: 24px; }
    .tcs-intro-media { flex: 1 1 auto; width: auto; height: auto; aspect-ratio: 602 / 410; }
    .tcs-intro-form { flex: 0 0 400px; width: 400px; }
    .tcs-truth-title { font-size: 36px; line-height: 48px; }
    .tcs-truth-gold { width: 100%; max-width: 768px; }
    .tcs-cost-title { width: 100%; max-width: 874px; }
    .tcs-truth-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px 20px; }
    .tcs-truth-card p { max-width: none; }
    .tcs-cost-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 16px; }
    .tcs-cost-card p { margin: 8px 24px 0; }
    .tcs-band { height: auto; padding: 14px 20px; }
    .tcs-pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }

    /* Lộ trình: 5 cột co giãn, vẫn so le; bỏ đường nối (toạ độ cố định theo 1068px) */
    .tcs-road { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 8px; height: auto; }
    .tcs-road-path { display: none; }
    .tcs-road-step { position: static; width: auto; }
    .tcs-road-step:nth-child(odd) { margin-top: 99px; }
    .tcs-road-media { width: 180px; height: 150px; margin: 0 auto; }
    .tcs-road-ticket { left: 0; top: 32px; width: 180px; height: auto; }
    .tcs-road-ic { left: 46px; width: 88px; height: 88px; }
    .tcs-road-step h3, .tcs-road-step p { width: auto; max-width: 197px; }
    .tcs-divider { width: 100%; max-width: 100%; margin-left: 0; height: auto; }

    .tcs-results { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px 40px; margin-left: 25px; }

    /* La bàn ở giữa, 4 kết quả hai bên */
    .tcs-compass { display: grid; grid-template-columns: minmax(0, 1fr) 412px minmax(0, 1fr); grid-template-areas: "tl art tr" "bl art br"; gap: 0 24px; height: auto; }
    .tcs-compass-art { position: relative; left: auto; grid-area: art; }
    .tcs-outcome, .tcs-outcome--bottom { position: static; width: auto; padding-top: 23px; }
    .tcs-outcome--left.tcs-outcome--top { grid-area: tl; }
    .tcs-outcome--right.tcs-outcome--top { grid-area: tr; }
    .tcs-outcome--left.tcs-outcome--bottom { grid-area: bl; }
    .tcs-outcome--right.tcs-outcome--bottom { grid-area: br; }

    .tcs-testi { height: auto; padding-bottom: 80px; }
    .tcs-gold-head--testi h2 img { width: 100%; }
    .tcs-testi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 60px 0 0; }
    .tcs-testi-item { width: 100%; height: auto; aspect-ratio: 556 / 328; }

    .tcs-speaker-box { gap: 10px; padding-right: 24px; }
    .tcs-speaker-photo, .tcs-speaker-photo > img:first-child { width: 360px; height: 360px; }
    .tcs-speaker-name { left: 36px; top: 301px; width: 324px; }
    .tcs-speaker-bio { width: auto; flex: 1; margin: 20px 0 0; }

    .tcs-aud-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin-left: 16px; }
    .tcs-aud-box h3 { width: 100%; }
    .tcs-modules { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-left: 0; }
    .tcs-day { width: 100%; height: auto; min-height: 126px; }
    .tcs-day::before { width: 100%; height: 100%; }
    .tcs-day::after { width: calc(100% - 20px); height: 100%; }
    .tcs-day-card { width: calc(100% - 41px); height: auto; min-height: 126px; padding-bottom: 12px; }

    .tcs-ba-title { font-size: 44px; line-height: 52px; }
    .tcs-ba-deco { display: none; }
    .tcs-ba-grid { width: 100%; margin-left: 0; justify-content: center; gap: 20px; }
    .tcs-ba-card { flex: 0 1 448px; width: auto; }
    .tcs-ba-arrow { position: static; flex: none; align-self: flex-start; margin-top: 257px; }

    .tcs-offer-title, .tcs-offer-30 { width: 100%; max-width: 100%; height: auto; transform: none; }
    .tcs-offer-head { height: auto; }
    .tcs-offer-head h2 { transform: none; font-size: 40px; }
    .tcs-offer-list { width: 660px; max-width: 100%; margin: 30px auto 0; }

    .tcs-info-row { display: flex; align-items: center; gap: 24px; height: auto; }
    .tcs-info-col, .tcs-info-photo { position: relative; left: auto; top: auto; }
    .tcs-info-col { flex: 0 0 458px; width: 458px; }
    .tcs-info-card { width: 458px; }
    .tcs-info-note { width: 420px; }
    .tcs-info-photo { flex: 1 1 auto; width: auto; height: auto; aspect-ratio: 641 / 586; }
    .tcs-bank { display: flex; justify-content: center; align-items: flex-start; gap: 32px; height: auto; }
    .tcs-bank-info, .tcs-bank-divider, .tcs-bank-qr { position: relative; left: auto; top: auto; }
    .tcs-bank-info { flex: 0 1 561px; min-width: 0; }
    .tcs-bank-line, .tcs-bank-note { width: 100%; }
    .tcs-bank-qr { flex: none; }
}

/* ---------- Tablet nhỏ (768–991px): 2 cột hoặc xếp dọc, phần tử lẻ căn giữa ---------- */
@media (max-width: 991px) {
    .tcs-container { max-width: 760px; }
    .tcs-intro-row { flex-direction: column; align-items: center; }
    .tcs-intro-media { width: 100%; }
    .tcs-intro-form { flex: none; width: 100%; max-width: 520px; }
    .tcs-truth-title { font-size: 30px; line-height: 40px; }
    .tcs-truth-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tcs-cost-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 18px; }
    .tcs-cost { flex: none; width: 337px; }
    .tcs-cost-card p { margin: 8px 44px 0 45px; }
    .tcs-sol-line1 { font-size: 30px; line-height: 36px; }
    .tcs-sol-line2 { font-size: 40px; line-height: 48px; }
    .tcs-pillars { display: flex; flex-wrap: wrap; justify-content: center; }
    .tcs-pillar { width: calc(50% - 10px); }
    .tcs-road { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 10px; }
    .tcs-road-step:nth-child(odd) { margin-top: 0; }
    .tcs-results { grid-template-columns: minmax(0, 1fr); }
    .tcs-compass { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "art art" "tl tr" "bl br"; gap: 24px 30px; }
    .tcs-compass-art { margin: 0 auto; }
    .tcs-outcome, .tcs-outcome--bottom { padding-top: 0; }
    .tcs-outcome--left { text-align: left; }
    .tcs-outcome--left img { margin-left: 0; }
    .tcs-outcome br { display: none; }
    .tcs-speaker-box { flex-direction: column; align-items: center; padding: 30px 24px 70px; }
    .tcs-speaker-photo, .tcs-speaker-photo > img:first-child { width: 440px; height: 440px; }
    .tcs-speaker-name { left: 44px; top: 368px; width: 396px; }
    .tcs-speaker-bio { margin: 24px 0 0; }
    .tcs-aud-grid, .tcs-modules { grid-template-columns: minmax(0, 1fr); }
    .tcs-ba-title { font-size: 36px; line-height: 42px; }
    .tcs-ba-grid { flex-direction: column; align-items: center; gap: 60px; }
    .tcs-ba-card { flex: none; width: 448px; max-width: 100%; }
    .tcs-ba-arrow { align-self: center; margin-top: 0; transform: rotate(90deg) scaleX(-1); }
    .tcs-info-row { flex-direction: column-reverse; gap: 30px; }
    .tcs-info-col { flex: none; margin: 0 auto; }
    .tcs-info-photo { width: 100%; }
    .tcs-bank { flex-direction: column; align-items: center; gap: 30px; }
    .tcs-bank-info { flex: none; width: 561px; max-width: 100%; }
    .tcs-bank-divider { display: none; }
}

@media (max-width: 767px) {
    .tcs-container { padding: 0 16px; }
    .tcs-eyebrow { font-size: 16px; line-height: 20px; letter-spacing: 3px; }
    .tcs-h2, .tcs-sol-line2, .tcs-ba-title { font-size: 28px; line-height: 34px; }
    .tcs-sol-line1 { font-size: 22px; line-height: 28px; gap: 10px; }
    .tcs-chev { width: 18px; height: 17px; }
    .tcs-sol-rule { width: 70%; }
    .tcs-sol-desc { font-size: 16px; line-height: 22px; margin-top: 20px; }
    .tcs-band p { font-size: 16px; line-height: 22px; }
    .tcs-band strong { font-size: 22px; }

    .tcs-intro-lead { font-size: 16px; line-height: 22px; margin-bottom: 20px; }
    .tcs .tcs-form .form-control, .tcs .tcs-form .form-select { height: 46px; font-size: 16px; padding: 0 16px; }
    .tcs .tcs-form .form-select, .tcs .tcs-form .form-control::placeholder { font-size: 16px !important; }
    .tcs-form .tcs-btn { min-height: 50px; font-size: 19px; }

    .tcs-truth { padding: 56px 0 50px; }
    .tcs-truth-title { font-size: 24px; line-height: 32px; }
    .tcs-truth-grid, .tcs-pillars, .tcs-cost-grid { grid-template-columns: minmax(0, 1fr); }
    .tcs-cost-grid { justify-items: center; }
    .tcs-cost { width: 100%; max-width: 337px; }
    .tcs-pillar { width: 100%; }
    .tcs-info-card { width: auto; }
    .tcs-info-col { flex: none; }
    .tcs-cost-eyebrow { margin-top: 56px; }
    .tcs-cost-foot { font-size: 17px; line-height: 23px; }

    .tcs-light { padding: 50px 0; }
    .tcs-road { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tcs-road-media { width: 160px; height: 130px; }
    .tcs-road-step h3, .tcs-road-step p { width: auto; }
    .tcs-road-ticket { width: 160px; height: auto; }
    .tcs-road-ic { left: 40px; width: 80px; height: 80px; }
    .tcs-result { padding: 22px 16px 16px 44px; }
    .tcs-result h3 { font-size: 19px; line-height: 24px; }
    .tcs-result p { font-size: 15px; line-height: 20px; }
    .tcs-compass-art { width: 280px; height: 280px; }
    .tcs-compass-ring { width: 281px; height: 281px; }
    .tcs-compass-img { left: 28px; width: 252px; height: 252px; }
    .tcs-compass-dot { display: none; }
    .tcs-outcome p { font-size: 15px; line-height: 20px; }

    .tcs-testi { padding: 50px 0; }
    .tcs-gold-head .tcs-gold-light { width: 70% !important; height: auto !important; }
    .tcs-testi-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 30px; }

    .tcs-speaker { padding: 50px 0 70px; }
    .tcs-speaker-box { margin-top: 40px; }
    .tcs-speaker-photo { width: 300px; height: 300px; }
    .tcs-speaker-photo > img:first-child { width: 300px; height: 300px; }
    .tcs-speaker-name { left: 20px; top: 240px; width: 280px; }
    .tcs-speaker-bio { font-size: 15px; line-height: 20px; }
    .tcs-speaker-cta img { width: 214px; }

    .tcs-dark { padding-bottom: 60px; }
    .tcs-aud-box, .tcs-aud-box--no { padding: 20px 16px 16px 30px; }
    .tcs-aud-box h3 { font-size: 18px; line-height: 40px; height: 42px; }
    .tcs-aud-box li { font-size: 15px; line-height: 20px; }
    .tcs-aud-box li img, .tcs-aud-box--no li img { left: -45px; width: 26px; height: 26px; }
    .tcs-content { margin-top: 60px; }
    .tcs-day { margin-top: 40px; }
    .tcs-day-card { padding: 12px 12px 12px 16px; }
    .tcs-day-no { width: 58px; font-size: 64px; line-height: 64px; letter-spacing: -4px; }
    .tcs-day-meta { flex-wrap: wrap; height: auto; gap: 4px; }
    .tcs-day-text h3 { font-size: 18px; line-height: 22px; }
    .tcs-day-text p { font-size: 14px; line-height: 19px; margin-top: 4px; }
    .tcs-module h4 { font-size: 17px; line-height: 21px; }
    .tcs-module-title, .tcs-module-desc { padding: 0 4px; }
    .tcs-module-desc, .tcs-module-ai { font-size: 14px; line-height: 18px; }
    .tcs-btn--content, .tcs-btn--sm { width: auto; max-width: 100%; font-size: 20px; }

    .tcs-ba { padding: 50px 0 60px; }
    .tcs-ba-card { width: 100%; max-width: 448px; min-height: 0; padding: 60px 16px 30px; }
    .tcs-ba-card li { font-size: 15px; line-height: 20px; }

    .tcs-offer { padding: 40px 0 50px; background-size: auto 100%; }
    .tcs-offer-head h2 { font-size: 24px; line-height: 30px; }
    .tcs-offer-glow { width: 90%; left: 5%; }
    .tcs-offer-list li { height: auto; min-height: 80px; padding: 14px 20px 20px 52px; font-size: 15px; line-height: 20px; }

    .tcs-info { padding: 50px 0 60px; background-size: cover; }
    .tcs-info-row { margin-top: 40px; }
    .tcs-info-col { width: 100%; max-width: 481px; }
    .tcs-info-card { height: auto; padding: 20px 16px !important; }
    .tcs-info-ic { width: 56px; height: 56px; }
    .tcs-info-label { font-size: 18px; line-height: 24px; }
    .tcs-info-card strong { font-size: 24px; line-height: 28px; }
    .tcs-price { width: 100%; max-width: 458px; aspect-ratio: 458 / 128; height: auto; margin-left: auto; margin-right: auto; }
    .tcs-price-head, .tcs-price-head img, .tcs-price-body { width: 100% !important; }
    .tcs-price-label, .tcs-price-value { width: 92%; }
    .tcs-price-label { font-size: 18px; }
    .tcs-price-value { font-size: 28px; top: 50%; }
    .tcs-info-note { width: 100%; }
    .tcs-qr-title { margin-top: 60px; }
    .tcs-bank-info { width: 100%; }
    .tcs-bank-acc { height: auto; flex-direction: column; gap: 14px; }
    .tcs-bank-no { font-size: 24px; }
    .tcs-bank-branch, .tcs-bank-owner { font-size: 19px; line-height: 26px; }
    .tcs-bank-line { width: 100%; }
    .tcs-bank-note { width: 100%; height: auto; padding: 20px 10px; font-size: 17px; line-height: 24px; }
    .tcs-bank-qr { width: 260px; height: 260px; padding: 16px; }
    .tcs-bank-qr img { width: 100%; height: auto; }

    .tcs-faq { padding: 50px 0 70px; }
    .tcs-faq-title { font-size: 28px; line-height: 34px; }
    .tcs-faq-item summary { min-height: 60px; padding: 12px 50px 12px 18px; font-size: 16px; }
    .tcs-faq-item summary::after { right: 18px; }
    .tcs-faq-item p { padding: 14px 18px 18px; font-size: 15px; }
}