/* Signature demo showroom: public real preview only. No private guides or order flow. */
:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#143954;background:#f7f3eb}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:#f7f3eb;color:#143954}
a{color:inherit}a:focus-visible{outline:3px solid #a8753a;outline-offset:4px;border-radius:4px}
.kc-demo-shell{min-height:100svh;display:flex;flex-direction:column}
.kc-demo-bar{min-height:68px;padding:12px clamp(14px,3vw,48px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;background:#fffdfa;border-bottom:1px solid #d9e0e5}
.kc-demo-back{font-weight:650;text-decoration:none;min-height:42px;display:inline-flex;align-items:center;width:max-content;max-width:100%}
.kc-demo-back:hover{text-decoration:underline}
.kc-demo-brand{font:400 clamp(1.1rem,2vw,1.5rem)/1.2 Georgia,serif;white-space:nowrap;text-align:center;color:#143954}
.kc-demo-langs{justify-self:end;display:flex;gap:3px;align-items:center;border:1px solid #cbd9e3;border-radius:999px;background:#f7f3eb;padding:4px}
.kc-demo-langs a{min-width:35px;min-height:34px;display:grid;place-items:center;text-decoration:none;border-radius:999px;font-size:.78rem;font-weight:750}
.kc-demo-langs a[aria-current="page"]{background:#143954;color:#fff}
.kc-demo-langs a:not([aria-current]):hover{background:#e5eef6}
.kc-demo-grid{width:min(1100px,100%);margin:auto;padding:clamp(20px,4vh,45px) clamp(20px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,430px);align-items:center;gap:clamp(26px,6vw,96px)}
.kc-demo-copy{min-width:0}
.kc-demo-kicker{margin:0 0 12px;color:#345775;font-weight:750;font-size:.83rem;letter-spacing:.12em;text-transform:uppercase}
.kc-demo-copy h1{margin:0 0 20px;font:400 clamp(2.15rem,4.2vw,4.1rem)/1.1 Georgia,serif;color:#143954;max-width:12ch}
.kc-demo-description{max-width:48ch;font-size:1.1rem;line-height:1.7;color:#344d61}
.kc-demo-fact{font-weight:650;color:#234b68;margin-top:24px}
.kc-demo-instruction{max-width:44ch;color:#3b5262;font-size:.93rem;line-height:1.6;margin:28px 0 0}
.kc-demo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.kc-demo-primary,.kc-demo-secondary{min-height:48px;padding:12px 17px;text-align:center;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;font-weight:750;line-height:1.3}
.kc-demo-primary{background:#143954;color:white}.kc-demo-primary:hover{background:#0b293e}
.kc-demo-secondary{border:1px solid #8da9bd;background:#fffdfa}.kc-demo-secondary:hover{background:#e5eef6}
.kc-demo-frame{display:flex;flex-direction:column;align-items:center;min-width:0}
.kc-demo-device{position:relative;width:min(100%,380px);height:clamp(580px,79svh,760px);border:10px solid #183c55;border-radius:38px;padding:15px 6px 7px;background:#183c55;box-shadow:0 24px 55px rgba(13,42,61,.22)}
.kc-demo-device::before{content:"";position:absolute;width:58px;height:5px;left:50%;top:5px;transform:translateX(-50%);background:#8ba6b7;border-radius:999px}
.kc-demo-device iframe{display:block;width:100%;height:100%;border:0;border-radius:24px;background:#fbf8f2;overflow:auto}
.kc-demo-frame-note{margin:12px 0 0;color:#506170;font-size:.8rem;line-height:1.5;text-align:center}
.kc-demo-frame-note a{font-weight:650;text-decoration:underline;text-underline-offset:3px}
.kc-demo-mobile-footer{display:none}
@media(max-width:760px){
 .kc-demo-bar{min-height:55px;padding:6px 10px;gap:6px}
 .kc-demo-back{font-size:.79rem;min-height:42px}
 .kc-demo-brand{font-size:1.02rem}
 .kc-demo-langs{padding:3px}
 .kc-demo-langs a{min-width:27px;min-height:32px;font-size:.69rem}
 .kc-demo-grid{display:block;padding:0;max-width:none;flex:1;margin:0}
 .kc-demo-copy,.kc-demo-frame-note{display:none}
 .kc-demo-frame{height:100%;display:block}
 .kc-demo-device{width:100%;height:calc(100svh - 55px - 62px);min-height:340px;border:0;border-radius:0;padding:0;box-shadow:none;background:#fbf8f2}
 .kc-demo-device::before{display:none}
 .kc-demo-device iframe{border-radius:0}
 .kc-demo-mobile-footer{min-height:62px;display:flex;gap:12px;padding:8px 12px;align-items:center;justify-content:center;background:#fffdfa;border-top:1px solid #cbd9e3}
 .kc-demo-mobile-footer a{flex:1;max-width:220px;font-size:.84rem;min-height:44px;padding:9px}
}
@media(max-width:360px){.kc-demo-brand{font-size:.92rem}.kc-demo-back{font-size:.72rem}}
@media(prefers-reduced-motion:no-preference){.kc-demo-primary,.kc-demo-secondary{transition:background .15s ease}}