/* =====================================================================
   Marketing pages: About, How it works, Trust Index, BizBot, Pricing,
   Contact, Legal, Sales program, Blog.
   ===================================================================== */

/* ---------- Section scaffolding ---------- */
.sec { padding: 110px 0; }
.sec-tight { padding: 70px 0; }
.sec-grey { background: #f1f1f0; }
.sec-mint { background: #d8fbf4; }
.sec-dark { background: #111214; color: #fff; }
.sec-h2 { margin: 12px 0 0; font-family: var(--font-display); font-size: clamp(32px, 4vw, 46px); font-weight: 800; letter-spacing: -.045em; line-height: 1.05; }
.sec-sub { margin: 18px 0 0; font-size: 16px; line-height: 1.6; color: var(--muted); }
.center-block { text-align: center; max-width: 720px; margin: 0 auto; }
.center-block .sec-sub { margin-left: auto; margin-right: auto; }
.head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.head-row .link-arrow, .head-row .aside-note { padding-bottom: 8px; }
.aside-note { font-size: 14px; color: var(--muted); }
.mt-48 { margin-top: 48px; }
hr.rule { margin: 64px 0 56px; border: 0; border-top: 1px solid #e3e3e1; }

/* ---------- Page hero ---------- */
.page-hero { padding: 100px 0 70px; text-align: center; }
.page-hero h1, .hero-title { margin: 22px auto 0; max-width: 900px; font-family: var(--font-display); font-size: clamp(38px, 5.4vw, 60px); font-weight: 800; letter-spacing: -.05em; line-height: 1.03; }
.page-hero .lede { max-width: 720px; margin: 24px auto 0; font-size: 16px; line-height: 1.75; color: var(--muted); }
.page-hero .cta-row { justify-content: center; }

/* ---------- Stats ---------- */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.stat b { display: block; font-family: var(--font-display); font-size: clamp(34px, 3.4vw, 46px); font-weight: 800; letter-spacing: -.05em; line-height: 1; }
.stat span { display: block; margin-top: 12px; font-size: 14px; color: var(--muted); }
.stats-dash .stat::before { content: ""; display: block; width: 38px; height: 3px; margin-bottom: 18px; border-radius: 2px; background: var(--mint); }
.stats-center { max-width: 900px; margin: 46px auto 0; text-align: center; }

/* ---------- Icon cards ---------- */
.cards { display: grid; gap: 24px; }
.cards-2 { grid-template-columns: repeat(2, 1fr); }
.cards-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cards-4 { grid-template-columns: repeat(4, 1fr); }
.icard { position: relative; padding: 26px 24px 28px; border: 1px solid #e3e3e1; border-radius: 16px; background: #fff; }
.icard .icon-box { margin-bottom: 26px; }
.icard h3 { margin: 0; font-family: var(--font-display); font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
.icard p { margin: 10px 0 0; font-size: 14.5px; line-height: 1.65; color: var(--muted); }
.icard .num { position: absolute; top: 28px; right: 24px; font-family: var(--font-mono); font-size: 10px; color: #a0a0a5; }
.icard .badge-num { display: inline-grid; place-items: center; min-width: 30px; height: 26px; padding: 0 6px; margin-bottom: 16px; border-radius: 6px; background: var(--mint-soft); border: 1px solid #a3ebe2; color: var(--teal-dark); font-family: var(--font-mono); font-size: 10px; }
.icard.big h3 { font-size: 21px; }

/* ---------- Big rounded photo ---------- */
.photo-xl { height: clamp(320px, 42vw, 600px); border-radius: 22px; overflow: hidden; }
.photo-xl img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Quote split (About) ---------- */
.quote-split { display: grid; grid-template-columns: 500px 1fr; border-radius: 22px; overflow: hidden; background: #d8fbf4; }
.quote-split .qs-img { min-height: 377px; }
.quote-split .qs-img img { width: 100%; height: 100%; object-fit: cover; }
.qs-body { padding: 56px 56px 50px; display: flex; flex-direction: column; justify-content: center; }
.qs-mark { width: 44px; height: 44px; margin-top: 22px; border-radius: 10px; background: var(--mint); display: grid; place-items: center; font-family: var(--font-display); font-size: 30px; font-weight: 800; line-height: 1; padding-top: 12px; }
.qs-body blockquote { margin: 24px 0 0; font-family: var(--font-display); font-size: clamp(22px, 2.3vw, 32px); font-weight: 800; letter-spacing: -.035em; line-height: 1.25; }
.qs-body cite { margin-top: 30px; font-style: normal; font-size: 14px; color: var(--muted); }

/* ---------- Dark proof block (About) ---------- */
.proof { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.proof .kick-dark { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; color: #8a8a8f; }
.proof h2 { margin: 26px 0 0; font-family: var(--font-display); font-size: clamp(34px, 4vw, 46px); font-weight: 800; letter-spacing: -.045em; line-height: 1.06; }
.proof p { margin: 30px 0 0; max-width: 400px; font-size: 15px; line-height: 1.7; color: #9a9a9f; }
.proof .big-frac { display: flex; align-items: flex-end; gap: 16px; margin-top: 70px; }
.proof .big-frac b { font-family: var(--font-display); font-size: 64px; font-weight: 800; font-style: italic; letter-spacing: -.04em; color: var(--mint); line-height: .9; }
.proof .big-frac span { font-size: 13px; color: #9a9a9f; }
.doc-rows { display: grid; gap: 14px; }
.doc-row { display: flex; align-items: center; gap: 16px; padding: 20px 22px; border: 1px solid #2a2c30; border-radius: 14px; background: #161719; }
.doc-row .tick { width: 30px; height: 30px; box-shadow: none; }
.doc-row b { font-size: 15px; }
.doc-row .mono { margin-left: auto; font-size: 10px; color: #8a8a8f; }
.doc-foot { display: flex; justify-content: space-between; gap: 16px; padding-top: 18px; border-top: 1px solid #2a2c30; font-size: 13.5px; color: #8a8a8f; }
.doc-foot .mono { font-size: 10.5px; color: var(--mint); }

/* ---------- AI recommendation card ---------- */
.ai-card { margin-top: 48px; border: 1px solid #e3e3e1; border-radius: 26px; overflow: hidden; }
.ai-card-top { display: grid; grid-template-columns: 1fr 50px 1fr; gap: 26px; align-items: center; padding: 44px 42px 30px; }
.ai-card-top .kicker { font-size: 10px; }
.ai-card-top h3 { margin: 18px 0 0; font-family: var(--font-display); font-size: clamp(26px, 2.6vw, 35px); font-weight: 800; letter-spacing: -.045em; line-height: 1.12; }
.ai-card-top p { margin: 22px 0 0; max-width: 430px; font-size: 14.5px; line-height: 1.75; color: var(--muted); }
.ask-pill { display: inline-flex; align-items: center; gap: 12px; margin-top: 26px; height: 46px; padding: 0 22px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 14px; }
.ask-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); }
.ai-divider { position: relative; height: 100%; min-height: 240px; display: grid; place-items: center; }
.ai-divider::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #e3e3e1; }
.ai-divider span { position: relative; width: 48px; height: 48px; border-radius: 50%; background: var(--mint); display: grid; place-items: center; }
.ai-answer { padding: 28px 28px 30px; border-radius: 18px; background: #f1f1f0; }
.ai-answer .kicker { font-size: 9.5px; }
.ai-answer p { margin: 14px 0 0; font-size: 15px; line-height: 1.7; }
.ai-pick { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 24px; padding: 18px 18px; border-radius: 12px; background: #fff; }
.ai-pick b { display: block; font-size: 15px; }
.ai-pick small { display: block; font-size: 11.5px; color: var(--muted); }
.trust-soft-lg { padding: 6px 12px; border-radius: 999px; background: var(--mint-soft); border: 1px solid #a3ebe2; color: var(--teal-dark); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: .12em; }

/* Assistant arc */
/* Assistant wheel: 30 bubbles (ten assistants × 3) on a circle whose top arc shows in the box.
   Geometry from the design board: radius ≈ 82% of the box width, top of the circle ≈ 8% down. */
.ai-arc { position: relative; height: 380px; background: linear-gradient(180deg, #fff 0%, #e6faf6 35%, #c7f2ea 100%); overflow: hidden; container-type: inline-size; }
.ai-wheel { --R: 82.25cqw; --b: clamp(64px, 8.5cqw, 110px); --turn: 140s;
  position: absolute; left: 50%; top: calc(8cqw + var(--R)); width: 0; height: 0; animation: wheelSpin var(--turn) linear infinite; }
.wheel-ring { position: absolute; left: 0; top: 0; width: calc(var(--R) * 2); height: calc(var(--R) * 2); border: 1.4px dashed #9fd9d0; border-radius: 50%; transform: translate(-50%, -50%); }
.wheel-ring.inner { width: calc(var(--R) * 1.7); height: calc(var(--R) * 1.7); }
.arc-item { --a: calc(-30deg + var(--i) * 12deg); position: absolute; left: 0; top: 0; width: var(--b); height: var(--b);
  transform: rotate(var(--a)) translateY(calc(-1 * var(--R))) translate(-50%, -50%); transform-origin: 0 0; }
.arc-item .bubble-logo { width: 100%; height: 100%; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 12px 30px -16px rgba(0,0,0,.25); }
/* logos stay upright while the wheel turns; the names tilt with the circle like the design */
.arc-item .bubble-logo svg { width: 40%; height: 40%; animation: wheelKeep var(--turn) linear infinite; transform: rotate(calc(-1 * var(--a))); }
.arc-item b { position: absolute; left: 50%; top: calc(100% + var(--b) * .1); transform: translateX(-50%); font-family: var(--font-display); font-size: calc(var(--b) * .155); font-weight: 700; letter-spacing: -.02em; white-space: nowrap; }
.ai-arc:hover .ai-wheel, .ai-arc:hover .arc-item .bubble-logo svg { animation-play-state: paused; }
@keyframes wheelSpin { to { transform: rotate(360deg); } }
@keyframes wheelKeep { from { transform: rotate(calc(-1 * var(--a))); } to { transform: rotate(calc(-1 * var(--a) - 360deg)); } }
@media (prefers-reduced-motion: reduce) { .ai-wheel, .arc-item .bubble-logo svg { animation: none; } }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }

/* Assistant tile row (Trust Index) */
.ai-tiles { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid #ececea; }
.ai-tiles div { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 32px 10px 30px; border-left: 1px solid #ececea; font-family: var(--font-display); font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
.ai-tiles div:first-child { border-left: 0; }
.ai-tiles svg { width: 44px; height: 44px; }

/* ---------- Verification checks explorer (How it works) ---------- */
.checks { display: grid; grid-template-columns: 390px 1fr; gap: 24px; }
.checks-nav { display: flex; flex-direction: column; padding: 24px; border-radius: 20px; background: #111214; color: #fff; }
.checks-nav .cn-head { display: flex; justify-content: space-between; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; color: #8a8a8f; }
.check-btn { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 10px; padding: 14px 16px; border: 1px solid #2a2c30; border-radius: 12px; text-align: left; color: #fff; transition: background .15s, border-color .15s; }
.check-btn:first-of-type { margin-top: 20px; }
.check-btn .n { width: 26px; height: 26px; border-radius: 6px; background: #2a2c30; display: grid; place-items: center; font-family: var(--font-mono); font-size: 10px; color: #aaa; flex-shrink: 0; }
.check-btn b { display: block; font-size: 16px; }
.check-btn small { display: block; font-size: 13.5px; color: #9a9a9f; }
.check-btn .st { margin-left: auto; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .14em; font-size: 9.5px; color: var(--mint); }
.check-btn .chev { margin-left: auto; display: none; }
.check-btn:hover { border-color: #4a4c50; }
.check-btn.on { background: var(--mint); border-color: var(--mint); color: var(--ink); }
.check-btn.on .n { background: var(--ink); color: var(--mint); }
.check-btn.on small { color: #1d4f49; }
.check-btn.on .st { display: none; }
.check-btn.on .chev { display: block; }
.checks-nav .rej { margin-top: auto; padding-top: 22px; border-top: 1px solid #2a2c30; }
.checks-nav .rej .mono { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; color: #8a8a8f; }
.checks-nav .rej p { display: flex; align-items: baseline; gap: 10px; margin: 16px 0 0; font-size: 12px; color: #9a9a9f; }
.checks-nav .rej b { font-family: var(--font-display); font-size: 34px; font-weight: 800; letter-spacing: -.04em; color: var(--mint); }
.check-panel { display: flex; flex-direction: column; padding: 36px; border: 1px solid #e3e3e1; border-radius: 20px; }
.cp-head { display: flex; justify-content: space-between; gap: 20px; }
.cp-head .kicker { font-size: 10px; }
.cp-head h3 { margin: 14px 0 0; max-width: 400px; font-family: var(--font-display); font-size: clamp(26px, 2.4vw, 32px); font-weight: 800; letter-spacing: -.045em; line-height: 1.12; }
.cp-time { text-align: right; }
.cp-time b { display: block; font-family: var(--font-display); font-size: 20px; font-weight: 800; letter-spacing: -.03em; }
.cp-time small { font-size: 12px; color: var(--muted); }
.cp-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 30px; margin: 34px 0 0; padding: 0; list-style: none; }
.cp-list li { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.cp-why { margin-top: auto; padding: 22px 24px; border-radius: 14px; background: #f1f1f0; }
.cp-why .kicker { font-size: 9.5px; }
.cp-why p { margin: 12px 0 0; font-size: 14.5px; line-height: 1.7; color: var(--body); }
.check-panel .cp-why { margin-top: 60px; }

/* ---------- Process list ---------- */
.process { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.process .sec-sub { max-width: 400px; }
.ticks { display: grid; gap: 12px; margin: 40px 0 0; padding: 0; list-style: none; }
.ticks li { display: flex; align-items: center; gap: 12px; font-size: 14px; }
.step-list { padding: 8px 22px; border-radius: 20px; background: #fff; }
.step-row { display: flex; align-items: center; gap: 16px; padding: 18px 0; border-bottom: 1px solid #ececea; }
.step-row:last-child { border-bottom: 0; }
.step-row .n { width: 30px; height: 30px; border-radius: 7px; background: var(--ink); color: var(--mint); display: grid; place-items: center; font-family: var(--font-mono); font-size: 10.5px; flex-shrink: 0; }
.step-row b { display: block; font-size: 16px; }
.step-row span { display: block; font-size: 15px; color: var(--muted); }
.step-row .mono { margin-left: auto; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .14em; font-size: 9.5px; color: #8d8d90; white-space: nowrap; }

/* ---------- Compare table ---------- */
.compare { max-width: 1120px; margin: 44px auto 0; border: 1px solid #e3e3e1; border-radius: 16px; overflow: hidden; }
.compare table { width: 100%; border-collapse: collapse; font-size: 14px; }
.compare th { padding: 18px 24px; background: var(--ink); color: #b5b5b9; font-weight: 700; font-size: 14.5px; }
.compare th:first-child { text-align: left; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 500; color: #8a8a8f; }
.compare th.hl { color: #fff; }
.compare td { padding: 14px 24px; border-top: 1px solid #ececea; text-align: center; color: #77777b; }
.compare td:first-child { text-align: left; color: var(--ink); }
.compare td.hl { background: #f1f1f0; color: var(--ink); }
.compare .tick { width: 22px; height: 22px; }
.compare-foot { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 30px; font-size: 13px; color: var(--muted); }

/* ---------- Trust weights ---------- */
.weights { display: grid; grid-template-columns: 1.75fr 1fr; gap: 24px; margin-top: 44px; }
.weight-card { padding: 10px 28px; border-radius: 20px; background: #fff; }
.weight-row { display: grid; grid-template-columns: 1fr 160px 52px; align-items: center; gap: 24px; padding: 20px 0; border-bottom: 1px solid #ececea; }
.weight-row:last-child { border-bottom: 0; }
.weight-row b { display: block; font-size: 16px; }
.weight-row span { display: block; font-size: 14px; color: var(--muted); }
.weight-row i { position: relative; height: 4px; border-radius: 2px; background: var(--ink); overflow: hidden; }
.weight-row i em { position: absolute; left: 0; top: 0; bottom: 0; background: #2ee6d6; }
.weight-row strong { text-align: right; font-size: 14px; }
.live-card { display: flex; flex-direction: column; padding: 30px 28px; border-radius: 20px; background: #111214; color: #fff; }
.live-card .mono { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; color: #8a8a8f; }
.live-card .score { margin-top: 18px; font-family: var(--font-display); font-size: 66px; font-weight: 800; letter-spacing: -.05em; line-height: 1; color: var(--mint); }
.live-card small { display: block; margin-top: 10px; font-size: 12.5px; color: #8a8a8f; }
.live-card ul { margin: 26px 0 0; padding: 0; list-style: none; }
.live-card li { display: flex; align-items: center; gap: 10px; margin-top: 12px; font-size: 13.5px; }
.live-card .tick { box-shadow: none; }
.live-card a { margin-top: auto; padding-top: 18px; border-top: 1px solid #2a2c30; font-size: 12.5px; color: #9a9a9f; }
.live-card a:hover { color: var(--mint); }

/* ---------- Assistants marquee ---------- */
.seal-orb { width: 92px; height: 92px; margin: 0 auto; border-radius: 50%; background: var(--ink); display: grid; place-items: center; color: var(--mint); box-shadow: 0 20px 40px -14px rgba(0,0,0,.45); }
.chip-row-c { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 560px; margin: 36px auto 0; }
.chip-row-c span, .chip-row-c a { display: inline-flex; align-items: center; height: 40px; padding: 0 20px; border: 1px solid #dcdcda; border-radius: 999px; font-size: 14px; font-weight: 600; }
.marquee { position: relative; margin-top: 56px; padding: 54px 0; border-radius: 22px; background: #f1f1f0; overflow: hidden; }
.marquee::before, .marquee::after { content: ""; position: absolute; top: 0; bottom: 0; width: 140px; z-index: 1; pointer-events: none; }
.marquee::before { left: 0; background: linear-gradient(90deg, #f1f1f0, transparent); }
.marquee::after { right: 0; background: linear-gradient(270deg, #f1f1f0, transparent); }
.mq-row + .mq-row { margin-top: 18px; }
.mq-row span { display: flex; align-items: center; gap: 16px; width: 206px; height: 96px; padding: 0 30px; border-radius: 12px; background: #fff; font-family: var(--font-display); font-size: 19px; font-weight: 700; letter-spacing: -.02em; }
.mq-row span svg { width: 32px; height: 32px; }
.apple-int { width: 32px; height: 32px; border-radius: 9px; background: conic-gradient(from 200deg, #f9a03f, #f05f8d, #8b5cf6, #3b82f6, #22d3ee, #f9a03f); position: relative; }
.apple-int::after { content: ""; position: absolute; inset: 7px; border-radius: 50%; border: 2.5px solid #fff; }

/* ---------- FAQ, two columns ---------- */
.faq2 { display: grid; grid-template-columns: 1fr 1.35fr; gap: 60px; align-items: start; }
.faq2 .sec-h2 { font-size: clamp(34px, 3.8vw, 48px); }
.faq2 .sec-sub { font-size: 15px; }
.faq2 .btn { margin-top: 26px; }
.faq2 .faq-list, .faq-plain .faq-list { max-width: none; margin: 0; }
.faq-plain .faq-list { max-width: 800px; margin: 40px auto 0; }
.faq2 .faq-item, .faq-plain .faq-item { border: 1px solid #e3e3e1; }
.faq2 .faq-q, .faq-plain .faq-q { font-family: var(--font); font-size: 15px; letter-spacing: 0; padding: 22px 24px; }
.faq2 .faq-a p, .faq-plain .faq-a p { padding: 0 24px 24px; font-size: 15px; }

/* ---------- Photo CTA band ---------- */
.cta-photo { position: relative; display: grid; place-items: center; min-height: 500px; padding: 60px 24px; border-radius: 22px; overflow: hidden; text-align: center; color: #fff; }
.cta-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cta-photo::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.45)); }
.cta-photo > div { position: relative; z-index: 2; }
.cta-photo h2 { margin: 0; font-family: var(--font-display); font-size: clamp(32px, 4vw, 46px); font-weight: 800; letter-spacing: -.045em; }
.cta-photo p { max-width: 500px; margin: 16px auto 0; font-size: 16px; line-height: 1.7; }
.cta-photo .btn { margin-top: 28px; height: 48px; }

/* ---------- Trust Index page ---------- */
.ti-hero { padding: 90px 0 80px; border-bottom: 1px solid #ececea; }
.ti-hero-grid { display: grid; grid-template-columns: 1fr 380px; gap: 60px; align-items: center; }
.ti-hero h1 { margin: 22px 0 0; font-family: var(--font-display); font-size: clamp(40px, 5vw, 60px); font-weight: 800; letter-spacing: -.05em; line-height: 1.02; }
.ti-hero p { max-width: 560px; margin: 26px 0 0; font-size: 16px; line-height: 1.75; color: var(--muted); }
.ti-hero .btn { height: 48px; }
.ti-ring { position: relative; margin: 0; width: 320px; justify-self: end; text-align: center; }
.ti-ring svg { display: block; width: 320px; height: 320px; transform: rotate(0deg); }
.ti-ring-in { position: absolute; top: 0; left: 0; width: 320px; height: 320px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ti-ring-in b { font-family: var(--font-display); font-size: 92px; font-weight: 800; letter-spacing: -.05em; line-height: 1; }
.ti-ring-in span { margin-top: 18px; font-size: 11px; letter-spacing: .3em; color: #77777b; }
.ti-ring-in em { margin-top: 14px; padding: 7px 14px; border-radius: 999px; background: var(--mint); box-shadow: inset 0 0 0 1.4px var(--ink); font-style: normal; font-size: 10px; letter-spacing: .16em; }
.ti-ring figcaption { margin-top: 18px; font-size: 12px; color: var(--muted); }
.ti-ring figcaption a:hover { color: var(--ink); }
.is-card { padding: 30px; border: 1px solid #e3e3e1; border-radius: 18px; }
.is-card.isnt { background: #f1f1f0; border-color: #f1f1f0; }
.is-card .kicker { font-size: 10px; }
.is-card h3 { margin: 14px 0 0; font-family: var(--font-display); font-size: 22px; font-weight: 800; letter-spacing: -.035em; }
.is-card ul { margin: 22px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.is-card li { display: flex; gap: 12px; font-size: 14px; line-height: 1.5; color: var(--body); }
.is-card .x { width: 18px; height: 18px; border-radius: 50%; background: var(--ink); color: #fff; display: inline-grid; place-items: center; flex-shrink: 0; }

.calc { display: grid; grid-template-columns: 1.7fr 1fr; gap: 26px; margin-top: 48px; }
.calc-sliders { padding: 8px 30px; border-radius: 20px; background: #18191c; }
.calc-row { padding: 22px 0; border-bottom: 1px solid #2a2c30; }
.calc-row:last-child { border-bottom: 0; }
.calc-top { display: flex; justify-content: space-between; align-items: baseline; }
.calc-top b { font-size: 15px; }
.calc-top .mono { margin-left: 8px; font-size: 9.5px; color: #8a8a8f; letter-spacing: .1em; }
.calc-val { font-size: 16px; font-weight: 700; color: var(--mint); }
.calc-row small { display: block; margin-top: 4px; font-size: 12.5px; color: #8a8a8f; }
.calc-row input[type=range] { --fill: 50%; width: 100%; height: 4px; margin: 16px 0 0; appearance: none; -webkit-appearance: none; border-radius: 2px; background: linear-gradient(90deg, var(--mint) var(--fill), #2e3034 var(--fill)); cursor: pointer; }
.calc-row input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%; background: var(--mint); border: 2px solid #18191c; box-shadow: 0 0 0 1px var(--mint); }
.calc-row input[type=range]::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--mint); border: 2px solid #18191c; }
.calc-out { display: flex; flex-direction: column; padding: 30px 28px; border-radius: 20px; background: #202124; }
.calc-out > .mono, .calc-band .mono { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; color: #8a8a8f; }
.calc-total { display: flex; align-items: baseline; gap: 6px; margin-top: 14px; }
.calc-total b { font-family: var(--font-display); font-size: 72px; font-weight: 800; letter-spacing: -.05em; line-height: 1; }
.calc-total span { font-size: 16px; color: #8a8a8f; }
.calc-out ul { margin: 20px 0 0; padding: 0; list-style: none; }
.calc-out li { display: flex; align-items: center; gap: 12px; padding: 7px 0; font-size: 13.5px; }
.calc-out li i { width: 8px; height: 8px; background: #fff; }
.calc-out li:nth-child(2) i { opacity: .8; } .calc-out li:nth-child(3) i { opacity: .6; } .calc-out li:nth-child(4) i { opacity: .4; } .calc-out li:nth-child(5) i { opacity: .25; }
.calc-out li span { margin-left: auto; font-family: var(--font-mono); font-size: 12px; color: #c9c9cc; }
.calc-band { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 22px; border-top: 1px solid #2e3034; }
.calc-band em { padding: 7px 14px; border-radius: 999px; background: var(--mint); color: var(--ink) !important; font-style: normal; }

.range-card { padding: 30px 28px; border: 1px solid #e3e3e1; border-radius: 18px; }
.rc-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.rc-top b { font-family: var(--font-display); font-size: 32px; font-weight: 800; letter-spacing: -.045em; }
.band { padding: 7px 14px; border-radius: 999px; background: var(--mint-soft); border: 1px solid #a3ebe2; color: var(--teal-dark); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 9.5px; }
.band.plain { background: none; border: 0; color: #77777b; }
.range-card p { margin: 16px 0 0; padding-bottom: 22px; border-bottom: 1px solid #ececea; font-size: 15px; color: var(--body); }
.rc-bottom { display: flex; align-items: center; gap: 10px; margin-top: 18px; font-size: 13px; color: var(--muted); }
.rc-bottom a { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; font-weight: 700; color: var(--teal-dark); }

.acts { display: grid; grid-template-columns: 505fr 770fr; gap: 24px; margin-top: 24px; }
.act-card { padding: 30px; border: 1px solid #e3e3e1; border-radius: 20px; }
.act-card.grey { background: #f1f1f0; border-color: #f1f1f0; }
.act-card.dark { background: #111214; border-color: #111214; color: #fff; }
.act-card.wide { grid-column: 1 / -1; }
.act-card > .mono { font-family: var(--font-mono); font-size: 10px; color: #8d8d90; }
.act-card h3 { margin: 18px 0 0; font-family: var(--font-display); font-size: 22px; font-weight: 800; letter-spacing: -.035em; }
.act-card p { margin: 14px 0 0; max-width: 620px; font-size: 15px; line-height: 1.7; color: var(--muted); }
.act-card.dark p { color: #8a8a8f; }
.rank { margin: 24px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.rank li { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border: 1px solid #ececea; border-radius: 12px; font-size: 14px; font-weight: 600; }
.rank li span { width: 24px; height: 24px; border-radius: 6px; background: var(--ink); color: var(--mint); display: grid; place-items: center; font-size: 11px; }
.rank li b { margin-left: auto; padding: 4px 10px; border-radius: 6px; background: var(--ink); color: var(--mint); font-size: 12px; }
.rank a:hover { color: var(--teal); }
.badge-demo { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; padding: 20px 22px; border-radius: 14px; background: #fff; }
.badge-demo b { display: block; font-family: var(--font-display); font-size: 17px; letter-spacing: -.02em; }
.badge-demo small { display: block; margin-top: 4px; font-size: 12px; color: var(--muted); }
.badge-demo strong { font-size: 19px; }
.bd-pills { display: flex; gap: 8px; margin-top: 12px; }
.bd-dark, .bd-mint { padding: 6px 11px; border-radius: 999px; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; }
.bd-dark { background: var(--ink); color: #fff; }
.bd-mint { background: var(--mint-soft); border: 1px solid #a3ebe2; color: var(--teal-dark); }
.gate { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: end; margin-top: 40px; }
.gate div { display: flex; flex-direction: column; justify-content: space-between; padding: 14px 12px 10px; border-radius: 10px; }
.gate b { font-size: 15px; }
.gate .mono { margin-top: 18px; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 9.5px; }
.gate .g1 { height: 48px; padding-top: 10px; background: #fff; color: var(--ink); }
.gate .g1 .mono { margin-top: 4px; color: #8d8d90; }
.gate .g2 { height: 74px; background: var(--mint); color: var(--ink); }
.gate .g3 { height: 94px; background: #2a2c30; color: var(--mint); }
.gate-foot { margin-top: 20px; padding-top: 16px; border-top: 1px solid #2a2c30; font-size: 12.5px; color: #8a8a8f; }
.gate-foot .mono { margin-right: 8px; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; color: #c9c9cc; }

.integrity { display: grid; grid-template-columns: 1fr 1fr; margin-top: 44px; border: 1px solid #e3e3e1; border-radius: 20px; overflow: hidden; }
.int-item { display: flex; gap: 18px; padding: 40px 34px; border-right: 1px solid #ececea; border-bottom: 1px solid #ececea; }
.int-item:nth-child(2n) { border-right: 0; }
.int-item:nth-child(n+3) { border-bottom: 0; }
.int-item .icon-box { flex-shrink: 0; }
.int-item h3 { margin: 6px 0 0; font-size: 16px; font-weight: 700; }
.int-item p { margin: 12px 0 0; font-size: 15px; line-height: 1.7; color: var(--muted); }

/* ---------- BizBot page ---------- */
.bb-hero { padding: 80px 0 0; }
.bb-hero-grid { display: grid; grid-template-columns: 1fr 620px; gap: 60px; align-items: center; }
.bb-hero h1 { margin: 22px 0 0; font-family: var(--font-display); font-size: clamp(38px, 4.6vw, 52px); font-weight: 800; letter-spacing: -.05em; line-height: 1.03; }
.bb-hero p { max-width: 460px; margin: 24px 0 0; font-size: 16px; line-height: 1.7; color: var(--muted); }
.bb-hero .btn-arrow { margin-top: 28px; height: 48px; }
.bb-checks { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 42px; padding-top: 28px; border-top: 1px solid #ececea; font-size: 14.5px; color: var(--body); }
.bb-checks > span { display: flex; align-items: center; gap: 10px; }
.bb-chat { border: 1px solid #e3e3e1; border-radius: 18px; background: #fff; overflow: hidden; box-shadow: 0 24px 50px -30px rgba(0,0,0,.3); }
.bbc-head { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: #f6f6f5; border-bottom: 1px solid #ececea; }
.bot-dot { width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: var(--mint); display: grid; place-items: center; flex-shrink: 0; }
.bbc-head b { display: block; font-size: 13.5px; }
.bbc-head small { display: block; font-size: 11.5px; color: var(--muted); }
.bbc-head .live { margin-left: auto; padding: 5px 10px; border-radius: 999px; background: var(--mint-soft); color: var(--teal-dark); font-size: 10px; letter-spacing: .16em; }
.bbc-body { display: flex; flex-direction: column; gap: 14px; height: 300px; overflow-y: auto; padding: 20px 18px; scrollbar-width: thin; }
.cm { display: flex; align-items: flex-start; gap: 10px; animation: pop .25s ease; }
.cm .av { width: 22px; height: 22px; border-radius: 50%; background: var(--mint); box-shadow: inset 0 0 0 1.3px var(--ink); display: grid; place-items: center; font-size: 10px; flex-shrink: 0; margin-top: 4px; }
.cm p { margin: 0; padding: 10px 14px; border-radius: 12px; background: #dcfaf6; font-size: 13px; }
.cm small { display: block; margin-top: 5px; font-size: 10px; color: var(--muted-2); }
.cm.me { justify-content: flex-end; text-align: right; }
.cm.me p { background: var(--ink); color: #fff; }
.cm-card { display: flex; gap: 10px; margin-left: 32px; padding: 14px 16px; border: 1px solid #e3e3e1; border-radius: 12px; }
.cm-card b { display: block; font-size: 13px; }
.cm-card small { display: block; margin-top: 3px; font-size: 11.5px; color: var(--muted); }
.bbc-input { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-top: 1px solid #ececea; background: #f6f6f5; color: #9a9a9f; }
.bbc-input input { flex: 1; border: 0; outline: 0; background: transparent; font: inherit; font-size: 13px; color: var(--ink); }
.send { width: 32px; height: 32px; border-radius: 50%; background: var(--mint); box-shadow: inset 0 0 0 1.3px var(--ink); color: var(--ink); display: grid; place-items: center; }
.bb-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 90px; padding-bottom: 26px; }
.bb-stats div { padding: 0 34px; border-left: 1px solid #e3e3e1; }
.bb-stats div:first-child { padding-left: 0; border-left: 0; }
.bb-stats b { display: block; font-family: var(--font-display); font-size: 26px; font-weight: 800; letter-spacing: -.04em; }
.bb-stats span { display: block; margin-top: 10px; font-size: 14px; color: var(--muted); }

.bb-steps { display: grid; grid-template-columns: 1.37fr 1fr 1fr; grid-template-rows: auto auto; gap: 24px; margin-top: 48px; }
.bs { display: flex; flex-direction: column; padding: 26px 28px; border: 1px solid #e3e3e1; border-radius: 20px; }
.bs.dark { grid-row: span 2; background: #111214; border-color: #111214; color: #fff; }
.bs.wide { grid-column: 2 / 4; }
.step-tag { align-self: flex-start; padding: 6px 11px; border-radius: 999px; background: var(--mint-soft); color: var(--teal-dark); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.bs.dark .step-tag { padding: 0; background: none; color: var(--mint); }
.bs h3 { margin: 18px 0 0; font-family: var(--font-display); font-size: 21px; font-weight: 800; letter-spacing: -.035em; }
.bs p { margin: 12px 0 0; font-size: 15px; line-height: 1.7; color: var(--muted); }
.bs.dark p { color: #8a8a8f; }
.src-list { display: grid; gap: 10px; margin-top: 26px; }
.src-list div { display: flex; justify-content: space-between; padding: 13px 14px; border-radius: 8px; background: #1d1f22; font-size: 13px; font-weight: 600; }
.src-list em { font-style: normal; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--mint); }
.bs-foot { display: flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 22px; border-top: 1px solid #2a2c30; font-size: 13px; color: #c9c9cc; }
.bs-foot .tick { box-shadow: none; }
.mini-chat { display: flex; flex-direction: column; gap: 10px; margin-top: 24px; }
.mini-chat .q { align-self: flex-end; padding: 9px 14px; border-radius: 10px; background: var(--ink); color: #fff; font-size: 12.5px; }
.mini-chat .a { padding: 11px 14px; border-radius: 10px; background: var(--mint-soft); font-size: 12.5px; }
.slots { display: grid; gap: 10px; margin-top: 24px; }
.slots div { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border: 1px solid #e3e3e1; border-radius: 10px; font-size: 13px; font-weight: 600; }
.slots .taken { background: #f1f1f0; border-color: #f1f1f0; }
.slots em { font-style: normal; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: #8d8d90; }
.slots em.open { padding: 5px 10px; border-radius: 999px; background: var(--mint); color: var(--ink); }
.inbox-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 24px; }
.inbox-tiles div { padding: 16px 16px 14px; border-radius: 10px; }
.inbox-tiles b { display: block; font-size: 20px; }
.inbox-tiles span { display: block; margin-top: 6px; font-size: 12.5px; }
.inbox-tiles .t1 { background: var(--mint); } .inbox-tiles .t2 { background: #ffe7a3; } .inbox-tiles .t3 { background: #cdeafe; } .inbox-tiles .t4 { background: #ffd9d9; }

.demo-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 36px; }
.demo-tabs button { height: 38px; padding: 0 18px; border-radius: 999px; background: #fff; font-size: 13.5px; font-weight: 600; color: var(--ink-2); transition: background .15s; }
.demo-tabs button.on { background: var(--ink); color: #fff; }
.demo-window { max-width: 1080px; margin: 28px auto 0; border-radius: 16px; background: #fff; box-shadow: 0 30px 60px -30px rgba(0,0,0,.3); overflow: hidden; }
.dw-bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid #ececea; }
.dw-bar .mono { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .16em; color: #8d8d90; }
.dots { display: flex; gap: 6px; }
.dots i { width: 10px; height: 10px; border-radius: 50%; background: #ff5f57; }
.dots i:nth-child(2) { background: #febc2e; } .dots i:nth-child(3) { background: #28c840; }
.dw-panel { display: grid; grid-template-columns: 1fr 300px; min-height: 460px; }
.dw-main { display: flex; flex-direction: column; padding: 22px 22px 18px; min-width: 0; }
.dw-side { padding: 22px; border-left: 1px solid #ececea; display: flex; flex-direction: column; }
.dw-side > .mono { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; color: #8d8d90; }
.dw-who { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid #ececea; }
.bot-dot.dark { background: var(--ink); }
.dw-who b { display: block; font-size: 14px; }
.dw-who small { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--muted); }
.on-dot { width: 7px; height: 7px; border-radius: 50%; background: #19c3a9; }
.dw-log { display: flex; flex-direction: column; gap: 12px; flex: 1; max-height: 290px; overflow-y: auto; padding: 18px 0; scrollbar-width: thin; }
.dw-log.small { max-height: none; padding: 16px 0; }
.dm { max-width: 80%; padding: 11px 16px; border-radius: 12px; font-size: 13px; line-height: 1.5; animation: pop .25s ease; }
.dm.bot { align-self: flex-start; background: #f1f1f0; }
.dm.me { align-self: flex-end; background: var(--ink); color: #fff; }
.dm-lead { display: flex; gap: 10px; align-self: flex-start; padding: 12px 16px; border: 1.5px solid var(--ink); border-radius: 12px; background: var(--mint-soft); }
.dm-lead b { display: block; font-size: 13px; }
.dm-lead small { display: block; margin-top: 3px; font-size: 11.5px; color: var(--body); }
.dw-quick { display: flex; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid #e8eadf; }
.dw-quick button { height: 32px; padding: 0 14px; border: 1px solid #dcdcda; border-radius: 999px; font-size: 12.5px; }
.dw-quick button:hover { border-color: var(--ink); }
.dw-input { display: flex; align-items: center; gap: 10px; margin-top: 14px; color: #9a9a9f; }
.dw-input input { flex: 1; height: 40px; padding: 0 16px; border: 1px solid #e3e3e1; border-radius: 999px; font: inherit; font-size: 13px; outline: none; }
.dw-input input:focus { border-color: var(--ink); }
.dw-side dl { margin: 16px 0 0; }
.dw-side dl div { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #f1f1f0; font-size: 13px; }
.dw-side dt { color: var(--muted); }
.dw-side dd { margin: 0; font-weight: 600; }
.dw-side ul { margin: 20px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.dw-side li { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--body); }
.dw-note { margin-top: auto; padding: 16px; border-radius: 10px; background: var(--ink); color: #fff; }
.dw-note .mono { display: block; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 9.5px; color: #8a8a8f; }
.dw-note b { display: block; margin-top: 6px; font-size: 13.5px; }
.dw-actions { display: flex; gap: 10px; margin-top: auto; }
.dw-actions.col { flex-direction: column; margin-top: 16px; }
.dw-actions .btn { height: 40px; padding: 0 16px; font-size: 13px; }
.inbox-list { display: grid; gap: 8px; }
.ib-row { display: grid; grid-template-columns: 34px 1fr auto 40px; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid #ececea; border-radius: 12px; }
.ib-row b { display: block; font-size: 13.5px; }
.ib-row small { display: block; font-size: 12.5px; color: var(--muted); }
.ib-row .time { font-size: 12px; color: var(--muted-2); text-align: right; }
.st { padding: 4px 10px; border-radius: 999px; font-style: normal; font-size: 11px; font-weight: 600; }
.st-open { background: var(--mint); } .st-waiting { background: #ffe7a3; } .st-resolved { background: #eef0f2; color: #555; }
.cal-head { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 14px; border-bottom: 1px solid #ececea; }
.cal-head span { font-size: 13px; color: var(--muted); }
.cal-slots { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.slot { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid #ececea; border-radius: 10px; font-size: 13px; }
.slot span { color: var(--muted); font-size: 12px; }
.slot em { font-style: normal; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; }
.slot-confirmed { background: #f6f6f5; }
.slot-open em { padding: 4px 9px; border-radius: 999px; background: var(--mint); }
.slot-held em { color: #b45309; }
.big-n { margin-top: 18px; }
.big-n b { display: block; font-family: var(--font-display); font-size: 46px; font-weight: 800; letter-spacing: -.04em; }
.big-n span { font-size: 13px; color: var(--muted); }
.an-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.an-tiles div { padding: 16px; border-radius: 12px; background: #f6f6f5; }
.an-tiles b { display: block; font-family: var(--font-display); font-size: 26px; font-weight: 800; letter-spacing: -.03em; }
.an-tiles span { font-size: 12.5px; color: var(--muted); }
.an-chart { display: grid; grid-template-columns: repeat(7, 1fr); align-items: end; gap: 14px; height: 240px; margin-top: 22px; padding: 20px; border: 1px solid #ececea; border-radius: 12px; }
.an-chart div { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; gap: 8px; }
.an-chart i { display: block; width: 100%; max-width: 46px; border-radius: 6px 6px 2px 2px; background: var(--mint); }
.an-chart div:nth-child(5) i { background: var(--ink); }
.an-chart span { font-size: 11.5px; color: var(--muted); }
.unanswered { margin: 16px 0 0; padding-left: 18px; display: grid; gap: 12px; font-size: 13px; }
.unanswered em { font-style: normal; color: var(--muted-2); font-size: 12px; }
.lead-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.lead-table th { padding: 10px 12px; text-align: left; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .14em; font-size: 9.5px; font-weight: 500; color: #8d8d90; border-bottom: 1px solid #ececea; }
.lead-table td { padding: 14px 12px; border-bottom: 1px solid #f1f1f0; color: var(--body); }
.kn-list { display: grid; gap: 10px; }
.kn-row { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid #ececea; border-radius: 12px; }
.kn-row .icon-box { width: 38px; height: 38px; }
.kn-row b { display: block; font-size: 14px; }
.kn-row small { display: block; font-size: 12.5px; color: var(--muted); }
.kn-row em { margin-left: auto; font-style: normal; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--teal-dark); }

/* ---------- Pricing page ---------- */
.pr-hero { padding-bottom: 46px; }
.pr-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-top: 22px; }
.pr-logos div { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.pr-logos span { width: 88px; height: 88px; border: 1px solid #e3e3e1; border-radius: 18px; display: grid; place-items: center; background: #fff; }
.pr-logos span svg { width: 38px; height: 38px; }
.pr-logos .more { font-family: var(--font-display); font-size: 16px; font-weight: 800; line-height: 1.1; letter-spacing: -.02em; text-align: center; }
.pr-logos b { font-family: var(--font-display); font-size: 16px; font-weight: 700; letter-spacing: -.02em; }
.pr-note { margin: 28px 0 0; font-size: 13px; color: var(--muted); }
.period-toggle { display: inline-flex; margin-top: 30px; border: 1.5px solid var(--ink); border-radius: 999px; overflow: hidden; }
.period-toggle button { height: 42px; padding: 0 22px; border-left: 1.5px solid var(--ink); font-size: 13.5px; font-weight: 700; }
.period-toggle button:first-child { border-left: 0; }
.period-toggle button.on { background: var(--mint); }
.period-toggle em { font-style: normal; color: var(--teal-dark); }
.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
.plan { display: flex; flex-direction: column; padding: 32px 30px 34px; border: 1px solid #ececea; border-radius: 22px; background: #fff; }
.plan-dark { background: #111214; border-color: #111214; color: #fff; }
.plan-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.plan-top h3 { margin: 0; font-family: var(--font-display); font-size: 21px; font-weight: 800; letter-spacing: -.03em; }
.plan-top p { margin: 8px 0 0; font-size: 14px; color: var(--muted); }
.plan-dark .plan-top p, .plan-dark .plan-billed { color: #8a8a8f; }
.pop { padding: 7px 12px; border-radius: 999px; background: var(--mint); color: var(--ink); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; }
.plan-price { display: flex; align-items: baseline; gap: 6px; margin-top: 22px; }
.plan-price b { font-family: var(--font-display); font-size: 47px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.plan-dark .plan-price b { color: var(--mint); }
.plan-price span { font-size: 14px; color: var(--muted); }
.plan-billed { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); }
.plan-cta { display: flex; align-items: center; justify-content: space-between; height: 50px; margin-top: 22px; padding: 0 8px 0 22px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 15px; font-weight: 700; transition: transform .15s; }
.plan-cta:hover { transform: translateY(-1px); }
.plan-cta .arr { width: 30px; height: 30px; border-radius: 50%; background: var(--mint); color: var(--ink); display: grid; place-items: center; }
.plan-dark .plan-cta { background: var(--mint); color: var(--ink); }
.plan-dark .plan-cta .arr { background: var(--ink); color: var(--mint); }
.plan ul { margin: 26px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.plan li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; line-height: 17px; }
.plan-dark li .ic { color: var(--mint); }
.recommender { display: grid; grid-template-columns: 1fr minmax(320px, 480px); gap: 18px 30px; align-items: center; margin-top: 44px; padding: 26px 30px; border-radius: 18px; background: var(--mint); }
.recommender h3 { margin: 0; font-family: var(--font-display); font-size: 21px; font-weight: 800; letter-spacing: -.03em; }
.recommender p { margin: 6px 0 0; font-size: 14px; color: #1d4f49; }
.recommender form { display: flex; gap: 10px; }
.recommender input { flex: 1; min-width: 0; height: 46px; padding: 0 20px; border: 0; border-radius: 999px; font: inherit; font-size: 14px; outline: none; }
.recommender .btn { height: 46px; }
.rec-out { grid-column: 1 / -1; margin: 0; padding: 14px 18px; border-radius: 12px; background: #fff; font-size: 14.5px; }
.rec-out a { margin-left: 6px; font-weight: 700; color: var(--teal-dark); }
.cmp { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 14px; margin-top: 48px; }
.cmp-head { display: flex; flex-direction: column; justify-content: center; height: 74px; text-align: center; }
.cmp-labels .cmp-head { align-items: flex-start; justify-content: flex-start; padding-top: 6px; }
.cmp-head b { font-family: var(--font-display); font-size: 17px; font-weight: 800; letter-spacing: -.02em; }
.cmp-head small { margin-top: 4px; font-size: 12px; color: var(--muted); }
.cmp-cell { display: flex; align-items: center; height: 44px; font-size: 14px; }
.cmp-labels .cmp-cell { border-top: 1px solid #ececea; }
.cmp-col { padding: 0 0 22px; border-radius: 22px; text-align: center; }
.cmp-col .cmp-cell { justify-content: center; }
.cmp-basic { background: #f1f1f0; }
.cmp-plus { background: #def4f0; }
.cmp-premium { background: #111214; color: #fff; }
.cmp-premium .cmp-head small { color: var(--mint); }
.cmp-premium .ic { color: var(--mint); }
.dash { display: block; width: 14px; height: 1.5px; background: #c9c9cc; }
.cmp-premium .dash { background: #3a3c40; }
.cmp-foot { margin-top: 18px; }
.cmp-foot .btn { height: 40px; padding: 0 22px; font-size: 13.5px; }
.stat-card { padding: 40px 30px; border-radius: 20px; background: #f1f1f0; text-align: center; }
.stat-card b { font-family: var(--font-display); font-size: 44px; font-weight: 800; letter-spacing: -.05em; }
.stat-card p { max-width: 320px; margin: 14px auto 0; font-size: 15px; line-height: 1.65; color: var(--muted); }

/* ---------- Contact page ---------- */
.inbox-card { display: block; border-color: #fff; transition: box-shadow .2s, transform .2s; }
.inbox-card:hover { box-shadow: 0 18px 34px -22px rgba(0,0,0,.3); transform: translateY(-2px); }
.inbox-card h3 { font-size: 21px; }
.inbox-card b { display: block; margin-top: 12px; font-size: 15px; overflow-wrap: anywhere; }
.inbox-card p { margin-top: 8px; font-size: 13.5px; }
.contact-card { max-width: 830px; margin: 0 auto; padding: 48px 46px 44px; border: 1px solid #ececea; border-radius: 22px; }
.contact-card h2 { margin: 0; font-family: var(--font-display); font-size: clamp(32px, 3.6vw, 44px); font-weight: 800; letter-spacing: -.045em; }
.contact-card .sub { margin: 14px 0 0; font-size: 15px; color: var(--muted); }
.contact-form { display: grid; gap: 20px; margin-top: 32px; }
.contact-form label { display: block; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.contact-form .textarea { min-height: 120px; }
.input.bad, .textarea.bad { border-color: #dc2626; }
.err { display: block; margin-top: 6px; font-size: 12.5px; color: #b91c1c; }
.form-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; font-size: 14px; color: var(--muted); }
.form-foot .btn { height: 48px; }
.sent { text-align: center; padding: 20px 0; }
.sent-ic { width: 66px; height: 66px; margin: 0 auto; border-radius: 50%; background: var(--mint); box-shadow: inset 0 0 0 2px var(--ink); display: grid; place-items: center; }
.sent h2 { margin-top: 24px; }
.sent p { max-width: 520px; margin: 14px auto 26px; font-size: 15.5px; line-height: 1.7; color: var(--muted); }

/* ---------- Legal pages ---------- */
.legal-hero { padding: 52px 0 54px; background: #f1f1f0; }
.legal-hero h1 { margin: 22px 0 0; font-family: var(--font-display); font-size: clamp(38px, 5vw, 58px); font-weight: 800; letter-spacing: -.05em; }
.legal-hero p { margin: 14px 0 0; font-size: 15px; color: var(--muted); }
.legal-body { display: grid; grid-template-columns: 300px minmax(0, 720px); gap: 70px; padding-top: 56px; padding-bottom: 110px; }
.toc { position: sticky; top: 100px; align-self: start; padding: 26px 24px; border: 1px solid #ececea; border-radius: 16px; }
.toc .kicker { display: block; margin-bottom: 14px; font-size: 10px; }
.toc a { position: relative; display: block; padding: 8px 0 8px 18px; font-size: 15px; color: var(--body); transition: color .15s; }
.toc a:hover { color: var(--ink); }
.toc a.on { color: var(--ink); font-weight: 700; }
.toc a.on::before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; border: 1.5px solid var(--teal); }
.legal-sec { padding-bottom: 40px; scroll-margin-top: 100px; }
.legal-sec h2 { display: flex; align-items: center; gap: 14px; margin: 0; font-family: var(--font-display); font-size: 27px; font-weight: 800; letter-spacing: -.035em; }
.legal-sec h2 .mono { display: inline-grid; place-items: center; width: 30px; height: 26px; border-radius: 6px; background: var(--mint-soft); color: var(--teal-dark); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0; font-weight: 500; }
.legal-sec p { margin: 18px 0 0 44px; font-size: 15.5px; line-height: 1.75; color: var(--muted); }
.legal-sec a, .legal-contact a { color: var(--teal-dark); font-weight: 600; }
.callout { display: flex; align-items: center; gap: 12px; margin: 22px 0 0 44px; padding: 16px 22px; border-radius: 12px; background: #f1f1f0; font-size: 15px; color: var(--body); }
.callout .ic { color: var(--teal-dark); }
.legal-contact { margin: 10px 0 0 44px; font-size: 15px; color: var(--muted); }

/* ---------- Sales program ---------- */
.sales-stats { max-width: 1000px; }
.sales-stats .stat b { font-size: clamp(28px, 2.6vw, 38px); }
.sales-stats .stat span { font-size: 13px; }
.opp { display: grid; grid-template-columns: 1fr 570px; gap: 70px; align-items: center; }
.opp .sec-sub { max-width: 460px; }
.opp-list { margin: 44px 0 0; padding: 0; list-style: none; }
.opp-list li { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-top: 1px solid #e8e6df; font-size: 15px; }
.opp-list li:last-child { border-bottom: 1px solid #e8e6df; }
.score-card { padding: 30px 32px 34px; border-radius: 26px; background: #111214; color: #fff; }
.sc-logo { padding-bottom: 20px; border-bottom: 1px solid #2a2c30; font-family: var(--font-display); font-size: 17px; font-weight: 800; letter-spacing: -.02em; }
.sc-logo span { color: var(--mint); }
.sc-num { display: flex; align-items: baseline; gap: 8px; margin-top: 22px; }
.sc-num b { font-family: var(--font-display); font-size: 66px; font-weight: 800; letter-spacing: -.05em; line-height: 1; }
.sc-num span { font-size: 19px; color: #8a8a8f; }
.sc-critical { display: inline-block; margin-top: 14px; padding: 8px 16px; border-radius: 999px; background: #3b221d; color: #ffb4a2; font-size: 12.5px; font-weight: 700; }
.sc-bar { margin-top: 18px; }
.sc-bar div { display: flex; justify-content: space-between; font-size: 14px; }
.sc-bar b { font-weight: 700; }
.sc-bar i { display: block; height: 5px; margin-top: 8px; border-radius: 3px; background: #2a2c30; }
.sc-bar em { display: block; height: 100%; border-radius: 3px; background: var(--mint); }
.score-card p { margin: 24px 0 0; padding-top: 18px; border-top: 1px solid #2a2c30; font-size: 12.5px; color: #8a8a8f; }
.sales-steps { display: grid; grid-template-columns: 1fr 44px 1fr 44px 1fr; align-items: center; margin-top: 48px; }
.ss-arrow { display: grid; place-items: center; color: #a8a8ad; }
.ss-card { height: 100%; padding: 30px; border-radius: 20px; background: #fff; }
.ss-top { display: flex; justify-content: space-between; align-items: center; }
.ss-top .mono { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; color: #8d8d90; }
.ss-card h3 { margin: 26px 0 0; font-family: var(--font-display); font-size: 21px; font-weight: 800; letter-spacing: -.035em; }
.ss-card p { margin: 14px 0 0; font-size: 15px; line-height: 1.65; color: var(--muted); }
.ss-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 46px; }
.ss-pills span { padding: 8px 14px; border-radius: 999px; background: var(--ink); color: var(--mint); font-size: 13px; font-weight: 600; }
.style-head .aside-note { max-width: 400px; line-height: 1.65; padding-bottom: 6px; }
.style-card { padding: 34px 32px; }
.style-card h3 { font-size: 21px; }
.style-card p { font-size: 15px; }
.grey-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.grey-pills span { padding: 9px 16px; border-radius: 999px; background: #f1f1f0; font-size: 13.5px; font-weight: 600; }
.earn { display: grid; grid-template-columns: 630px 1fr; gap: 80px; align-items: start; margin-top: 56px; }
.earn-card { padding: 34px 34px 28px; border-radius: 24px; background: #111214; color: #fff; }
.earn-card > .mono { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; color: #8a8a8f; }
.earn-top { display: flex; align-items: baseline; gap: 14px; margin-top: 12px; }
.earn-top b { font-family: var(--font-display); font-size: 54px; font-weight: 800; letter-spacing: -.05em; color: var(--mint); line-height: 1; }
.earn-top span { font-size: 15px; color: #c9c9cc; }
.earn-card small { display: block; margin-top: 10px; font-size: 13.5px; color: #8a8a8f; }
.earn-chart { display: block; width: 100%; height: 170px; margin-top: 30px; }
.earn-axis { display: flex; justify-content: space-between; margin-top: 10px; font-size: 10.5px; letter-spacing: .1em; color: #8a8a8f; }
.earn-axis .hl { color: var(--mint); }
.earn-slider { display: block; margin-top: 22px; padding-top: 18px; border-top: 1px solid #2a2c30; font-size: 13px; color: #c9c9cc; }
.earn-slider b { color: var(--mint); }
.earn-slider input { --fill: 31%; display: block; width: 100%; height: 4px; margin-top: 14px; appearance: none; -webkit-appearance: none; border-radius: 2px; background: linear-gradient(90deg, var(--mint) var(--fill), #2e3034 var(--fill)); cursor: pointer; }
.earn-slider input::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%; background: var(--mint); border: 2px solid #111214; }
.earn-slider input::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--mint); border: 2px solid #111214; }
.earn-terms div { display: flex; justify-content: space-between; align-items: center; padding: 22px 0; border-bottom: 1px solid #e8e6df; }
.earn-terms .mono { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; color: #8d8d90; }
.earn-terms b { font-family: var(--font-display); font-size: 24px; font-weight: 800; letter-spacing: -.035em; }
.earn-terms .btn { margin-top: 70px; height: 52px; }

/* ---------- Blog ---------- */
.chip-row-c a.on { background: var(--ink); border-color: var(--ink); color: #fff; }
.article { padding-bottom: 100px; }
.art-head { max-width: 860px; padding-top: 50px; }
.ob-back-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; color: var(--muted); }
.ob-back-link:hover { color: var(--ink); }
.art-meta { display: flex; align-items: center; gap: 14px; margin-top: 30px; font-size: 14px; color: var(--muted); }
.art-tag { padding: 7px 14px; border-radius: 999px; background: var(--mint-soft); color: var(--teal-dark); font-size: 13px; font-weight: 600; }
.art-head h1 { margin: 18px 0 0; font-family: var(--font-display); font-size: clamp(34px, 4.6vw, 54px); font-weight: 800; letter-spacing: -.05em; line-height: 1.05; }
.art-author { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-size: 15px; }
.art-author span:last-child { color: var(--muted); }
.art-author:hover b { color: var(--teal-dark); }
.art-cover { height: clamp(260px, 38vw, 520px); margin-top: 36px; border-radius: 22px; overflow: hidden; background: #ececea; }
.art-cover img { width: 100%; height: 100%; object-fit: cover; }
.art-body { max-width: 760px; padding-top: 44px; }
.prose { font-size: 17px; line-height: 1.8; color: var(--body); }
.prose h2 { margin: 36px 0 12px; font-family: var(--font-display); font-size: 27px; font-weight: 800; letter-spacing: -.035em; color: var(--ink); line-height: 1.2; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { margin: 28px 0 10px; font-size: 20px; color: var(--ink); }
.prose p { margin: 0 0 18px; }
.prose ul { margin: 0 0 18px; padding-left: 22px; }
.prose li { margin: 8px 0; }
.prose a { color: var(--teal-dark); text-decoration: underline; }
.prose b, .prose strong { color: var(--ink); }
.art-body .pp-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; padding-top: 22px; border-top: 1px solid #ececea; }
.art-body .pp-tags span { padding: 8px 16px; border-radius: 999px; background: #f1f1f0; font-size: 14px; }
.art-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 36px; padding: 26px 28px; border-radius: 18px; background: var(--mint-soft); }
.art-cta b { display: block; font-family: var(--font-display); font-size: 19px; letter-spacing: -.02em; }
.art-cta span { display: block; margin-top: 4px; font-size: 14px; color: var(--body); }
.art-cta .btn { flex-shrink: 0; height: 48px; }
.art-more { padding-top: 80px; }
.art-more h2 { margin: 0 0 24px; font-family: var(--font-display); font-size: 30px; font-weight: 800; letter-spacing: -.035em; }
.flash-pub { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding: 12px 16px; border-radius: 12px; background: var(--mint-soft); font-size: 14px; }
.flash-pub a { margin-left: auto; font-weight: 700; color: var(--teal-dark); }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
  .opp, .earn { grid-template-columns: 1fr; gap: 40px; }
  .sales-steps { grid-template-columns: 1fr; gap: 16px; }
  .ss-arrow { transform: rotate(90deg); }
  .legal-body { grid-template-columns: 1fr; gap: 30px; }
  .toc { position: static; }
  .plans { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
  .recommender { grid-template-columns: minmax(0, 1fr); }
  .cmp { overflow-x: auto; grid-template-columns: 200px repeat(3, minmax(130px, 1fr)); }
  .bb-hero-grid { grid-template-columns: 1fr; }
  .bb-stats { grid-template-columns: 1fr 1fr; row-gap: 28px; }
  .bb-stats div:nth-child(3) { padding-left: 0; border-left: 0; }
  .bb-steps { grid-template-columns: 1fr 1fr; }
  .bs.dark { grid-row: auto; grid-column: 1 / -1; }
  .bs.wide { grid-column: 1 / -1; }
  .dw-panel { grid-template-columns: 1fr; }
  .dw-side { border-left: 0; border-top: 1px solid #ececea; }
  .ti-hero-grid { grid-template-columns: 1fr; }
  .ti-ring { justify-self: center; }
  .calc { grid-template-columns: 1fr; }
  .cards-4 { grid-template-columns: repeat(2, 1fr); }
  .quote-split { grid-template-columns: 1fr; }
  .quote-split .qs-img { min-height: 320px; }
  .proof, .process, .faq2 { grid-template-columns: 1fr; gap: 40px; }
  .ai-card-top { grid-template-columns: 1fr; }
  .ai-divider { min-height: 60px; }
  .ai-divider::before { top: 50%; bottom: auto; left: 0; right: 0; width: auto; height: 1px; }
  .checks { grid-template-columns: 1fr; }
  .weights { grid-template-columns: 1fr; }
  .ai-tiles { grid-template-columns: repeat(3, 1fr); }
  .ai-tiles div:nth-child(4) { border-left: 0; }
  .ai-tiles div:nth-child(n+4) { border-top: 1px solid #ececea; }
}
@media (max-width: 720px) {
  .sec { padding: 72px 0; }
  .page-hero { padding: 64px 0 48px; }
  .stats { grid-template-columns: 1fr 1fr; row-gap: 34px; }
  .cards-2, .cards-3, .cards-4 { grid-template-columns: 1fr; }
  .head-row { flex-direction: column; align-items: flex-start; }
  .qs-body { padding: 34px 26px; }
  .ai-card-top { padding: 30px 22px; }
  .ai-arc { height: 230px; }
  .ai-wheel { --R: 120cqw; --b: 62px; top: calc(14cqw + var(--R)); }
  .arc-item b { font-size: 11.5px; }
  .ai-tiles { grid-template-columns: repeat(2, 1fr); }
  .ai-tiles div:nth-child(odd) { border-left: 0; }
  .ai-tiles div:nth-child(4) { border-left: 1px solid #ececea; }
  .ai-tiles div:nth-child(n+3) { border-top: 1px solid #ececea; }
  .cp-list { grid-template-columns: 1fr; }
  .check-panel { padding: 26px 22px; }
  .cp-head { flex-direction: column; }
  .cp-time { text-align: left; }
  .compare { overflow-x: auto; }
  .compare table { min-width: 620px; }
  .weight-row { grid-template-columns: 1fr 52px; }
  .weight-row i { grid-column: 1 / -1; grid-row: 2; }
  .mq-row .splide__slide span { width: 160px; height: 76px; font-size: 16px; }
  .cta-photo { min-height: 420px; border-radius: 18px; }
  .acts { grid-template-columns: minmax(0, 1fr); }
  .act-card { padding: 26px 22px; }
  .badge-demo { flex-wrap: wrap; gap: 12px; }
  .bb-steps { grid-template-columns: minmax(0, 1fr); }
  .inbox-tiles { grid-template-columns: repeat(2, 1fr); }
  .period-toggle { display: grid; grid-template-columns: 1fr 1fr; width: 100%; border-radius: 18px; }
  .period-toggle button:nth-child(3) { border-left: 0; }
  .period-toggle button:nth-child(n+3) { border-top: 1.5px solid var(--ink); }
  .recommender { padding: 24px 20px; }
  .recommender form { flex-wrap: wrap; }
  .recommender input { flex-basis: 100%; }
}

/* ---------- Blog: featured posts slider ---------- */
.blog-feature-wrap { padding-bottom: 56px; }
.blog-feature { position: relative; }
.blog-feature .splide__track { border-radius: 26px; background: #111214; }
.bf-card { display: grid; grid-template-columns: 1fr 1.05fr; min-height: 430px; border-radius: 26px; overflow: hidden; background: #111214; color: #fff; }
.bf-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 18px; padding: 56px 56px 60px; }
.bf-tag { padding: 7px 13px; border-radius: 999px; background: rgba(125,243,234,.12); color: var(--mint); font-size: 11px; letter-spacing: .16em; }
.bf-copy b { font-family: var(--font-display); font-size: clamp(28px, 3vw, 42px); font-weight: 800; letter-spacing: -.04em; line-height: 1.04; }
.bf-ex { max-width: 470px; font-size: 16.5px; line-height: 1.6; color: #b9b9be; }
.bf-meta { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #9a9a9f; }
.bf-copy .btn { margin-top: 8px; background: #fff; color: var(--ink); }
.bf-img { position: relative; overflow: hidden; }
.bf-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 6s ease-out; }
.blog-feature .is-active .bf-img img { transform: scale(1); }
.blog-feature .is-active .bf-copy > * { animation: bfIn .8s cubic-bezier(.2,.75,.2,1) both; }
.blog-feature .is-active .bf-copy > *:nth-child(2) { animation-delay: .08s; }
.blog-feature .is-active .bf-copy > *:nth-child(3) { animation-delay: .16s; }
.blog-feature .is-active .bf-copy > *:nth-child(4) { animation-delay: .24s; }
.blog-feature .is-active .bf-copy > *:nth-child(5) { animation-delay: .32s; }
@keyframes bfIn { from { opacity: 0; transform: translateY(16px); } }
.blog-feature .splide__arrows { position: absolute; right: 24px; bottom: 24px; z-index: 2; }
.blog-feature .splide__arrow { background: rgba(255,255,255,.92); border-color: transparent; }
.blog-feature .splide__arrow svg { width: 16px; height: 16px; }
.blog-feature .splide__arrow--prev svg { transform: rotate(180deg); }
.blog-feature .splide__pagination { position: absolute; left: 56px; bottom: 26px; margin: 0; justify-content: flex-start; }
.blog-feature .splide__pagination__page { background: rgba(255,255,255,.3); }
.blog-feature .splide__pagination__page.is-active { background: var(--mint); }

@media (prefers-reduced-motion: reduce) { .blog-feature .is-active .bf-copy > * { animation: none; } }

@media (max-width: 900px) {
  .bf-card { grid-template-columns: 1fr; }
  .bf-img { min-height: 240px; order: -1; }
  .bf-copy { padding: 30px 24px 70px; }
  .blog-feature .splide__pagination { left: 24px; }
}

/* BizBot page rhythm follows its design board (tighter sections than the other pages) */
.page-bizbot .sec { padding: 80px 0; }
.page-bizbot .mt-48, .page-bizbot .bb-steps { margin-top: 38px; }
.page-bizbot .cards { gap: 22px; }
.page-bizbot .center-block .sec-sub { max-width: 480px; }
.head-row .sec-actions { padding-bottom: 0; }
.art-more .blog-head h2 { margin: 0; }