/* ==========================================================================
   tai-tro.css — 04 · Tài trợ & đầu tư (v3 · unit SPONSOR). Page-scoped only.
   Hero "vùng an toàn" ring map + A/B track picker ·
   HƯỚNG A (nhà đầu tư): track banner · .keypoints · stage board · 6 Mục tiêu tiles ·
   HƯỚNG B (nhà tài trợ): track banner · .keypoints · 4 format cards · "Có tiền cũng không nhận" board + report promises ·
   CTA steps.
   ========================================================================== */

/* ── HERO ─────────────────────────────────────────────────────────────── */
body[data-page="tai-tro"] .tt-hero{min-height:88vh;min-height:88svh}
body[data-page="tai-tro"] .tt-hero .terrain{--terrain-calm:.9;--terrain-calm-x:14%;--terrain-calm-w:62%}
body[data-page="tai-tro"] .tt-hero .hero__title{max-inline-size:14ch}
body[data-page="tai-tro"] .tt-hero .hero__sub{max-inline-size:34ch}
body[data-page="tai-tro"] .tt-hero .hero__candid{flex-wrap:nowrap;align-items:flex-start}
body[data-page="tai-tro"] .tt-hero .hero__candid .i{margin-top:2px}
@media (min-width:1024px){
  body[data-page="tai-tro"] .tt-hero .hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,72px)}
}

/* A/B track picker — the hero's call to action: two "mode select" cards that jump to each track */
body[data-page="tai-tro"] .tt-pick{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-top:var(--s-6);max-inline-size:640px}
@media (min-width:560px){ body[data-page="tai-tro"] .tt-pick{grid-template-columns:repeat(2,minmax(0,1fr))} }
body[data-page="tai-tro"] .tt-pick__card{--pc:var(--accent);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;
  min-height:84px;padding:14px 16px 14px 14px;color:var(--text);text-decoration:none;
  background:rgb(17 20 18 / .86);border:1px solid var(--line-strong);border-left:3px solid var(--pc);
  transition:border-color var(--dur-hover) var(--ease-out),background-color var(--dur-hover) var(--ease-out),translate 200ms var(--ease-out)}
body[data-page="tai-tro"] .tt-pick__card--b{--pc:var(--ok)}
body[data-page="tai-tro"] .tt-pick__card:hover{border-color:var(--pc);background:rgb(24 28 25 / .94);translate:0 -2px}
body[data-page="tai-tro"] .tt-pick__code{display:grid;place-items:center;inline-size:52px;block-size:52px;font:400 2.125rem/1 var(--ff-stencil);color:var(--pc);
  background:rgb(11 13 12 / .7);border:1px solid color-mix(in srgb, var(--pc) 45%, transparent)}
body[data-page="tai-tro"] .tt-pick__body{display:grid;gap:4px;min-width:0}
body[data-page="tai-tro"] .tt-pick__role{font:800 clamp(1.25rem, 1.1rem + .5vw, 1.5rem)/1.05 var(--ff-display);font-stretch:75%;text-transform:uppercase;letter-spacing:.01em}
body[data-page="tai-tro"] .tt-pick__line{font-size:.875rem;line-height:1.35;color:var(--text-2);text-wrap:pretty}
body[data-page="tai-tro"] .tt-pick__go{inline-size:20px;block-size:20px;color:var(--pc);transition:translate 200ms var(--ease-out)}
body[data-page="tai-tro"] .tt-pick__card:hover .tt-pick__go{translate:0 3px}

/* ring map: SVG geometry + crisp HTML labels (percent positions of the 520 × 520 viewBox) */
body[data-page="tai-tro"] .tt-zone{position:relative;inline-size:min(100%, 520px);aspect-ratio:1;margin:var(--s-7) auto 0;
  font:600 .6875rem/1 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase}
@media (min-width:1024px){ body[data-page="tai-tro"] .tt-zone{margin:0 0 0 auto} }
@media (max-width:767px){ body[data-page="tai-tro"] .tt-zone{inline-size:min(100%, 360px)} }
body[data-page="tai-tro"] .tt-zone::before{content:"";position:absolute;inset:-6%;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side, rgb(11 13 12 / .78) 58%, rgb(11 13 12 / .35) 82%, transparent)}
body[data-page="tai-tro"] .tt-zone__svg{inline-size:100%;block-size:100%;overflow:visible}
body[data-page="tai-tro"] .tt-zone__fill{fill:url(#tt-zone-fill)}
body[data-page="tai-tro"] .tt-zone__ticks{fill:none;stroke:rgb(233 231 223 / .26);stroke-width:7;stroke-dasharray:1.2 11.68}
body[data-page="tai-tro"] .tt-zone__cross path{fill:none;stroke:rgb(111 211 232 / .28);stroke-width:1;stroke-dasharray:3 6}
body[data-page="tai-tro"] .tt-zone__ring{fill:none;vector-effect:non-scaling-stroke}
body[data-page="tai-tro"] .tt-zone__ring--edge{stroke:var(--danger);stroke-width:2;stroke-opacity:.85}
body[data-page="tai-tro"] .tt-zone__ring--mid{stroke:var(--steel);stroke-width:1.5;stroke-opacity:.6}
body[data-page="tai-tro"] .tt-zone__ring--core{stroke:var(--ok);stroke-width:2.5}
body[data-page="tai-tro"] .tt-zone__node{color:var(--text)}
body[data-page="tai-tro"] .tt-zone__node rect{fill:var(--surface);stroke:var(--target);stroke-width:1.5}
body[data-page="tai-tro"] .tt-zone__ico{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter;overflow:visible}
body[data-page="tai-tro"] .tt-zone__out rect{fill:var(--danger-bg);stroke:var(--danger);stroke-width:1.5}
body[data-page="tai-tro"] .tt-zone__out path{fill:none;stroke:var(--danger);stroke-width:3;stroke-linecap:square}

body[data-page="tai-tro"] .tt-zone__core{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;justify-items:center;gap:6px;text-align:center;color:var(--ok)}
body[data-page="tai-tro"] .tt-zone__core b{font:400 clamp(2.5rem, 1.6rem + 2.4vw, 4rem)/.9 var(--ff-stencil);letter-spacing:.02em;color:var(--ok)}
body[data-page="tai-tro"] .tt-zone__core span{color:var(--text)}
body[data-page="tai-tro"] .tt-zone__lbl,body[data-page="tai-tro"] .tt-zone__x{position:absolute;translate:-50% -50%;display:inline-flex;align-items:center;gap:6px;
  padding:4px 7px;white-space:nowrap;background:rgb(11 13 12 / .88);color:var(--text)}
body[data-page="tai-tro"] .tt-zone__lbl i{font-style:normal;color:var(--target)}
body[data-page="tai-tro"] .tt-zone__lbl--edge{left:50%;top:6.54%;color:var(--danger);border:1px solid rgb(255 90 78 / .6)}
body[data-page="tai-tro"] .tt-zone__lbl--n{left:50%;top:26.5%}
body[data-page="tai-tro"] .tt-zone__lbl--e{left:82.3%;top:58.6%}
body[data-page="tai-tro"] .tt-zone__lbl--s{left:50%;top:73.6%}
body[data-page="tai-tro"] .tt-zone__lbl--w{left:17.7%;top:58.6%}
body[data-page="tai-tro"] .tt-zone__x{color:var(--danger);background:transparent;padding-inline:2px}
body[data-page="tai-tro"] .tt-zone__x--nw{left:9.6%;top:17%}
body[data-page="tai-tro"] .tt-zone__x--ne{left:90.4%;top:17%}
body[data-page="tai-tro"] .tt-zone__x--se{left:90.4%;top:83%}
body[data-page="tai-tro"] .tt-zone__x--sw{left:9.6%;top:83%}
@media (max-width:420px){
  body[data-page="tai-tro"] .tt-zone{font-size:.625rem;letter-spacing:.06em}
  body[data-page="tai-tro"] .tt-zone__lbl{padding:3px 5px}
  body[data-page="tai-tro"] .tt-zone__x--nw,body[data-page="tai-tro"] .tt-zone__x--sw{left:12.5%}
  body[data-page="tai-tro"] .tt-zone__x--ne,body[data-page="tai-tro"] .tt-zone__x--se{left:87.5%}
}

/* ── 01 · FORMAT CARDS ─────────────────────────────────────────────────── */
body[data-page="tai-tro"] .tt-fmts{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);counter-reset:none}
@media (min-width:640px){ body[data-page="tai-tro"] .tt-fmts{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1100px){ body[data-page="tai-tro"] .tt-fmts{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} }
body[data-page="tai-tro"] .tt-fmt{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:22px 22px 0;
  background:linear-gradient(180deg, var(--surface-2) 0%, var(--surface) 42%, var(--bg-1) 100%);
  border:1px solid var(--line-strong);box-shadow:var(--shadow-card);transition:border-color var(--dur-hover) var(--ease-out)}
body[data-page="tai-tro"] .tt-fmt::before{content:"";position:absolute;inset:10px;pointer-events:none;--hc:var(--line-strong);--arm:14px;
  background:
    linear-gradient(var(--hc),var(--hc)) top left / var(--arm) 2px, linear-gradient(var(--hc),var(--hc)) top left / 2px var(--arm),
    linear-gradient(var(--hc),var(--hc)) top right / var(--arm) 2px, linear-gradient(var(--hc),var(--hc)) top right / 2px var(--arm);
  background-repeat:no-repeat;transition:inset 200ms var(--ease-snap)}
body[data-page="tai-tro"] .tt-fmt:hover{border-color:var(--target)}
body[data-page="tai-tro"] .tt-fmt:hover::before{inset:5px;--hc:var(--target)}
body[data-page="tai-tro"] .tt-fmt__art{position:relative;display:grid;place-items:center;block-size:clamp(150px, 8vw + 90px, 196px);margin:-22px -22px 18px;
  color:var(--text);border-bottom:1px solid var(--line);overflow:hidden;
  background:
    radial-gradient(circle at 50% 54%, rgb(124 203 139 / .16) 0 38px, transparent 39px),
    repeating-radial-gradient(circle at 50% 54%, transparent 0 25px, rgb(159 176 184 / .13) 25px 26px),
    radial-gradient(70% 60% at 50% 54%, rgb(224 192 99 / .10), transparent 72%)}
body[data-page="tai-tro"] .tt-fmt__art::after{content:"";position:absolute;left:50%;top:54%;inline-size:124px;aspect-ratio:1;translate:-50% -50%;
  border:1.5px solid rgb(124 203 139 / .55);border-radius:50%}
body[data-page="tai-tro"] .tt-fmt__art .i{position:relative;z-index:1;inline-size:56px;block-size:56px;stroke-width:1.25;margin-top:8%;transition:translate 400ms var(--ease-expo),color var(--dur-hover) var(--ease-out)}
body[data-page="tai-tro"] .tt-fmt:hover .tt-fmt__art .i{translate:0 -4px;color:var(--target)}
body[data-page="tai-tro"] .tt-fmt__code{position:absolute;left:20px;top:16px;font:400 2.5rem/1 var(--ff-stencil);color:var(--text-3)}
body[data-page="tai-tro"] .tt-fmt__title{font:800 clamp(1.5rem, 1.2rem + .8vw, 1.875rem)/1.05 var(--ff-display);font-stretch:75%;text-transform:uppercase;letter-spacing:.005em}
body[data-page="tai-tro"] .tt-fmt__how{flex:1 0 auto;margin:10px 0 22px;font-size:1rem;line-height:1.5;color:var(--text-2)}
body[data-page="tai-tro"] .tt-fmt__edge{display:flex;gap:12px;align-items:flex-start;margin:0 -22px;padding:16px 22px 20px;
  background:var(--ok-bg);border-top:1px solid rgb(124 203 139 / .45);font-size:.9375rem;line-height:1.45;color:var(--text)}
body[data-page="tai-tro"] .tt-fmt__edge .i{inline-size:22px;block-size:22px;margin-top:1px;color:var(--ok)}
body[data-page="tai-tro"] .tt-fmt__edge b{display:block;margin-bottom:3px;font:700 var(--fs-micro)/1.3 var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}

/* ── 02 · "CÓ TIỀN CŨNG KHÔNG NHẬN" ─────────────────────────────────────── */
body[data-page="tai-tro"] .tt-ban{background:var(--bg-1);overflow:clip;border-block:1px solid var(--line)}
body[data-page="tai-tro"] .tt-ban__bg{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(-45deg, rgb(141 27 33 / .9) 0 10px, transparent 10px 20px) top / 100% 8px no-repeat,
    repeating-linear-gradient(-45deg, rgb(141 27 33 / .9) 0 10px, transparent 10px 20px) bottom / 100% 8px no-repeat,
    radial-gradient(55% 60% at 78% 45%, rgb(255 90 78 / .10), transparent 70%),
    radial-gradient(40% 50% at 8% 90%, rgb(111 211 232 / .05), transparent 70%)}
body[data-page="tai-tro"] .tt-ban__grid{display:grid;gap:clamp(32px, 4vw, 64px);grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:1024px){
  body[data-page="tai-tro"] .tt-ban__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
  body[data-page="tai-tro"] .tt-ban__head{position:sticky;top:calc(var(--header-h) + 48px)}
  body[data-page="tai-tro"] .tt-report{grid-column:1 / -1}
}
body[data-page="tai-tro"] .tt-ban__head{margin-bottom:0}
body[data-page="tai-tro"] .tt-ban__head .kicker__code{color:var(--danger)}
body[data-page="tai-tro"] .tt-ban__board{position:relative;padding:clamp(28px, 3vw, 44px) clamp(16px, 2.4vw, 36px) clamp(20px, 2.4vw, 36px);
  background:rgb(46 23 21 / .45);border:1px dashed rgb(255 90 78 / .55)}
/* integration: wrapping tag cloud at every width (a fixed 3-col grid broke long chips onto 2 lines) */
body[data-page="tai-tro"] .tt-chips{display:flex;flex-wrap:wrap;gap:10px}
body[data-page="tai-tro"] .tt-chips > .tt-chip{flex:1 1 auto}
body[data-page="tai-tro"] .tt-chip__t{white-space:nowrap}
body[data-page="tai-tro"] .tt-chip{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:68px;padding:12px 14px;
  background:var(--bg-0);border:1px solid rgb(255 90 78 / .4);
  font:800 clamp(1.0625rem, .95rem + .5vw, 1.375rem)/1.1 var(--ff-display);font-stretch:75%;text-transform:uppercase;letter-spacing:.01em;color:var(--text-2)}
body[data-page="tai-tro"] .tt-chip > .i{inline-size:20px;block-size:20px;color:var(--danger);stroke-width:2}
body[data-page="tai-tro"] .tt-chip__t{min-width:0;text-decoration:line-through;text-decoration-color:var(--danger);text-decoration-thickness:2px}
body[data-page="tai-tro"] .tt-ban__stamp{position:absolute;right:clamp(8px, 2vw, 28px);top:0;translate:0 -58%;rotate:-7deg;z-index:2;
  padding:.18em .5em .08em;font:400 clamp(1.5rem, 1rem + 2vw, 2.75rem)/1 var(--ff-stencil);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;
  color:var(--danger);background:var(--danger-bg);border:3px solid var(--danger);box-shadow:0 12px 30px -12px rgb(0 0 0 / .8);pointer-events:none}
body[data-page="tai-tro"] .tt-report{padding-top:clamp(24px, 3vw, 40px);border-top:1px solid var(--line)}
body[data-page="tai-tro"] .tt-report__title{display:flex;align-items:center;gap:10px;margin-bottom:var(--s-5);
  font:700 var(--fs-label)/1.3 var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}
body[data-page="tai-tro"] .tt-report__title .i{inline-size:18px;block-size:18px}
body[data-page="tai-tro"] .tt-promise{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){ body[data-page="tai-tro"] .tt-promise{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} }
body[data-page="tai-tro"] .tt-promise li{display:flex;align-items:center;gap:16px;min-width:0}
body[data-page="tai-tro"] .tt-promise p{font:600 var(--fs-lead)/1.4 var(--ff-body);color:var(--text);text-wrap:pretty}
body[data-page="tai-tro"] .tt-promise__icon{display:grid;place-items:center;flex:none;inline-size:56px;block-size:56px;color:var(--ok);background:var(--ok-bg);border:1px solid rgb(124 203 139 / .5)}
body[data-page="tai-tro"] .tt-promise__icon .i{inline-size:26px;block-size:26px}

/* ── TRACK BANNERS (Hướng A / Hướng B) — a giant outlined stencil letter + the track promise ── */
body[data-page="tai-tro"] .tt-track{--tc:var(--accent);position:relative;isolation:isolate;overflow:clip;
  padding-block:clamp(56px, 4vw + 32px, 112px) 0;background:var(--bg-1);border-top:1px solid var(--line)}
body[data-page="tai-tro"] .tt-track--b{--tc:var(--ok)}
body[data-page="tai-tro"] .tt-track::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;z-index:0;
  background:repeating-linear-gradient(-45deg, var(--tc) 0 10px, transparent 10px 20px);opacity:.55}
body[data-page="tai-tro"] .tt-track::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(50% 90% at 12% 30%, color-mix(in srgb, var(--tc) 9%, transparent), transparent 70%)}
body[data-page="tai-tro"] .tt-track__inner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px, 3vw, 48px);align-items:center}
body[data-page="tai-tro"] .tt-track__code{font:400 clamp(5.5rem, 3rem + 9vw, 12rem)/.78 var(--ff-stencil);color:color-mix(in srgb, var(--tc) 14%, transparent);
  -webkit-text-stroke:2px var(--tc);paint-order:stroke fill;user-select:none}
body[data-page="tai-tro"] .tt-track__kicker{color:var(--tc);font-weight:700}
body[data-page="tai-tro"] .tt-track__kicker .i{color:var(--tc)}
body[data-page="tai-tro"] .tt-track__title{font:800 clamp(1.875rem, 1.2rem + 2.4vw, 3.5rem)/1.02 var(--ff-display);font-stretch:75%;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
body[data-page="tai-tro"] .tt-track__title em{display:block;font-style:normal;color:var(--tc)}
/* the track's .keypoints continues the banner band (same bg-1, no rule in between) */
body[data-page="tai-tro"] .tt-track + .tt-kp{border-top:0;padding-top:clamp(40px, 2vw + 28px, 64px)}
body[data-page="tai-tro"] .tt-track--b + .tt-kp .keypoint:first-child{--hud-c:var(--ok)}
body[data-page="tai-tro"] .tt-track--b + .tt-kp .keypoint__num,body[data-page="tai-tro"] .tt-track--b + .tt-kp .keypoint__title em{color:var(--ok)}
body[data-page="tai-tro"] .tt-track--b + .tt-kp .kicker__code{color:var(--ok)}
@media (max-width:479px){
  body[data-page="tai-tro"] .tt-track__inner{grid-template-columns:minmax(0,1fr);gap:4px}
  body[data-page="tai-tro"] .tt-track__code{font-size:5rem}
}

/* ── A2 · STAGE BOARD — honest "where we are" in 4 stops ─────────────────── */
body[data-page="tai-tro"] .tt-stage__list{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){ body[data-page="tai-tro"] .tt-stage__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} }
@media (min-width:1100px){ body[data-page="tai-tro"] .tt-stage__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0} }
body[data-page="tai-tro"] .tt-stop{--sc:var(--steel);position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;
  padding:clamp(20px, 1vw + 14px, 28px);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--sc)}
body[data-page="tai-tro"] .tt-stop--ok{--sc:var(--ok)}
body[data-page="tai-tro"] .tt-stop--next{--sc:var(--target)}
body[data-page="tai-tro"] .tt-stop--no{--sc:var(--steel)}
body[data-page="tai-tro"] .tt-stop--rule{--sc:var(--intel)}
@media (min-width:1100px){
  body[data-page="tai-tro"] .tt-stop + .tt-stop{border-left:0}
  /* a chevron between stops reads the row as a progression */
  body[data-page="tai-tro"] .tt-stop + .tt-stop::before{content:"";position:absolute;left:-7px;top:34px;width:12px;height:12px;z-index:1;
    background:var(--surface);border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);rotate:45deg}
}
body[data-page="tai-tro"] .tt-stop__tag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 9px;
  font:700 var(--fs-micro)/1.2 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sc);
  background:color-mix(in srgb, var(--sc) 12%, transparent);border:1px solid color-mix(in srgb, var(--sc) 45%, transparent)}
body[data-page="tai-tro"] .tt-stop__tag .i{inline-size:14px;block-size:14px}
body[data-page="tai-tro"] .tt-stop__title{margin-top:4px;font:800 clamp(1.375rem, 1.15rem + .7vw, 1.75rem)/1.08 var(--ff-display);font-stretch:75%;text-transform:uppercase;letter-spacing:.005em}
body[data-page="tai-tro"] .tt-stop__text{font-size:1rem;line-height:1.5;color:var(--text-2);text-wrap:pretty}
body[data-page="tai-tro"] .tt-offer{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:clamp(24px, 2vw + 12px, 40px);padding:18px 22px;
  font:500 var(--fs-lead)/1.45 var(--ff-body);color:var(--text);background:var(--target-bg);border:1px solid rgb(224 192 99 / .4);border-left:3px solid var(--target)}
body[data-page="tai-tro"] .tt-offer__label{font:700 var(--fs-micro)/1.5 var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--target)}
body[data-page="tai-tro"] .tt-offer strong{color:var(--target);font-weight:700}
/* ── 04 · MỤC TIÊU ─────────────────────────────────────────────────────── */
body[data-page="tai-tro"] .tt-kpis{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1024px){ body[data-page="tai-tro"] .tt-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} }
body[data-page="tai-tro"] .tt-kpis .target{min-height:clamp(170px, 8vw + 110px, 230px);justify-content:flex-end}
body[data-page="tai-tro"] .tt-kpis .target__tag{position:absolute;top:18px;left:18px}
body[data-page="tai-tro"] .tt-kpis .target__value{font-size:clamp(2.25rem, 1.3rem + 3vw, 4.75rem)}
body[data-page="tai-tro"] .tt-kpis .target__value small{font-size:.42em;letter-spacing:0}
body[data-page="tai-tro"] .tt-kpis .target__name{font-size:clamp(.9375rem, .9rem + .25vw, 1.125rem);min-height:1.4em}
/* names differ in length: reserve the same lines per tile so the values line up across a row */


@media (max-width:479px){
  body[data-page="tai-tro"] .tt-kpis .target{padding:16px 14px 18px}
  body[data-page="tai-tro"] .tt-kpis .target__tag{top:14px;left:14px}
  body[data-page="tai-tro"] .tt-kpis .target::after{top:14px;right:12px;width:20px;height:20px}
}

/* ── CTA steps ─────────────────────────────────────────────────────────── */
body[data-page="tai-tro"] .tt-steps{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));max-inline-size:960px;margin:var(--s-6) auto 0;padding:0}
@media (min-width:900px){ body[data-page="tai-tro"] .tt-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0} }
body[data-page="tai-tro"] .tt-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:16px 10px;
  font:700 clamp(1rem, .95rem + .3vw, 1.1875rem)/1.25 var(--ff-display);font-stretch:85%;text-transform:uppercase;letter-spacing:.02em;color:var(--text);
  background:rgb(17 20 18 / .72);border:1px solid var(--line)}
@media (min-width:900px){
  body[data-page="tai-tro"] .tt-steps li + li{border-left:0}
  body[data-page="tai-tro"] .tt-steps li + li::before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;margin-top:-6px;z-index:1;
    background:var(--bg-0);border-top:2px solid var(--accent);border-right:2px solid var(--accent);rotate:45deg}
}
body[data-page="tai-tro"] .tt-steps__n{font:700 var(--fs-micro)/1 var(--ff-mono);letter-spacing:.12em;color:var(--accent)}
body[data-page="tai-tro"] .tt-cta .deploy-cta__title{max-inline-size:20ch}
/* terrain behind the deploy band (pattern of index .p-index-deploy) */
body[data-page="tai-tro"] .tt-cta__terrain{--terrain-calm:.8;--terrain-calm-x:50%;--terrain-calm-y:48%;--terrain-calm-w:76%;--terrain-calm-h:70%;--terrain-fade:var(--bg-0)}
body[data-page="tai-tro"] .tt-cta__terrain::before{opacity:.6}
body[data-page="tai-tro"] .tt-cta .deploy-cta__bg::after{content:"";position:absolute;left:0;right:0;top:0;height:28%;z-index:2;background:linear-gradient(180deg, var(--bg-0), transparent)}
body[data-page="tai-tro"] .tt-cta .deploy-cta__beam{z-index:1}
body[data-page="tai-tro"] .tt-cta .btn--secondary{background:rgb(17 20 18 / .88)}
body[data-page="tai-tro"] .tt-steps li{background:rgb(17 20 18 / .82)}

/* ── phones: compact format cards (art square on the left) + tag-cloud chips ── */
@media (max-width:639px){
  body[data-page="tai-tro"] .tt-fmt{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:16px;align-items:start;padding:16px 16px 0}
  body[data-page="tai-tro"] .tt-fmt::before{inset:6px;--arm:10px}
  body[data-page="tai-tro"] .tt-fmt__art{grid-row:1 / span 2;block-size:88px;margin:0 0 16px;border:1px solid var(--line);
    background:
      radial-gradient(circle at 50% 50%, rgb(124 203 139 / .16) 0 24px, transparent 25px),
      repeating-radial-gradient(circle at 50% 50%, transparent 0 15px, rgb(159 176 184 / .14) 15px 16px), var(--bg-1)}
  body[data-page="tai-tro"] .tt-fmt__art::after{top:50%;inline-size:66px}
  body[data-page="tai-tro"] .tt-fmt__art .i{inline-size:34px;block-size:34px;margin-top:0}
  body[data-page="tai-tro"] .tt-fmt__code{left:6px;top:5px;font-size:1.125rem;color:var(--text-2)}
  body[data-page="tai-tro"] .tt-fmt__title{font-size:1.375rem;align-self:end}
  body[data-page="tai-tro"] .tt-fmt__how{margin:6px 0 16px;font-size:.9375rem}
  body[data-page="tai-tro"] .tt-fmt__edge{grid-column:1 / -1;margin:0 -16px;padding:12px 16px 14px}
  body[data-page="tai-tro"] .tt-chips{display:flex;flex-wrap:wrap;gap:8px}
  body[data-page="tai-tro"] .tt-chip{flex:1 1 auto;min-height:48px;padding:8px 12px;gap:8px;font-size:1.0625rem}
  body[data-page="tai-tro"] .tt-chip__t{text-decoration-thickness:2px}
  body[data-page="tai-tro"] .tt-chip > .i{inline-size:16px;block-size:16px}
  body[data-page="tai-tro"] .tt-ban__board{padding-top:40px}
}

/* ── print: the page doubles as a meeting handout ── */
@media print{
  body[data-page="tai-tro"] .tt-track{padding:18pt 0 6pt !important;background:none !important;border-top:2pt solid #000 !important;break-after:avoid}
  body[data-page="tai-tro"] .tt-track::before,body[data-page="tai-tro"] .tt-track::after{content:none !important}
  body[data-page="tai-tro"] .tt-track__code{font-size:44pt;color:#000 !important;-webkit-text-stroke:0}
  body[data-page="tai-tro"] .tt-track__title,body[data-page="tai-tro"] .tt-track__title em,body[data-page="tai-tro"] .tt-track__kicker{color:#000 !important;font-size:inherit}
  body[data-page="tai-tro"] .tt-track__title{font-size:20pt}
  body[data-page="tai-tro"] .tt-pick__card,body[data-page="tai-tro"] .tt-stop,body[data-page="tai-tro"] .tt-offer{background:none !important;color:#000 !important;border-color:#000 !important;break-inside:avoid}
  body[data-page="tai-tro"] .tt-stop__tag,body[data-page="tai-tro"] .tt-stop__text,body[data-page="tai-tro"] .tt-offer strong,body[data-page="tai-tro"] .tt-offer__label{color:#000 !important;background:none !important;border-color:#000 !important}
  body[data-page="tai-tro"] .tt-stop + .tt-stop::before{content:none}
}
body[data-page="tai-tro"] .tt-pick__hint{font:700 var(--fs-micro)/1.2 var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pc)}

/* ── A4 · ĐỀ XUẤT CHO NHÀ ĐẦU TƯ — 3 cells: cùng làm · bạn nhận · bạn bỏ ra ── */
body[data-page="tai-tro"] .tt-deal-sec{padding-top:0}
body[data-page="tai-tro"] .tt-deal{display:grid;gap:1px;grid-template-columns:minmax(0,1fr);margin:0;background:var(--line);border:1px solid var(--line)}
@media (min-width:768px){ body[data-page="tai-tro"] .tt-deal{grid-template-columns:repeat(3,minmax(0,1fr))} }
body[data-page="tai-tro"] .tt-deal__cell{display:flex;flex-direction:column;gap:12px;min-width:0;padding:clamp(18px, 2vw, 28px);background:var(--bg-0)}
body[data-page="tai-tro"] .tt-deal__cell dt{display:flex;align-items:center;gap:10px;font:700 var(--fs-micro)/1.3 var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
body[data-page="tai-tro"] .tt-deal__cell dt .i{inline-size:18px;block-size:18px;flex:none}
body[data-page="tai-tro"] .tt-deal__cell dd{margin:0;font:600 var(--fs-lead)/1.4 var(--ff-body);color:var(--text);text-wrap:pretty}
body[data-page="tai-tro"] .tt-deal__cell--cost{background:linear-gradient(180deg, var(--target-bg), var(--bg-0) 80%);box-shadow:inset 0 3px 0 var(--target)}
body[data-page="tai-tro"] .tt-deal__cell--cost dt{color:var(--target)}
body[data-page="tai-tro"] .tt-deal__cell--cost strong{color:var(--target)}
body[data-page="tai-tro"] .tt-formats .tt-offer{margin-top:clamp(20px, 2vw, 32px)}
@media print{
  body[data-page="tai-tro"] .tt-deal,body[data-page="tai-tro"] .tt-deal__cell{background:none !important;box-shadow:none !important;border-color:#000 !important;break-inside:avoid}
  body[data-page="tai-tro"] .tt-deal__cell{border:1pt solid #000 !important}
  body[data-page="tai-tro"] .tt-deal__cell dt,body[data-page="tai-tro"] .tt-deal__cell dd,body[data-page="tai-tro"] .tt-deal__cell strong{color:#000 !important}
}
body[data-page="tai-tro"] .sec-title em{font-style:normal;color:var(--accent)}
body[data-page="tai-tro"] .tt-formats .sec-title em{color:var(--ok)}