/* Static product sections: one spacing and type scale across all Key Features. */
.kf-hero { margin-bottom:0; }
.kf-body { color:#172a24; background:#fff; }
.kf-section { padding:104px 0; }
.kf-section h2,.kf-cta h2 { color:inherit; font-size:clamp(2rem,3vw,2.8rem); line-height:1.13; font-weight:500; letter-spacing:-.035em; margin:20px 0 24px; }
.kf-section p,.kf-cta p { font-size:1.07rem; line-height:1.8; color:#63726d; margin:0; }
.kf-eyebrow { display:block; color:#547b65; font-size:.73rem; font-weight:600; letter-spacing:.12em; line-height:1.5; text-transform:uppercase; }
.kf-section-heading { max-width:830px; }
.kf-section-heading p { max-width:680px; }
.kf-section-heading--compact { max-width:720px; margin-bottom:42px; }
.kf-intro { padding-bottom:58px; border-bottom:1px solid #e6ece8; background:#f7f9f6; }
.kf-intro h2 { font-size:clamp(2.1rem,3.4vw,3.25rem); }
.kf-topic-nav { margin-top:50px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.kf-topic-nav a { color:#30473b; border-top:1px solid #cddbd1; padding-top:21px; display:flex; gap:15px; align-items:baseline; font-size:.93rem; font-weight:500; text-decoration:none; }
.kf-topic-nav a>span:first-child { color:#80988a; font-size:.7rem; }
.kf-topic-nav a>span:last-child { margin-left:auto; }
.kf-topic-nav a:hover { color:#228c53; }
.kf-editorial { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.45fr); gap:68px; align-items:center; }
.kf-editorial-copy { max-width:480px; }
.kf-editorial-copy h2 { font-size:clamp(2rem,2.65vw,2.65rem); }
.kf-editorial--reverse { grid-template-columns:minmax(0,1.45fr) minmax(0,.92fr); }
.kf-editorial--reverse .kf-editorial-copy { grid-column:2; grid-row:1; }
.kf-editorial--reverse .kf-board { grid-column:1; grid-row:1; }
.kf-board { position:relative; margin:0; min-width:0; }
.kf-board picture,.kf-board img { display:block; width:100%; }
.kf-board img { height:auto; aspect-ratio:1000/760; border-radius:14px; box-shadow:0 24px 62px -28px rgba(12,35,24,.28); }
.kf-points { padding:0; margin:28px 0 0; list-style:none; }
.kf-points li { position:relative; margin:12px 0; padding-left:22px; color:#365347; font-size:.93rem; line-height:1.65; }
.kf-points li::before { content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#719d81; left:1px; top:.65em; }
.kf-inline-connectors { display:flex; flex-wrap:wrap; gap:9px 17px; margin-top:30px; font-size:.77rem; line-height:1.7; }
.kf-inline-connectors>span { display:block; flex-basis:100%; color:#63776c; }
.kf-inline-connectors a { display:inline-flex; align-items:center; gap:9px; color:#345d46; text-decoration:none; border-bottom:1px solid #c9dbcc; padding-bottom:3px; }
.kf-inline-connectors a:hover { color:#16884c; }
.kf-band { color:#e0e9e3; background:radial-gradient(ellipse at 70% 65%,#182a24 0,transparent 65%),#0d1514; border-top:1px solid #1d2f28; border-bottom:1px solid #1d2f28; padding:112px 0; }
.kf-band .kf-eyebrow { color:#8fb69d; }
.kf-band p { color:#9eafa8; }
.kf-band .kf-points li { color:#b8cfc2; }
.kf-band .kf-inline-connectors>span { color:#8a9e94; }
.kf-band .kf-inline-connectors a { color:#afcfba; border-color:#385344; }
.kf-band .kf-board img { box-shadow:0 32px 70px -30px #0008; }
.kf-surface { background:#f4f7f4; }
.kf-connections { border-bottom:1px solid #e5ece6; }
.kf-connector-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #dce6de; margin-bottom:30px; }
.kf-connector-link { display:flex; flex-direction:column; gap:13px; padding:25px 24px 25px 0; border-bottom:1px solid #dce6de; color:#243e30; text-decoration:none; }
.kf-connector-link>span:first-child { font-size:1.3rem; letter-spacing:-.02em; font-weight:500; }
.kf-connector-link>span:last-child { display:flex; gap:12px; font-size:.76rem; color:#536d5d; }
.kf-connector-link:hover>span:first-child { color:#218953; }
.kf-text-link { display:inline-flex; align-items:center; gap:12px; font-size:.9rem; font-weight:500; color:#315c41; text-decoration:none; }
.kf-text-link:hover { color:#1b8c4a; }
.kf-cases { background:#f7f9f6; }
.kf-case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.kf-case { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:36px; background:#fff; border:1px solid #e0e9df; border-radius:12px; }
.kf-case-brand { height:36px; margin-bottom:32px; display:flex; align-items:center; }
.kf-case-brand img { width:152px; height:36px; object-fit:contain; object-position:left; }
.kf-case-brand>span { font-weight:600; font-size:1.8rem; letter-spacing:-.04em; }
.kf-case h3 { font-size:1.7rem; line-height:1.23; letter-spacing:-.025em; font-weight:500; margin:0 0 18px; }
.kf-case h3 a { color:#223e2c; text-decoration:none; }
.kf-case p { font-size:.98rem; margin:0 0 30px; }
.kf-case>.kf-text-link { margin-top:auto; }
.kf-notes-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:100px; }
.kf-notes h2 { max-width:380px; }
.kf-accordion details { border-top:1px solid #dce6dd; padding:22px 0; }
.kf-accordion details:last-child { border-bottom:1px solid #dce6dd; }
.kf-accordion summary { display:flex; justify-content:space-between; align-items:baseline; gap:25px; cursor:pointer; font-size:1.05rem; line-height:1.55; color:#264132; font-weight:500; list-style:none; }
.kf-accordion summary::-webkit-details-marker { display:none; }
.kf-accordion summary span { color:#829b89; font-size:1.3rem; line-height:1; flex-shrink:0; }
.kf-accordion details[open] summary span { transform:rotate(45deg); }
.kf-accordion details p { font-size:.97rem; margin:17px 32px 0 0; }
.kf-cta { position:relative; overflow:hidden; background:radial-gradient(ellipse at 75% 50%,#203c2c77,transparent 58%),#0b1110; padding:76px 0; color:#f1f5ef; }
.kf-cta-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; gap:100px; }
.kf-cta-copy { max-width:610px; }
.kf-cta h2 { font-size:clamp(2.2rem,3.6vw,3.6rem); }
.kf-cta .kf-eyebrow { color:#8eb49a; }
.kf-cta p { color:#a3b3a7; margin-bottom:32px; max-width:500px; }
.kf-cta-phone { margin:0 auto; width:300px; }
.kf-cta-phone img { display:block; width:100%; height:auto; }
.kf-body a:focus-visible,.kf-body summary:focus-visible { outline:2px solid #53b57a; outline-offset:6px; }
.kf-capability { scroll-margin-top:88px; }
@media(min-width:1600px) { .kf-editorial { gap:92px; } }
@media(max-width:1199.98px) {
 .kf-editorial { gap:42px; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }
 .kf-editorial--reverse { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
 .kf-notes-layout { gap:60px; }
 .kf-cta-layout { gap:60px; }
}
@media(max-width:991.98px) {
 .kf-section,.kf-band { padding:76px 0; }
 .kf-intro { padding-bottom:48px; }
 .kf-editorial,.kf-editorial--reverse { grid-template-columns:minmax(0,1fr); gap:42px; }
 .kf-editorial-copy { max-width:650px; }
 .kf-editorial--reverse .kf-editorial-copy,.kf-editorial--reverse .kf-board { grid-column:1; grid-row:auto; }
 .kf-board { max-width:760px; }
 .kf-topic-nav { gap:22px; }
 .kf-notes-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 .kf-notes h2 { max-width:560px; }
 .kf-cta-layout { gap:30px; }
 .kf-cta-phone { width:220px; }
 .kf-cta h2 { font-size:2.6rem; }
}
@media(max-width:600px) {
 .kf-section,.kf-band { padding:60px 0; }
 .kf-section h2 { font-size:2rem; }
 .kf-section p { font-size:1rem; }
 .kf-intro { padding-bottom:38px; }
 .kf-topic-nav { grid-template-columns:minmax(0,1fr); gap:18px; margin-top:35px; }
 .kf-topic-nav a { padding-top:17px; }
 .kf-editorial { gap:32px; }
 .kf-board img { aspect-ratio:680/870; border-radius:10px; }
 .kf-connector-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .kf-connector-link { padding:22px 15px 22px 0; }
 .kf-connector-link>span:first-child { font-size:1.13rem; }
 .kf-case-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
 .kf-case { padding:27px; }
 .kf-case h3 { font-size:1.5rem; }
 .kf-section-heading--compact { margin-bottom:32px; }
 .kf-cta { padding:60px 0 40px; }
 .kf-cta-layout { grid-template-columns:minmax(0,1fr); gap:38px; }
 .kf-cta h2 { font-size:2.3rem; }
 .kf-cta-phone { width:235px; }
}

/* Per-feature editorial layouts around small configuration fragments. */
.kf-capability { overflow:hidden; position:relative; }
.kf-capability .container { position:relative; }
.kf-tone--mist { background:#f4f3f0; }
.kf-tone--paper { background:#fff; }
.kf-tone--night { background:radial-gradient(ellipse at 75% 35%,#18302d77,transparent 65%),#0d1719; }
.kf-editorial { grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); gap:70px; }
.kf-editorial-copy { position:relative; z-index:1; max-width:470px; }
.kf-editorial-copy h2 { font-size:clamp(2rem,3vw,3.1rem); }
.kf-board { width:calc(100% + 100px); margin:0; }
.kf-board img { aspect-ratio:1280/850; border-radius:0; box-shadow:none; }
.kf-board::before { content:''; position:absolute; inset:4% -8% 0; pointer-events:none; background:radial-gradient(ellipse at 65% 55%,color-mix(in srgb,var(--feature-accent),transparent 90%),transparent 67%); }
.kf-editorial--reverse { grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr); }
.kf-editorial--reverse .kf-board { margin-left:-100px; }
.kf-editorial--panorama { display:block; }
.kf-editorial--panorama .kf-editorial-copy { display:grid; grid-template-columns:1fr 1fr; gap:120px; max-width:none; margin-bottom:38px; align-items:start; }
.kf-editorial--panorama .kf-copy-heading { max-width:520px; }
.kf-editorial--panorama .kf-copy-heading h2 { font-size:clamp(2.2rem,3.7vw,3.7rem); }
.kf-editorial--panorama .kf-copy-detail { padding-top:7px; max-width:550px; }
.kf-editorial--panorama .kf-points { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:20px; }
.kf-editorial--panorama .kf-points li { margin:0; font-size:.84rem; }
.kf-editorial--panorama .kf-inline-connectors { margin-top:22px; }
.kf-editorial--panorama .kf-inline-connectors>span { flex-basis:auto; margin-right:3px; }
.kf-editorial--panorama .kf-board { width:calc(100% + 80px); margin-left:-40px; }
.kf-band .kf-board img { box-shadow:none; }
@media(min-width:1600px) { .kf-editorial { gap:82px; } }
@media(max-width:1199.98px) {
 .kf-editorial { gap:40px; grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr); }
 .kf-editorial--reverse { grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr); }
 .kf-editorial--panorama { display:block; }
 .kf-editorial--panorama .kf-editorial-copy { gap:60px; }
 .kf-board { width:calc(100% + 40px); }
 .kf-editorial--reverse .kf-board { margin-left:-40px; }
}
@media(max-width:991.98px) {
 .kf-editorial,.kf-editorial--reverse { grid-template-columns:minmax(0,1fr); gap:32px; }
 .kf-editorial-copy { max-width:650px; }
 .kf-editorial--reverse .kf-editorial-copy,.kf-editorial--reverse .kf-board { grid-column:auto; grid-row:auto; }
 .kf-editorial--panorama .kf-editorial-copy { grid-template-columns:1fr; gap:0; max-width:650px; }
 .kf-editorial--panorama .kf-copy-heading h2 { font-size:2.6rem; }
 .kf-board,.kf-editorial--reverse .kf-board,.kf-editorial--panorama .kf-board { width:calc(100% + 48px); max-width:none; margin:0 0 0 -24px; }
}
@media(max-width:600px) {
 .kf-editorial-copy h2,.kf-editorial--panorama .kf-copy-heading h2 { font-size:2.15rem; }
 .kf-editorial--panorama .kf-editorial-copy { margin-bottom:28px; }
 .kf-editorial--panorama .kf-points { display:block; }
 .kf-editorial--panorama .kf-points li { margin:10px 0; font-size:.93rem; }
 .kf-editorial--panorama .kf-inline-connectors>span { flex-basis:100%; }
 .kf-board img { aspect-ratio:680/760; }
 .kf-board,.kf-editorial--reverse .kf-board,.kf-editorial--panorama .kf-board { width:calc(100% + 56px); margin-left:-28px; }
}
/* Small floating settings fragments, using the same restraint as the hero glass. */
.kf-board,.kf-editorial--reverse .kf-board { width:calc(100% + 30px); max-width:760px; margin-left:0; }
.kf-board img { aspect-ratio:900/640; }
.kf-board::before { display:none; }
.kf-editorial--reverse .kf-board { margin-left:-30px; }
.kf-editorial--panorama .kf-board { width:100%; max-width:840px; margin:0 auto; }
.kf-editorial--panorama .kf-editorial-copy { margin-bottom:6px; }
@media(max-width:991.98px) {
 .kf-board,.kf-editorial--reverse .kf-board,.kf-editorial--panorama .kf-board { width:100%; max-width:760px; margin:0 auto; }
}
@media(max-width:600px) {
 .kf-board,.kf-editorial--reverse .kf-board,.kf-editorial--panorama .kf-board { width:calc(100% + 16px); margin-left:-8px; }
 .kf-board img { aspect-ratio:680/640; }
}

/* People, product and everyday context. One lazy editorial image per feature. */
.kf-life { scroll-margin-top:76px; padding:90px 0; background:#f7f8f5; color:#18342c; }
.kf-life-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:80px; }
.kf-life-copy { max-width:490px; }
.kf-life h2 { margin:22px 0 25px; font-size:clamp(2.3rem,3.8vw,3.6rem); line-height:1.08; letter-spacing:-.04em; font-weight:500; color:inherit; }
.kf-life-copy p { font-size:1.07rem; line-height:1.8; color:#677970; }
.kf-life-copy ul { margin:28px 0 0; padding:0; list-style:none; }
.kf-life-copy li { margin:10px 0; font-size:.91rem; color:#416150; }
.kf-life-copy li::before { content:'✓'; margin-right:12px; color:#63a081; }
/* Clip the fully composited photo, tint and widget once. Independently rounded
 * photo/tint layers leave an exposed bright antialiased seam. */
.kf-life-visual { --photo-radius:18px; position:relative; margin:0; min-width:0; isolation:isolate; clip-path:inset(0 round var(--photo-radius)); }
.kf-life-visual picture,.kf-life-visual img { display:block; width:100%; }
.kf-life-visual img { height:610px; object-fit:cover; object-position:68% center; border-radius:0; }
.kf-product-glimpse { position:absolute; left:25px; bottom:32px; width:310px; padding:24px; border:1px solid #deded4b3; border-radius:6px; background:#fafaf5ed; backdrop-filter:blur(18px); color:#25261f; box-shadow:0 10px 32px #0c150b12; }
.kf-product-glimpse>span { display:block; color:#6e7266; font-size:.72rem; margin-bottom:9px; }
.kf-product-glimpse strong { display:block; font-size:1.25rem; line-height:1.25; font-weight:500; margin-bottom:20px; }
.kf-product-glimpse>div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:12px 0 0; margin-top:12px; border-top:1px solid #ddded5; font-size:.77rem; }
.kf-product-glimpse>div span { color:#75786d; }
.kf-product-glimpse b { font-weight:500; white-space:nowrap; }
.kf-life--duo .kf-life-layout { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
.kf-life--duo .kf-life-copy { grid-column:2; grid-row:1; }
.kf-life--duo .kf-life-visual { grid-column:1; grid-row:1; }
.kf-life--wide { background:#0b1110; padding:74px 0; color:#eef5ed; }
.kf-life--wide .kf-life-layout { position:relative; display:block; min-height:670px; isolation:isolate; }
.kf-life--wide .kf-life-visual { --photo-radius:16px; position:absolute; inset:0; z-index:-1; }
.kf-life--wide .kf-life-visual img { height:670px; object-position:center; border-radius:0; }
.kf-life--wide .kf-life-visual::after { content:''; position:absolute; inset:0; border-radius:0; pointer-events:none; background:linear-gradient(90deg,#08110df5 0%,#0a1710d9 23%,#0b180e88 43%,transparent 66%); }
.kf-life--wide .kf-life-copy { padding:65px 0 50px 48px; max-width:480px; }
.kf-life--wide .kf-life-copy p { color:#b2c1b5; }
.kf-life--wide .kf-eyebrow { color:#a5c1ac; }
.kf-life--wide .kf-life-copy li { color:#c3d6c8; }
.kf-life--wide .kf-product-glimpse { left:auto; right:32px; z-index:1; }
@media(max-width:1199.98px) { .kf-life-layout { gap:45px; }.kf-life-visual img { height:560px; }.kf-life--wide .kf-life-copy { padding-left:32px;max-width:440px; } }
@media(max-width:991.98px) {
 .kf-life { padding:72px 0; }
 .kf-life-layout,.kf-life--duo .kf-life-layout { grid-template-columns:1fr; gap:35px; }
 .kf-life--duo .kf-life-copy,.kf-life--duo .kf-life-visual { grid-column:auto;grid-row:auto; }
 .kf-life-copy { max-width:630px; }
 .kf-life-visual img { height:560px; }
 .kf-life--wide .kf-life-layout { display:flex;flex-direction:column;min-height:0; }
 .kf-life--wide .kf-life-copy { padding:0;max-width:630px;align-self:flex-start; }
 .kf-life--wide .kf-life-visual { position:relative;inset:auto;z-index:auto;width:100%; }
 .kf-life--wide .kf-life-visual img { height:540px; }
 .kf-life--wide .kf-life-visual::after { display:none; }
}
@media(max-width:600px) {
 .kf-life { padding:58px 0; }
 .kf-life h2 { font-size:2.4rem; }
 .kf-life-copy p { font-size:1rem; }
 .kf-life-visual img,.kf-life--wide .kf-life-visual img { height:470px;object-position:67% center; }
 .kf-product-glimpse,.kf-life--wide .kf-product-glimpse { left:16px;right:auto;bottom:20px;width:calc(100% - 32px);max-width:310px;padding:20px; }
 .kf-product-glimpse strong { font-size:1.02rem; }
}

@media(max-width:600px) { .kf-life-photo--builders .kf-life-visual img,.kf-life-photo--team .kf-life-visual img { object-position:90% center; } }

/* The picture reserves the layout and supplies the no-JS/reduced-motion fallback. */
.kf-inline-config { position:absolute; inset:0; display:block; width:100%; height:100%; overflow:visible; pointer-events:none; }
.kf-board[data-enhanced="true"] picture { visibility:hidden; }
.kf-product-glimpse b { color:#292c23; font-variant-numeric:tabular-nums; }

:is(.kf-product-glimpse--accounts,.kf-product-glimpse--transfers,.kf-product-glimpse--cards,.kf-product-glimpse--prices,.kf-product-glimpse--currency-exchange)>div:first-of-type { display:flex; flex-direction:column; gap:5px; }
:is(.kf-product-glimpse--accounts,.kf-product-glimpse--transfers,.kf-product-glimpse--cards,.kf-product-glimpse--prices,.kf-product-glimpse--currency-exchange)>div:first-of-type b { font-size:1.45rem; letter-spacing:-.035em; }

/* The complete static phone reserves layout before the visible-only SVG overlay. */
.kf-cta-phone { position:relative; }
.kf-inline-app { position:absolute; inset:0; display:block; width:100%; height:100%; pointer-events:none; }
.kf-cta-phone[data-enhanced=true]>img { visibility:hidden; }

/* The developer section uses the site's typeface and a distinct code surface. */
.kf-developer { padding:104px 0; background:radial-gradient(ellipse at 10% 85%,#16342f66,transparent 60%),#0d1c24; color:#f2f6f7; }
.kf-developer-layout { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr); gap:80px; align-items:center; }
.kf-developer-copy { max-width:490px; }
.kf-developer .kf-eyebrow { color:#79c9b1; }
.kf-developer h2 { color:inherit; font-size:clamp(2rem,3.25vw,3rem); font-weight:400; line-height:1.12; letter-spacing:-.035em; margin:23px 0 25px; }
.kf-developer-copy>p { color:#acbbc1; font-size:1.05rem; line-height:1.75; margin:0; }
.kf-developer-points { display:grid; gap:14px; list-style:none; padding:0; margin:30px 0 34px; color:#c8d8dc; font-size:.94rem; line-height:1.5; }
.kf-developer-points li { display:flex; align-items:baseline; gap:12px; }
.kf-developer-points li>span { color:#79c9b1; }
.kf-developer-link { display:inline-flex; align-items:center; gap:18px; border-radius:28px; padding:13px 23px; background:#d3eee4; color:#142b25; font-size:.94rem; font-weight:600; text-decoration:none; }
.kf-developer-link:hover { background:#e5f6ef; color:#142b25; }
.kf-code-card { min-width:0; border:1px solid #2b424e; border-radius:14px; background:#142935; box-shadow:0 22px 65px #0002; overflow:hidden; }
.kf-code-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:17px 20px; border-bottom:1px solid #2b424e; min-height:71px; }
.kf-code-tabs { display:flex; gap:5px; min-width:0; }
.kf-code-tabs[hidden],.kf-code-panel[hidden],.kf-code-copy[hidden] { display:none; }
.kf-code-tabs button { border:0; border-radius:20px; padding:8px 14px; background:transparent; color:#b9cbd5; font:600 .85rem/1.3 'Source Sans Pro',sans-serif; white-space:nowrap; }
.kf-code-tabs button[aria-selected="true"] { background:#284655; color:#c3e8f4; }
.kf-code-tabs button:hover { color:#fff; }
.kf-code-copy { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border:1px solid #39515e; border-radius:7px; background:transparent; color:#c2d2da; }
.kf-code-copy:hover { background:#284655; }
.kf-code-card :focus-visible,.kf-developer-link:focus-visible { outline:2px solid #99cee7; outline-offset:3px; }
.kf-code-endpoint { display:flex; align-items:baseline; gap:12px; margin:20px 23px 0; }
.kf-code-endpoint>span { color:#8dd5bf; font:600 .68rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.kf-code-endpoint code { color:#bccbd2; font:400 .7rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.kf-code-context { margin:14px 23px 12px; color:#819ba8; font-size:.7rem; }
.kf-code-panel pre { background:transparent; border:0; border-radius:0; height:375px; overflow:auto; scrollbar-color:#44606f #142935; scrollbar-width:thin; margin:0; padding:0 23px 22px; color:#e5eef2; tab-size:2; }
.kf-code-panel pre>code { display:block; color:inherit; font:400 12px/1.85 ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace; white-space:pre; }
.kf-code-line { display:inline-flex; min-width:100%; }
.kf-code-number { display:inline-block; width:28px; padding-right:14px; flex-shrink:0; color:#6f8896; text-align:right; user-select:none; }
.kf-syntax-comment { color:#8ea9b6; }
.kf-syntax-string { color:#edc29a; }
.kf-syntax-keyword { color:#aab9ff; }
.kf-syntax-number { color:#8ed4c9; }
.kf-code-footer { border-top:1px solid #2b424e; padding:22px 24px 24px; }
.kf-code-status:not(:empty) { display:block; padding:0 24px 18px; color:#a3ddcc; font-size:.8rem; }
.kf-code-footer strong { display:block; color:#e1ebef; font-size:.94rem; font-weight:600; margin-bottom:9px; }
.kf-code-footer p { color:#a8bdc8; font-size:.83rem; line-height:1.65; margin:0 0 14px; }
.kf-code-footer a { display:inline-flex; align-items:center; gap:12px; color:#a3ddcc; font-size:.83rem; font-weight:600; text-decoration:none; }
@media(max-width:1199.98px) { .kf-developer-layout { gap:40px; } }
@media(max-width:991.98px) { .kf-developer { padding:76px 0; }.kf-developer-layout { grid-template-columns:1fr;gap:42px; }.kf-developer-copy { max-width:650px; } }
@media(max-width:600px) {
 .kf-developer { padding:60px 0; }
 .kf-developer h2 { font-size:2.3rem; }
 .kf-code-toolbar { padding:14px 12px;gap:4px; }
 .kf-code-tabs { gap:1px; }
 .kf-code-tabs button { padding:8px 10px;font-size:.77rem; }
 .kf-code-endpoint { margin:18px 16px 0;gap:9px; }
 .kf-code-context { margin-left:16px; }
 .kf-code-panel pre { height:350px;padding:0 16px 20px; }
 .kf-code-panel pre>code { font-size:11px; }
 .kf-code-footer { padding:20px 16px; }
}