.keys-body{background:radial-gradient(ellipse at 80% 0%,rgba(180,77,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(0,229,255,.04) 0%,transparent 50%),var(--q-void);color:var(--q-text);min-height:100vh;overflow-x:hidden}.keys-container{max-width:880px;margin:0 auto;padding:calc(var(--space-xl) + 60px) var(--space-lg) var(--space-2xl)}@media (max-width: 768px){.keys-container{padding:calc(var(--space-lg) + 60px) var(--space-md) var(--space-xl)}}.k-hero{margin-bottom:var(--space-2xl)}.k-hero__eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:4px;color:var(--q-cyan);text-transform:uppercase;margin-bottom:var(--space-sm);opacity:.8}.k-hero__title{font-family:var(--font-display);font-size:clamp(1.9rem,6vw,3rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:var(--space-md);text-shadow:0 0 40px var(--q-cyan-glow);letter-spacing:-.01em}.k-hero__title .accent{color:var(--q-cyan)}.k-hero__subtitle{font-family:var(--font-mono);font-size:.95rem;color:var(--q-gold);margin-bottom:var(--space-lg)}.k-hero__lead{font-size:1.1rem;line-height:1.7;color:var(--q-text);max-width:720px}.k-hero__lead strong{color:var(--q-cyan);font-weight:600}.k-hero__lead em{color:var(--q-gold);font-style:normal}.k-section{margin-bottom:var(--space-2xl);position:relative}.k-section__num{font-family:var(--font-mono);font-size:.65rem;letter-spacing:3px;color:var(--q-text-muted);text-transform:uppercase;margin-bottom:var(--space-xs)}.k-section__title{font-family:var(--font-display);font-size:clamp(1.3rem,4vw,1.9rem);font-weight:700;color:#fff;margin-bottom:var(--space-md);letter-spacing:-.005em}.k-section__lead,.k-section__text{font-size:1.05rem;line-height:1.75;color:var(--q-text);margin-bottom:var(--space-md);max-width:720px}.k-section__lead strong,.k-section__text strong{color:var(--q-cyan);font-weight:600}.k-section__lead em,.k-section__text em{color:var(--q-gold);font-style:normal}.k-section__text a{color:var(--q-cyan);text-decoration:none;border-bottom:1px solid rgba(0,229,255,.3)}.k-section__text a:hover{border-bottom-color:var(--q-cyan)}.k-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.k-reveal--visible{opacity:1;transform:translateY(0)}.k-families{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.k-family{background:#0d0a1f99;border:1px solid rgba(100,180,255,.08);border-top:3px solid var(--fam-accent, var(--q-cyan));border-radius:12px;padding:var(--space-md)}.k-family[data-kind=classical]{--fam-accent: var(--q-danger)}.k-family[data-kind=ppk]{--fam-accent: var(--q-gold)}.k-family[data-kind=pqc]{--fam-accent: var(--q-cyan)}.k-family[data-kind=qkd]{--fam-accent: var(--q-violet)}.k-family__badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--fam-accent);margin-bottom:6px}.k-family__label{font-family:var(--font-display);font-weight:700;font-size:1rem;color:#fff;margin-bottom:var(--space-sm);line-height:1.25}.k-family__list{list-style:none;display:flex;flex-direction:column;gap:6px}.k-family__list li{font-family:var(--font-mono);font-size:.8rem;color:var(--q-text);padding-left:14px;position:relative}.k-family__list li:before{content:"▸";position:absolute;left:0;color:var(--fam-accent)}.k-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:var(--space-md);border:1px solid var(--q-border);border-radius:12px}.k-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.85rem}.k-table th,.k-table td{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.k-table thead th{font-family:var(--font-mono);font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--q-cyan);background:#00e5ff0a;white-space:nowrap}.k-table tbody tr:last-child td{border-bottom:none}.k-table tbody tr:hover{background:#ffffff05}.k-table__method{font-family:var(--font-mono);color:#fff;font-weight:600;white-space:nowrap}.k-yes{color:var(--q-cyan);font-weight:600}.k-no{color:var(--q-danger);font-weight:600}.k-deepgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.k-deep-card{display:flex;flex-direction:column;gap:8px;background:#0d0a1f99;border:1px solid rgba(100,180,255,.08);border-radius:12px;padding:var(--space-md);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}a.k-deep-card:hover{transform:translateY(-3px);border-color:#00e5ff66;box-shadow:0 10px 28px #0006}.k-deep-card--special{border-color:#b44dff59}.k-deep-card__pill{align-self:flex-start;font-family:var(--font-mono);font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid currentColor}.k-deep-card__pill--soon{color:var(--q-text-muted)}.k-deep-card__pill--star{color:var(--q-violet)}.k-deep-card__pill--go{color:var(--q-cyan)}.k-deep-card__title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:#fff}.k-deep-card__desc{font-size:.85rem;line-height:1.6;color:var(--q-text-dim)}.k-sub{margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.k-sub__tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent, var(--q-cyan));display:block;margin-bottom:4px}.k-sub__title{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#fff;line-height:1.25}.k-callout{background:#0d0a1f80;border:1px solid rgba(100,180,255,.08);border-left:3px solid var(--accent, var(--q-gold));border-radius:8px;padding:var(--space-md);margin:var(--space-md) 0 var(--space-lg);max-width:720px}.k-callout__title{font-family:var(--font-mono);font-size:.62rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent, var(--q-gold));margin-bottom:var(--space-sm)}.k-callout ul{list-style:none;display:flex;flex-direction:column;gap:6px}.k-callout li{font-size:.9rem;line-height:1.6;color:var(--q-text);padding-left:16px;position:relative}.k-callout li:before{content:"—";position:absolute;left:0;color:var(--accent, var(--q-gold))}.k-accent-ppk{--accent: var(--q-gold)}.k-accent-pqc{--accent: var(--q-cyan)}.k-accent-qkd{--accent: var(--q-violet)}.k-pagernav{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl)}.k-pagernav a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:1px;color:var(--q-cyan);text-decoration:none;padding:8px 14px;border:1px solid rgba(0,229,255,.25);border-radius:8px;transition:border-color .2s ease,background .2s ease}.k-pagernav a:hover{border-color:var(--q-cyan);background:#00e5ff0f}.k-steps{counter-reset:kstep;list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-md) 0 var(--space-lg);max-width:720px}.k-steps li{position:relative;padding-left:44px;min-height:28px;line-height:1.6;color:var(--q-text)}.k-steps li:before{counter-increment:kstep;content:counter(kstep);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.8rem;color:var(--q-violet);border:1px solid var(--q-violet);background:#b44dff14}.k-steps strong{color:#fff;font-weight:600}.keys-footer{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--q-border);font-family:var(--font-mono);font-size:.7rem;color:var(--q-text-muted);line-height:1.8}.keys-footer a{color:var(--q-cyan);text-decoration:none}