.kicker, .field-label { display:inline-flex; gap:8px; align-items:center; background: var(--color-gold); color: var(--color-black); font-weight:1000; letter-spacing:.08em; text-transform:uppercase; padding:8px 14px; border:2px solid var(--color-black); box-shadow:7px 7px 0 rgba(0,0,0,.35); transform:rotate(-1deg); font-size:12px; }
.btn { border:2px solid var(--color-black); background: var(--color-orange); color:#fff; padding:13px 18px; font-weight:1000; text-transform:uppercase; text-decoration:none; box-shadow:6px 6px 0 rgba(0,0,0,.35); display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.btn--dark { background: var(--color-black); color: var(--color-ivory); border-color: var(--color-gold); }
.btn--gold { background: var(--color-gold); color: var(--color-black); }
.hero-card { border: var(--border-hard); background: linear-gradient(135deg, rgba(231,216,197,.96), rgba(231,216,197,.78)); color: var(--color-black); padding:26px; box-shadow:14px 14px 0 rgba(0,0,0,.45); position:relative; overflow:hidden; }
.hero-card::after { content:"AIOS"; position:absolute; right:-20px; bottom:-38px; font-size:116px; font-weight:1000; color:rgba(161,15,22,.11); letter-spacing:-.1em; }
.hero-card__icon { width:190px; height:190px; border-radius:50%; border:12px solid var(--color-gold); background:radial-gradient(circle,var(--color-black),#000); margin:0 auto 18px; display:grid; place-items:center; color:var(--color-gold); font-size:94px; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:22px; }
.stat { border:2px solid rgba(24,17,14,.18); padding:12px; background:rgba(255,255,255,.2); }
.stat b { display:block; font-size:26px; color:var(--color-crimson); }
.search { padding: 16px 0 0; }
.search__box { width:100%; padding:18px 20px; border:var(--border-hard); background:var(--color-ivory); color:var(--color-black); font-size:18px; font-weight:900; box-shadow:8px 8px 0 rgba(0,0,0,.35); }
.no-results { display:none; margin-top:16px; border:2px solid var(--color-gold); background:rgba(0,0,0,.4); padding:14px; font-weight:900; }
.term-card { position:relative; min-height:286px; padding:18px 18px 64px; border-right:1px solid rgba(24,17,14,.18); border-bottom:1px solid rgba(24,17,14,.18); }
.term-card h3 { margin:0 0 8px; font-size:34px; line-height:1; letter-spacing:-.04em; }
.term-card__term { color:var(--color-espresso); font-size:14px; text-transform:uppercase; font-weight:1000; line-height:1.2; margin-bottom:10px; }
.term-card__definition { margin:0 0 14px; color:#211511; }
.term-card__plain { margin:0 0 12px; color:var(--color-espresso); font-weight:800; font-size:14px; }
.badges { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 12px; }
.badge { font-size:10px; text-transform:uppercase; font-weight:1000; border:1px solid rgba(24,17,14,.22); background:rgba(255,255,255,.35); padding:4px 7px; }
.badge--gold { background:var(--color-gold); border-color:var(--color-black); }
.source-btn { border:0; border-bottom:2px solid var(--color-crimson); color:var(--color-crimson); background:transparent; padding:0; font-weight:1000; text-transform:uppercase; }
.copy-btn { position:absolute; right:12px; bottom:12px; border:0; background:var(--color-gold); color:var(--color-black); font-weight:1000; padding:7px 9px; }
.faq-list { display:flex; flex-direction:column; gap:14px; padding:22px; }
.faq-item { border:var(--border-hard); background:rgba(231,216,197,.96); overflow:hidden; }
.faq-item summary { min-height:66px; cursor:pointer; list-style:none; padding:16px 18px; font-weight:1000; text-transform:uppercase; line-height:1.15; display:flex; justify-content:space-between; gap:16px; align-items:center; background:linear-gradient(90deg,rgba(200,138,35,.38),transparent); }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+"; flex:0 0 auto; width:28px; height:28px; display:grid; place-items:center; background:var(--color-black); color:var(--color-gold); border:2px solid var(--color-gold); font-size:20px; }
.faq-item[open] summary::after { content:"–"; }
.faq-item p { margin:0; padding:18px 18px 20px; color:var(--color-espresso); font-weight:750; }
.quote-band { margin:42px 0; border:3px solid var(--color-ivory); background:rgba(0,0,0,.58); padding:24px; display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; }
.quote-band__text { font-size:clamp(22px,3vw,40px); font-weight:1000; text-transform:uppercase; line-height:1.05; }
.quote-band__text span { color:var(--color-gold); }
.save-cta { margin:0 0 42px; position:relative; overflow:hidden; border:var(--border-hard); background:radial-gradient(circle at 92% 18%,rgba(200,138,35,.34),transparent 20%),linear-gradient(135deg,var(--color-crimson) 0%,#7d0b10 42%,var(--color-black) 100%); color:var(--color-ivory); box-shadow:14px 14px 0 rgba(0,0,0,.42); }
.save-cta::after { content:"RAG  RLHF  MoE  LLM"; position:absolute; right:-24px; bottom:-22px; color:rgba(231,216,197,.08); font-weight:1000; font-size:clamp(48px,8vw,118px); letter-spacing:-.08em; text-transform:uppercase; }
.save-cta__inner { display:grid; grid-template-columns:1fr auto; gap:26px; align-items:center; padding:30px; position:relative; z-index:1; }
.save-cta h2 { margin:18px 0 10px; max-width:780px; font-size:clamp(34px,5vw,70px); line-height:.92; letter-spacing:-.055em; text-transform:uppercase; }
.save-cta h2 span { color:var(--color-gold); }
.save-cta p { margin:0; max-width:700px; color:#f5eadb; font-size:clamp(16px,1.8vw,21px); font-weight:750; }
.lightbox { position:fixed; inset:0; z-index:90; display:grid; place-items:center; padding:22px; background:rgba(7,5,4,.78); backdrop-filter:blur(8px); opacity:0; pointer-events:none; transition:.22s ease; }
.lightbox.show { opacity:1; pointer-events:auto; }
.modal { position:relative; width:min(94vw,680px); max-height:88vh; overflow:auto; border:var(--border-hard); background:linear-gradient(135deg,rgba(231,216,197,.98),rgba(231,216,197,.9)); color:var(--color-black); box-shadow:16px 16px 0 rgba(0,0,0,.52); padding:26px; transform:translateY(14px) scale(.98); transition:.22s ease; }
.lightbox.show .modal { transform:translateY(0) scale(1); }
.modal__head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:16px; }
.modal h2 { margin:12px 0 6px; font-size:clamp(30px,4vw,54px); line-height:.92; letter-spacing:-.055em; text-transform:uppercase; }
.close { border:2px solid var(--color-black); background:var(--color-black); color:var(--color-ivory); width:42px; height:42px; font-size:24px; font-weight:1000; flex:0 0 auto; }
.meta-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0; }
.meta-card { border:2px solid rgba(24,17,14,.24); background:rgba(255,255,255,.35); padding:12px; }
.meta-card small { display:block; text-transform:uppercase; font-weight:1000; color:var(--color-crimson); font-size:10px; letter-spacing:.08em; }
.meta-card b { display:block; margin-top:2px; }
.trust { display:inline-flex; align-items:center; gap:8px; border:2px solid var(--color-black); padding:8px 10px; font-weight:1000; text-transform:uppercase; background:#fff; }
.trust.official { background:rgba(31,122,68,.16); }
.trust.research { background:rgba(31,95,159,.16); }
.trust.developer, .trust.industry { background:rgba(185,90,26,.18); }
.trust.community { background:rgba(24,17,14,.12); }
.url-box { margin:18px 0; border:2px solid rgba(24,17,14,.28); background:rgba(255,255,255,.34); padding:12px; color:var(--color-espresso); font-weight:850; word-break:break-all; font-size:14px; }
.modal-actions { display:flex; gap:10px; flex-wrap:wrap; }
.share-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:20px 0 16px; }
.share-icon { min-height:86px; border:2px solid var(--color-black); background:var(--color-crimson); color:var(--color-ivory); text-decoration:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; font-weight:1000; text-transform:uppercase; font-size:12px; box-shadow:6px 6px 0 rgba(0,0,0,.22); }
.toast { position:fixed; left:50%; bottom:104px; z-index:100; transform:translateX(-50%) translateY(14px); opacity:0; pointer-events:none; background:var(--color-black); color:var(--color-ivory); border:2px solid var(--color-gold); padding:12px 16px; font-weight:900; box-shadow:8px 8px 0 rgba(0,0,0,.38); transition:.2s ease; text-align:center; max-width:min(92vw,520px); }
.toast.show { opacity:1; transform:translateX(-50%) translateY(0); }
.hidden { display:none !important; }