/* ===== Token màu — Lửa có kỷ luật ===== */
:root{
  --ember:#C22A18;
  --ember-dark:#9A1F10;
  --flame:#E06A1B;
  --gold:#F0A400;
  --coal:#221410;
  --coal-2:#3A1F14;
  --ink:#2A1B13;
  --muted:#8A7264;
  --cream:#FBF3EA;
  --paper:#FFFFFF;
  --line:#EFE2D6;
  --leaf:#3E7C4F;
  --radius:16px;
  --shadow-soft:0 8px 30px rgba(34,20,16,.08);
  --shadow-lift:0 14px 40px rgba(34,20,16,.14);
}

/* ===== Reset & base ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Be Vietnam Pro','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
.container{max-width:1080px;margin:0 auto;padding:0 22px}
img{max-width:100%}

/* ===== Typography ===== */
h1,h2,h3{color:var(--ink);line-height:1.25}
h1{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800}
h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:.4rem}
h3{font-weight:700}
p{font-size:1rem;font-weight:400}
.kicker{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--flame);margin-bottom:10px}
.sub{color:var(--muted);max-width:640px}

/* ===== Layout primitives ===== */
.section{padding:64px 0}
.section.alt{background:var(--cream)}

/* ===== Nav ===== */
nav{position:sticky;top:0;background:rgba(255,251,246,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:50}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-weight:800;color:var(--ink);text-decoration:none}
.logo span{color:var(--ember)}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{position:relative;color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:600;padding-bottom:4px}
.nav-links a:hover{color:var(--ink)}
.nav-links a.active{color:var(--ink)}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--ember);border-radius:2px}
.nav-cta{background:var(--ember);color:#fff;padding:9px 18px;border-radius:999px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s}
.nav-cta:hover{background:var(--ember-dark)}
.nav-cta.active::after{display:none}
.nav-toggle{display:none;background:none;border:0;padding:10px 0;cursor:pointer;line-height:0}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:760px){
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:6px 22px 18px}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 2px;font-size:1rem;border-bottom:1px solid var(--line)}
  .nav-links a.active::after{display:none}
  .nav-links a.nav-cta{border-bottom:0;text-align:center;margin-top:12px;padding:13px 16px}
}

/* ===== Buttons ===== */
.btn{display:inline-block;padding:11px 22px;border-radius:999px;font-weight:700;text-decoration:none;font-size:.92rem;border:none;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s,box-shadow .2s}
.btn-red{background:var(--ember);color:#fff}
.btn-red:hover{background:var(--ember-dark);transform:translateY(-1px)}
.btn-navy{background:var(--coal);color:#fff}
.btn-navy:hover{background:#150c09;transform:translateY(-1px)}
.btn-outline{border:2px solid var(--ink);color:var(--ink);background:none;padding:9px 20px}
.btn-outline:hover{background:var(--ink);color:#fff}
.btn-ghost{border:2px solid #ffffff55;color:#fff;background:none}
.btn-ghost:hover{border-color:#fff}
.btn-row{display:flex;gap:14px;flex-wrap:wrap}

/* ===== Page head (trang phụ) ===== */
.page-head{background:linear-gradient(160deg,var(--coal-2) 0%,var(--coal) 100%);color:#fff;padding:56px 0 48px}
.page-head h1{color:#fff;max-width:720px;margin-bottom:14px}
.page-head p{color:#E9CDB8;max-width:680px}

/* ===== Hero (trang chủ) ===== */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--coal-2) 0%,var(--coal) 100%);color:#fff;padding:84px 0 64px}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 85% 20%,rgba(224,106,27,.18),transparent);pointer-events:none}
.hero .container{position:relative}
.hero h1{color:#fff;max-width:760px;margin-bottom:18px}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p.lead{font-size:1.12rem;color:#E9CDB8;max-width:640px;margin-bottom:30px}
.trust-line{margin-top:16px;font-size:.92rem;color:#E9CDB8}
.trust-line a{color:var(--gold);font-weight:700}
.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.proof div{background:#ffffff12;border:1px solid #ffffff22;border-radius:var(--radius);padding:18px 16px}
.proof b{display:block;font-size:1.8rem;font-weight:800;color:var(--gold)}
.proof span{font-size:.85rem;color:#E9CDB8}
@media(max-width:760px){.proof{grid-template-columns:repeat(2,1fr)}}

/* ===== Chooser (3 thẻ trang chủ) ===== */
.chooser{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
@media(max-width:900px){.chooser{grid-template-columns:1fr}}
.choose-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:30px 28px;display:block;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.choose-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.choose-card .tag{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--flame)}
.choose-card h3{font-size:1.2rem;margin:8px 0 10px}
.choose-card p{color:var(--muted);font-size:.95rem}
.choose-card .go{display:inline-block;margin-top:14px;color:var(--ink);font-weight:700;font-size:.92rem}

/* ===== Triple grid (ba việc tôi làm) ===== */
.triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
@media(max-width:860px){.triple-grid{grid-template-columns:1fr}}
.triple-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:26px 24px;transition:transform .2s,box-shadow .2s}
.triple-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.triple-card h3{font-size:1.08rem;margin-bottom:10px}
.triple-card p{color:var(--muted);font-size:.93rem;margin-bottom:14px}
.triple-card .go{color:var(--ink);font-weight:700;font-size:.9rem;text-decoration:none}

/* ===== Pricing cards (Track 1 trang chủ) ===== */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
@media(max-width:860px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:28px 24px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.card.featured{border:1px solid var(--line);border-left:4px solid var(--ember);position:relative}
.card.featured .badge{position:absolute;top:-13px;left:24px;background:var(--gold);color:var(--coal);font-size:.75rem;font-weight:800;padding:4px 12px;border-radius:999px}
.card h3{font-size:1.12rem;margin-bottom:6px}
.card .price{font-size:1.5rem;font-weight:800;color:var(--ember);margin:6px 0 2px}
.card ul{list-style:none;margin:14px 0 20px;flex:1}
.card li{padding-left:24px;position:relative;font-size:.93rem;margin-bottom:9px}
.card li::before{content:"✓";position:absolute;left:0;color:var(--leaf);font-weight:800}
.card .note{font-size:.83rem;color:var(--muted);margin-bottom:14px}
.card .btn{text-align:center;padding:11px 20px;font-size:.92rem}
.card .btn+.btn{margin-top:8px}

/* ===== Mini-card (nang-luc syllabus tóm tắt — nhỏ, không dùng chung với .card) ===== */
.mini-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
@media(max-width:760px){.mini-cards{grid-template-columns:1fr}}
.mini-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.mini-card h3{font-size:1.02rem;margin-bottom:8px}

/* ===== Outcome list (7 thứ học viên làm ra) ===== */
.outcome-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;margin-top:36px;align-items:start}
@media(max-width:820px){.outcome-wrap{grid-template-columns:1fr}}
.outcome-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px 22px}
.outcome-row{display:flex;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.outcome-row .lv{flex:0 0 auto;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--coal);background:#FDF6E3;border-radius:999px;padding:3px 10px}
.outcome-row b{color:var(--ink)}
.outcome-row span{color:var(--muted)}
.outcome-shot img{width:100%;border:1px solid var(--line);border-radius:var(--radius);display:block}
.outcome-shot figcaption{font-size:.83rem;color:var(--muted);margin-top:10px}

/* ===== Mind grid (Cách tôi nghĩ — trang chủ) ===== */
.mind-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
@media(max-width:760px){.mind-grid{grid-template-columns:1fr}}
.mind-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:block;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.mind-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.mind-card h3{font-size:1.02rem;margin-bottom:8px}
.mind-card p{font-size:.9rem;color:var(--muted)}
.mind-card .go{display:inline-block;margin-top:12px;color:var(--ink);font-weight:700;font-size:.88rem}

/* ===== Flow (AI Audit — doanh nghiệp) ===== */
.flow{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;margin-top:36px}
@media(max-width:760px){.flow{grid-template-columns:1fr}}
.flow-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:26px 24px}
.flow-card h3{font-size:1.1rem;margin-bottom:8px}
.flow-card .price{color:var(--ember);font-weight:800;font-size:1.25rem}
.arrow{align-self:center;font-size:1.6rem;color:var(--ember);font-weight:800;text-align:center}

/* ===== Table ===== */
.pkg{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;border-radius:var(--radius);overflow:hidden;font-size:.9rem}
.pkg th{background:var(--coal);color:#fff;text-align:left;padding:12px 16px;font-size:.82rem}
.pkg td{padding:12px 16px;border-bottom:1px solid var(--line)}
.pkg td.num{text-align:center;font-weight:700;color:var(--ink)}
.pkg td a{color:var(--ember);font-weight:700;text-decoration:none}
.table-wrap{overflow-x:auto}
.table-wrap .pkg{min-width:500px}

/* ===== Khối "nói thẳng" ===== */
.honest{margin-top:20px;background:#FDF6E3;border-left:4px solid var(--gold);border-radius:8px;padding:16px 20px;font-size:.92rem;color:#5A3F12}

/* ===== About (trang chủ) ===== */
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;margin-top:30px;align-items:start}
@media(max-width:820px){.about-grid{grid-template-columns:1fr}}
.about-grid p{margin-bottom:14px;font-size:.97rem}
.cred{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.cred ul{list-style:none}
.cred li{padding-left:22px;position:relative;font-size:.9rem;margin-bottom:10px}
.cred li::before{content:"—";position:absolute;left:0;color:var(--flame);font-weight:700}
.cred a{color:var(--ember);font-weight:700;text-decoration:none}
.cred img{border-radius:16px;border:3px solid var(--gold);display:block;margin-bottom:16px;width:100%}
.free-box{display:flex;gap:26px;align-items:center;justify-content:space-between;background:var(--coal);border-radius:var(--radius);padding:34px 32px;margin-top:30px;flex-wrap:wrap}
.free-box h3{color:#fff;font-size:1.25rem;margin-bottom:6px}
.free-box p{color:#E9CDB8;font-size:.95rem;max-width:520px}

/* ===== Contact box cuối trang chủ ===== */
.contact-box{text-align:center;max-width:620px;margin:0 auto}
.contact-box .btn-row{justify-content:center;margin-top:26px}

/* ===== cta-final (khối CTA than đậm, dùng ở khoa-hoc / nang-luc / goc-nhin) ===== */
.cta-final{background:var(--coal);border-radius:var(--radius);padding:36px 32px;margin-top:48px;text-align:center}
.cta-final h2{color:#fff}
.cta-final p{color:#E9CDB8;margin:8px auto 22px;max-width:500px}
.cta-final .btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ===== khoa-hoc.html: split / panel / dl-row / num-list ===== */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:26px}
@media(max-width:820px){.split{grid-template-columns:1fr}}
.dl-row{display:flex;gap:8px;font-size:.88rem;margin-bottom:6px}
.dl-row dt{color:var(--muted);flex:0 0 84px}
.dl-row dd{margin:0;font-weight:600}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.panel-label{font-size:.82rem;color:var(--muted);margin-bottom:10px}
.num-list{list-style:none;margin:0}
.num-list li{display:flex;gap:10px;padding:6px 0;font-size:.86rem}
.num-list .idx{color:var(--muted);flex:0 0 20px;font-weight:700}
.num-list-lv h4{font-size:.88rem;font-weight:700;color:var(--ink);margin:12px 0 4px}
.num-list-lg{list-style:none;margin:0}
.num-list-lg li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.num-list-lg .idx{flex:0 0 24px;color:var(--gold);font-weight:800}
.num-list-lg .t{font-size:.92rem;font-weight:700;color:var(--ink)}
.num-list-lg .d{font-size:.82rem;color:var(--muted)}
.compare-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.compare-row .who{flex:0 0 170px;color:var(--muted)}
.compare-row .what{flex:1 1 240px}

/* ===== Cụm khoá học mới (v3) ===== */
.cluster .container{position:relative}
.cluster-num{position:absolute;top:-8px;right:0;font-size:4rem;font-weight:800;color:#F0E2D2;line-height:1;z-index:0;user-select:none}
.cluster-head{position:relative;z-index:1}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;position:relative;z-index:1}
@media(max-width:900px){.course-grid{grid-template-columns:1fr}}
.course-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px 20px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.course-card h4{font-size:1rem;color:var(--ink);margin-bottom:8px}
.course-card p{font-size:.88rem;color:var(--muted);flex:1;margin-bottom:14px}
.course-card .meta{font-size:.82rem;color:var(--muted);margin-bottom:14px}
.course-card .meta b{color:var(--ink)}
.service-block{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--ember);border-radius:var(--radius);padding:28px 26px;margin-top:20px}
.service-block h3{font-size:1.15rem;margin-bottom:10px}
.service-block p{font-size:.93rem;color:var(--ink);margin-bottom:12px}
.service-block .btn{margin-top:6px}

/* ===== tu-van.html: co-grid / contact-panel ===== */
.co-grid{display:flex;flex-direction:column;gap:16px;max-width:800px;margin-top:22px}
.co-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.co-card h3{font-size:1rem;margin-bottom:8px}
.co-card p{font-size:.9rem;margin-bottom:8px}
.contact-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;max-width:600px;margin:26px auto 0;text-align:center}
.contact-panel .btn-row{justify-content:center;margin-top:6px}
.reassure-list{display:flex;flex-direction:column;gap:8px;margin-top:22px;max-width:600px;margin-left:auto;margin-right:auto}
.reassure-item{font-size:.86rem;color:var(--muted);text-align:center}

/* ===== nang-luc.html: dash-list / rule-list ===== */
.dash-list{display:flex;flex-direction:column;gap:12px;max-width:800px;margin-top:22px}
.dash-item{display:flex;gap:12px}
.dash-mark{flex:0 0 20px;height:2px;margin-top:11px;background:var(--ember)}
.dash-item p{margin:0;font-size:.92rem}
.note-italic{margin-top:20px;font-size:.86rem;color:var(--muted);font-style:italic}
.rule-list{display:flex;flex-direction:column;gap:10px;max-width:740px;border-left:3px solid var(--line);padding-left:18px;margin-top:20px}
.rule-list p{margin:0;font-size:.92rem}

/* ===== goc-nhin.html: article ===== */
.article{max-width:720px;scroll-margin-top:80px}
.article + .article{margin-top:64px;padding-top:56px;border-top:1px solid var(--line)}
.article p{margin-bottom:16px;font-size:.98rem}
.article ul{margin:0 0 16px 20px}
.article li{margin-bottom:8px;font-size:.96rem}
.article .pull{background:var(--cream);border-left:4px solid var(--gold);border-radius:8px;padding:14px 18px;margin:20px 0;font-size:.97rem;color:var(--ink);font-weight:600}
.article .src{font-size:.82rem;color:var(--muted);margin-top:18px}

/* ===== cong-cu.html: tabs / panel / calc / gem ===== */
.tab-group-label{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:22px 0 8px}
.tab-group:first-child .tab-group-label{margin-top:0}
.tabs{display:flex;flex-wrap:wrap;gap:4px 24px;border-bottom:1px solid var(--line);margin-bottom:8px;overflow-x:auto}
.tab-btn{appearance:none;background:none;border:none;padding:12px 2px;font:inherit;font-size:.92rem;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tab-btn.active{color:var(--ink);border-bottom-color:var(--ember)}
.tab-panel{display:none;margin-top:36px}
.tab-panel.active{display:block}
.tool{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}
@media(max-width:820px){.tool{grid-template-columns:1fr}}
.tool + .tool{margin-top:56px}
.tool-copy ol{margin:16px 0 0 20px;font-size:.95rem}
.tool-copy li{margin-bottom:8px}
.field-label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:600}
.input,textarea.input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:inherit;font-size:.95rem;background:#fff;color:var(--ink)}
textarea.input{min-height:110px;resize:vertical}
.field-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px}
.hint-text,.small-note{font-size:.85rem;color:var(--muted)}
.small-note{margin-top:10px;font-size:.82rem}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.chip{appearance:none;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font:inherit;font-size:.82rem;cursor:pointer}
.chip.is-selected{background:var(--coal);color:#fff;border-color:var(--coal)}
.chip.lv-green{border-color:rgba(62,124,79,.4)}
.chip.lv-yellow{border-color:rgba(240,164,0,.45)}
.chip.lv-red{border-color:rgba(194,42,24,.4)}
.result-block{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}
.result-summary{margin:0 0 14px;font-size:1rem;color:var(--ink);font-weight:700}
.result-summary.band-good{color:var(--leaf)}
.result-summary.band-warn{color:var(--gold)}
.result-summary.band-bad{color:var(--ember)}
.table-scroll{overflow-x:auto}
.table-scroll table{min-width:520px}
.fix-prompt{white-space:pre-wrap;word-break:break-word;background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-family:monospace;font-size:.82rem;max-height:360px;overflow-y:auto;margin-top:10px}
.disclaimer{margin-top:16px;font-size:.8rem;color:var(--muted);font-style:italic}
.gem-icon{font-size:34px;display:block;margin-bottom:12px}
.gem-features{list-style:none;margin:0 0 22px}
.gem-features li{padding-left:22px;position:relative;font-size:.9rem;margin-bottom:10px}
.gem-features li::before{content:"✓";position:absolute;left:0;color:var(--leaf);font-weight:800}
.gem-crosssell{margin-top:20px;background:var(--cream);border-left:4px solid var(--ember);border-radius:8px;padding:16px 18px;font-size:.9rem;color:var(--ink)}
.gem-crosssell a{color:var(--ember);font-weight:700;text-decoration:none}
table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:4px}
th{text-align:left;padding:10px 8px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);font-size:.82rem}
td{padding:10px 8px;border-bottom:1px solid var(--line)}
.calc-row{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr auto;gap:8px;align-items:center;margin-bottom:8px}
.calc-row input{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:.88rem;width:100%}
.calc-row .rm-btn{background:none;border:none;color:var(--ember);font-size:1.1rem;cursor:pointer}
.calc-head{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr auto;gap:8px;font-size:.75rem;color:var(--muted);margin-bottom:8px}
.calc-results{display:flex;flex-wrap:wrap;gap:28px;margin-top:20px}
.calc-num{font-size:1.9rem;font-weight:800;color:var(--ink)}
.calc-cap{margin:4px 0 0;font-size:.82rem;color:var(--muted)}
.upsell-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
@media(max-width:760px){.upsell-grid{grid-template-columns:1fr}}
.upsell-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px}
.upsell-card h3{font-size:1rem;margin-bottom:10px}
.upsell-card p{font-size:.9rem;color:var(--muted);margin-bottom:14px}

/* ===== Footer ===== */
footer{background:var(--coal);color:#B99C89;padding:28px 0;font-size:.85rem;text-align:center}
footer a{color:#E9CDB8}

/* ===== Nhóm Zalo học viên ===== */
.zalo-qr{text-align:center;max-width:280px;margin:28px auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-soft)}
.zalo-qr img{display:block;margin:0 auto 14px;border-radius:8px;width:150px;height:150px}
.zalo-qr p{font-size:.88rem;color:var(--muted);margin-bottom:14px}

/* ===== Scroll reveal ===== */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s}
.reveal.vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}