:root{color-scheme:light}
body{margin:0;background:#fff;color:#101115;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
.kcd-nav{min-height:65px;max-width:1160px;margin:auto;padding:12px clamp(16px,4vw,38px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e6e8ed}
.kcd-nav>a{color:inherit;font-weight:650;text-decoration:none}
.kcd-wordmark{display:block;position:relative;width:min(155px,44vw)}
.kcd-wordmark img{display:block;width:100%;height:auto}
.kcd-wordmark .kcd-wordmark-ink{position:absolute;inset:0;filter:brightness(0);clip-path:inset(0 23.9% 0 0)}
.kcd-gallery,.kcd-demo{width:min(1160px,100%);margin:auto;padding:clamp(22px,5vw,64px) clamp(16px,4vw,38px) 60px}
.kcd-gallery>header{margin-bottom:clamp(24px,5vw,45px)}
.kcd-gallery>header p,.kcd-demo>header p{max-width:58ch;color:#50545d}
.kcd-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.2em}
.kcd-gallery>header h1,.kcd-demo>header h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.05;letter-spacing:-.055em;margin:.18em 0}
.kcd-grid{display:grid;gap:20px}
.kcd-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#f6f7f9;border:1px solid #e7e9ef;border-radius:22px}
.kcd-thumb{position:relative;overflow:hidden;height:232px;background:#e7eaf0}
.kcd-thumb .kct{position:absolute;top:16px;left:50%;width:365px;max-width:none;min-height:0;transform:translateX(-50%) scale(.62);transform-origin:top center;border-radius:24px;box-shadow:0 10px 28px #11182735}
.kcd-thumb .kct-immersive{min-height:440px}
.kcd-copy{padding:19px;display:flex;flex:1;flex-direction:column}
.kcd-copy h2{margin:.24em 0;line-height:1.15;font-size:1.5rem;letter-spacing:-.03em}
.kcd-copy p{margin:.35em 0;color:#3b414d}
.kcd-copy ul{padding-left:19px;color:#3b414d;margin:.45em 0 1.25em}
.kcd-badge{align-self:flex-start;display:inline-block;border-radius:999px;background:#e8eeff;color:#003aaf;font-size:.78rem;font-weight:700;padding:4px 10px}
.kcd-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.kcd-buttons a,.kcd-primary,.kcd-demo>header>a:first-child{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border:1px solid #c9cdd7;border-radius:999px;color:#14171e;font-weight:680;text-decoration:none;font-size:.88rem}
.kcd-primary,.kcd-buttons .kcd-primary{color:#fff;background:#003fdb;border-color:#003fdb}
.kcd-nav a:focus-visible,.kcd-buttons a:focus-visible,.kcd-demo a:focus-visible,.kcd-demo button:focus-visible{outline:2px solid #376aff;outline-offset:3px}
.kcd-demo>header{display:grid;justify-items:start;gap:13px;margin-bottom:18px}
.kcd-demo>header p{margin:.4em 0}
.kcd-status{max-width:435px;margin:0 auto 10px;background:#edf2ff;color:#173566;padding:11px 16px;border-radius:13px;font-size:.9rem}
.kcd-phone{max-width:435px;margin:auto;border-radius:24px;overflow:hidden;border:1px solid #dedfe5;background:#0c0c0d}
.kcd-phone .kct{margin:0;max-width:none}
.kcd-phone [data-demo-video]:not([hidden]){display:grid;place-items:center;min-height:145px;background:#181b20;color:#fff;padding:24px;text-align:center}
@media(min-width:620px){.kcd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kcd-demo>header{grid-template-columns:auto 1fr auto;align-items:center;gap:22px}}
@media(min-width:960px){.kcd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kcd-thumb{display:grid;place-items:center;height:clamp(250px,67vw,320px);padding:13px;background:#f0f1f3}
.kcd-thumb>img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}
.kcd-concept{font-size:.75rem;color:#555e6d;font-weight:650}
.kcd-phone [data-demo-video]:not([hidden]){display:block;padding:0}
.kcd-phone [data-demo-video] video{width:100%;height:100%;display:block}