@font-face{font-family:Plus Jakarta Sans;src:url(../../assets/fonts/plus-jakarta-sans-latin-ext.woff2) format("woff2");font-display:swap;font-weight:200 800;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0300-0303,U+0305-0307,U+0309-0328,U+032A-036F,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ki-navy:#172139;--ki-blue:#284fa6;--ki-orange:#f4793b;--ki-paper:#faf9f6;--ki-line:#dedfe5;--ki-soft:#eceff5}
html{scroll-behavior:smooth;background:var(--ki-paper)}
body{margin:0;background:var(--ki-paper)}
.ki-demo-shell{position:sticky;z-index:1000;top:0;flex-shrink:0;width:100%;border-bottom:1px solid var(--ki-line);background:var(--ki-paper);font-family:"Plus Jakarta Sans",Arial,sans-serif;color:var(--ki-navy);box-sizing:border-box}
.ki-demo-shell *{box-sizing:border-box}
.ki-demo-header{position:relative;width:min(1280px,calc(100% - 96px));height:88px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:36px}
.ki-demo-brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;flex-shrink:0;white-space:nowrap}
.ki-demo-symbol{width:43px;height:43px;flex-shrink:0;color:var(--ki-navy)}
.ki-demo-symbol circle:first-of-type{fill:var(--ki-orange);stroke:none}.ki-demo-symbol circle:last-of-type{fill:#fff;stroke:none}
.ki-demo-wordmark{font-size:25px;font-weight:800;letter-spacing:-1.3px}.ki-demo-wordmark span{font-weight:450}.ki-demo-wordmark b{color:#cf5a23}
.ki-demo-nav{display:flex;align-items:center;justify-content:center;gap:22px}
.ki-demo-nav a{display:inline-flex;align-items:center;gap:6px;padding:12px 0;color:inherit;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap}
.ki-demo-nav a:hover{color:#315bc2}.ki-demo-nav a.ki-demo-feature{color:#284fa6;font-weight:750}
.ki-demo-icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ki-demo-nav .ki-demo-icon{width:14px;height:14px}
.ki-demo-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.ki-demo-actions>a{text-decoration:none}
.ki-demo-language{display:flex;align-items:center;gap:7px;min-height:44px;color:inherit;font-size:12px;font-weight:650}.ki-demo-language>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ki-demo-contact{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:12px 20px;border-radius:99px;background:var(--ki-blue);color:#fff;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}.ki-demo-contact:hover{background:#1e408b;transform:translateY(-2px)}
.ki-demo-menu{display:none}.ki-demo-menu summary{list-style:none;cursor:pointer}.ki-demo-menu summary::-webkit-details-marker{display:none}
.ki-demo-shell a:focus-visible,.ki-demo-shell summary:focus-visible{outline:3px solid #426bd4;outline-offset:4px}
@media(max-width:1250px){.ki-demo-header{width:calc(100% - 64px);gap:20px}.ki-demo-nav,.ki-demo-contact{display:none}.ki-demo-actions{gap:20px}.ki-demo-menu{display:block}.ki-demo-menu summary{display:flex;align-items:center;justify-content:center;gap:12px;min-width:44px;min-height:44px;padding:10px 0;font-size:11px;font-weight:600}.ki-demo-menu nav{position:absolute;top:calc(100% - 2px);right:0;left:0;max-height:calc(100dvh - 100px);overflow-y:auto;display:grid;padding:18px;border:1px solid var(--ki-line);border-radius:16px;background:var(--ki-paper);box-shadow:0 15px 45px #152d221c}.ki-demo-menu nav a{display:flex;align-items:center;justify-content:space-between;padding:13px;border-radius:8px;color:inherit;text-decoration:none;font-size:14px;font-weight:600}.ki-demo-menu nav a:hover,.ki-demo-menu nav a.is-current{background:var(--ki-soft);color:#315bc2}.ki-demo-menu nav a.ki-demo-feature{color:#284fa6;font-weight:750}.ki-demo-menu nav a:last-child{margin-top:8px;background:var(--ki-blue);color:#fff}}
@media(max-width:650px){.ki-demo-header{width:calc(100% - 40px);height:72px;gap:10px}.ki-demo-symbol{width:35px;height:35px}.ki-demo-wordmark{font-size:21px;letter-spacing:-1px}.ki-demo-actions{gap:8px}.ki-demo-language{font-size:10px}.ki-demo-language>svg{width:16px;height:16px}.ki-demo-chevron{display:none}.ki-demo-menu summary{font-size:0;gap:0}.ki-demo-menu summary span{font-size:20px}.ki-demo-menu nav{top:calc(100% - 2px);max-height:calc(100dvh - 84px)}}
@media(max-width:365px){.ki-demo-symbol{width:31px;height:31px}.ki-demo-wordmark{font-size:19px}.ki-demo-actions{gap:10px}}
/* Language selection stays on the current demo and retains quiz parameters. */
.ki-demo-language-picker{position:relative;flex-shrink:0}
.ki-demo-language-picker summary{list-style:none;cursor:pointer}
.ki-demo-language-picker summary::-webkit-details-marker{display:none}
.ki-demo-language-options{position:absolute;right:0;top:calc(100% + 12px);display:grid;min-width:160px;padding:8px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 12px 32px #17213926;z-index:100}
.ki-demo-language-options a{padding:10px 14px;color:#172139;text-decoration:none;border-radius:7px;font-size:14px}
.ki-demo-language-options a:hover,.ki-demo-language-options a[aria-current]{background:#eef3f9}
/* Match the main site's type and navigation. */
@font-face{font-family:"Plus Jakarta Sans";src:url(../../assets/fonts/plus-jakarta-sans-latin.woff2) format("woff2");font-display:swap;font-weight:200 800;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@media(min-width:1251px){
 .ki-demo-header{width:min(1400px,calc(100% - 64px));gap:20px}
 .ki-demo-nav{gap:20px}.ki-demo-nav a{font-size:16px}
 .ki-demo-contact{font-size:15px}
 .ki-demo-language{font-size:14px}
}