.kp-use-case .kp-s4-hero{background:radial-gradient(90% 60% at 30% 0,#1a2028 0%,#0b0e12 75%);padding-block:16px 40px}@media (min-width:768px){.kp-use-case .kp-s4-hero{background:radial-gradient(50% 90% at 25% 0,#1a2028 0%,#0b0e12 70%);padding-block:24px 56px}}@media (min-width:1024px){.kp-use-case .kp-s4-hero{padding-block:28px 64px}}.kp-use-case .kp-s4-crumbs{margin-bottom:12px}@media (min-width:768px){.kp-use-case .kp-s4-crumbs{margin-bottom:36px}}@media (max-width:767px){.kp-use-case .kp-display{font-size:28px;line-height:34px}}.kp-use-case:lang(hi) .kp-display{line-height:1.4}.kp-use-case .kp-s4-hero-start .kp-s4-hero-lead{max-width:720px}@media (min-width:1024px){.kp-use-case .kp-s4-hero-start{grid-template-columns:minmax(0,720px) minmax(0,1fr);align-items:end;column-gap:80px;display:grid}.kp-use-case .kp-s4-hero-start>*{grid-column:1}.kp-use-case .kp-s4-hero-start>.kp-use-case-facts{grid-area:1/2/span 4;align-self:end}}.kp-use-case .kp-use-case-price{width:fit-content;max-width:100%;min-height:36px;color:var(--kp-signal);font-family:var(--kp-mono);overflow-wrap:anywhere;background:#82c9b81a;border:1px solid #82c9b847;border-radius:6px;align-items:center;margin-top:16px;padding:8px 12px;font-size:13px;font-weight:500;line-height:16px;display:inline-flex}@media (min-width:1024px){.kp-use-case .kp-use-case-price{margin-top:18px}}.kp-use-case .kp-use-case-facts{border:1px solid var(--kp-line);background:var(--kp-rail);border-radius:8px;margin-top:24px}@media (min-width:1024px){.kp-use-case .kp-use-case-facts{margin-top:0}}.kp-use-case .kp-use-case-facts__head{border-bottom:1px solid var(--kp-line);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;display:flex}.kp-use-case .kp-use-case-facts__id{min-width:0;font-family:var(--kp-mono);color:var(--kp-ink);overflow-wrap:anywhere;font-size:13px;line-height:16px}.kp-use-case .kp-use-case-facts__src{color:var(--kp-ink-3);flex-shrink:0;font-size:12px;line-height:16px}.kp-use-case .kp-use-case-facts dl>div{justify-content:space-between;align-items:baseline;gap:16px;padding:10px 16px;display:flex}.kp-use-case .kp-use-case-facts dl>div+div{border-top:1px solid var(--kp-line)}.kp-use-case .kp-use-case-facts dt{color:var(--kp-ink-3);flex-shrink:0;font-size:14px;line-height:18px}.kp-use-case .kp-use-case-facts dd{min-width:0;font-family:var(--kp-mono);color:var(--kp-ink);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:14px;line-height:18px}@media (max-width:359px){.kp-use-case .kp-use-case-facts dd{font-size:13px}}.kp-use-case .kp-use-case-h2{font-family:var(--kp-display);color:var(--kp-ink);text-wrap:balance;font-size:22px;font-weight:600;line-height:28px}@media (min-width:768px){.kp-use-case .kp-use-case-h2{font-size:28px;line-height:34px}}.kp-use-case .kp-use-case-fit__cols{gap:28px;display:grid}@media (min-width:768px){.kp-use-case .kp-use-case-fit__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}}@media (min-width:1024px){.kp-use-case .kp-use-case-fit__cols{grid-template-columns:440px minmax(0,1fr);gap:80px}}.kp-use-case .kp-use-case-fit__col{flex-direction:column;gap:10px;display:flex}@media (min-width:768px){.kp-use-case .kp-use-case-fit__col{gap:12px}}.kp-use-case .kp-use-case-fit__num{font-family:var(--kp-mono);color:var(--kp-light-ink-2);font-size:12px;line-height:16px}.kp-use-case .kp-light .kp-use-case-h2{color:var(--kp-light-ink)}@media (min-width:1024px){.kp-use-case .kp-light .kp-use-case-h2{font-size:26px;line-height:32px}}.kp-use-case .kp-use-case-fit__body{color:var(--kp-light-ink-2);text-wrap:pretty;font-size:15px;line-height:24px}@media (min-width:768px){.kp-use-case .kp-use-case-fit__body{font-size:16px;line-height:26px}}.kp-use-case .kp-use-case-pattern{background:#f7f9fb;border:1px solid #c9d2db;border-radius:8px;flex-direction:column;gap:16px;margin-top:28px;padding:20px;display:flex}@media (min-width:768px){.kp-use-case .kp-use-case-pattern{margin-top:48px;padding:28px 32px}}.kp-use-case .kp-use-case-pattern ol{flex-direction:column;gap:28px;display:flex}.kp-use-case .kp-use-case-pattern li{background:#fff;border:1px solid #b9c4cf;border-radius:6px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;position:relative}.kp-use-case .kp-use-case-pattern li[data-last]{border-color:#1e6b5a}.kp-use-case .kp-use-case-pattern li:not([data-last]):after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v11M4 9l4 4 4-4' fill='none' stroke='%235E7A93' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/16px 16px no-repeat;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:-22px;left:50%}@media (min-width:768px){.kp-use-case .kp-use-case-pattern ol{flex-direction:row;align-items:stretch;gap:56px}.kp-use-case .kp-use-case-pattern li{flex:1 1 0;min-width:0;max-width:300px}.kp-use-case .kp-use-case-pattern li:not([data-last]):after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M2 6h32M28 1l6 5-6 5' fill='none' stroke='%235E7A93' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/40px 12px no-repeat;width:40px;height:12px;margin:-6px 0 0;inset:50% -48px auto auto}}.kp-use-case .kp-use-case-pattern__label{font-family:var(--kp-mono);color:var(--kp-light-ink-2);font-size:12px;line-height:16px}.kp-use-case .kp-use-case-pattern li[data-last] .kp-use-case-pattern__label{color:#1e6b5a}.kp-use-case .kp-use-case-pattern__body{color:var(--kp-light-ink);text-wrap:pretty;font-size:14px;line-height:20px}.kp-use-case .kp-use-case-pattern__branch{color:var(--kp-light-ink-2);align-items:center;gap:12px;padding-left:16px;font-size:14px;line-height:20px;display:flex}.kp-use-case .kp-use-case-pattern__branch svg{color:#8a5a12;flex-shrink:0}@media (max-width:767px){.kp-use-case .kp-use-case-pattern__branch{padding-left:0}}.kp-use-case .kp-use-case-code{padding-block:44px 40px}@media (min-width:768px){.kp-use-case .kp-use-case-code{padding-block:72px 64px}}@media (min-width:1024px){.kp-use-case .kp-use-case-code{padding-block:88px 80px}}.kp-use-case .kp-use-case-code .kp-s4-code{margin-top:16px}@media (min-width:768px){.kp-use-case .kp-use-case-code .kp-s4-code{margin-top:20px}}.kp-use-case .kp-use-case-code pre{color:var(--kp-ink)}@media (min-width:768px){.kp-use-case .kp-use-case-code pre{padding:20px 24px}}.kp-use-case .kp-use-case-faq{padding-block:8px 24px}@media (min-width:768px){.kp-use-case .kp-use-case-faq{padding-block:24px}}.kp-use-case .kp-use-case-faq .kp-s4-disc{max-width:880px;margin-top:16px}@media (min-width:768px){.kp-use-case .kp-use-case-faq .kp-use-case-h2{text-align:center}.kp-use-case .kp-use-case-faq .kp-s4-disc{margin:32px auto 0}}.kp-use-case .kp-use-case-cta .kp-s4-cta{padding-block:48px 64px}@media (min-width:1024px){.kp-use-case .kp-use-case-cta .kp-s4-cta{padding-block:88px 96px}}.kp-use-case .kp-s4-code code{font-family:inherit}.kp-use-case .kp-s4-crumbs a{position:relative}.kp-use-case .kp-s4-crumbs a:after{content:"";position:absolute;inset-block:0;inset-inline:min(0px,50% - 22px)}.kp-use-case .kp-s4-code__tab{justify-content:center;min-width:44px}
