/* Bống Spend – thẻ & ví chi tiêu doanh nghiệp: xanh rừng + chanh, chữ Montserrat, khối bo vừa, thẻ kiểu "bento" */
.t-saas{--pri:#166534;--pri-ink:#fff;--acc:#a3e635;--acc-ink:#14290f;--tint:#166534;--bg:#fbfcf8;
  --f-head:'Montserrat',sans-serif;--f-body:'Source Sans 3',sans-serif;--fs:17px;--h-w:800;--h-ls:-.03em;--r:16px;--r-lg:20px;--r-btn:12px;--hl:#3f8f1a}
html[data-theme="dark"] .t-saas{--hl:#a3e635;--pri:#4d9a2a}
.t-saas .b-eyebrow{color:var(--hl)}
.t-saas .b-hero{background:radial-gradient(900px 500px at 85% 20%,rgba(163,230,53,.18),transparent 60%),var(--dark);--ink:#fff;--text:rgba(235,245,230,.82);--muted:rgba(235,245,230,.65);--line:rgba(255,255,255,.14);--hl:var(--acc)}
.t-saas .b-hero .b-h1 em{color:var(--acc)}
.t-saas .b-hero .b-btn.is-pri{--b-bg:var(--acc);--b-fg:var(--acc-ink)}
.t-saas .b-hero .b-btn.is-line{--b-fg:#fff;--b-bd:rgba(255,255,255,.35)}
.t-saas .b-hero .b-eyebrow.is-pill{background:rgba(163,230,53,.14);color:var(--acc)}
.t-saas .b-hero-art .b-frame{transform:perspective(1400px) rotateY(-9deg) rotateX(4deg);border:6px solid rgba(255,255,255,.08)}
.t-saas .b-hero-art{position:relative}
.t-saas .b-hero-art::after{content:"";position:absolute;inset:auto -6% -10% 20%;height:40%;background:radial-gradient(closest-side,rgba(163,230,53,.35),transparent);filter:blur(30px);z-index:-1}
/* bento */
.t-saas .s-bento{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:var(--gap)}
.t-saas .s-bento>:first-child{grid-row:span 2}
.t-saas .s-bento .b-card{padding:0;overflow:hidden;background:var(--card)}
.t-saas .s-bento .b-card .b-media{margin:0;border-radius:0;background:linear-gradient(160deg,#eef6e4,#f9fbf4)}
.t-saas .s-bento .b-card .b-media img{object-fit:contain;padding:18px}
.t-saas .s-bento .b-card>:not(.b-media){padding:0 26px}.t-saas .s-bento .b-card>:last-child{padding-bottom:26px}
.t-saas .s-bento>:first-child .b-media{flex:1;min-height:280px}
html[data-theme="dark"] .t-saas .s-bento .b-card .b-media{background:linear-gradient(160deg,#1a2a17,#111a10)}
@media(max-width:991.98px){.t-saas .s-bento{grid-template-columns:1fr}.t-saas .s-bento>:first-child{grid-row:auto}}
.t-saas .b-steps.is-v .b-step::before{background:var(--acc);color:var(--acc-ink)}
.t-saas .b-step h3{font-size:1.08rem;font-family:var(--f-body);font-weight:600;letter-spacing:0}
.t-saas .s-quotes{background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.t-saas .b-quote{border-radius:var(--r-lg);border-top:4px solid var(--acc)}
.t-saas .b-plan.is-hot{background:var(--dark);--ink:#fff;--text:rgba(235,245,230,.82);--muted:rgba(235,245,230,.6);--line:rgba(255,255,255,.14);--hl:var(--acc);border-color:var(--acc)}
.t-saas .b-plan.is-hot .b-btn.is-pri{--b-bg:var(--acc);--b-fg:var(--acc-ink)}
.t-saas .b-cta{background:linear-gradient(120deg,#0f3d22,#166534)}
.t-saas .b-cta .b-btn.is-pri{--b-bg:var(--acc);--b-fg:var(--acc-ink)}
.t-saas .s-int .b-frame{background:transparent}