.phero-in.sm{padding:56px 24px 72px}
.fb{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.fb-copy h2{font-size:40px;font-weight:800;color:#0D5B27;letter-spacing:-.02em;line-height:1.15;margin:16px 0 14px}
.fb-copy p{font-size:16px;color:#33473A;margin-bottom:12px}
.fb-card{padding:26px;border-radius:24px;background:#FFFFFF;border:1px solid rgba(13,91,39,.14);box-shadow:0 30px 60px -32px rgba(13,58,28,.55);font-size:15px}
.fb-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.fb-h b{color:#0D5B27;font-size:16px}
.fb-h span{font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:#EAF3DA;color:#2F6E23}
.fb-sec{padding:14px 16px;border-radius:14px;margin-top:10px}
.fb-sec h4{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.fb-good{background:#EEF6E2;border:1px solid #C9DCA6}
.fb-good h4{color:#2F6E23}
.fb-bad{background:#FFF7E6;border:1px solid #F0D48A}
.fb-bad h4{color:#8A5A00}
.fb-sec p{margin:0;color:#33473A}
.fix{margin-top:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:#1C3324}
.fix i{font-style:normal;color:#B3261E;font-weight:700}
.fix em{font-style:normal;color:#2F6E23;font-weight:700}
.ml-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:end;margin-bottom:54px}
.ml-h{font-size:58px;font-weight:800;color:#0D5B27;letter-spacing:-.03em;line-height:1.05;margin-top:16px}
.ml-lead{font-size:17px;color:#33473A;margin-bottom:12px}
.ml-lead b{color:#0D5B27}
.ml-track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-top:6px}
.ml-line{position:absolute;left:10%;right:10%;top:30px;height:6px;border-radius:6px;background:#DCE8C8;overflow:hidden}
.ml-line span{display:block;height:100%;width:100%;border-radius:6px;background:linear-gradient(90deg,#9BCB3C,#438134 70%,#0D5B27);transform-origin:left}
@supports (animation-timeline: view()){.motion .ml-line span{animation:mark linear both;animation-timeline:view();animation-range:entry 10% cover 45%}}
.ml-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.ml-dot{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:800;color:#FFFFFF;background:linear-gradient(180deg,#5AA344,#2F6E23);border:5px solid #FFFFFF;box-shadow:0 12px 22px -10px rgba(47,110,35,.8);margin-bottom:16px}
.ml-node.goal .ml-dot{color:#0B3A18;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 60%),#9BCB3C}
.ml-card{width:100%;flex:1;padding:20px 18px;border-radius:20px;background:#FFFFFF;border:1px solid rgba(13,91,39,.14);box-shadow:0 14px 30px -24px rgba(13,58,28,.5);transition:transform .3s}
.ml-card:hover{transform:translateY(-5px)}
.ml-node.goal .ml-card{color:#FFFFFF;background:radial-gradient(260px 180px at 100% 0%,rgba(155,203,60,.4),transparent 60%),linear-gradient(160deg,#0D5B27,#0A4A20);border-color:#0A4A20}
.ml-card b{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#438134}
.ml-node.goal .ml-card b{color:#CFE59A}
.ml-card h3{font-size:17px;font-weight:800;color:#0D5B27;margin:6px 0 8px;line-height:1.3}
.ml-node.goal .ml-card h3{color:#FFFFFF}
.ml-card p{font-size:14px;color:#4A5B45}
.ml-node.goal .ml-card p{color:rgba(255,255,255,.85)}
.ml-card p span{font-weight:800;color:#2F6E23}
.ml-node.goal .ml-card p span{color:#CFE59A}
.ml-note{text-align:center;font-size:13px;color:#4A5B45;margin-top:18px}
.ml-prin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:50px}
.mp{display:flex;gap:16px;align-items:flex-start;padding:24px;border-radius:22px;background:linear-gradient(160deg,#F4F8EC,#E8F1D6);border:1px solid #D3E3B6}
.mp .chip{width:48px;height:48px;border-radius:14px;flex:none}
.mp h3{font-size:17px;font-weight:800;color:#0D5B27;margin-bottom:4px}
.mp p{font-size:14px;color:#4A5B45}
.flow3{display:flex;align-items:stretch;gap:12px;margin-bottom:40px}
.f3{flex:1;display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:22px;background:#FFFFFF;border:1px solid rgba(13,91,39,.14);box-shadow:0 14px 30px -24px rgba(13,58,28,.5)}
.f3 h3{font-size:17px;font-weight:800;color:#0D5B27;margin-bottom:4px}
.f3 p{font-size:14px;color:#4A5B45}
.f3.hl{border:2px solid #438134;box-shadow:0 24px 50px -28px rgba(50,106,37,.7)}
.f3-arrow{flex:none;align-self:center;color:#438134}
.fb2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.audio{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;background:#F4F8EC;border:1px solid #DCE8C8;margin-bottom:6px}
.au-play{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#FFFFFF;background:linear-gradient(180deg,#5AA344,#2F6E23)}
.au-wave{display:flex;gap:3px;align-items:center;flex:1}
.au-wave i{display:block;width:3px;border-radius:2px;background:#438134}
.au-t{font-size:12px;font-weight:700;color:#4A5B45}
@media (max-width:1100px){.ml-intro,.fb2{grid-template-columns:1fr}.ml-track{grid-template-columns:1fr 1fr}.ml-line{display:none}.ml-prin{grid-template-columns:1fr}.flow3{flex-direction:column}.f3-arrow{transform:rotate(90deg)}}
@media (max-width:680px){.ml-track{grid-template-columns:1fr}.ml-h{font-size:40px}}
.mini4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.m4{padding:22px;border-radius:20px;background:#FFFFFF;border:1px solid rgba(13,91,39,.14);box-shadow:0 12px 26px -22px rgba(13,58,28,.5)}
.m4 h3{font-size:16px;font-weight:800;color:#0D5B27;margin:12px 0 4px}
.m4 p{font-size:14px;color:#4A5B45}
.m4 .chip{width:44px;height:44px;border-radius:13px}
.cta-mini{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:34px 40px;border-radius:26px;color:#FFFFFF;background:radial-gradient(500px 300px at 100% 0%,rgba(155,203,60,.35),transparent 60%),linear-gradient(160deg,#0D5B27,#0A4A20);box-shadow:0 30px 60px -30px rgba(13,58,28,.6)}
.cta-mini h2{font-size:28px;font-weight:800}
.cta-mini p{color:rgba(255,255,255,.85);margin-top:6px}
@media (max-width:1100px){.fb{grid-template-columns:1fr}.mini4{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.mini4{grid-template-columns:1fr}.fb-copy h2{font-size:30px}.cta-mini{padding:24px}}
.nav-a{padding:10px 12px}
@media (max-width:1240px){.nav-a{padding:10px 9px;font-size:14px}.hdr-in{gap:18px}}
/* nền liền mạch cho trang con: các section nằm chung một dải nền */
.band{position:relative;isolation:isolate;display:flow-root;overflow:visible;overflow-x:clip;background:radial-gradient(900px 640px at 100% 4%,rgba(198,224,90,.42),transparent 60%),radial-gradient(820px 720px at 0% 32%,rgba(94,211,154,.20),transparent 60%),radial-gradient(900px 640px at 100% 64%,rgba(255,214,102,.20),transparent 60%),radial-gradient(820px 640px at 0% 94%,rgba(198,224,90,.32),transparent 60%),linear-gradient(180deg,#FFFFFF 0%,#F6FBEA 25%,#EFF8DC 50%,#F6FBEA 75%,#FBFDF5 100%)}
.band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(13,91,39,.11) 1.2px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);opacity:.38}
.band>.sec{background:transparent;padding:88px 0;overflow:visible}
.band>.sec::before,.band>.sec::after{display:none}
.band>.sec+.sec{padding-top:24px}
.band>.sec.tst{background:transparent;color:inherit}
.band>.sec.tst>.wrap{position:relative;overflow:hidden;color:#FFFFFF;border-radius:32px;padding:72px 56px;background:radial-gradient(800px 400px at 10% 0%,rgba(155,203,60,.24),transparent 60%),linear-gradient(170deg,#0A4A20,#0D5B27);box-shadow:0 40px 80px -40px rgba(13,58,28,.6)}
@media (max-width:680px){.band>.sec{padding:60px 0}.band>.sec+.sec{padding-top:16px}.band>.sec.tst>.wrap{padding:44px 20px;border-radius:24px;margin:0 12px}}