/* ─────────────────────────────────────────────────────────────────────
   neeviq.css — utilities the NeevIQ content needs that the CAPTURED
   donor stylesheet does not contain.

   Why this file exists: clone.css is a Tailwind bundle compiled against
   the donor's markup. It only contains the class names the donor's own
   page used. Any class introduced by our copy is INERT — it renders as
   plain unstyled markup with no error and no console warning. Padding
   silently vanishes; a pill renders as bare text.

   So: clone.css stays pristine (it is a raw capture), and every new
   utility is declared here, matching Tailwind's own semantics.
   Verified by  build-content.py  →  the class-coverage guard.

   Breakpoints in this build: sm 640 · md 768 · lg 1024 · xl 1280
   Ink #f5f3ef = 245 243 239 · accent #C3EBA6 · hairline #373737
   ───────────────────────────────────────────────────────────────────── */

/* spacing */
.px-7  { padding-left: 1.75rem;  padding-right: 1.75rem; }
.py-9  { padding-top: 2.25rem;   padding-bottom: 2.25rem; }
.py-1\.5 { padding-top: .375rem; padding-bottom: .375rem; }
.pb-14 { padding-bottom: 3.5rem; }

/* sizing */
.h-px          { height: 1px; }
.size-\[6px\]  { width: 6px; height: 6px; }
.max-w-\[520px\] { max-width: 520px; }
.max-w-\[640px\] { max-width: 640px; }
.max-w-\[720px\] { max-width: 720px; }
.max-w-\[860px\] { max-width: 860px; }

/* type */
.leading-\[1\.2\]      { line-height: 1.2; }
.leading-\[1\.6\]      { line-height: 1.6; }
.leading-\[1\.7\]      { line-height: 1.7; }
.tracking-\[0\.18em\]  { letter-spacing: .18em; }
.underline-offset-4    { text-underline-offset: 4px; }

/* colour */
.bg-\[\#373737\]        { background-color: #373737; }
.bg-\[\#C3EBA6\]        { background-color: #C3EBA6; }
.bg-\[\#181818\]\/70    { background-color: rgb(24 24 24 / .7); }
.bg-\[\#181818\]\/55    { background-color: rgb(24 24 24 / .55); }
.text-\[\#8a8a8a\]      { color: #8a8a8a; }
.text-\[\#C3EBA6\]      { color: #C3EBA6; }
.text-\[\#f5f3ef\]\/45  { color: rgb(245 243 239 / .45); }
.text-\[\#f5f3ef\]\/60  { color: rgb(245 243 239 / .60); }
.text-\[\#f5f3ef\]\/50  { color: rgb(245 243 239 / .50); }
.text-\[\#f5f3ef\]\/75  { color: rgb(245 243 239 / .75); }

/* interaction */
.hover\:underline:hover          { text-decoration-line: underline; }
.hover\:text-\[\#C3EBA6\]:hover  { color: #C3EBA6; }

/* responsive */
@media (min-width: 768px) {
  .md\:text-\[13px\]     { font-size: 13px; }
  .md\:text-\[15px\]     { font-size: 15px; }
  .md\:text-\[36px\]     { font-size: 36px; }
  .md\:min-h-\[248px\]   { min-height: 248px; }
  .md\:pb-16            { padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  .xl\:text-\[42px\]     { font-size: 42px; }
}

/* ── v3: the frontier rewrite + the VDC/AI toggle ─────────────────── */
.bg-\[\#141414\]      { background-color: #141414; }
.px-\[13px\]          { padding-left: 13px; padding-right: 13px; }
.gap-10               { gap: 2.5rem; }
.z-40                 { z-index: 40; }
.py-\[5px\]           { padding-top: 5px; padding-bottom: 5px; }
.max-w-\[730px\]      { max-width: 730px; }
.max-w-\[760px\]      { max-width: 760px; }
.max-w-\[900px\]      { max-width: 900px; }
.text-\[26px\]        { font-size: 26px; }
.text-\[24px\]        { font-size: 24px; }
.text-\[\#f5f3ef\]\/55 { color: rgb(245 243 239 / .55); }
.text-\[\#f5f3ef\]\/65 { color: rgb(245 243 239 / .65); }
@media (min-width: 768px) {
  .md\:text-\[30px\]  { font-size: 30px; }
  .md\:flex-1        { flex: 1 1 0%; }
  .md\:max-w-\[321px\] { max-width: 321px; }
  .md\:text-\[34px\]  { font-size: 34px; }
  .md\:py-20           { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  .lg\:justify-start   { justify-content: flex-start; }
  .lg\:flex-1         { flex: 1 1 0%; }
  .lg\:max-w-\[321px\] { max-width: 321px; }
  .lg\:min-h-\[248px\] { min-height: 248px; }
  .lg\:gap-16         { gap: 4rem; }
  .lg\:flex-row       { flex-direction: row; }
}

/* ── v7: the marquee + the six-card carousel ─────────────────────── */
.w-max                { width: max-content; }
.px-9                 { padding-left: 2.25rem; padding-right: 2.25rem; }
.leading-\[26px\]     { line-height: 26px; }
.leading-\[1\.45\]    { line-height: 1.45; }

/* ── v8: the phase rows ──────────────────────────────────────────── */
.leading-\[1\.75\]     { line-height: 1.75; }
@media (min-width: 768px) {
  .md\:grid-cols-\[280px_1fr\] { grid-template-columns: 280px 1fr; }
  .md\:py-11                   { padding-top: 2.75rem; padding-bottom: 2.75rem; }
}
.text-\[32px\]         { font-size: 32px; }
@media (min-width: 768px) {
  .md\:items-end       { align-items: flex-end; }
  .md\:pt-20           { padding-top: 5rem; }
  .md\:text-\[44px\]   { font-size: 44px; }
}
@media (min-width: 1280px) { .xl\:text-\[52px\] { font-size: 52px; } }

/* ── v9: the models slab ─────────────────────────────────────────── */
.flex-wrap            { flex-wrap: wrap; }
.gap-x-14             { column-gap: 3.5rem; }
.gap-y-6              { row-gap: 1.5rem; }
.h-\[104px\]          { height: 104px; }
.max-w-\[620px\]      { max-width: 620px; }
.max-w-\[700px\]      { max-width: 700px; }
.pb-5                 { padding-bottom: 1.25rem; }
.text-\[\#f5f3ef\]\/80 { color: rgb(245 243 239 / .80); }
@media (min-width: 1280px) { .xl\:text-\[40px\] { font-size: 40px; } }
.min-h-\[calc\(100dvh-66px\)\] { min-height: calc(100dvh - 66px); }