/* ============================================================
   NIZOV.AI — home page (flagship). Editorial + anti-card.
   Composes system.css (.sec/.kpis/.statement/.wash/.term).
   Only hero, console, offers-band + the NLP/LLM defs live here.
   ============================================================ */

/* ---------- hero ---------- */
.hero{ min-height:100svh; display:flex; flex-direction:column; justify-content:center; padding-top:6rem; }
.hero__grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(1.5rem,4vw,3.5rem); align-items:center; }
@media(max-width:880px){ .hero__grid{ grid-template-columns:1fr; } }
.hero__eyebrow{ margin-bottom:1.4rem; }
.hero__title{ font-size:var(--t-hero); font-weight:700; line-height:1; letter-spacing:-0.035em; }
.hero__title .ln{ display:block; overflow:hidden; }
.hero__title .ln:nth-child(2){ color:var(--ink-1); }
.hero__title .ln b{ font-weight:700; color:var(--accent);
  background:linear-gradient(170deg, var(--accent-2), var(--accent) 52%, var(--accent-deep));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero__lede{ margin-top:1.6rem; }
.hero__meta{ margin-top:2.4rem; display:flex; gap:2.2rem; flex-wrap:wrap; align-items:center; }
.hero__person{ display:flex; align-items:center; gap:.9rem; }
.hero__person .av{ width:42px; height:42px; border-radius:50%; border:1px solid var(--line-1); object-fit:cover; background:var(--bg-2); }
.hero__person b{ display:block; font-size:1rem; }
.hero__person span{ font-family:var(--mono); font-size:var(--t-mono); color:var(--ink-1); letter-spacing:.04em; }
.hero__cta{ margin-top:2.6rem; display:flex; gap:1rem; flex-wrap:wrap; }
.hero__cue{ margin-top:auto; padding-top:3rem; font-family:var(--mono); font-size:var(--t-mono); color:var(--ink-2); letter-spacing:.16em; text-transform:uppercase; display:flex; align-items:center; gap:.7rem; }
.hero__cue .ln{ width:46px; height:1px; background:var(--accent); display:inline-block; transform-origin:left; animation:cue 2.4s var(--ease) infinite; }
@keyframes cue{ 0%,100%{ transform:scaleX(.4); opacity:.4; } 50%{ transform:scaleX(1); opacity:1; } }

/* hero console (terminal = legit interactive/signature object) */
.console{ border:1px solid var(--line-1); border-radius:var(--radius); background:linear-gradient(180deg,var(--bg-1),var(--bg-0)); overflow:hidden; font-family:var(--mono); font-size:clamp(.6rem,.7vw,.72rem); letter-spacing:-0.02em; box-shadow:0 40px 90px -50px #000, 0 0 0 1px rgba(255,92,0,.05); }
.console__bar{ display:flex; align-items:center; gap:.45rem; padding:.7rem .9rem; border-bottom:1px solid var(--line); color:var(--ink-2); }
.console__bar span{ width:10px; height:10px; border-radius:50%; background:var(--bg-3); }
.console__bar span:first-child{ background:var(--accent); }
.console__bar b{ margin-left:.6rem; font-weight:400; font-size:var(--t-micro); letter-spacing:.06em; color:var(--ink-2); }
.console__body{ padding:.95rem 1.05rem; min-height:268px; line-height:1.7; }
.console__body .l{ white-space:pre-wrap; }
.console__body .c{ color:var(--ink-0); }
.console__body .o{ color:var(--ink-1); }
.console__body .ok{ color:var(--accent); font-weight:500; }
.console__cursor{ display:inline-block; width:8px; height:1.05em; background:var(--accent); vertical-align:-2px; margin-left:2px; animation:blink 1s steps(1) infinite; }
@keyframes blink{ 50%{ opacity:0; } }

/* ---------- what is NLP/LLM — editorial, 2-col split by a hairline (NOT cards) ---------- */
.defs{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.6rem,4vw,3.4rem); }
@media(max-width:760px){ .defs{ grid-template-columns:1fr; gap:1.4rem; } }
.def{ padding-top:1.4rem; border-top:1px solid var(--line-1); }
.def .term{ margin-bottom:1rem; min-height:1.2em; }
.def h3{ font-size:var(--t-h3); margin-bottom:.7rem; }
.def h3 .k{ color:var(--accent); }
.def p{ color:var(--ink-1); font-size:1.05rem; }

/* ---------- offers band (one full-bleed section wash + ticker) ---------- */
.offers{ background:var(--bg-1); border-block:1px solid var(--line); padding-block:clamp(3.5rem,8vh,6rem); position:relative; z-index:var(--z-content); overflow:hidden; }
.offers__head{ display:flex; justify-content:space-between; align-items:flex-end; gap:1.4rem; flex-wrap:wrap; margin-bottom:2.4rem; }
.ticker{ display:flex; gap:1rem; width:max-content; animation:slide 28s linear infinite; }
.ticker-mask{ -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.chip{ font-family:var(--mono); font-size:1rem; color:var(--ink-0); border:1px solid var(--line-1); border-radius:999px; padding:.6em 1.1em; white-space:nowrap; }
.chip b{ color:var(--accent); }
@keyframes slide{ to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .ticker{ animation:none; flex-wrap:wrap; width:auto; } }
.logos{ display:flex; align-items:center; gap:2.4rem; flex-wrap:wrap; margin-top:2.6rem; }
.logos img{ height:30px; width:auto; filter:grayscale(1) brightness(1.6); opacity:.7; transition:opacity var(--dur-1) var(--ease), filter var(--dur-1) var(--ease); }
.logos img:hover{ opacity:1; filter:none; }
.logos .lbl{ font-family:var(--mono); font-size:var(--t-mono); color:var(--ink-2); text-transform:uppercase; letter-spacing:.12em; }

/* ---------- CTA (editorial wash, not a box) ---------- */
.cta{ text-align:center; }
.cta__inner{ max-width:none; margin-inline:auto; padding:clamp(2.6rem,7vw,5rem) var(--pad); border-radius:var(--radius); }
.cta .statement{ max-width:20ch; margin:1.2rem auto 1.1rem; text-align:center; }
.cta p{ color:var(--ink-1); max-width:48ch; margin:0 auto 2rem; }