.koko-brand-header { position:relative; z-index:20; box-sizing:border-box; display:flex; align-items:center; width:100%; min-height:76px; padding:.8rem clamp(1rem,4vw,3rem); overflow:hidden; background:radial-gradient(circle at 18% -80%,rgba(64,177,230,.45),transparent 22rem),linear-gradient(115deg,#071d35 0%,#0b3156 54%,#145b91 100%); color:#fff; box-shadow:0 8px 24px rgba(7,29,53,.18); }
.koko-brand-header::after { content:""; position:absolute; top:-58px; right:clamp(-70px,-4vw,-20px); width:190px; height:190px; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025); pointer-events:none; }
.koko-brand-link { position:relative; z-index:1; display:inline-block; color:inherit; text-decoration:none; }
.koko-brand-link:hover,.koko-brand-link:focus-visible { color:inherit; text-decoration:none; }
.koko-brand-link:focus-visible { border-radius:6px; outline:3px solid rgba(255,255,255,.7); outline-offset:5px; }
.koko-brand { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:.25rem; margin:0; color:inherit; line-height:1.05; text-align:left; }
.koko-brand-primary { display:inline-flex; align-items:baseline; justify-content:flex-start; gap:.8rem; }
.koko-brand-wordmark { font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:clamp(1.8rem,4vw,2.35rem); font-weight:820; letter-spacing:-.07em; }
.koko-brand-wordmark::after { content:"."; color:#54c2df; }
.koko-brand-tagline { font-size:.9rem; font-style:normal; font-weight:520; letter-spacing:.01em; opacity:.82; white-space:nowrap; }
.koko-brand-context { font-size:.76rem; font-weight:650; letter-spacing:.1em; opacity:.74; text-transform:uppercase; }
@media (max-width:480px) { .koko-brand-header{min-height:68px;padding:.72rem 1rem}.koko-brand-primary{gap:.6rem}.koko-brand-tagline{font-size:.78rem} }
/* Separate guest identity; always offer a way back without replacing real enrollment. */
.koko-demo-session-banner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding:10px 16px; background:#fff5dc; color:#593f08; }
.koko-demo-session-banner form { margin:0; }
.koko-demo-session-banner button { border:1px solid #a97c27; border-radius:8px; padding:6px 12px; background:#fff; color:#593f08; font:inherit; cursor:pointer; }