@import url('lrl-tokens.css');
/* =========================================================
   Learning Rewired Lab — Learning Rewired Intelligence
   File: /assets/css/intelligence.css
   Self-contained: renders correctly with or without global.css.
   ========================================================= */

:root {
  --iq-ink: #07111f;
  --iq-ink-800: #10243d;
  --iq-slate: #475569;
  --iq-slate-500: #64748b;
  --iq-slate-400: #94a3b8;
  --iq-line: #e6ebf1;
  --iq-mist: #f8fafc;
  --iq-frost: #fbfdfe;
  --iq-cyan: #16b8d9;
  --iq-cyan-700: #0789a2;
  --iq-blue: #2563eb;
  --iq-blue-700: #1d4ed8;
  --iq-teal: #14b8a6;
  --iq-teal-700: #0f766e;
  --iq-mint: #6ee7d8;
  --iq-gold: #f4c95d;
  --iq-gold-700: #9a6a04;
  --iq-shadow-card: 0 18px 50px rgba(15, 23, 42, .05);
}

.iq-page { margin: 0; background: #fff; color: var(--iq-ink); font-family: Inter, ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.iq-scope, .iq-scope *, .iq-scope *::before, .iq-scope *::after { box-sizing: border-box; }
.iq-scope button { font: inherit; }
.iq-scope :focus-visible { outline: 2px solid var(--iq-blue-700); outline-offset: 3px; border-radius: var(--lrl-radius-chip, 13px); }
.iq-scope a { color: var(--iq-cyan-700); text-decoration: none; }
.iq-scope a:hover { color: var(--iq-ink); }

/* ---------- shared type ---------- */
.iq-inner { max-width: 1220px; margin: 0 auto; padding: 0 26px; }
.iq-section { padding: clamp(64px, 8vw, 104px) 0; }
.iq-section--line { border-top: 1px solid var(--iq-line); }
.iq-section--mist { background: var(--lrl-mist, #f8fafc); border-top: 1px solid var(--lrl-line, #e6ebf1); }
.iq-kicker { margin: 0; font-size: 11px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; color: var(--iq-cyan-700); }
.iq-kicker--mint { color: var(--iq-mint); }
.iq-display { margin: 24px 0 0; font-size: clamp(38px, 5.6vw, 62px); font-weight: 900; letter-spacing: -.045em; line-height: 1.03; color: var(--iq-ink); max-width: 17ch; text-wrap: balance; }
.iq-h2 { margin: 14px 0 10px; font-size: clamp(27px, 3.6vw, 42px); font-weight: 900; letter-spacing: -.038em; line-height: 1.08; color: var(--iq-ink); text-wrap: balance; }
.iq-lede { margin: 0; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.62; color: var(--iq-slate); max-width: 62ch; text-wrap: pretty; }
.iq-lede + .iq-lede { margin-top: 16px; }
.iq-fine { margin: 0; font-size: 14px; line-height: 1.6; color: var(--iq-slate-400); }
.iq-sheen { background: linear-gradient(96deg, var(--iq-ink) 22%, var(--iq-cyan) 44%, var(--iq-mint) 52%, var(--iq-cyan) 60%, var(--iq-ink) 82%); background-size: 320% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: iq-sweep 9s ease-in-out 1.4s infinite; }
@keyframes iq-sweep { 0%, 62% { background-position: 100% 0; } 100% { background-position: 0 0; } }

/* ---------- buttons ---------- */
.iq-btn, .iq-scope a.iq-btn { white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 28px; border-radius: 999px; border: 1px solid transparent; background: var(--lrl-cyan, #16b8d9); color: #fff; font-size: 15.5px; font-weight: 850; cursor: pointer; text-decoration: none; box-shadow: var(--lrl-shadow-cta-cyan, 0 14px 30px rgba(22,184,217,.30)); transition: background .2s, border-color .2s, color .2s, box-shadow .2s, transform .2s; }
.iq-btn:hover, .iq-scope a.iq-btn:hover { background: var(--lrl-cyan-600, #0ea5c2); color: #fff; transform: translateY(-1px); }
.iq-btn--ghost, .iq-scope a.iq-btn--ghost { background: #fff; color: var(--iq-ink); border: 1px solid var(--lrl-line-strong, #d8e0ea); box-shadow: 0 6px 16px rgba(15, 23, 42, .05); }
.iq-btn--ghost:hover, .iq-scope a.iq-btn--ghost:hover { background: #fff; border-color: var(--iq-cyan); color: var(--iq-cyan-700); }
.iq-btn--mint, .iq-scope a.iq-btn--mint { background: var(--lrl-cyan, #16b8d9); color: #fff; box-shadow: var(--lrl-shadow-cta-cyan, 0 14px 30px rgba(22,184,217,.30)); }
.iq-btn--mint:hover, .iq-scope a.iq-btn--mint:hover { background: var(--lrl-cyan-600, #0ea5c2); color: #fff; }
.iq-cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 36px; }

/* ---------- hero ---------- */
.iq-hero { position: relative; overflow: hidden; padding: clamp(56px, 8vw, 110px) 0 clamp(56px, 7vw, 96px); }
.iq-hero__atmos { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(56% 52% at 12% 4%, rgba(22, 184, 217, .12), transparent 62%), radial-gradient(46% 48% at 92% 90%, rgba(110, 231, 216, .1), transparent 60%); }
.iq-hero__inner { position: relative; display: grid; grid-template-columns: minmax(320px, 1.02fr) minmax(300px, .98fr); gap: clamp(36px, 5vw, 72px); align-items: center; }
.iq-badge { white-space: nowrap; display: inline-flex; align-items: center; gap: 9px; border: 1px solid rgba(22, 184, 217, .38); border-radius: 999px; padding: 7px 14px; background: rgba(22, 184, 217, .07); font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; color: var(--iq-cyan-700); }
.iq-badge__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--iq-cyan); display: block; animation: iq-pulse 2.2s ease-in-out infinite; }
@keyframes iq-pulse { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(22, 184, 217, .45); } 50% { opacity: .55; box-shadow: 0 0 0 4px rgba(22, 184, 217, 0); } }
.iq-hero__support { margin: 24px 0 0; font-size: clamp(16.5px, 1.5vw, 19px); line-height: 1.6; color: var(--iq-slate); max-width: 54ch; text-wrap: pretty; }
@keyframes iq-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.iq-anim-1 { animation: iq-rise .7s cubic-bezier(.2, .7, .2, 1) both; }
.iq-anim-2 { animation: iq-rise .8s .08s cubic-bezier(.2, .7, .2, 1) both; }
.iq-anim-3 { animation: iq-rise .8s .16s cubic-bezier(.2, .7, .2, 1) both; }
.iq-anim-4 { animation: iq-rise .8s .24s cubic-bezier(.2, .7, .2, 1) both; }

/* ---------- hero centerpiece: the LRI object ---------- */
.iq-orb { position: relative; overflow: hidden; border-radius: 28px; padding: clamp(30px, 4vw, 48px) clamp(20px, 3vw, 36px); background: radial-gradient(90% 120% at 80% -10%, rgba(22, 184, 217, .16), transparent 55%), linear-gradient(158deg, var(--iq-ink), var(--iq-ink-800)); border: 1px solid rgba(110, 231, 216, .14); box-shadow: 0 34px 80px rgba(7, 17, 31, .28); display: grid; justify-items: center; }
.iq-orb__stage { position: relative; width: min(340px, 70vw); aspect-ratio: 1 / 1; perspective: 1000px; }
.iq-orb__stage::before { content: ""; position: absolute; inset: 12%; border-radius: 50%; background: radial-gradient(circle at 38% 36%, rgba(22, 184, 217, .16), transparent 58%), radial-gradient(circle at 66% 54%, rgba(37, 99, 235, .12), transparent 60%), radial-gradient(circle at 50% 76%, rgba(244, 201, 93, .08), transparent 55%); filter: blur(8px); animation: iq-orb-breathe 8s ease-in-out infinite; }
.iq-orb__tilt { position: absolute; inset: 0; transform-style: preserve-3d; will-change: transform; }
.iq-orb__ring { position: absolute; border-radius: 50%; border: 1px solid rgba(226, 242, 247, .16); transform-style: preserve-3d; }
.iq-orb__ring::after { content: ""; position: absolute; top: -2.5px; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: var(--iq-mint); box-shadow: 0 0 10px rgba(110, 231, 216, .8); }
.iq-orb__ring--1 { inset: 4%; border-color: rgba(22, 184, 217, .34); animation: iq-orb-spin1 46s linear infinite; }
.iq-orb__ring--1::after { background: var(--iq-cyan); box-shadow: 0 0 10px rgba(22, 184, 217, .85); }
.iq-orb__ring--2 { inset: 11%; border-color: rgba(244, 201, 93, .3); animation: iq-orb-spin2 64s linear infinite; }
.iq-orb__ring--2::after { background: var(--iq-gold); box-shadow: 0 0 9px rgba(244, 201, 93, .75); width: 4px; height: 4px; }
.iq-orb__ring--3 { inset: 0; border-color: rgba(37, 99, 235, .32); animation: iq-orb-spin3 82s linear infinite; }
.iq-orb__ring--3::after { background: var(--iq-blue); box-shadow: 0 0 10px rgba(37, 99, 235, .8); }
.iq-orb__ring--4 { inset: 17%; border-color: rgba(20, 184, 166, .3); animation: iq-orb-spin4 38s linear infinite reverse; }
.iq-orb__ring--4::after { background: var(--iq-teal); box-shadow: 0 0 9px rgba(20, 184, 166, .75); width: 4px; height: 4px; }
@keyframes iq-orb-spin1 { from { transform: rotateY(64deg) rotateZ(0deg); } to { transform: rotateY(64deg) rotateZ(360deg); } }
@keyframes iq-orb-spin2 { from { transform: rotateX(70deg) rotateZ(0deg); } to { transform: rotateX(70deg) rotateZ(-360deg); } }
@keyframes iq-orb-spin3 { from { transform: rotateY(30deg) rotateX(56deg) rotateZ(0deg); } to { transform: rotateY(30deg) rotateX(56deg) rotateZ(360deg); } }
@keyframes iq-orb-spin4 { from { transform: rotateX(82deg) rotateZ(0deg); } to { transform: rotateX(82deg) rotateZ(360deg); } }
.iq-orb__core { position: absolute; inset: 28%; border-radius: 50%; background: radial-gradient(circle at 34% 30%, rgba(255, 255, 255, .38), transparent 32%), radial-gradient(circle at 70% 24%, rgba(37, 99, 235, .5), transparent 48%), radial-gradient(circle at 24% 68%, rgba(22, 184, 217, .55), transparent 52%), radial-gradient(circle at 74% 76%, rgba(20, 184, 166, .48), transparent 50%), radial-gradient(circle at 52% 90%, rgba(244, 201, 93, .22), transparent 42%), radial-gradient(circle at 50% 50%, rgba(16, 36, 61, .6), rgba(7, 17, 31, .35) 82%); box-shadow: inset -16px -20px 44px rgba(7, 17, 31, .5), inset 12px 14px 34px rgba(110, 231, 216, .18), 0 0 80px rgba(22, 184, 217, .28); animation: iq-orb-breathe 8s ease-in-out infinite; }
.iq-orb__core::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, transparent, rgba(110, 231, 216, .22) 10%, transparent 28%, rgba(37, 99, 235, .2) 44%, transparent 60%, rgba(244, 201, 93, .16) 72%, transparent 82%, rgba(20, 184, 166, .18) 92%, transparent); animation: iq-orb-hue 26s linear infinite; }
@keyframes iq-orb-hue { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.iq-orb__core::before { content: ""; position: absolute; left: 20%; top: 12%; width: 34%; height: 20%; border-radius: 50%; background: rgba(255, 255, 255, .32); filter: blur(7px); transform: rotate(-24deg); }
@keyframes iq-orb-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035); } }
.iq-orb__word { position: absolute; left: var(--x); top: var(--y); margin: 0; font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: rgba(226, 242, 247, .62); opacity: 0; transition: opacity 1.3s ease; transition-delay: var(--d, 0s); animation: iq-orb-drift 11s ease-in-out infinite; animation-delay: calc(var(--d, 0s) * -4); pointer-events: none; white-space: nowrap; }
@keyframes iq-orb-drift { 0%, 100% { transform: translate(-50%, -50%); } 50% { transform: translate(-50%, calc(-50% - 7px)); } }
.iq-orb.is-words .iq-orb__word { opacity: 1; }
.iq-orb.is-settled .iq-orb__word { opacity: 0; }
.iq-orb__caption { margin: 26px 0 0; font-size: 12px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: rgba(226, 242, 247, .88); opacity: 0; transform: translateY(8px); transition: opacity 1.2s ease .2s, transform 1.2s ease .2s; text-align: center; }
.iq-orb.is-settled .iq-orb__caption, .iq-orb:not(.is-js) .iq-orb__caption { opacity: 1; transform: none; }

/* ---------- tension ---------- */
.iq-tension__grid { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr); gap: clamp(30px, 5vw, 80px); align-items: start; }

/* ---------- performance stack ---------- */
.iq-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.iq-perf { position: relative; overflow: hidden; text-align: center; background: radial-gradient(70% 90% at 50% -10%, rgba(22, 184, 217, .18), transparent 60%), linear-gradient(158deg, var(--iq-ink), var(--iq-ink-800)); }
.iq-perf .iq-kicker { margin: 0 auto; color: var(--iq-mint); }
.iq-perf__stack { margin-top: 34px; display: grid; gap: 4px; justify-items: center; }
.iq-perf__lead { margin: 0 0 6px; font-size: clamp(26px, 3.6vw, 48px); font-weight: 900; letter-spacing: -.04em; line-height: 1.06; color: #fff; }
.iq-perf__no { margin: 0; font-size: clamp(26px, 3.6vw, 48px); font-weight: 900; letter-spacing: -.04em; line-height: 1.16; color: rgba(226, 242, 247, .32); }
.iq-perf__no span { position: relative; display: inline-block; padding: 0 .08em; }
.iq-perf__no span::after { content: ""; position: absolute; left: 0; right: 0; top: 54%; height: .075em; border-radius: 999px; background: linear-gradient(90deg, var(--iq-cyan), var(--iq-mint)); transform-origin: left center; }
.iq-perf__win { margin: 18px 0 0; font-size: clamp(52px, 8.5vw, 112px); font-weight: 900; letter-spacing: -.05em; line-height: .96; color: #fff; }
.iq-perf .iq-sheen { background: linear-gradient(96deg, #ffffff 22%, var(--iq-cyan) 44%, var(--iq-mint) 52%, var(--iq-cyan) 60%, #ffffff 82%); background-size: 320% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; }
.iq-perf__coda { margin: 40px auto 0; color: rgba(226, 242, 247, .72); }
@media (prefers-reduced-motion: no-preference) {
  .iq-perf--armed .iq-perf__lead,
  .iq-perf--armed .iq-perf__no,
  .iq-perf--armed .iq-perf__win,
  .iq-perf--armed .iq-perf__coda { opacity: 0; transform: translateY(16px); transition: opacity .6s cubic-bezier(.2, .7, .2, 1), transform .6s cubic-bezier(.2, .7, .2, 1); }
  .iq-perf--armed .iq-perf__no span::after { transform: scaleX(0); transition: transform .45s cubic-bezier(.3, .8, .3, 1); }
  .iq-perf--armed.is-in .iq-perf__lead,
  .iq-perf--armed.is-in .iq-perf__no,
  .iq-perf--armed.is-in .iq-perf__win,
  .iq-perf--armed.is-in .iq-perf__coda { opacity: 1; transform: none; }
  .iq-perf--armed.is-in .iq-perf__no:nth-of-type(1) { transition-delay: .25s; }
  .iq-perf--armed.is-in .iq-perf__no:nth-of-type(2) { transition-delay: .5s; }
  .iq-perf--armed.is-in .iq-perf__no:nth-of-type(3) { transition-delay: .75s; }
  .iq-perf--armed.is-in .iq-perf__no span::after { transform: scaleX(1); }
  .iq-perf--armed.is-in .iq-perf__no:nth-of-type(1) span::after { transition-delay: .7s; }
  .iq-perf--armed.is-in .iq-perf__no:nth-of-type(2) span::after { transition-delay: .95s; }
  .iq-perf--armed.is-in .iq-perf__no:nth-of-type(3) span::after { transition-delay: 1.2s; }
  .iq-perf--armed.is-in .iq-perf__win { transition-delay: 1.55s; transition-duration: .8s; }
  .iq-perf--armed.is-in .iq-perf__coda { transition-delay: 2s; }
}

/* ---------- outcomes ---------- */
.iq-outcomes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 26px; margin: 44px 0 0; }
.iq-outcome { padding-top: 16px; border-top: 1px solid rgba(7, 17, 31, .22); }
.iq-outcome strong { display: block; font-size: clamp(17px, 1.7vw, 20px); font-weight: 850; letter-spacing: -.02em; color: var(--iq-ink); }
.iq-outcome span { display: block; margin-top: 6px; font-size: 14px; line-height: 1.55; color: var(--iq-slate); }

/* ---------- inside ---------- */
.iq-inside__grid { display: grid; grid-template-columns: minmax(300px, 1.05fr) minmax(300px, .95fr); gap: clamp(30px, 4vw, 60px); align-items: start; margin-top: 8px; }
.iq-materials { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.iq-material { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--iq-line); border-radius: 999px; background: #fff; font-size: 14px; font-weight: 800; color: var(--iq-ink); box-shadow: 0 6px 16px rgba(15, 23, 42, .04); }
.iq-material--lrl { border-color: rgba(22, 184, 217, .4); background: rgba(22, 184, 217, .06); color: var(--iq-cyan-700); }
.iq-curation { position: relative; overflow: hidden; border-radius: 26px; padding: clamp(24px, 2.8vw, 34px); background: radial-gradient(70% 100% at 0% 0%, rgba(110, 231, 216, .14), transparent 55%), linear-gradient(158deg, var(--iq-ink), var(--iq-ink-800)); border: 1px solid rgba(110, 231, 216, .16); color: #fff; box-shadow: 0 30px 70px rgba(7, 17, 31, .24); }
.iq-curation h3 { margin: 14px 0 0; font-size: clamp(22px, 2.4vw, 30px); font-weight: 900; letter-spacing: -.035em; line-height: 1.1; color: #fff; }
.iq-curation p { margin: 14px 0 0; font-size: 14.5px; line-height: 1.62; color: rgba(226, 242, 247, .78); }
.iq-curation__rule { display: flex; align-items: center; gap: 10px; margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--iq-mint); }

/* ---------- in action ---------- */
.iq-action { counter-reset: iq-step; display: grid; gap: 14px; margin-top: 44px; max-width: 860px; }
.iq-step { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 18px; padding: 22px 24px; border: 1px solid var(--iq-line); border-radius: 20px; background: #fff; box-shadow: var(--iq-shadow-card); }
.iq-step::before { counter-increment: iq-step; content: counter(iq-step, decimal-leading-zero); display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; font-weight: 900; font-size: 14px; letter-spacing: -.02em; color: var(--iq-cyan-700); background: rgba(22, 184, 217, .09); border: 1px solid rgba(22, 184, 217, .3); }
.iq-step--studio::before { color: var(--iq-blue-700); background: rgba(37, 99, 235, .08); border-color: rgba(37, 99, 235, .28); }
.iq-step--lri { background: linear-gradient(158deg, var(--iq-ink), var(--iq-ink-800)); border-color: rgba(110, 231, 216, .22); color: #fff; }
.iq-step--lri::before { color: var(--iq-mint); background: rgba(110, 231, 216, .12); border-color: rgba(110, 231, 216, .4); }
.iq-step h3 { margin: 2px 0 0; font-size: 16.5px; font-weight: 850; letter-spacing: -.02em; color: inherit; }
.iq-step p { margin: 7px 0 0; font-size: 14.5px; line-height: 1.58; color: var(--iq-slate); max-width: 58ch; }
.iq-step--lri p { color: rgba(226, 242, 247, .8); }
.iq-step blockquote { margin: 7px 0 0; font-size: clamp(17px, 1.7vw, 20px); font-weight: 800; letter-spacing: -.02em; color: var(--iq-ink); }
.iq-action__note { margin: 26px 0 0; max-width: 74ch; }

/* ---------- external AI ---------- */
.iq-mcp { text-align: center; }
.iq-mcp .iq-kicker, .iq-mcp .iq-h2 { margin-left: auto; margin-right: auto; }
.iq-mcp .iq-lede { margin: 0 auto; }
.iq-mcp__tools { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 36px auto 0; max-width: 640px; }
.iq-mcp__tools span { display: inline-flex; align-items: center; min-height: 40px; padding: 0 17px; border: 1px solid var(--iq-line); border-radius: 999px; background: var(--iq-mist); font-size: 14px; font-weight: 800; color: var(--iq-slate); }
.iq-mcp__fine { margin: 26px auto 0; max-width: 58ch; }

/* ---------- ecosystem ---------- */
.iq-eco { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.iq-eco__card { position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 190px; padding: 24px 22px; border: 1px solid var(--iq-line); border-radius: 22px; background: #fff; box-shadow: var(--iq-shadow-card); transition: transform .2s, box-shadow .2s, border-color .2s; }
a.iq-eco__card:hover { transform: translateY(-4px); box-shadow: 0 24px 60px rgba(15, 23, 42, .09); border-color: rgba(15, 23, 42, .16); color: inherit; }
.iq-eco__card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--iq-accent, var(--iq-cyan)); opacity: .9; }
.iq-eco__tag { margin: 0 0 auto; font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; color: var(--iq-slate-400); }
.iq-eco__card h3 { margin: 26px 0 0; font-size: 18.5px; font-weight: 850; letter-spacing: -.024em; color: var(--iq-ink); }
.iq-eco__card p { margin: 8px 0 0; font-size: 14px; line-height: 1.55; color: var(--iq-slate); }
.iq-eco__card--future { background: var(--iq-frost); border-style: dashed; box-shadow: none; }
.iq-eco__card--future::before { opacity: .35; }
.iq-eco__card--future h3 { color: var(--iq-slate-500); }
.iq-eco--future { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 16px; }

/* ---------- final CTA ---------- */
.iq-final { position: relative; overflow: hidden; border-radius: 34px; padding: clamp(48px, 6vw, 84px) clamp(26px, 5vw, 80px); text-align: center; background: radial-gradient(70% 110% at 50% 0%, rgba(22, 184, 217, .2), transparent 60%), linear-gradient(158deg, var(--iq-ink), var(--iq-ink-800)); border: 1px solid rgba(110, 231, 216, .16); color: #fff; box-shadow: 0 40px 90px rgba(7, 17, 31, .3); }
.iq-final h2 { margin: 18px 0 0; font-size: clamp(30px, 4vw, 50px); font-weight: 900; letter-spacing: -.04em; line-height: 1.06; color: #fff; text-wrap: balance; }
.iq-final p { margin: 18px auto 0; max-width: 54ch; font-size: clamp(15px, 1.4vw, 17px); line-height: 1.6; color: rgba(226, 242, 247, .78); }
.iq-final .iq-cta-row { justify-content: center; }
.iq-final .iq-btn--ghost, .iq-final a.iq-btn--ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .32); box-shadow: none; }
.iq-final .iq-btn--ghost:hover, .iq-final a.iq-btn--ghost:hover { border-color: var(--iq-mint); color: var(--iq-mint); }

/* ---------- responsive ---------- */
@media (max-width: 1040px) {
  .iq-hero__inner { grid-template-columns: 1fr; }
  .iq-tension__grid, .iq-inside__grid { grid-template-columns: 1fr; gap: 34px; }
  .iq-outcomes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iq-eco { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iq-eco--future { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .iq-outcomes { grid-template-columns: 1fr; }
  .iq-eco, .iq-eco--future { grid-template-columns: 1fr; }
  .iq-eco__card { min-height: 0; }
  .iq-btn { width: 100%; }
  .iq-step { grid-template-columns: 1fr; gap: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .iq-scope *, .iq-scope *::before, .iq-scope *::after { animation-duration: .001ms !important; animation-delay: 0ms !important; transition-duration: .001ms !important; }
  .iq-sheen { animation: none; background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--iq-cyan-700); }
  .iq-perf .iq-sheen { color: var(--iq-mint); }
}

/* LRI 1.0 product conversion */
.iq-hero__micro{margin:14px 0 0;color:var(--lrl-slate-400, #94a3b8);font-size: 14px;font-weight:600}
.iq-demo{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.35fr);gap:22px;margin-top:38px}
.iq-demo__prompt,.iq-demo__answer{border-radius:26px;border:var(--lrl-border, 1px solid #e6ebf1);padding:28px;background:#fff}
.iq-demo__prompt{display:flex;flex-direction:column;justify-content:center;background:#07111f;color:#fff}
.iq-demo__label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size: 11px;font-weight:900;color:var(--lrl-mint, #6ee7d8);margin-bottom:12px}
.iq-demo__prompt p{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5;font-weight:650;margin:0}
.iq-demo__answer-head{display:flex;align-items:center;gap:12px}.iq-demo__answer-head>div{min-width:0;flex:1}.iq-demo__answer-head strong{display:block;font-size: 14px}.iq-demo__answer-head .iq-demo__label{color:#0789a2;margin:0 0 3px}
.iq-demo__orb{width:40px;height:40px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--lrl-mint, #6ee7d8),#16b8d9 36%,#07111f 74%)}
.iq-demo__confidence{font-size: 14px;font-weight:800;border-radius:999px;background:var(--lrl-mist, #f8fafc);color:#0f766e;padding:7px 10px;white-space:nowrap}
.iq-demo__recommendation{font-size:1.04rem;line-height:1.7;font-weight:600;color:#1e293b;margin:24px 0}
.iq-demo__mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.iq-demo__mini-grid>div{background:#f8fafc;border-radius:16px;padding:17px}.iq-demo__mini-grid strong{font-size: 14px}.iq-demo__mini-grid p{font-size: 14px;line-height:1.55;color:#64748b;margin:6px 0 0}
.iq-demo__grounding{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid rgba(15,23,42,.08);padding-top:17px;margin-top:17px}.iq-demo__grounding span{text-transform:uppercase;letter-spacing:.1em;font-size: 11px;font-weight:850;color:#94a3b8}.iq-demo__grounding b{font-size: 14px;background:var(--lrl-mist, #f8fafc);color:var(--lrl-cyan-700, #0789a2);border-radius:999px;padding:6px 9px}.iq-demo__cta{text-align:center;margin-top:24px}
.iq-pricing{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px}.iq-price-card{border:var(--lrl-border, 1px solid #e6ebf1);border-radius:30px;padding:34px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.07);display:flex;flex-direction:column}.iq-price-card--pro{background:linear-gradient(145deg,#07111f,var(--lrl-ink-800, #10243d));color:#fff;border-color:rgba(94,234,212,.26);box-shadow:0 32px 90px rgba(7,17,31,.18)}
.iq-price-card__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size: 11px;font-weight:900;color:#0789a2}.iq-price-card--pro .iq-price-card__eyebrow{color:var(--lrl-mint, #6ee7d8)}.iq-price-card__top{display:flex;justify-content:space-between;align-items:center;gap:12px}.iq-price-card__top>span{font-size: 11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(94,234,212,.34);color:var(--lrl-mint, #6ee7d8);border-radius:999px;padding:7px 9px}
.iq-price{display:flex;align-items:baseline;gap:8px;margin-top:22px}.iq-price strong{font-size:clamp(2.7rem,5vw,4.2rem);line-height:1;letter-spacing:-.06em}.iq-price span{font-size: 14px;color:#64748b}.iq-price-card--pro .iq-price span{color:#94a3b8}.iq-price-card__annual{margin:8px 0 0;font-size: 14px;color:#94a3b8;font-weight:700}.iq-price-card__desc{font-size: 14px;line-height:1.6;color:#64748b;margin:20px 0}.iq-price-card--pro .iq-price-card__desc{color:var(--lrl-slate-400, #94a3b8)}
.iq-price-card ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:11px}.iq-price-card li{position:relative;padding-left:22px;font-size: 14px;line-height:1.45;color:#475569}.iq-price-card--pro li{color:var(--lrl-line, #e6ebf1)}.iq-price-card li:before{content:"✓";position:absolute;left:0;color:var(--lrl-teal-700, #0f766e);font-weight:900}.iq-price-card--pro li:before{color:var(--lrl-mint, #6ee7d8)}.iq-price-card__button{margin-top:auto;width:100%}.iq-price-card__fine{font-size: 14px;color:#94a3b8;text-align:center;margin:11px 0 0}.iq-pricing__included{text-align:center;color:#64748b;font-size: 14px;line-height:1.55;margin:22px auto 0;max-width:760px}
@media(max-width:780px){.iq-demo,.iq-pricing,.iq-demo__mini-grid{grid-template-columns:1fr}.iq-demo__confidence{display:none}.iq-price-card{border-radius:24px;padding:26px 22px}}
/* Prove It product preview */
.iq-prove-preview{margin-top:36px;background:#07111f;color:#fff;border-radius:30px;padding:clamp(24px,5vw,44px);display:grid;grid-template-columns:.55fr 1fr 1.15fr;gap:28px;align-items:center}.iq-prove-preview__score span,.iq-prove-preview__story span{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.58rem;font-weight:850;color:#5eead4}.iq-prove-preview__score strong{font-size:5rem;line-height:1;letter-spacing:-.08em}.iq-prove-preview__score small{color:#94a3b8}.iq-prove-preview__story{border-left:1px solid rgba(255,255,255,.12);padding-left:26px}.iq-prove-preview__story>div{margin-bottom:12px}.iq-prove-preview__story strong{font-size:.92rem}.iq-prove-preview__story p{font-size:.76rem;line-height:1.6;color:#a9b8c7}.iq-prove-preview__bars{display:grid;gap:14px}.iq-prove-preview__bars>div{display:grid;grid-template-columns:1fr 34px;gap:8px}.iq-prove-preview__bars span{font-size:.67rem;color:#c5d1dc}.iq-prove-preview__bars i{grid-column:1/2;height:6px;background:linear-gradient(90deg,#14b8a6 var(--score),rgba(255,255,255,.12) var(--score));border-radius:999px}.iq-prove-preview__bars b{grid-column:2;grid-row:1/3;align-self:center;font-size:.75rem}@media(max-width:780px){.iq-prove-preview{grid-template-columns:1fr}.iq-prove-preview__story{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:20px 0 0}}