body:has(.kb-home) {background:var(--kb-bg);margin:0}
.kb-home {font:400 16px/1.5 var(--kb-font-body);color:var(--kb-ink);padding-bottom:112px;background:var(--kb-bg)}
.kb-home * {box-sizing:border-box}
.kb-home h1,.kb-home h2,.kb-home h3,.kb-home p {margin:0}
.kb-home h1,.kb-home h2,.kb-home h3 {color:var(--kb-ink);font-family:var(--kb-font-display)}
.kb-home h2 {font-size:24px;font-weight:700;line-height:1.25}
.kb-home h3 {font-size:20px;line-height:1.3}
.kb-home button,.kb-home input,.kb-home a {font:inherit}
.kb-home button,.kb-home a {min-height:44px;touch-action:manipulation}
.kb-home button {cursor:pointer;border:1px solid var(--kb-line-strong);border-radius:var(--kb-r-md);background:var(--kb-surface);color:var(--kb-ink);padding:10px 14px}
.kb-home a {color:inherit;text-decoration:none}
.kb-home button:hover,.kb-home a:hover {filter:brightness(.96)}
.kb-home :focus-visible {outline:3px solid var(--kb-young);outline-offset:4px}
.kb-home svg {width:24px;height:24px;flex-shrink:0}
.kb-home .kb-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kb-skip {position:fixed;left:12px;top:-100px;z-index:110;background:var(--kb-haldi);padding:12px;border-radius:10px}.kb-skip:focus {top:12px}
.kb-header {max-width:1120px;margin:auto;min-height:88px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--kb-line)}
.kb-logo {display:flex;flex-direction:column;font:800 28px/1 var(--kb-font-display)!important;letter-spacing:-1px}.kb-logo span {font:500 13px/1.5 var(--kb-font-body);letter-spacing:0;margin-top:5px}
.kb-header-actions {display:flex;align-items:center;gap:8px}.kb-header-actions button {display:flex;align-items:center;gap:6px;font-size:14px;padding:8px 10px}.kb-header-actions button:last-child {display:flex;flex-direction:column;gap:0;border:0;background:transparent;line-height:1.2}.kb-header-actions button span[lang] {font-size:13px}
.kb-container {max-width:1040px;margin:auto;padding:0 24px}
.kb-hero {padding:48px 0 40px;max-width:680px;margin:auto;text-align:center}
.kb-eyebrow {font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--kb-muted);margin-bottom:12px!important}
.kb-hero h1 {font-size:36px;font-weight:800;line-height:1.3;letter-spacing:-.5px}.kb-hero h1 em {font-style:normal;background:linear-gradient(transparent 68%,var(--kb-haldi-soft) 68%)}
.kb-hero-en {font-size:18px;font-weight:500;margin-top:10px!important}
.kb-intro {color:var(--kb-muted);margin-top:16px!important}.kb-intro span {display:block;font-size:15px}
.kb-doors {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.kb-home .kb-door {min-height:100px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:var(--kb-r-lg);padding:20px;border:1px solid var(--kb-ink)}
.kb-door>span {flex:1}.kb-door strong {display:block;font:700 24px/1.3 var(--kb-font-display)}.kb-door span[lang] {display:block;font-size:16px}.kb-home .kb-primary {background:var(--kb-haldi);border-color:var(--kb-haldi)}
.kb-reassurance {margin-top:16px!important;color:var(--kb-muted);font-size:14px}
.kb-discover {padding:28px;background:var(--kb-surface);border:1px solid var(--kb-line);border-radius:var(--kb-r-xl)}
.kb-section-title {display:flex;justify-content:space-between;align-items:center;gap:12px}.kb-section-title p[lang] {color:var(--kb-muted);margin-top:6px}
.kb-search {margin-top:20px;display:flex;align-items:center;gap:12px;border:1px solid var(--kb-line-strong);padding:0 16px;border-radius:var(--kb-r-md)}.kb-search input {border:0;min-width:0;width:100%;height:54px;background:transparent;color:var(--kb-ink);font-size:16px}.kb-search input::placeholder {color:var(--kb-muted);opacity:1}
.kb-modes {display:flex;gap:8px;margin-top:16px}.kb-modes button {flex:1;line-height:1.3;font-weight:600}.kb-modes span {display:block;font-size:13px;font-weight:400}.kb-modes button[aria-pressed=true] {background:var(--kb-ink);color:white;border-color:var(--kb-ink)}.kb-modes button[data-kb-mode=women] {color:var(--kb-women-text);background:var(--kb-women-soft);border-color:var(--kb-women-soft)}.kb-modes button[data-kb-mode=young] {color:var(--kb-young-text);background:var(--kb-young-soft);border-color:var(--kb-young-soft)}.kb-modes button[data-kb-mode=women][aria-pressed=true] {border:2px solid var(--kb-women)}.kb-modes button[data-kb-mode=young][aria-pressed=true] {border:2px solid var(--kb-young)}
.kb-categories {display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:24px 0 32px}.kb-categories button {border:0;padding:0;display:flex;align-items:center;flex-direction:column;background:transparent}.kb-categories button>span {display:grid;place-items:center;background:var(--kb-haldi-soft);width:54px;height:54px;border-radius:16px;margin-bottom:8px}.kb-categories strong {font-weight:500}.kb-categories small {color:var(--kb-muted);font-size:13px}
.kb-example-heading {display:flex;justify-content:space-between;gap:12px;align-items:center}.kb-example-heading h2 span {display:block;font:400 16px/1.5 var(--kb-font-body);color:var(--kb-muted);margin-top:4px}.kb-example-label {white-space:nowrap;font-size:12px;font-weight:600;color:var(--kb-muted);background:var(--kb-bg);padding:4px 8px;border-radius:8px}
.kb-example-note {color:var(--kb-muted);font-size:14px;margin:12px 0 20px!important}.kb-example-note>span {display:block}
.kb-profile-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kb-profile {padding:20px;border:1px solid var(--kb-line);border-radius:var(--kb-r-lg)}.kb-profile-top {display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px}.kb-avatar {display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--kb-haldi-soft)}.kb-avatar-women {background:var(--kb-women-soft);color:var(--kb-women)}.kb-avatar-young {background:var(--kb-young-soft);color:var(--kb-young)}.kb-profile .kb-skill {font-weight:500;margin:6px 0}.kb-area {display:flex;align-items:center;gap:6px;color:var(--kb-muted);font-size:14px;margin-bottom:12px!important}.kb-area svg {width:16px;height:16px}.kb-profile>p:not(.kb-skill) {color:var(--kb-muted)}
.kb-profile-badge {display:inline-block;font-size:13px;margin-top:16px;padding:6px 8px;border-radius:8px;background:var(--kb-haldi-soft)}.kb-badge-women {color:var(--kb-women-text);background:var(--kb-women-soft)}.kb-badge-young {color:var(--kb-young-text);background:var(--kb-young-soft)}
.kb-empty {grid-column:1/-1;padding:24px;background:var(--kb-bg);border-radius:14px}.kb-empty p {margin:8px 0 16px}
.kb-how,.kb-safety {padding:40px 0}.kb-how>p[lang] {color:var(--kb-muted);margin-top:8px}.kb-how ol {list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.kb-how li {display:flex;align-items:flex-start;gap:12px}.kb-how li>span {display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--kb-haldi-soft);flex-shrink:0;font-weight:600}.kb-how li p {margin-top:6px;color:var(--kb-muted)}
.kb-safety {border-top:1px solid var(--kb-line)}.kb-safe-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.kb-safe-grid article {padding:24px;border-radius:var(--kb-r-lg)}.kb-safe-grid h3 {margin:12px 0}.kb-safe-grid p {margin:8px 0}.kb-safe-grid strong {display:inline-block;margin-top:12px;font-size:14px}.kb-safe-women {background:var(--kb-women-soft);color:var(--kb-women-text)}.kb-safe-young {background:var(--kb-young-soft);color:var(--kb-young-text)}.kb-payment-note {display:flex;gap:12px;margin-top:24px!important;color:var(--kb-muted)}.kb-payment-note span span {display:block}
.kb-footer {padding:32px 0;border-top:1px solid var(--kb-line)}.kb-footer>p {color:var(--kb-muted);margin:12px 0}.kb-footer nav {display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0}.kb-footer nav a,.kb-footer nav button {display:inline-flex;align-items:center;border:0;background:none;padding:8px 0;border-radius:0;text-decoration:underline;text-underline-offset:4px;font-size:15px}.kb-home .footer-bottom {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--kb-line);padding-top:20px;color:var(--kb-muted);font-size:13px;margin:0}
.kb-bottom-nav {position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);max-width:620px;margin:auto;background:white;border:1px solid var(--kb-line);border-radius:20px 20px 0 0;padding:8px 8px max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 24px #13213c0a}
.kb-home .kb-bottom-nav>a,.kb-home .kb-bottom-nav>button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:none;padding:4px;min-height:68px;font-size:14px;line-height:1.1}.kb-bottom-nav small {display:block;font-size:11px;margin-top:3px}.kb-bottom-nav>a[aria-current] {color:var(--kb-trust-text)}.kb-home .kb-bottom-nav .kb-speak {margin-top:-26px}.kb-mic {background:var(--kb-haldi);border:5px solid var(--kb-bg);width:58px;height:58px;border-radius:50%;display:grid;place-items:center}.modal-open .kb-bottom-nav {visibility:hidden}
@media(max-width:640px) {.kb-header {padding:16px;min-height:80px}.kb-logo {font-size:25px!important}.kb-container {padding:0 16px}.kb-hero {padding:28px 0 28px}.kb-hero h1 {font-size:34px}.kb-hero-en {font-size:16px}.kb-intro {font-size:15px}.kb-doors {grid-template-columns:1fr;gap:12px;margin-top:24px}.kb-home .kb-door {min-height:84px;padding:16px 20px}.kb-door strong {font-size:24px}.kb-discover {padding:20px 16px;margin:0 -4px}.kb-home h2 {font-size:20px}.kb-categories {grid-template-columns:repeat(3,1fr);gap:20px 12px}.kb-profile-grid,.kb-safe-grid,.kb-how ol {grid-template-columns:1fr}.kb-modes {gap:6px}.kb-modes button {padding:10px 5px;font-size:15px}.kb-modes span {font-size:12px}.kb-example-heading {align-items:flex-start}.kb-example-heading>.kb-example-label {font-size:11px}.kb-how,.kb-safety {padding:32px 0}.kb-profile {padding:20px}.kb-how ol {gap:20px}.kb-header-actions button {padding:8px 6px}.kb-header-actions svg {width:18px}.kb-header-actions {gap:2px}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto!important}.kb-home * {animation:none!important;transition:none!important}}

@font-face {
  font-family: 'KB Hero';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/phase1-fonts/hero.ttf) format('truetype');
}

.kb-hero h1{font-family:"KB Hero",var(--kb-font-display)}
[hidden]{display:none!important}
#returnToHome{position:fixed;z-index:100;bottom:16px;left:16px;padding:12px 20px;background:#F5B400;color:#13213C;border:0;border-radius:14px;font-size:16px}#phase1Status:empty{display:none}#phase1Status{position:fixed;bottom:100px;left:16px;right:16px;z-index:200;background:#13213C;color:white;padding:16px;border-radius:14px}

.kb-tour{margin:0 0 24px}.kb-tour h2{font:700 20px/1.4 var(--kb-font-display);margin:0 0 12px}.kb-tour video{display:block;width:100%;max-height:420px;aspect-ratio:16/9;object-fit:contain;background:var(--kb-ink);border-radius:var(--kb-r-lg)}

.kb-tour summary{cursor:pointer;min-height:48px;padding:16px;background:var(--kb-haldi-soft);border-radius:14px;font-size:18px;font-weight:600}.kb-tour video{margin-top:12px}
