/* GENERATED from kb.css by _inc/scope_css.py: the guides' components scoped under .lp
   for the free tools, so they never touch the tools' own styles. Edit kb.css and regenerate.
   27 Oct 2026: regenerated for the about page's styles, now that marketing pages use this file. */
.lp {
  --lavender: #f1edf9;
  --measure: 68ch;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
}
.lp .kb-preview { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px var(--gutter); background: var(--ink); color: #fff; font-size: .8125rem; text-align: center; }
.lp .kb-preview .ic { width: 16px; height: 16px; color: #c9b5f6; flex: none; }
.lp .kb-dead { text-decoration: underline wavy #d9534f; text-underline-offset: 3px; }
.lp .pg-hero { padding: clamp(28px, 4.4vw, 64px) 0 0; }
.lp .pg-hero-top { display: grid; gap: 24px 64px; align-items: end; }
@media (min-width: 960px) {
.lp .pg-hero-top { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
}
.lp .pg-hero-title { display: grid; gap: 16px; justify-items: start; min-width: 0; }
.lp .pg-h1 { text-wrap: balance; max-width: 15em; }
.lp .pg-h1.t-hero { max-width: 11em; }
.lp .pg-hero-copy { display: grid; gap: 14px; justify-items: start; padding-bottom: 6px; }
.lp .pg-lead { font-size: clamp(1.1875rem, 1.08rem + .42vw, 1.375rem); line-height: 1.42; letter-spacing: -.014em; color: var(--ink); max-width: 36ch; text-wrap: pretty; }
.lp .pg-hero-copy .btn-row { margin-top: 8px; }
.lp .pg-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.lp .pg-stage { --stage-pad: clamp(20px, 3vw, 40px); margin-top: clamp(32px, 4.4vw, 56px); padding: var(--stage-pad); background: var(--lavender); box-shadow: inset 0 0 0 1px rgb(127 86 217 / .07); }
.lp .pg-stage .aura { background:
  radial-gradient(38% 52% at 18% 22%, rgb(214 196 250 / .6), transparent 70%),
  radial-gradient(34% 46% at 84% 74%, rgb(250 214 196 / .5), transparent 70%),
  radial-gradient(50% 40% at 50% 0%, rgb(255 255 255 / .85), transparent 70%); }
.lp .pg-stage > :not(.aura) { position: relative; }
.lp .pg-art-head { display: grid; gap: 16px; justify-items: start; max-width: 860px; }
.lp .pg-art-head .pg-h1 { max-width: 18em; }
.lp .pg-dek { max-width: 58ch; }
.lp .is-hub .pg-hero-top, .lp .is-hub.pg-hero .pg-hero-top { align-items: end; }
.lp .crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: .8125rem; color: var(--muted); }
.lp .crumbs li { display: inline-flex; align-items: center; gap: 6px; }
.lp .crumbs a { color: var(--muted); transition: color var(--d-fast) var(--ease); }
.lp .crumbs a:hover { color: var(--ink); }
.lp .crumbs .ic { width: 12px; height: 12px; opacity: .6; }
.lp .crumbs li:first-child .ic { display: none; }
.lp .crumbs [aria-current] { color: var(--text-soft); }
.lp .kb-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-top: 8px; font-size: .8125rem; color: var(--muted); }
.lp .kb-meta > span { display: inline-flex; align-items: center; gap: 7px; }
.lp .kb-meta .ic { width: 15px; height: 15px; color: var(--violet); }
.lp .kb-meta-who b { display: block; font-size: .875rem; font-weight: 500; color: var(--ink); }
.lp .kb-meta-who small { display: block; font-size: .75rem; text-wrap: pretty; }
.lp .kb-av { width: 34px; height: 34px; border-radius: 10px; overflow: hidden; flex: none; box-shadow: var(--shadow-chip); }
.lp .kb-av svg { width: 100%; height: 100%; }
.lp :is(.section:not(.tint):not(.night), .kb-layout, .kb-simple, .kb-sources-sec) + :is(.kb-sec, #faq, .kb-next):not(.tint):not(.night), .lp .section.tint + .kb-sec.tint, .lp .section.night + .kb-sec.night { padding-top: calc(var(--section-y) * .4); }
.lp .kb-sec .prose { max-width: var(--measure); }
.lp .kb-sec > .wrap > * + * { margin-top: clamp(28px, 3.2vw, 44px); }
.lp .kb-sec > .wrap > .head + * { margin-top: 0; }
.lp .kb-sl-num { font-size: 22cqw; margin-top: 4cqw; }
.lp .kb-sl-point .sl-h, .lp .kb-sl-list .sl-h, .lp .kb-sl-stat .sl-h, .lp .kb-sl-chart .sl-h { margin-top: 5cqw; }
.lp .kb-sl-stat .kb-sl-stat { font-size: 26cqw; color: var(--sl-ink); margin-top: 6cqw; }
.lp .kb-sl-q { font-style: normal; }
.lp .kb-sl-list .sl-list li { font-size: 3.4cqw; padding: 2.2cqw 0; }
.lp .kb-sl-chart .bars { bottom: 15cqw; height: 40cqw; }
.lp .sl[data-ratio="3:4"] { aspect-ratio: 3 / 4; }
.lp .sl[data-ratio="9:16"] .sl-h { margin-top: 10cqw; }
.lp .kb-fan { --cw: clamp(120px, 15vw, 220px); position: relative; width: calc(var(--cw) * 2.6); max-width: 100%; height: calc(var(--cw) * 1.42); margin-inline: auto; }
.lp .kb-fan[data-ratio="9:16"] { --cw: clamp(96px, 11vw, 168px); height: calc(var(--cw) * 1.9); }
.lp .kb-fan[data-ratio="1:1"] { height: calc(var(--cw) * 1.2); }
.lp .kb-fan-card { position: absolute; left: 50%; top: 0; width: var(--cw); transform: translateX(calc(-50% + var(--x, 0) * var(--cw))) translateY(var(--y, 0)) rotate(var(--r, 0)); transition: transform .9s var(--ease-out); }
.lp .kb-fan-card[data-pos="1"] { --x: -.62; --y: 18px; --r: -8deg; z-index: 1; }
.lp .kb-fan-card[data-pos="2"] { --x: .62; --y: 18px; --r: 8deg; z-index: 1; }
.lp .kb-fan-card[data-pos="0"] { z-index: 3; }
.lp .kb-fan.is-5 { width: calc(var(--cw) * 4.6); height: calc(var(--cw) * 1.5); }
.lp .kb-fan.is-5 .kb-fan-card[data-pos="1"] { --x: -.85; --y: 14px; --r: -4deg; z-index: 2; }
.lp .kb-fan.is-5 .kb-fan-card[data-pos="2"] { --x: .85; --y: 14px; --r: 4deg; z-index: 2; }
.lp .kb-fan.is-5 .kb-fan-card[data-pos="3"] { --x: -1.7; --y: 44px; --r: -8deg; z-index: 1; }
.lp .kb-fan.is-5 .kb-fan-card[data-pos="4"] { --x: 1.7; --y: 44px; --r: 8deg; z-index: 1; }
@media (hover: hover) {
.lp :is(.kb-fan-wrap, .pg-stage, .kb-try-in, .kb-rail-card):hover .kb-fan-card[data-pos="1"] { --x: -.72; --r: -10deg; }
.lp :is(.kb-fan-wrap, .pg-stage, .kb-try-in, .kb-rail-card):hover .kb-fan-card[data-pos="2"] { --x: .72; --r: 10deg; }
}
.lp .kb-fan .sl-top { font-size: 2.8cqw; }
.lp .kb-fan .sl-bot { font-size: 3.2cqw; }
.lp .kb-fan-wrap { padding-block: 12px 24px; }
@media (max-width: 719px) {
.lp .kb-fan { --cw: 30vw; }
.lp .kb-fan.is-5 { --cw: 19vw; }
}
.lp .kb-deck { --cell: min(72%, 300px); display: grid; gap: 14px; min-width: 0; }
.lp .kb-deck[data-ratio="9:16"] { --cell: min(56%, 220px); }
.lp .kb-deck[data-ratio="1:1"] { --cell: min(76%, 320px); }
.lp .kb-deck-vp { overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 12px; outline-offset: 4px; }
.lp .kb-deck-vp::-webkit-scrollbar { display: none; }
.lp .kb-deck-track { display: grid; grid-auto-flow: column; grid-auto-columns: var(--cell); gap: 12px; padding: 4px 4px 14px; }
.lp .kb-deck-cell { scroll-snap-align: start; min-width: 0; }
.lp .kb-sc-pic { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 0 0 1px rgb(24 21 31 / .06), 0 1px 3px rgb(24 21 31 / .06); user-select: none; -webkit-user-drag: none; }
.lp .kb-deck-ui { display: flex; align-items: center; gap: 10px; }
.lp .kb-deck-n { min-width: 52px; text-align: center; font-size: .8125rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.lp .kb-deck-cap { font-size: .875rem; line-height: 1.5; color: var(--muted); max-width: 60ch; }
.lp .kb-deck-cap b { color: var(--ink); font-weight: 500; }
.lp .kb-deck-cap a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--marker); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.lp .no-js .kb-deck-ui { display: none; }
.lp .kb-post { background: var(--card); border-radius: var(--r-card); box-shadow: var(--shadow-tile); padding: 14px 0 6px; max-width: 520px; }
.lp .kb-deck.has-frame { --cell: 100%; max-width: 520px; }
.lp .kb-deck.has-frame .kb-deck-track { padding: 0 0 4px; gap: 0; }
.lp .kb-deck.has-frame .kb-deck-vp { border-radius: 0; }
.lp .kb-deck.has-frame .sl { border-radius: 0; box-shadow: none; }
.lp .kb-post-top { display: flex; align-items: center; gap: 10px; padding: 0 14px 10px; }
.lp .kb-post-av { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--violet-soft); color: var(--violet-ink); font-size: .75rem; font-weight: 600; flex: none; }
.lp img.kb-post-av { display: block; object-fit: cover; }
.lp .kb-post-who { display: grid; min-width: 0; }
.lp .kb-post-who b { font-size: .8125rem; font-weight: 600; color: var(--ink); }
.lp .kb-post-who small { font-size: .6875rem; color: var(--muted); }
.lp .kb-post-net { margin-inline-start: auto; color: var(--subtle); }
.lp .kb-post-net .ic { width: 18px; height: 18px; }
.lp .kb-post-cap { display: flex; flex-wrap: wrap; gap: 0 4px; padding: 0 14px 10px; font-size: .8125rem; line-height: 1.45; color: var(--text-soft); }
.lp .kb-post-cap span:first-child { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lp .kb-post-more { color: var(--muted); }
.lp .kb-post-doc { display: flex; align-items: center; gap: 6px; margin: 0 14px; padding: 8px 0; border-top: 1px solid var(--line); font-size: .75rem; color: var(--muted); }
.lp .kb-post-doc .ic { width: 14px; height: 14px; }
.lp .kb-post-acts { display: flex; align-items: center; gap: 18px; padding: 8px 14px 6px; color: var(--muted); }
.lp .kb-post-acts .ic { width: 18px; height: 18px; }
.lp .kb-post-acts i { flex: 1; }
.lp .kb-deck.is-instagram .kb-post-top, .lp .kb-deck.is-tiktok .kb-post-top { padding-bottom: 12px; }
.lp .kb-deck.is-tiktok { --cell: 100%; max-width: 300px; }
.lp .kb-deck.is-tiktok .kb-post { background: #17121f; box-shadow: var(--shadow-float); }
.lp .kb-deck.is-tiktok .kb-post-who b, .lp .kb-deck.is-tiktok .kb-post-net { color: #fff; }
.lp .kb-deck.is-tiktok .kb-post-acts { color: rgb(255 255 255 / .7); }
.lp .kb-deck.is-instagram .kb-post-cap { order: 3; }
.lp .kb-decks { display: grid; gap: 28px; align-items: start; }
@media (min-width: 960px) {
.lp .kb-decks.is-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lp .kb-decks.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lp .kb-decks.is-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* one-picture decks (image posts) side by side: each picture fills its column */
@media (max-width: 959px) { .lp .kb-decks.is-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; } }
.lp .kb-decks .kb-deck.is-single { --cell: 100%; }
/* labels that wrap keep the pictures lined up: each item's label and picture share the grid's rows */
.lp .kb-decks.is-4 > .kb-decks-item { grid-row: span 2; grid-template-rows: subgrid; row-gap: 12px; align-items: end; }
@media (max-width: 599px) { .lp .kb-decks.is-4 .kb-decks-l { font-size: .8125rem; align-items: flex-start; } .lp .kb-decks.is-4 .kb-decks-l .ic { margin-top: 1px; } }
.lp .kb-decks-item { display: grid; gap: 12px; min-width: 0; }
.lp .kb-decks-l { display: inline-flex; align-items: center; gap: 8px; font-size: .875rem; font-weight: 500; color: var(--ink); }
.lp .kb-decks-l .ic { width: 18px; height: 18px; }
.lp .kb-decks .kb-deck { --cell: min(78%, 260px); }
.lp .kb-decks-l.is-writer { gap: 10px; font-weight: 400; color: var(--muted); }
.lp .kb-decks-l.is-writer b { font-weight: 500; color: var(--ink); }
.lp .kb-decks-wr { width: 26px; display: inline-block; }
@media (max-width: 959px) {
.lp .pg-stage .kb-decks:is(.is-2, .is-3) { display: flex; gap: 14px; align-items: flex-start; margin-inline: calc(var(--stage-pad) * -1); padding: 4px var(--stage-pad) 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--stage-pad); scrollbar-width: none; }
.lp .pg-stage .kb-decks:is(.is-2, .is-3)::-webkit-scrollbar { display: none; }
.lp .pg-stage .kb-decks:is(.is-2, .is-3) > .kb-decks-item { flex: 0 0 min(80%, 288px); scroll-snap-align: start; }
.lp .pg-stage .kb-decks:is(.is-2, .is-3) > .kb-decks-item:has(.kb-deck[data-ratio="9:16"]) { flex-basis: min(56%, 202px); }
.lp .pg-stage .kb-decks .kb-deck { --cell: 100%; }
.js .lp .pg-stage .kb-decks .kb-deck-vp { overflow-x: hidden; }
}
.lp .kb-ui { width: 100%; max-width: 980px; margin-inline: auto; border-radius: var(--r-panel); }
.lp .kb-ui .app-bar { height: 46px; gap: 8px; }
.lp .kb-ui-logo { width: 22px; height: 22px; border-radius: 6px; overflow: hidden; flex: none; }
.lp .kb-ui-logo svg { width: 100%; height: 100%; }
.lp .kb-ui .crumb span { color: var(--subtle); }
.lp .kb-ui .app-pill { height: 28px; font-size: 12px; }
.lp .kb-ui-body { display: grid; min-height: 0; }
.lp .kb-ui { container-type: inline-size; }
@container (min-width: 600px) {
.lp .kb-ui-body { grid-template-columns: minmax(0, 1fr) 260px; }
.lp .kb-ui.no-canvas .kb-ui-body { grid-template-columns: 1fr; }
}
.lp .kb-ui-canvas { display: grid; place-items: center; gap: 14px; padding: clamp(18px, 3vw, 36px); background: #f4f3f7; }
.lp .kb-ui-slide { width: min(250px, 62%); }
.lp .kb-ui-tray { display: flex; gap: 6px; }
.lp .kb-ui-tray i { width: 24px; height: 30px; border-radius: 4px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line-2); }
.lp .kb-ui-tray i.on { box-shadow: inset 0 0 0 2px var(--violet); }
.lp .kb-ui-side { display: grid; align-content: start; gap: 8px; padding: 14px; border-inline-start: 1px solid rgb(24 21 31 / .08); }
@container (max-width: 599px) {
.lp .kb-ui-side { border-inline-start: 0; border-top: 1px solid rgb(24 21 31 / .08); }
}
.lp .kb-ui .app-label { margin-top: 6px; }
.lp .kb-ui .app-label:first-child { margin-top: 0; }
.lp .kb-ui .app-row { min-height: 38px; }
.lp .kb-ui .app-row .ic { width: 13px; height: 13px; }
.lp .kb-ui-writer .kb-ui-wr { width: 18px; height: 22px; display: inline-block; }
.lp .kb-ui-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.lp .kb-ui-chip { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 8px; font-size: 12px; font-weight: 500; color: var(--text-soft); box-shadow: inset 0 0 0 1px rgb(24 21 31 / .08); }
.lp .kb-ui-chip.on { background: var(--ink); color: #fff; box-shadow: none; }
.lp .kb-ui .ask-bar { height: 40px; font-size: 12.5px; box-shadow: inset 0 0 0 1px rgb(24 21 31 / .1), 0 6px 14px -8px rgb(24 21 31 / .25); }
.lp .kb-ui .ask-bar .q { color: var(--ink); }
.lp .kb-ui-btn { width: 100%; margin-top: 4px; }
.lp .kb-ui-check { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--text-soft); }
.lp .kb-ui-check .ic { width: 15px; height: 15px; color: var(--warning); }
.lp .kb-ui-check.ok .ic { color: var(--success); }
.lp .kb-ui-check.wait { color: var(--muted); }
.lp .kb-ui-check.wait .ic { color: var(--violet); animation: kb-spin 1.6s linear infinite; }
@keyframes kb-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
.lp .kb-ui-check.wait .ic { animation: none; }
}
.lp .kb-ui .crumb { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lp .kb-ui .app-pill { flex: none; }
@container (max-width: 520px) {
.lp .kb-ui .app-pill:not(.dark) { display: none; }
}
.lp .kb-ui-note { font-size: 12px; line-height: 1.45; color: var(--muted); }
.lp .kb-ui-count { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 12.5px; color: var(--muted); }
.lp .kb-ui-count b { margin-inline-start: auto; font-weight: 500; color: var(--text-soft); font-variant-numeric: tabular-nums; }
.lp .kb-ui-count.is-over b { color: #c4382f; }
.lp .kb-ui.is-compact { max-width: 360px; }
.lp .kb-ui.is-compact .kb-ui-body { grid-template-columns: 1fr; }
.lp .kb-ui.is-compact .kb-ui-side { border: 0; }
.lp .kb-shot { display: grid; gap: 12px; }
.lp .kb-shot figcaption { font-size: .8125rem; color: var(--muted); text-align: center; }
.lp .prose { font-size: 1.0625rem; line-height: 1.7; color: var(--text-soft); text-wrap: pretty; }
.lp .prose > * + * { margin-top: 1.05em; }
.lp .prose h3 { margin-top: 1.7em; font-size: 1.1875rem; line-height: 1.35; font-weight: 500; letter-spacing: -.012em; color: var(--ink); }
.lp .prose h4 { margin-top: 1.4em; font-size: 1.0625rem; font-weight: 500; color: var(--ink); }
.lp .prose b, .lp .prose strong { font-weight: 500; color: var(--ink); }
.lp .prose a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--marker); text-decoration-thickness: 2px; text-underline-offset: 3px; transition: text-decoration-color var(--d-fast) var(--ease); }
.lp .prose a:hover { text-decoration-color: var(--violet); }
.lp .prose ul > li { position: relative; padding-inline-start: 1.25em; }
.lp .prose ul > li + li, .lp .prose ol > li + li { margin-top: .45em; }
.lp .prose ul > li::before { content: ""; position: absolute; left: .2em; top: .72em; width: 6px; height: 6px; border-radius: 50%; background: var(--violet); }
.lp .prose ol { counter-reset: n; }
.lp .prose ol > li { position: relative; counter-increment: n; padding-inline-start: 1.7em; }
.lp .prose ol > li::before { content: counter(n) "."; position: absolute; left: 0; color: var(--muted); font-variant-numeric: tabular-nums; }
.lp .prose kbd, .lp .prose code { font: 500 .8125rem/1.4 var(--mono); padding: 1px 6px; border-radius: 6px; background: var(--page-3); color: var(--ink); }
.lp .prose .mark { color: var(--ink); }
.lp .prose sup a { text-decoration: none; color: var(--violet-ink); font-size: .75em; }
.lp .kb-layout { display: grid; gap: 36px; padding-block: clamp(32px, 4vw, 56px) var(--section-y); align-items: start; }
@media (min-width: 1080px) {
.lp .kb-layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 56px; }
.lp .kb-layout .kb-toc { grid-column: 1 / -1; }
}
@media (min-width: 1240px) {
.lp .kb-layout { grid-template-columns: 200px minmax(0, var(--measure)) 280px; justify-content: space-between; gap: 48px; }
.lp .kb-layout .kb-toc { grid-column: auto; }
.lp .kb-layout.no-toc { grid-template-columns: minmax(0, var(--measure)) 280px; justify-content: center; gap: 96px; }
}
.lp .kb-article { min-width: 0; display: grid; gap: 0; }
.lp .kb-article > * + * { margin-top: 28px; }
.lp .kb-article > .kb-h2 { margin-top: 64px; }
.lp .kb-article > .kb-h2:first-child { margin-top: 0; }
.lp .kb-article > .kb-h2 + * { margin-top: 18px; }
.lp .kb-h2 { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.375rem); line-height: 1.12; font-weight: 300; letter-spacing: -.03em; color: var(--ink); text-wrap: balance; scroll-margin-top: calc(var(--header-h) + 24px); }
.lp .kb-article .prose { max-width: var(--measure); }
.lp .kb-toc { font-size: .875rem; }
.lp .kb-toc details { border-radius: var(--r-card); background: var(--page-2); padding: 14px 16px; }
.lp .kb-toc summary { display: flex; align-items: center; justify-content: space-between; list-style: none; cursor: pointer; font-weight: 500; color: var(--ink); }
.lp .kb-toc summary::-webkit-details-marker { display: none; }
.lp .kb-toc details[open] summary .ic { transform: rotate(180deg); }
.lp .kb-toc ol { display: grid; gap: 2px; margin-top: 10px; }
.lp .kb-toc a { display: block; padding: 5px 0 5px 12px; border-inline-start: 2px solid var(--line); color: var(--muted); line-height: 1.4; transition: color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease); }
.lp .kb-toc a:hover { color: var(--ink); }
.lp .kb-toc a[aria-current="true"] { color: var(--ink); border-inline-start-color: var(--violet); }
@media (min-width: 1240px) {
.lp .kb-toc { position: sticky; top: calc(var(--header-h) + 28px); }
.lp .kb-toc details { background: none; padding: 0; }
.lp .kb-toc summary { pointer-events: none; font-size: .8125rem; color: var(--muted); }
.lp .kb-toc summary .ic { display: none; }
}
.lp .kb-rail { display: none; }
@media (min-width: 1080px) {
.lp .kb-rail { display: block; position: sticky; top: calc(var(--header-h) + 28px); }
}
.lp .kb-rail-card { display: grid; gap: 10px; padding: 18px; border-radius: var(--r-panel); background: var(--lavender); box-shadow: inset 0 0 0 1px rgb(127 86 217 / .08); }
.lp .kb-rail-art { padding: 8px 0 10px; }
.lp .kb-rail-art .kb-fan { --cw: 104px; }
.lp .kb-rail-art .kb-fan[data-ratio="9:16"] { --cw: 84px; }
.lp .kb-rail-h { font-size: 1.125rem; line-height: 1.3; font-weight: 500; letter-spacing: -.014em; color: var(--ink); }
.lp .kb-rail-p { font-size: .875rem; line-height: 1.5; color: var(--muted); }
.lp .kb-rail-btn { width: 100%; margin-top: 4px; }
.lp .kb-key { position: relative; padding: 22px 24px 22px 26px; border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-key::before { content: ""; position: absolute; left: 0; top: 22px; bottom: 22px; width: 3px; border-radius: 0 3px 3px 0; background: var(--violet); }
.lp .kb-key-h { display: flex; align-items: center; gap: 8px; font-size: .8125rem; font-weight: 500; color: var(--violet-ink); letter-spacing: .01em; }
.lp .kb-key-h .ic { width: 16px; height: 16px; }
.lp .kb-key ul { display: grid; gap: 10px; margin-top: 12px; }
.lp .kb-key li { position: relative; padding-inline-start: 1.25em; font-size: 1.0625rem; line-height: 1.55; color: var(--text-soft); }
.lp .kb-key li::before { content: ""; position: absolute; left: .2em; top: .68em; width: 6px; height: 6px; border-radius: 50%; background: var(--violet); }
.lp .kb-key li b { font-weight: 500; color: var(--ink); }
/* a sample LinkedIn About section (kb_b_about_sample): the text above the dashed line is what shows before "see more" */
.lp .kb-about { margin: 0; display: grid; gap: 10px; max-width: var(--measure); }
.lp .kb-about-cap { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: .8125rem; color: var(--muted); }
.lp .kb-about-cap b { font-size: 1.0625rem; font-weight: 500; color: var(--ink); }
.lp .kb-about-card { display: grid; gap: 12px; padding: 20px 22px; border-radius: var(--r-card); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-about-card p { font-size: .9375rem; line-height: 1.6; color: var(--ink); }
.lp .kb-about-card .kb-about-k { font-size: 1.0625rem; font-weight: 600; }
.lp .kb-about-card .kb-about-fold { display: flex; align-items: center; gap: 10px; font-size: .75rem; line-height: 1; color: var(--muted); }
.lp .kb-about-fold::before { content: ""; flex: 1; border-top: 1px dashed var(--line-3); }
.lp .kb-about-fold ~ p:not(.kb-about-fold) { color: var(--text-soft); }
.lp .kb-def { margin-top: 10px; font-size: 1.125rem; line-height: 1.55; color: var(--ink); }
.lp .kb-callout { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; padding: 16px 18px; border-radius: var(--r-card); background: var(--lavender); }
.lp .kb-callout > .ic { width: 20px; height: 20px; margin-top: 2px; color: var(--violet); }
.lp .kb-callout-h { font-size: .9375rem; font-weight: 500; color: var(--ink); }
.lp .kb-callout .prose { font-size: .9375rem; line-height: 1.6; margin-top: 4px; }
.lp .kb-callout-a { margin-top: 8px; }
.lp .kb-callout-a .link { font-size: .9375rem; }
.lp .kb-callout.is-tip { background: var(--card); box-shadow: var(--shadow-chip); }
.lp .kb-callout.is-tip > .ic { color: #c9831f; }
.lp .kb-callout.is-warn { background: rgb(201 131 31 / .1); }
.lp .kb-callout.is-warn > .ic { color: #a8691a; }
.lp .kb-callout.is-feature { background: var(--violet-soft); }
.lp .kb-callout.is-privacy { background: var(--page-2); }
.lp .kb-callout.is-privacy > .ic { color: var(--ink); }
.lp .kb-spec, .lp .kb-compare { display: grid; gap: 10px; min-width: 0; }
.lp .kb-spec-h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.lp .kb-spec-h b { font-size: 1rem; font-weight: 500; color: var(--ink); }
.lp .kb-spec-date { display: inline-flex; align-items: center; gap: 6px; font-size: .75rem; color: var(--muted); }
.lp .kb-spec-date .ic { width: 14px; height: 14px; color: var(--success); }
.lp .kb-spec-scroll { overflow-x: auto; border-radius: var(--r-card); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-spec table, .lp .kb-compare table { width: 100%; border-collapse: collapse; font-size: .9375rem; line-height: 1.45; }
.lp .kb-spec th, .lp .kb-spec td, .lp .kb-compare th, .lp .kb-compare td { padding: 14px 16px; text-align: start; vertical-align: top; border-bottom: 1px solid var(--line); }
.lp .kb-spec thead th, .lp .kb-compare thead th { font-size: .8125rem; font-weight: 500; color: var(--muted); background: var(--page-2); white-space: nowrap; }
.lp .kb-spec tbody tr:last-child > *, .lp .kb-compare tbody tr:last-child > * { border-bottom: 0; }
.lp .kb-spec tbody th { font-weight: 500; color: var(--ink); }
.lp .kb-spec td { color: var(--text-soft); }
.lp .kb-spec .kb-num, .lp .kb-spec td:nth-child(2) { font-variant-numeric: tabular-nums; }
@media (min-width: 720px) {
.lp .kb-spec table:has(> thead > tr > th:nth-child(2):last-child) tbody th { width: 13rem; }
}
@media (min-width: 720px) {
.lp .kb-spec td.is-short:nth-child(2):nth-last-child(2) { white-space: nowrap; }
}
.lp .kb-num { font-weight: 500; color: var(--ink); white-space: nowrap; }
.lp .kb-spec tr.is-pick > * { background: rgb(241 236 252 / .65); }
.lp .kb-spec tr.is-pick .badge { margin-inline-start: 6px; vertical-align: 1px; }
.lp .kb-ratio { display: inline-block; height: 16px; aspect-ratio: var(--w) / var(--h); margin-inline-end: 10px; vertical-align: -3px; border-radius: 3px; box-shadow: inset 0 0 0 1.5px var(--ink); background: var(--page-2); }
.lp .kb-spec-src { font-size: .75rem; line-height: 1.5; color: var(--muted); }
.lp .kb-spec-src a { color: var(--muted); text-decoration: underline; text-underline-offset: 2px; }
.lp .kb-spec-src a:hover { color: var(--ink); }
@media (max-width: 719px) {
.lp .kb-spec .kb-spec-scroll { background: none; box-shadow: none; overflow: visible; }
.lp .kb-spec table, .lp .kb-spec tbody, .lp .kb-spec tr, .lp .kb-spec th, .lp .kb-spec td { display: block; }
.lp .kb-spec thead { display: none; }
.lp .kb-spec tr { margin-bottom: 10px; padding: 12px 14px; border-radius: var(--r-card); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-spec tr.is-pick { box-shadow: inset 0 0 0 1.5px var(--violet-line), var(--shadow-tile); }
.lp .kb-spec tr.is-pick > * { background: none; }
.lp .kb-spec th, .lp .kb-spec td { padding: 4px 0; border: 0; }
.lp .kb-spec tbody th { padding-bottom: 8px; font-size: 1rem; }
.lp .kb-spec td { display: grid; grid-template-columns: minmax(84px, 38%) minmax(0, 1fr); gap: 10px; font-size: .9375rem; }
.lp .kb-spec td::before { content: attr(data-label); font-size: .8125rem; color: var(--muted); }
}
.lp .kb-compare tbody th { font-weight: 400; color: var(--text-soft); min-width: 180px; }
.lp .kb-compare .is-us { background: rgb(241 236 252 / .55); }
.lp .kb-compare thead .is-us { background: var(--ink); color: #fff; }
.lp .kb-yes, .lp .kb-part, .lp .kb-no { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; }
.lp .kb-yes { color: var(--success); }
.lp .kb-part, .lp .kb-no { color: var(--muted); }
.lp .kb-yes .ic, .lp .kb-part .ic, .lp .kb-no .ic { width: 15px; height: 15px; }
.lp .kb-compare th:first-child { position: sticky; left: 0; background: var(--card); z-index: 1; }
.lp .kb-compare thead th:first-child { background: var(--page-2); }
.lp .kb-steps { display: grid; gap: clamp(28px, 3.6vw, 48px); counter-reset: none; }
.lp .kb-step { display: grid; gap: 20px; align-items: center; }
@media (min-width: 960px) {
.lp .kb-steps:not(.is-compact) .kb-step { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; }
}
.lp .kb-step-copy { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 14px; padding-top: 22px; align-content: start; }
.lp .kb-step-bar { position: absolute; left: 0; right: 0; top: 0; height: 2px; border-radius: 2px; background: var(--line-2); overflow: hidden; }
.lp .kb-step-bar i { position: absolute; inset: 0; background: var(--violet); transform-origin: left; transform: scaleX(0); transition: transform 1.2s var(--ease-out) .2s; }
.lp .kb-step.is-in .kb-step-bar i, html:not(.js) .lp .kb-step-bar i { transform: scaleX(1); }
.lp .kb-step-n { grid-row: span 2; font-size: .8125rem; font-weight: 500; color: var(--subtle); font-variant-numeric: tabular-nums; padding-top: 3px; }
.lp .kb-step h3 { font-size: 1.1875rem; line-height: 1.35; font-weight: 500; letter-spacing: -.014em; color: var(--ink); }
.lp .kb-step .prose { font-size: 1rem; line-height: 1.6; color: var(--muted); }
.lp .kb-step .prose > * + * { margin-top: .6em; }
.lp .kb-step-shot { min-width: 0; }
.lp .kb-step-shot figcaption { margin-top: 10px; font-size: .8125rem; color: var(--muted); text-align: center; }
.lp .kb-step-shot.is-deck { padding: 18px 0 8px; border-radius: var(--r-panel); background: var(--lavender); }
.lp .kb-steps.is-compact { gap: 22px; }
.lp .kb-article .kb-steps .kb-step { grid-template-columns: 1fr; gap: 16px; }
.lp .kb-article .kb-step-shot .kb-ui { max-width: 640px; margin-inline: 0; }
.lp .kb-try.is-band .kb-try-in { display: grid; gap: 28px; align-items: center; padding: clamp(28px, 4.4vw, 56px); background: var(--lavender); box-shadow: inset 0 0 0 1px rgb(127 86 217 / .07); }
@media (min-width: 960px) {
.lp .kb-try.is-band .kb-try-in { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 48px; }
}
.lp .kb-try-in .aura { background:
  radial-gradient(38% 52% at 12% 18%, rgb(214 196 250 / .6), transparent 70%),
  radial-gradient(34% 46% at 88% 82%, rgb(250 214 196 / .5), transparent 70%); }
.lp .kb-try-copy { display: grid; gap: 14px; justify-items: start; position: relative; }
.lp .kb-try-title { font-size: clamp(1.875rem, 1.3rem + 1.9vw, 2.875rem); line-height: 1.06; font-weight: 300; letter-spacing: -.035em; color: var(--ink); text-wrap: balance; max-width: 16em; }
.lp .kb-try-text { max-width: 48ch; }
.lp .kb-try-copy .btn-row { margin-top: 6px; }
.lp .kb-try-art { position: relative; padding: 8px 0 16px; }
.lp .kb-try-form { position: relative; display: flex; align-items: center; gap: 8px; width: min(520px, 100%); height: 60px; margin-top: 6px; padding: 7px 7px 7px 42px; border-radius: 18px; background: var(--card); box-shadow: var(--shadow-float); }
.lp .kb-try-form:focus-within { box-shadow: 0 0 0 2px var(--violet-line), var(--shadow-float); }
.lp .kb-try-form-ic { position: absolute; left: 15px; top: 50%; width: 18px; height: 18px; margin-top: -9px; color: var(--violet); }
.lp .kb-try-form input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; font-size: 1rem; color: var(--ink); }
.lp .kb-try-form input::placeholder { color: var(--subtle); }
.lp .kb-try-form .btn { --h: 46px; border-radius: 13px; }
.lp .kb-try-form .btn .ic { color: #c9b5f6; }
@media (max-width: 719px) {
.lp .kb-try-form { flex-direction: column; align-items: stretch; height: auto; padding: 6px; }
.lp .kb-try-form-ic { top: 28px; }
.lp .kb-try-form input { height: 46px; padding-inline-start: 36px; flex: none; }
}
.lp .kb-try.is-inline { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 18px; align-items: center; padding: 16px; border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-try-one .sl { box-shadow: var(--shadow-slide); }
.lp .kb-try-one .sl-top, .lp .kb-try-one .sl-bot, .lp .kb-try-one .sl-p { display: none; }
.lp .kb-try-one .sl-h { margin-top: auto; margin-bottom: auto; }
.lp .kb-try-k { font-size: .75rem; font-weight: 500; color: var(--violet-ink); }
.lp .kb-try-h { margin-top: 2px; font-size: 1.0625rem; line-height: 1.35; font-weight: 500; color: var(--ink); letter-spacing: -.01em; }
.lp .kb-try-p { margin-top: 4px; font-size: .875rem; line-height: 1.5; color: var(--muted); }
.lp .kb-try.is-inline .btn { margin-top: 12px; }
@media (max-width: 479px) {
.lp .kb-try.is-inline { grid-template-columns: 64px minmax(0, 1fr); }
}
.lp .kb-stat { display: grid; gap: 14px 32px; padding: 24px; border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); }
@media (min-width: 720px) {
.lp .kb-stat { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
}
.lp .kb-stat-big { font-size: clamp(3.25rem, 2.4rem + 2.4vw, 4.75rem); line-height: .9; font-weight: 300; letter-spacing: -.055em; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.lp .kb-stat-big small { margin-inline-start: .04em; font-size: .5em; color: var(--muted); letter-spacing: 0; }
.lp .kb-stat-note { font-size: 1rem; line-height: 1.5; color: var(--text-soft); max-width: 46ch; }
.lp .kb-bars { display: grid; gap: 10px; margin-top: 14px; max-width: 420px; }
.lp .kb-bar p { display: flex; justify-content: space-between; gap: 12px; font-size: .8125rem; color: var(--muted); }
.lp .kb-bar b { font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; }
.lp .kb-line { display: block; height: 6px; margin-top: 5px; border-radius: 6px; background: var(--page-3); overflow: hidden; }
.lp .kb-line i { display: block; height: 100%; width: var(--w); border-radius: 6px; background: var(--subtle); transform-origin: left; transition: transform 1.2s var(--ease-out); }
.lp .kb-bar.is-a .kb-line i { background: var(--violet); }
.js .lp .kb-stat:not(.is-in) .kb-line i { transform: scaleX(0); }
.lp .kb-stat-src { margin-top: 12px; font-size: .75rem; line-height: 1.5; color: var(--muted); }
.lp .kb-stat-src a { display: inline-flex; align-items: center; gap: 2px; color: var(--muted); text-decoration: underline; text-underline-offset: 2px; }
.lp .kb-stat-src a:hover { color: var(--ink); }
.lp .kb-stat-src .ic { width: 11px; height: 11px; }
.lp .uses { display: grid; gap: 28px 40px; }
@media (min-width: 720px) {
.lp .uses { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 960px) {
.lp .uses.is-3, .lp .uses.is-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lp .uses.is-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 720px) {
.lp :is(.kb-article, .kb-simple) :is(.uses.is-3, .uses.is-4, .uses.is-6), .lp .kb-article .kb-wr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.lp .use { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 3px 16px; align-content: start; }
.lp .use-ic { grid-row: span 2; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--card); color: var(--ink); box-shadow: var(--shadow-chip); }
.lp .use-ic .ic { width: 19px; height: 19px; }
.lp .use h3 { font-size: 1.0625rem; line-height: 1.4; font-weight: 500; letter-spacing: -.012em; color: var(--ink); }
.lp .use p { font-size: .9375rem; line-height: 1.55; color: var(--muted); max-width: 34ch; text-wrap: pretty; }
.lp .night .use-ic { background: rgb(255 255 255 / .08); color: var(--night-text); box-shadow: inset 0 0 0 1px var(--night-line); }
.lp .night .use h3 { color: var(--night-text); }
.lp .night .use p { color: var(--night-muted); }
.lp .kb-split { display: grid; gap: 28px; align-items: center; }
@media (min-width: 960px) {
.lp .kb-split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; }
.lp .kb-split.is-flip .kb-split-copy { order: 2; }
}
.lp .kb-split-copy { display: grid; gap: 14px; justify-items: start; }
.lp .kb-split-copy .prose { font-size: 1rem; color: var(--muted); }
.lp .kb-split-copy .prose b { color: var(--ink); }
.lp .kb-split-vis { min-width: 0; display: grid; gap: 16px; }
.lp .kb-split-vis > * { justify-self: center; width: 100%; }
.lp .kb-split + .kb-split { margin-top: clamp(48px, 6vw, 88px); }
.lp .kb-related { display: grid; gap: 16px; }
.lp .kb-related + .kb-related { margin-top: 40px; }
.lp .kb-related-h { font-size: 1.25rem; line-height: 1.3; font-weight: 400; letter-spacing: -.016em; color: var(--ink); }
.lp .kb-related-grid { display: grid; gap: 10px; }
@media (min-width: 720px) {
.lp .kb-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1080px) {
.lp .kb-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1080px) {
.lp .kb-related-grid:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 720px) {
.lp .kb-simple .kb-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lp .kb-simple .kb-related-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; }
}
.lp .kb-card { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 14px; min-height: 76px; padding: 12px 16px 12px 12px; border-radius: var(--r-card); background: var(--page-2); transition: background-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease); }
.lp .kb-card:hover { background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-card-art { width: 52px; height: 52px; border-radius: 12px; overflow: hidden; background: var(--page-3); display: block; }
.lp .kb-card-art > * { width: 100%; height: 100%; }
.lp .kb-card-art.is-icon { display: grid; place-items: center; background: var(--card); box-shadow: var(--shadow-chip); color: var(--ink); }
.lp .kb-card-art.is-icon > .ic { width: 22px; height: 22px; }
.lp .kb-hcard .kb-card-art.is-icon > .ic { width: 26px; height: 26px; }
.lp .kb-card-t { display: grid; gap: 2px; min-width: 0; }
.lp .kb-card-t b { font-size: .9375rem; line-height: 1.35; font-weight: 500; color: var(--ink); }
.lp .kb-card-t small { font-size: .8125rem; line-height: 1.4; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lp .kb-card-go { width: 16px; height: 16px; color: var(--subtle); transition: transform var(--d-menu) var(--ease-out), color var(--d-fast) var(--ease); }
.lp .kb-card:hover .kb-card-go { transform: translateX(2px); color: var(--ink); }
.lp .kb-next { background: var(--page); padding-block: clamp(56px, 7vw, 96px); }
.lp .kb-next + #start { padding-top: 0; }
.lp .kb-hub { padding-top: clamp(40px, 5vw, 72px); }
.lp .kb-hub-g + .kb-hub-g { margin-top: clamp(48px, 6vw, 80px); }
.lp .kb-hub-gh { display: grid; gap: 8px; margin-bottom: 20px; }
.lp .kb-hub-gh .t-body { max-width: 60ch; }
.lp .kb-hub-grid { display: grid; gap: 14px; }
@media (min-width: 720px) {
.lp .kb-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1080px) {
.lp .kb-hub-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.lp .kb-hcard { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px 16px; align-items: start; height: 100%; padding: 16px; border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); transition: box-shadow var(--d-fast) var(--ease), transform var(--d-fast) var(--ease); }
.lp .kb-hcard:hover { box-shadow: var(--shadow-float); transform: translateY(-1px); }
.lp .kb-hcard .kb-card-art { width: 64px; height: 64px; border-radius: 14px; }
.lp .kb-hcard .kb-card-t b { font-size: 1rem; }
.lp .kb-hcard .kb-card-t small { -webkit-line-clamp: 3; }
.lp .kb-hcard .badge { position: absolute; right: 14px; top: 14px; }
.lp .kb-hcard .kb-card-go { display: none; }
.lp .kb-hcard:has(.badge) .kb-card-t { padding-inline-end: 56px; }
.lp .kb-wr-grid { display: grid; gap: 14px; }
@media (min-width: 720px) {
.lp .kb-wr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1080px) {
.lp .kb-wr-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.lp .kb-wr { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 16px; padding: 14px; border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-wr-art { display: block; width: 76px; aspect-ratio: 4 / 5; border-radius: 12px; overflow: hidden; background: var(--page-3); }
/* the portrait fills its frame (31 Oct 2026) */
.lp .kb-wr-art .byl, .lp .kb-wq-art .byl { display: block; width: 100%; height: 100%; aspect-ratio: auto; border-radius: inherit; box-shadow: none; }
.lp .kb-wr-t { display: grid; gap: 8px; align-content: start; min-width: 0; }
.lp .kb-wr-n { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: .8125rem; color: var(--muted); }
.lp .kb-wr-n b { font-size: 1rem; font-weight: 500; color: var(--ink); }
.lp .kb-wr-n .badge { margin-inline-start: auto; }
.lp .kb-wr .kb-wline { font-size: 1rem; line-height: 1.45; color: var(--ink); }
.lp .kb-wr-d { font-size: .8125rem; line-height: 1.45; color: var(--muted); }
.lp .night .kb-wr { background: rgb(255 255 255 / .05); box-shadow: inset 0 0 0 1px var(--night-line); }
.lp .night .kb-wr-n b, .lp .night .kb-wr .kb-wline { color: var(--night-text); }
.lp .kb-wline { display: grid; font-family: var(--wf), var(--font); letter-spacing: -.005em; text-wrap: pretty; }
.lp .kb-wline > * { grid-area: 1 / 1; }
.lp .kb-wline-ghost { visibility: hidden; }
.lp .kb-wline-typed:empty + .kb-caret { display: none; }
.js .lp .kb-wline:not(.is-typed) .kb-wline-ghost { visibility: hidden; }
html:not(.js) .lp .kb-wline-ghost { visibility: visible; }
.lp .kb-caret { display: none; }
.lp .kb-wline.is-typing .kb-caret, .lp .kb-wline.is-typing .kb-wline-typed::after { display: inline; }
.lp .kb-wline-typed::after { content: ""; display: none; width: 2px; height: .95em; margin-inline-start: 2px; vertical-align: -.12em; background: var(--violet); animation: kb-caret 1s steps(1) infinite; }
@keyframes kb-caret { 50% { opacity: 0; } }
.lp .kb-wq { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 20px; align-items: center; padding: 20px; border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-wq-art { display: block; width: 96px; aspect-ratio: 4 / 5; border-radius: 14px; overflow: hidden; background: var(--page-3); }
.lp .kb-wq .kb-wline { font-size: clamp(1.1875rem, 1.05rem + .5vw, 1.5rem); line-height: 1.35; color: var(--ink); }
.lp .kb-wq figcaption { margin-top: 10px; font-size: .8125rem; color: var(--muted); }
.lp .kb-wq figcaption b { color: var(--ink); font-weight: 500; }
@media (max-width: 479px) {
.lp .kb-wq { grid-template-columns: 64px minmax(0, 1fr); gap: 14px; }
.lp .kb-wq-art { width: 64px; }
}
.lp .kb-plans { display: grid; gap: 14px; }
@media (min-width: 720px) {
.lp .kb-plans { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
}
.lp .kb-plan { display: grid; gap: 6px; align-content: start; padding: 20px; border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-plan.is-pop { box-shadow: inset 0 0 0 1.5px var(--violet-line), var(--shadow-tile); }
.lp .kb-plan-n { font-size: .875rem; font-weight: 500; color: var(--muted); }
.lp .kb-plan-p { font-size: 2.25rem; line-height: 1; font-weight: 300; letter-spacing: -.04em; color: var(--ink); }
.lp .kb-plan-p small { font-size: .875rem; letter-spacing: 0; color: var(--muted); margin-inline-start: 2px; }
.lp .kb-plan-b { font-size: .75rem; color: var(--muted); }
.lp .kb-plan ul { display: grid; gap: 8px; margin-top: 10px; }
.lp .kb-plan li { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 8px; font-size: .875rem; line-height: 1.45; color: var(--text-soft); }
.lp .kb-plan li .ic { width: 16px; height: 16px; color: var(--violet); margin-top: 1px; }
.lp .kb-plans-more { margin-top: 14px; }
.lp .kb-plan.has-cta { display: flex; flex-direction: column; }
.lp .kb-plan-flag { margin-inline-start: 6px; vertical-align: 1px; }
.lp .kb-plan-a { margin-top: auto; padding-top: 14px; }
.lp .kb-plan-a .btn { width: 100%; }
.lp .kb-dl { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 14px; border-radius: var(--r-card); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-dl-th { height: 52px; aspect-ratio: var(--w) / var(--h); max-width: 44px; border-radius: 6px; background: repeating-linear-gradient(45deg, rgb(127 86 217 / .14) 0 4px, transparent 4px 8px), var(--page-2); box-shadow: inset 0 0 0 1.5px var(--violet-line); }
.lp .kb-dl b { display: block; font-size: .9375rem; font-weight: 500; color: var(--ink); }
.lp .kb-dl small { display: block; font-size: .8125rem; color: var(--muted); }
.lp .kb-sources-sec { padding-block: 0 clamp(40px, 5vw, 64px); }
.lp .kb-sources { max-width: 880px; padding-top: 28px; border-top: 1px solid var(--line-2); }
.lp .kb-sources-h { font-size: 1.0625rem; font-weight: 500; color: var(--ink); }
.lp .kb-sources ol { display: grid; gap: 8px; margin-top: 12px; counter-reset: s; }
.lp .kb-sources li { position: relative; padding-inline-start: 28px; counter-increment: s; font-size: .875rem; line-height: 1.5; color: var(--muted); }
.lp .kb-sources li::before { content: counter(s); position: absolute; left: 0; top: 0; width: 20px; text-align: end; color: var(--subtle); font-variant-numeric: tabular-nums; }
.lp .kb-sources a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--line-3); text-underline-offset: 3px; }
.lp .kb-sources a:hover { text-decoration-color: var(--ink); }
.lp .kb-sources-how { margin-top: 14px; font-size: .8125rem; line-height: 1.55; color: var(--muted); max-width: 70ch; }
.lp .kb-simple { max-width: 760px; padding-block: clamp(28px, 4vw, 48px) var(--section-y); display: grid; gap: 28px; }
.lp .kb-simple .prose h2 { margin-top: 2em; font-size: 1.5rem; line-height: 1.2; font-weight: 400; letter-spacing: -.02em; color: var(--ink); }
.lp .kb-simple .prose h2:first-child { margin-top: 0; }
.lp .kb-spacer { display: block; }
@media (prefers-reduced-motion: reduce) {
.lp .kb-fan-card, .lp .kb-step-bar i, .lp .kb-line i { transition: none !important; }
}
.lp .kb-ui-tray i[data-skin="daybreak"] { background: #f3e5d4; }
.lp .kb-ui-tray i[data-skin="paper"] { background: #fbfaf5; }
.lp .kb-ui-tray i[data-skin="evergreen"] { background: #dfe6cf; }
.lp .kb-ui-tray i[data-skin="signal"] { background: #24302a; }
.lp .kb-ui-tray i[data-skin="afterhours"] { background: #dcd6ee; }
.lp .kb-ui-tray i[data-skin="iris"] { background: #382d46; }
.lp .kb-ui-tray i[data-skin="goodco"] { background: #eaa585; }
.lp .kb-ui-tray i[data-skin="pearl"] { background: #fff; }
.lp .kb-ui-tray i[data-skin="sage"] { background: #dce3ce; }
.lp .kb-ui-tray i[data-skin="violet"] { background: #d9d7ef; }
.lp .kb-ui-tray i.on { outline: 2px solid var(--violet); outline-offset: 2px; box-shadow: none; }
.lp .kb-ui-writer { gap: 10px; padding-inline-start: 8px; }
.lp .kb-ui-writer .kb-ui-wr { flex: none; width: 22px; height: 26px; border-radius: 5px; overflow: hidden; }
.lp .kb-ui-writer .kb-ui-wr > * { display: block; width: 100% !important; height: 100% !important; }
.lp .kb-decks-wr, .lp .kb-card-art { overflow: hidden; }
.lp .kb-wr-all { display: none; }
@media (max-width: 719px) {
.lp .kb-wr-grid.is-folded > li:nth-child(n/**/+7) { display: none; }
.lp .kb-wr-more:checked + .kb-wr-grid.is-folded > li { display: grid; }
.lp .kb-wr-grid.is-folded + .kb-wr-all { display: flex; justify-content: center; gap: 8px; width: 100%; margin-top: 14px; }
.lp .kb-wr-more:checked ~ .kb-wr-all { display: none; }
}
.lp :is(.kb-callout, .kb-step-copy, .kb-key, .kb-spec, .kb-compare, .kb-try-p, .kb-def, .use, .faq-a) a:not(.btn):not(.link) { color: var(--ink); text-decoration: underline; text-decoration-color: var(--marker); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.lp :is(.kb-callout, .kb-step-copy, .kb-key, .kb-spec, .kb-compare, .kb-try-p, .kb-def, .use, .faq-a) a:not(.btn):not(.link):hover { text-decoration-color: var(--violet); }
.lp .kb-compare.is-plain .is-us { background: none; }
.lp .kb-compare.is-plain thead .is-us { background: var(--page-2); color: var(--muted); }
.lp .kb-ui .ask-bar { min-width: 0; }
.lp .kb-ui .ask-bar .q { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lp .kb-ui .ask-bar .send { flex: none; }
.lp .kb-img { margin: 0; display: grid; gap: 12px; max-width: var(--measure); }
.lp .kb-img.is-wide { max-width: none; }
.lp .kb-img.is-small { max-width: 420px; }
.lp .kb-img img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: 14px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.lp .kb-img figcaption, .lp .kb-gal figcaption { font-size: .8125rem; line-height: 1.5; color: var(--muted); }
.lp .kb-img-browser { border-radius: 14px; overflow: hidden; background: var(--card); box-shadow: 0 0 0 1px var(--line-2), 0 18px 40px -24px rgba(20, 16, 40, .28); }
.lp .kb-img-browser img { border-radius: 0; box-shadow: none; }
.lp .kb-img-bar { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-bottom: 1px solid var(--line); background: var(--page-2); }
.lp .kb-img-bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--line-3); }
.lp .kb-img-bar em { margin-inline-start: 10px; flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-style: normal; font-size: 12px; color: var(--muted); }
.lp .kb-img-phone { width: min(320px, 100%); padding: 10px; border-radius: 34px; background: var(--ink); box-shadow: 0 24px 50px -28px rgba(20, 16, 40, .45); }
.lp .kb-img-phone img { border-radius: 26px; box-shadow: none; }
.lp .kb-gal { margin: 0; display: grid; gap: 12px; }
.lp .kb-gal ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 720px) {
.lp .kb-gal ul { grid-template-columns: repeat(min(var(--cols), 4), minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
.lp .kb-gal ul { grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
}
.lp .kb-gal li { display: grid; gap: 8px; align-content: start; }
.lp .kb-gal img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: 12px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.lp .kb-gal li span { font-size: .8125rem; line-height: 1.4; color: var(--text-soft); }
.lp .kb-article > * + :is(.kb-img, .kb-gal) { margin-top: 28px; }
.lp .night .prose { color: var(--night-muted); }
.lp .night .prose :is(h3, h4, b, strong, a) { color: var(--night-text); }
.lp .night .mark { background: linear-gradient(transparent 60%, rgb(127 86 217 / .62) 60%, rgb(127 86 217 / .62) 92%, transparent 92%); }
.lp .night .kb-spec-h b { color: var(--night-text); }
.lp .night :is(.kb-spec-date, .kb-spec-src, .kb-spec-src a) { color: var(--night-muted); }
.lp .night .kb-callout { background: rgb(255 255 255 / .06); box-shadow: inset 0 0 0 1px var(--night-line); }
.lp .night .kb-callout > .ic { color: #c9b6f2; }
.lp .night .kb-callout-h { color: var(--night-text); }
.lp .night .kb-callout .prose { color: var(--night-muted); }
.lp .night :is(.kb-callout, .kb-step-copy, .kb-key, .kb-def, .use) a:not(.btn):not(.link) { color: var(--night-text); }
.lp .night :is(.kb-ui, .kb-spec-scroll, .kb-compare) { color: var(--ink); }
.lp .night :is(.kb-ui, .kb-spec-scroll) .btn-secondary { background: var(--card); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-2); }
.lp .night :is(.kb-ui, .kb-spec-scroll) .btn-primary { background: var(--ink); color: #fff; }
.lp .night :is(.kb-ui, .kb-spec-scroll, .kb-compare) :is(.link, a:not(.btn)) { color: var(--ink); }
.lp .night .kb-ui :is(.eyebrow, .t-lead, .t-body, .t-small, .t-micro) { color: var(--muted); }
.lp .night .kb-ui .chip { color: var(--muted); }
.lp .night .kb-ui .chip:is([aria-pressed="true"], .on, [aria-selected="true"]) { background: var(--card); color: var(--ink); box-shadow: var(--shadow-chip); }
@media (max-width: 719px) {
.lp .kb-compare .kb-spec-scroll { background: none; box-shadow: none; overflow: visible; border-radius: 0; }
.lp .kb-compare table, .lp .kb-compare tbody, .lp .kb-compare tr, .lp .kb-compare th, .lp .kb-compare td { display: block; }
.lp .kb-compare thead { display: none; }
.lp .kb-compare tr { margin-bottom: 10px; padding: 12px 14px; border-radius: var(--r-card); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .kb-compare th, .lp .kb-compare td { padding: 4px 0; border: 0; font-size: .9375rem; }
.lp .kb-compare tbody th { position: static; min-width: 0; padding-bottom: 8px; font-size: 1rem; font-weight: 500; color: var(--ink); background: none; }
.lp .kb-compare td { display: grid; grid-template-columns: minmax(84px, 38%) minmax(0, 1fr); gap: 10px; align-items: baseline; }
.lp .kb-compare td::before { content: attr(data-label); font-size: .8125rem; color: var(--muted); }
.lp .kb-compare td.is-us { margin: 2px -8px; padding: 6px 8px; border-radius: 10px; background: rgb(241 236 252 / .65); }
.lp .kb-compare td.is-us::before { color: var(--ink); font-weight: 500; }
.lp .kb-compare.is-plain td.is-us { margin: 0; padding: 4px 0; background: none; }
.lp .kb-compare.is-plain td.is-us::before { color: var(--muted); font-weight: 400; }
}
.lp .kb-rail-card { grid-template-columns: minmax(0, 1fr); }
.lp .kb-sec > .wrap > .head .t-lead a:not(.btn):not(.link) { color: var(--ink); text-decoration: underline; text-decoration-color: var(--marker); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.lp .kb-sec > .wrap > .head .t-lead a:not(.btn):not(.link):hover { text-decoration-color: var(--violet); }
.lp .night.kb-sec > .wrap > .head .t-lead a:not(.btn):not(.link) { color: var(--night-text); }
.lp .kb-hub-gh .t-body a:not(.btn):not(.link) { color: var(--ink); text-decoration: underline; text-decoration-color: var(--marker); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.lp .kb-hub-gh .t-body a:not(.btn):not(.link):hover { text-decoration-color: var(--violet); }
@media (max-width: 719px) {
.lp .fin { grid-template-columns: minmax(0, 1fr); }
.lp .fin-form input { width: 100%; }
.lp .fin-fan[data-ratio="9:16"] .fin-logo { width: 44px; height: 44px; margin-inline-start: -22px; border-radius: 13px; }
}
@media (max-width: 359px) {
.lp .fin { padding-inline: 12px; }
}
.lp .about-card { display: grid; gap: 16px 20px; grid-template-columns: 88px minmax(0, 1fr); align-items: center; padding: clamp(18px, 3vw, 32px); border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .about-photo { width: 88px; height: 88px; object-fit: cover; object-position: center top; border-radius: 50%; background: var(--lavender); }
.lp .about-name { font-size: 1.375rem; line-height: 1.2; font-weight: 500; letter-spacing: -.01em; color: var(--ink); }
.lp .about-role { margin-top: 2px; font-size: .9375rem; color: var(--muted); }
.lp .about-facts { grid-column: 1 / -1; display: grid; gap: 10px; }
.lp .about-facts li { display: flex; gap: 10px; align-items: flex-start; font-size: .9375rem; line-height: 1.45; color: var(--text-soft); }
.lp .about-facts .ic { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--violet); }
.lp .about-reach { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.lp .about-reach p { flex-basis: 100%; font-size: .8125rem; line-height: 1.45; color: var(--muted); overflow-wrap: anywhere; }
@media (min-width: 900px) {
.lp .about-card { grid-template-columns: 168px minmax(0, 1fr) minmax(0, 1.15fr) auto; gap: 28px; }
.lp .about-photo { width: 168px; height: 168px; border-radius: 24px; }
.lp .about-facts { grid-column: auto; }
.lp .about-reach { grid-column: auto; flex-direction: column; align-items: stretch; }
.lp .about-reach p { flex-basis: auto; }
}
.lp .about-feat { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; justify-content: center; margin-top: clamp(18px, 2.4vw, 26px); }
.lp .about-feat-h { font-size: .75rem; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.lp .about-feat ul { display: flex; flex-wrap: wrap; gap: 10px 28px; justify-content: center; }
.lp .about-feat a { display: grid; gap: 1px; text-align: center; color: var(--ink); text-decoration: none; }
.lp .about-feat b { font-size: 1.0625rem; font-weight: 600; letter-spacing: -.01em; }
.lp .about-feat a span { font-size: .8125rem; color: var(--muted); }
.lp .about-feat a:hover b { text-decoration: underline; text-decoration-color: var(--marker); text-decoration-thickness: 2px; text-underline-offset: 3px; }
@media (max-width: 599px) {
.lp .about-feat, .lp .about-feat ul { flex-direction: column; }
}
.lp .kb-simple > .about-behind { margin-top: 28px; }
.lp .about-behind { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 600px) {
.lp .about-behind { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
}
.lp .about-behind figure { margin: 0; display: grid; gap: 10px; }
.lp .about-behind img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; background: var(--lavender); box-shadow: inset 0 0 0 1px var(--line); }
@media (min-width: 600px) {
.lp .about-behind img { aspect-ratio: 4 / 5; }
}
.lp .about-behind figcaption { display: grid; gap: 2px; font-size: .875rem; line-height: 1.4; }
.lp .about-behind figcaption b { font-weight: 500; color: var(--ink); }
.lp .about-behind figcaption span { color: var(--muted); }

/* About, 30 Oct 2026 (later): the two ways to reach Fernando under "You talk to me" */
/* 30 Oct 2026, evening: "As featured on" in the hero, centred: the label, then the three names on one row */
/* (the hero's .lp wrappers are display: contents, so the spacing sits on .about-feat itself) */
/* 30 Oct 2026, 23:43 (Fernando): it moved under the two buttons, so the space is now above it */
.lp .ft-hero .about-feat, .ft-hero .lp > .about-feat { flex-direction: column; gap: 10px; margin: clamp(34px, 4.4vw, 52px) 0 0; }
.ft-hero .lp > .about-feat ul { flex-direction: row; gap: 8px clamp(18px, 3vw, 40px); }
.ft-hero .lp > .about-feat a span { font-size: .75rem; }
@media (max-width: 560px) { .ft-hero .lp > .about-feat ul { gap: 6px 18px; } .ft-hero .lp > .about-feat a span { display: none; } }
/* the side column: Fernando's photo, who he is, a line about him and "Connect on LinkedIn" (like generateppt.com/about) */
.lp .about-side { display: grid; gap: 14px; padding: 14px 14px 18px; border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); }
.lp .about-side-photo { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: center top; border-radius: 14px; background: var(--lavender); }
.lp .about-side-who { display: grid; gap: 2px; padding: 0 4px; }
.lp .about-side-name { font-size: 1.125rem; line-height: 1.25; font-weight: 600; letter-spacing: -.01em; color: var(--ink); }
.lp .about-side-role { display: inline-flex; align-items: center; gap: 5px; font-size: .8125rem; color: var(--muted); }
.lp .about-side-role .ph { font-size: 14px; color: var(--violet); }
.lp .about-side-bio { padding: 0 4px; font-size: .875rem; line-height: 1.5; color: var(--text-soft); }
.lp .about-side-btn { gap: 8px; width: 100%; justify-content: center; }
.lp .about-side-btn .ic { color: #0a66c2; }
/* under 1080px the column sits above the article: the photo beside the name, then the line and the button */
@media (max-width: 1079px) {
  .lp .about-side { grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 12px 14px; max-width: 560px; padding: 14px; }
  .lp .about-side-photo { width: 72px; border-radius: 12px; }
  .lp .about-side-who { padding: 0; }
  .lp .about-side-bio, .lp .about-side-btn { grid-column: 1 / -1; }
  .lp .about-side-bio { padding: 0; }
}
.lp .about-reach2 { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 8px; }
.lp .about-reach2 .btn { gap: 8px; }
.lp .about-reach2.is-center { justify-content: center; margin-top: 4px; }

/* Reviews, 30 Oct 2026: Forbes as a highlight under the title, then one wall of reviews */
.lp .rv-forbes { display: grid; justify-items: center; gap: 10px; max-width: 640px; margin: clamp(28px, 4vw, 44px) auto 0; padding: clamp(22px, 3vw, 32px) clamp(20px, 4vw, 40px); border-radius: var(--r-panel); background: var(--card); box-shadow: var(--shadow-tile); text-align: center; text-decoration: none; color: var(--ink); transition: box-shadow var(--d-fast) var(--ease), transform var(--d-fast) var(--ease); }
.lp .rv-forbes:hover { transform: translateY(-2px); box-shadow: var(--shadow-float, var(--shadow-tile)); }
.lp .rv-forbes-mark { font-family: Georgia, 'Times New Roman', serif; font-weight: 700; font-size: clamp(1.75rem, 3.4vw, 2.25rem); letter-spacing: -.02em; line-height: 1; color: #111; }
.lp .rv-forbes-q { font-size: clamp(1.125rem, 2.2vw, 1.375rem); line-height: 1.35; letter-spacing: -.01em; font-weight: 500; }
.lp .rv-forbes-by { display: inline-flex; align-items: center; gap: 6px; font-size: .8125rem; color: var(--muted); }
.lp .rv-forbes-by .ic { width: 14px; height: 14px; }
.lp .rv-wall { columns: 3 280px; column-gap: 16px; margin-top: 8px; }
.lp .rv-card { break-inside: avoid; margin: 0 0 16px; padding: 20px 20px 16px; border-radius: 18px; background: var(--card); box-shadow: var(--shadow-tile); }
.lp .rv-card blockquote { margin: 0; padding: 0; border: 0; font-size: .9375rem; line-height: 1.55; color: var(--ink); }
.lp .rv-card blockquote p { margin: 0 0 10px; }
.lp .rv-card figcaption { display: flex; align-items: center; gap: 10px; margin-top: 12px; font-size: .875rem; }
.lp .rv-card figcaption b { font-weight: 600; color: var(--ink); }
.lp .rv-av { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; font-size: .75rem; font-weight: 600; color: #fff; background: var(--violet); }
.lp .rv-av.is-ember { background: #e8673a; } .lp .rv-av.is-forest { background: #2f7a5b; } .lp .rv-av.is-copper { background: #b06a3b; } .lp .rv-av.is-smoke { background: #4b5563; }

/* a showcase slide in a fan: a picture of a real carousel (_inc/showcase.php sc_fan) */
/* a white edge round each card, so overlapping slides read apart (30 Oct 2026, Fernando) */
.lp .kb-fan-card > .sc-pic { display: block; width: 100%; height: auto; border-radius: 6px; box-shadow: 0 0 0 2.5px #fff, 0 1px 3px 2px rgb(24 21 31 / .1), 0 16px 32px -14px rgb(40 24 70 / .42); }