/* =====================================================================
   KashManajers public site (landing, about, faq, legal, careers)
   Reads the colour tokens from kash-theme.css, so light and dark both work.
   ===================================================================== */
.kp { margin: 0; background: var(--bg-main); color: var(--text-main);
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; }
.kp *, .kp *::before, .kp *::after { box-sizing: border-box; }
.kp a { color: inherit; }
.kp img { max-width: 100%; height: auto; }
.kp-wrap { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 20px; }
.kp-narrow { max-width: 780px; }
.kp h1, .kp h2, .kp h3 { letter-spacing: -.03em; line-height: 1.12; margin: 0; }
.kp-grad-text { background: var(--kash-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.kp-muted { color: var(--text-muted); }

/* ---------- buttons ---------- */
.kp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; cursor: pointer;
  font: inherit; font-weight: 800; font-size: 15px; padding: 13px 24px; border-radius: 999px; text-decoration: none !important;
  transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease, filter .2s ease; white-space: nowrap; }
.kp-btn.primary { background: var(--kash-grad); color: #fff !important; box-shadow: 0 10px 26px rgba(29,155,240,.32); }
.kp-btn.primary:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 16px 34px rgba(29,155,240,.42); }
.kp-btn.ghost { background: var(--surface); color: var(--text-main) !important; border-color: var(--border-color); }
.kp-btn.ghost:hover { background: var(--hover-bg); transform: translateY(-1px); }
.kp-btn.lg { padding: 16px 30px; font-size: 16px; }
.kp-btn.sm { padding: 9px 18px; font-size: 14px; }
.kp-btn:active { transform: scale(.97); }
.kp-btn:disabled { opacity: .55; cursor: not-allowed; }

/* ---------- top bar ---------- */
.kp-nav { position: sticky; top: 0; z-index: 100; background: var(--glass); -webkit-backdrop-filter: saturate(1.6) blur(18px); backdrop-filter: saturate(1.6) blur(18px);
  border-bottom: 1px solid var(--border-color); }
.kp-nav-in { display: flex; align-items: center; gap: 28px; height: 68px; }
.kp-logo img { height: 30px; width: auto; display: block; }
.kp-links { display: flex; align-items: center; gap: 4px; margin-left: 8px; }
.kp-links a { text-decoration: none; font-weight: 700; font-size: 15px; padding: 9px 14px; border-radius: 999px; color: var(--text-muted); transition: background-color .15s, color .15s; }
.kp-links a:hover { background: var(--hover-bg); color: var(--text-main); }
.kp-links a.on { color: var(--text-main); background: var(--kash-grad-soft); }
.kp-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.kp-icon-btn { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--border-color); background: var(--surface); color: var(--text-main);
  display: inline-flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; transition: transform .15s, background-color .15s; }
.kp-icon-btn:hover { background: var(--hover-bg); transform: rotate(-12deg); }
.kp-burger { display: none; }
.kp-drawer { display: none; }

@media (max-width: 860px) {
  .kp-links, .kp-actions .kp-hide-m { display: none; }
  .kp-burger { display: inline-flex; }
  .kp-nav-in { gap: 10px; height: 62px; }
  .kp-logo img { height: 26px; }
  .kp-drawer { display: block; position: fixed; inset: 62px 0 auto 0; background: var(--surface); border-bottom: 1px solid var(--border-color);
    box-shadow: var(--kash-shadow-md); padding: 10px 20px 20px; transform: translateY(-110%); opacity: 0; pointer-events: none;
    transition: transform .25s ease, opacity .2s ease; z-index: 99; }
  .kp-drawer.open { transform: none; opacity: 1; pointer-events: auto; }
  .kp-drawer a { display: block; padding: 14px 4px; font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--border-color); }
  .kp-drawer .kp-btn { margin-top: 14px; width: 100%; border: 0; }
}

/* ---------- hero ---------- */
.kp-hero { position: relative; padding: 72px 0 40px; overflow: hidden; }
.kp-hero::before { content: ""; position: absolute; inset: -20% -10% auto -10%; height: 90%; z-index: 0; pointer-events: none;
  background: radial-gradient(700px 380px at 82% 20%, rgba(29,155,240,.20), transparent 62%), radial-gradient(640px 360px at 8% 10%, rgba(0,201,138,.18), transparent 62%); }
.kp-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; align-items: center; }
.kp-pill { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; padding: 7px 14px; border-radius: 999px;
  background: var(--kash-grad-soft); border: 1px solid var(--border-color); color: var(--text-main); margin-bottom: 20px; }
.kp-pill i { font-size: 16px; color: var(--brand-green); }
.kp-hero h1 { font-size: clamp(36px, 5.2vw, 60px); font-weight: 800; }
.kp-hero p.lead { font-size: clamp(17px, 2vw, 20px); color: var(--text-muted); max-width: 560px; margin: 20px 0 30px; line-height: 1.6; }
.kp-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.kp-trust { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 28px; font-size: 14px; font-weight: 700; color: var(--text-muted); }
.kp-trust span { display: inline-flex; align-items: center; gap: 7px; }
.kp-trust i { color: var(--brand-green); font-size: 18px; }
.kp-hero-art { position: relative; }
.kp-hero-art img { width: 100%; display: block; filter: drop-shadow(0 30px 50px rgba(11,18,32,.22)); animation: kp-float 7s ease-in-out infinite; }
@keyframes kp-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@media (max-width: 900px) {
  .kp-hero { padding: 40px 0 24px; }
  .kp-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .kp-hero-art { order: -1; max-width: 460px; margin: 0 auto; }
}

/* ---------- sections ---------- */
.kp-section { padding: 76px 0; }
.kp-section.alt { background: var(--surface); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
.kp-head { text-align: center; max-width: 680px; margin: 0 auto 46px; }
.kp-head .eyebrow { font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--brand-green); margin-bottom: 10px; }
.kp-head h2 { font-size: clamp(28px, 3.6vw, 42px); font-weight: 800; }
.kp-head p { color: var(--text-muted); font-size: 18px; margin: 14px 0 0; }
@media (max-width: 700px) { .kp-section { padding: 52px 0; } .kp-head { margin-bottom: 30px; } }

.kp-grid { display: grid; gap: 18px; }
.kp-grid.c3 { grid-template-columns: repeat(3, 1fr); }
.kp-grid.c2 { grid-template-columns: repeat(2, 1fr); }
.kp-grid.c4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 980px) { .kp-grid.c3, .kp-grid.c4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .kp-grid.c3, .kp-grid.c2, .kp-grid.c4 { grid-template-columns: 1fr; } }

.kp-card { background: var(--surface); border: 1px solid var(--border-color); border-radius: 22px; padding: 26px; box-shadow: var(--kash-shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.kp-section.alt .kp-card { background: var(--bg-main); }
.kp-card:hover { transform: translateY(-4px); box-shadow: var(--kash-shadow-md); }
.kp-card .ic { width: 52px; height: 52px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; font-size: 26px; color: #fff;
  background: var(--kash-grad); margin-bottom: 18px; box-shadow: 0 10px 22px rgba(29,155,240,.28); }
.kp-card h3 { font-size: 20px; font-weight: 800; margin-bottom: 8px; }
.kp-card p { margin: 0; color: var(--text-muted); font-size: 15.5px; }

/* split section: text + image */
.kp-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.kp-split.rev .kp-split-art { order: -1; }
.kp-split h2 { font-size: clamp(26px, 3.2vw, 38px); font-weight: 800; margin-bottom: 14px; }
.kp-split p { color: var(--text-muted); font-size: 17px; margin: 0 0 14px; }
.kp-split-art img { width: 100%; display: block; border-radius: 26px; }
.kp-ticks { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; }
.kp-ticks li { display: flex; gap: 12px; align-items: flex-start; font-weight: 600; }
.kp-ticks li::before { content: "✓"; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--kash-grad); color: #fff; font-size: 13px; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center; margin-top: 1px; }
@media (max-width: 860px) { .kp-split { grid-template-columns: 1fr; gap: 28px; } .kp-split.rev .kp-split-art { order: 0; } }

/* steps */
.kp-steps { counter-reset: s; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.kp-step { position: relative; background: var(--surface); border: 1px solid var(--border-color); border-radius: 22px; padding: 30px 26px 26px; }
.kp-step::before { counter-increment: s; content: counter(s); position: absolute; top: -18px; left: 24px; width: 40px; height: 40px; border-radius: 50%;
  background: var(--kash-grad); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(29,155,240,.35); }
.kp-step h3 { font-size: 19px; font-weight: 800; margin: 8px 0 6px; }
.kp-step p { margin: 0; color: var(--text-muted); font-size: 15.5px; }
@media (max-width: 800px) { .kp-steps { grid-template-columns: 1fr; gap: 30px; } }

/* stat strip */
.kp-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 40px; }
.kp-strip div { background: var(--surface); border: 1px solid var(--border-color); border-radius: 18px; padding: 18px 16px; text-align: center; }
.kp-strip b { display: block; font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.kp-strip span { color: var(--text-muted); font-size: 13.5px; font-weight: 600; }
@media (max-width: 760px) { .kp-strip { grid-template-columns: repeat(2, 1fr); } }

/* CTA band */
.kp-band { margin: 20px auto 80px; border-radius: 32px; padding: 56px 28px; text-align: center; color: #fff; position: relative; overflow: hidden;
  background: radial-gradient(600px 300px at 90% 0%, rgba(29,155,240,.55), transparent 65%), radial-gradient(600px 300px at 0% 100%, rgba(0,201,138,.5), transparent 65%), linear-gradient(160deg, #0B1220, #0A1C30); }
.kp-band h2 { font-size: clamp(28px, 4vw, 44px); font-weight: 800; color: #fff; }
.kp-band p { color: rgba(255,255,255,.78); font-size: 18px; margin: 14px auto 28px; max-width: 520px; }
.kp-band .kp-btn.ghost { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.28); color: #fff !important; }

/* ---------- page header (inner pages) ---------- */
.kp-page-head { padding: 64px 0 34px; text-align: center; position: relative; }
.kp-page-head::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 100%; pointer-events: none;
  background: radial-gradient(520px 240px at 78% 0%, rgba(29,155,240,.14), transparent 65%), radial-gradient(520px 240px at 18% 0%, rgba(0,201,138,.13), transparent 65%); }
.kp-page-head > * { position: relative; }
.kp-page-head h1 { font-size: clamp(32px, 4.6vw, 52px); font-weight: 800; }
.kp-page-head p { color: var(--text-muted); font-size: 18px; max-width: 620px; margin: 14px auto 0; }
.kp-updated { display: inline-block; margin-top: 14px; font-size: 13px; font-weight: 700; color: var(--text-muted); background: var(--surface); border: 1px solid var(--border-color); border-radius: 999px; padding: 5px 14px; }

/* ---------- legal documents ---------- */
.kp-doc-grid { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 40px; align-items: start; padding-bottom: 80px; }
.kp-toc { position: sticky; top: 90px; background: var(--surface); border: 1px solid var(--border-color); border-radius: 18px; padding: 16px; }
.kp-toc b { display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); margin: 2px 8px 10px; }
.kp-toc a { display: block; text-decoration: none; padding: 8px 10px; border-radius: 10px; font-size: 14.5px; font-weight: 600; color: var(--text-muted); }
.kp-toc a:hover { background: var(--hover-bg); color: var(--text-main); }
.kp-doc { background: var(--surface); border: 1px solid var(--border-color); border-radius: 24px; padding: 38px 42px; box-shadow: var(--kash-shadow-sm); }
.kp-doc h2 { font-size: 22px; font-weight: 800; margin: 34px 0 10px; padding-top: 6px; scroll-margin-top: 90px; }
.kp-doc h2:first-child { margin-top: 0; }
.kp-doc p, .kp-doc li { color: var(--text-main); font-size: 16px; line-height: 1.75; opacity: .92; }
.kp-doc p { margin: 0 0 14px; }
.kp-doc ul, .kp-doc ol { padding-left: 22px; margin: 0 0 16px; }
.kp-doc li { margin-bottom: 6px; }
.kp-doc a { color: var(--kash-accent); font-weight: 700; }
.kp-note { background: var(--tint-amber); border: 1px solid var(--tint-amber-b); color: var(--ink-amber); border-radius: 14px; padding: 12px 16px; font-size: 14px; font-weight: 600; margin-bottom: 22px; }
.kp-callout { background: var(--kash-grad-soft); border: 1px solid var(--border-color); border-radius: 16px; padding: 16px 18px; margin: 0 0 16px; font-weight: 600; }
@media (max-width: 900px) {
  .kp-doc-grid { grid-template-columns: 1fr; gap: 20px; }
  .kp-toc { position: static; display: flex; gap: 6px; overflow-x: auto; padding: 10px; scrollbar-width: none; }
  .kp-toc::-webkit-scrollbar { display: none; }
  .kp-toc b { display: none; }
  .kp-toc a { white-space: nowrap; background: var(--hover-bg); }
  .kp-doc { padding: 26px 20px; border-radius: 20px; }
}

/* ---------- FAQ ---------- */
.kp-faq { max-width: 780px; margin: 0 auto 30px; display: grid; gap: 12px; }
.kp-faq h2.group { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--brand-green); margin: 26px 4px 0; font-weight: 800; }
.kp-faq details { background: var(--surface); border: 1px solid var(--border-color); border-radius: 18px; padding: 0 22px; transition: box-shadow .2s, border-color .2s; }
.kp-faq details[open] { box-shadow: var(--kash-shadow-md); border-color: var(--kash-accent); }
.kp-faq summary { cursor: pointer; list-style: none; font-weight: 800; font-size: 16.5px; padding: 18px 0; display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.kp-faq summary::-webkit-details-marker { display: none; }
.kp-faq summary::after { content: "+"; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--kash-grad-soft); border: 1px solid var(--border-color);
  display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; transition: transform .2s; }
.kp-faq details[open] summary::after { content: "–"; }
.kp-faq .ans { padding: 0 0 20px; color: var(--text-muted); font-size: 15.5px; line-height: 1.75; }
.kp-faq .ans a { color: var(--kash-accent); font-weight: 700; }

/* ---------- careers ---------- */
.kp-roles { display: grid; gap: 14px; margin-bottom: 30px; }
.kp-role { display: flex; justify-content: space-between; align-items: center; gap: 18px; background: var(--surface); border: 1px solid var(--border-color);
  border-radius: 20px; padding: 22px 26px; text-decoration: none !important; transition: transform .2s, box-shadow .2s, border-color .2s; }
.kp-role:hover { transform: translateY(-3px); box-shadow: var(--kash-shadow-md); border-color: var(--kash-accent); }
.kp-role h3 { font-size: 19px; font-weight: 800; margin-bottom: 4px; }
.kp-role p { margin: 0 0 10px; color: var(--text-muted); font-size: 15px; }
.kp-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.kp-tag { font-size: 12.5px; font-weight: 800; padding: 5px 12px; border-radius: 999px; background: var(--hover-bg); color: var(--text-muted); border: 1px solid var(--border-color); }
.kp-tag.g { background: var(--tint-green); color: var(--ink-green); border-color: var(--tint-green-b); }
.kp-role .go { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--kash-grad); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; }
.kp-empty { text-align: center; background: var(--surface); border: 1px dashed var(--border-color); border-radius: 22px; padding: 44px 24px; margin-bottom: 30px; }
.kp-empty h3 { font-size: 21px; font-weight: 800; margin-bottom: 8px; }
.kp-empty p { color: var(--text-muted); margin: 0 auto 20px; max-width: 460px; }
@media (max-width: 600px) { .kp-role { padding: 18px; } .kp-role .go { display: none; } }

.kp-job-grid { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 30px; align-items: start; padding-bottom: 80px; }
.kp-form { background: var(--surface); border: 1px solid var(--border-color); border-radius: 24px; padding: 28px; box-shadow: var(--kash-shadow-md); position: sticky; top: 90px; }
.kp-form h2 { font-size: 21px; font-weight: 800; margin-bottom: 4px; }
.kp-form .sub { color: var(--text-muted); font-size: 14px; margin: 0 0 6px; }
.kp-form label { display: block; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); margin: 16px 0 6px; }
.kp-form input, .kp-form textarea, .kp-form select { width: 100%; padding: 13px 15px; border: 1px solid var(--border-color); border-radius: 14px; font: inherit; font-size: 15px;
  background: var(--bg-main); color: var(--text-main); }
.kp-form textarea { min-height: 130px; resize: vertical; }
.kp-form input:focus, .kp-form textarea:focus { outline: none; border-color: var(--kash-accent); box-shadow: 0 0 0 4px rgba(29,155,240,.16); }
.kp-form .kp-btn { width: 100%; margin-top: 22px; }
.kp-form .hint { font-size: 12.5px; color: var(--text-muted); margin: 6px 0 0; }
.kp-trap { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.kp-alert { border-radius: 14px; padding: 12px 16px; font-size: 14px; font-weight: 700; margin-bottom: 16px; background: var(--tint-red); border: 1px solid var(--tint-red-b); color: var(--ink-red); }
.kp-center { max-width: 560px; margin: 0 auto 90px; }
@media (max-width: 960px) { .kp-job-grid { grid-template-columns: 1fr; } .kp-form { position: static; } }

.kp-ref { display: inline-block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 28px; font-weight: 800; letter-spacing: .12em; padding: 14px 26px;
  border-radius: 16px; background: var(--kash-grad-soft); border: 2px dashed var(--kash-accent); margin: 12px 0; user-select: all; }

.kp-timeline { list-style: none; padding: 0; margin: 26px 0 8px; display: grid; gap: 0; }
.kp-timeline li { position: relative; padding: 0 0 22px 46px; color: var(--text-muted); font-weight: 700; }
.kp-timeline li::before { content: ""; position: absolute; left: 11px; top: 28px; bottom: 0; width: 2px; background: var(--border-color); }
.kp-timeline li:last-child::before { display: none; }
.kp-timeline li::after { content: ""; position: absolute; left: 0; top: 2px; width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--border-color); background: var(--surface); }
.kp-timeline li.done { color: var(--text-main); }
.kp-timeline li.done::after { background: var(--kash-grad); border-color: transparent; box-shadow: 0 0 0 4px rgba(0,201,138,.18); }
.kp-timeline li.here { color: var(--text-main); font-weight: 800; }
.kp-timeline li.bad::after { background: var(--accent-red); border-color: transparent; }

/* ---------- footer ---------- */
.kp-foot { border-top: 1px solid var(--border-color); background: var(--surface); padding: 54px 0 28px; }
.kp-foot-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 36px; }
.kp-foot img { height: 30px; width: auto; display: block; margin-bottom: 14px; }
.kp-foot p { color: var(--text-muted); font-size: 14.5px; margin: 0 0 8px; max-width: 320px; }
.kp-foot h4 { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 14px; }
.kp-foot ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }
.kp-foot li a { text-decoration: none; font-weight: 600; font-size: 15px; }
.kp-foot li a:hover { color: var(--kash-accent); }
.kp-foot-bottom { margin-top: 38px; padding-top: 22px; border-top: 1px solid var(--border-color); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;
  color: var(--text-muted); font-size: 13.5px; }
@media (max-width: 800px) { .kp-foot-grid { grid-template-columns: 1fr 1fr; } .kp-foot-grid > :first-child { grid-column: 1 / -1; } }

/* reveal on scroll (only when JS is running) */
.kp-js .kp-reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.kp-js .kp-reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .kp-js .kp-reveal { opacity: 1; transform: none; transition: none; } .kp-hero-art img { animation: none; } }

html[data-theme="dark"] .kp-hero-art img { filter: drop-shadow(0 30px 60px rgba(0,0,0,.55)); }
html[data-theme="dark"] .kp-card .ic, html[data-theme="dark"] .kp-btn.primary { box-shadow: 0 10px 26px rgba(29,155,240,.22); }

/* ---------- real numbers and customer comments (shown only when the team switches them on) ---------- */
.kp-proof-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; }
.kp-proof-stat { background: var(--surface); border: 1px solid var(--border-color); border-radius: 22px; padding: 26px 18px; text-align: center; box-shadow: var(--kash-shadow-sm); }
.kp-proof-stat b { display: block; font-size: clamp(28px, 4vw, 40px); font-weight: 800; letter-spacing: -.03em; background: var(--kash-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.kp-proof-stat span { display: block; margin-top: 6px; color: var(--text-muted); font-weight: 700; font-size: 14.5px; }
.kp-proof-asat { text-align: center; margin: 16px 0 0; color: var(--text-muted); font-size: 13px; font-weight: 600; }
.kp-proof-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.kp-proof-quote { margin: 0; background: var(--surface); border: 1px solid var(--border-color); border-radius: 22px; padding: 26px; box-shadow: var(--kash-shadow-sm); display: flex; flex-direction: column; gap: 16px; }
.kp-proof-quote p { margin: 0; font-size: 16.5px; line-height: 1.65; }
.kp-proof-quote footer { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.kp-proof-quote img.av { object-fit: cover; }
.kp-proof-quote .av { flex: none; width: 42px; height: 42px; border-radius: 50%; background: var(--kash-grad); color: #fff; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.kp-proof-quote footer b { display: block; font-size: 15px; }
.kp-proof-quote footer span { color: var(--text-muted); font-size: 13.5px; }