/* kc-v3-chrome.css: nav + footer for the 2.4.0 redesign. Shared by the redesigned home page
   (kc-v3.css) and every redesigned inner page (kc-v3-inner.css over Bootstrap + kc-brand.css).
   Self-contained tokens so it works with or without the other stylesheets. */
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;
  src:url("../fonts/figtree-latin-wght-normal.woff2") format("woff2");}
:root{
  --v3-ink:#0B0D14; --v3-coral:#E07856; --v3-muted-d:#A1A1A6; --v3-line-d:rgba(255,255,255,.14);
  --v3-font:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --v3-wrap:1180px;
}
.v3-wrap{max-width:var(--v3-wrap);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}

/* nav */
.v3-nav{position:sticky;top:0;z-index:40;background:rgba(11,13,20,.82);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--v3-line-d);font-family:var(--v3-font)}
.v3-nav__row{display:flex;max-width:var(--v3-wrap);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem);align-items:center;justify-content:space-between;height:60px;gap:1rem}
.v3-brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.02em;font-size:1.1rem}
.v3-brand:hover{color:#fff}
.v3-brand i{width:30px;height:30px;border-radius:8px;background:#fff;display:grid;place-items:center}
.v3-brand img{width:22px;height:22px}
.v3-links{display:flex;gap:1.5rem;align-items:center}
.v3-links a{color:#d2d2d7;text-decoration:none;font-size:.92rem;font-weight:600}
.v3-links a:hover{color:#fff}
a.v3-pill,.v3-links a.v3-pill{display:inline-block;background:var(--v3-coral);color:var(--v3-ink);font-weight:800;padding:.5rem 1rem;border-radius:999px}
a.v3-pill:hover,.v3-links a.v3-pill:hover{color:var(--v3-ink);background:#f08a69}
/* mobile menu: <details>, no JavaScript */
.v3-menu{display:none;position:relative}
.v3-menu summary{list-style:none;cursor:pointer;color:#fff;font-weight:700;font-size:.95rem;padding:.4rem .2rem;display:flex;align-items:center;gap:.4rem}
.v3-menu summary::-webkit-details-marker{display:none}
.v3-menu[open] summary{color:var(--v3-coral)}
.v3-menu__panel{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;background:#14172a;border:1px solid var(--v3-line-d);border-radius:18px;padding:.5rem;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.v3-menu__panel a{display:block;color:#e8e8ed;text-decoration:none;font-weight:600;padding:.7rem .9rem;border-radius:12px}
.v3-menu__panel a:hover{background:rgba(255,255,255,.08);color:#fff}
@media(max-width:860px){.v3-links{display:none}.v3-menu{display:block}.v3-nav__row{gap:.5rem}}

/* footer */
.v3-footer{background:var(--v3-ink);color:var(--v3-muted-d);padding:clamp(3rem,6vw,4.5rem) 0 2.5rem;font-size:.92rem;font-family:var(--v3-font)}
.v3-footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--v3-line-d)}
.v3-footer__cols b{display:block;color:#fff;font-weight:800;margin-bottom:.8rem}
.v3-footer__cols a{display:block;color:#d2d2d7;text-decoration:none;padding:.18rem 0}
.v3-footer__cols a:hover{color:#fff}
.v3-fn{margin:1.6rem 0 0;font-size:.82rem;line-height:1.5;max-width:90ch}
.v3-fn a,.v3-fine a{color:#d2d2d7}
.v3-fine{margin:1rem 0 0;font-size:.82rem}
@media(max-width:760px){.v3-footer__cols{grid-template-columns:1fr 1fr}}

/* ---- mobile pass: tap targets >= 44px ---- */
.v3-brand{min-height:44px}
.v3-menu summary{min-height:44px;padding:.5rem .6rem;display:flex;align-items:center}
.v3-menu__panel a{padding:.9rem 1rem}
.v3-footer__cols a{padding:.5rem 0;min-height:44px;display:flex;align-items:center}
.v3-pill{min-height:44px;display:inline-flex;align-items:center}

.v3-nav--lp .v3-nav__row{justify-content:flex-start}