/* Agentic Strategy Lab — matched to asl.form-u.la */

:root {
  --bg:        #090d12;
  --surface:   #10161e;
  --surface-2: #0d131a;
  --line:      rgba(255,255,255,.075);
  --line-soft: rgba(255,255,255,.045);

  --text:  #ffffff;
  --body:  #b8c4cf;
  --muted: #8995a1;
  --dim:   #6b7783;

  --observe:     #55cbea;
  --hypothesize: #a68cff;
  --refine:      #e8b867;
  --record:      #72e5a2;
  --approved:    #72e5a2;
  --peri:        #85a9ff;

  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --spectrum: linear-gradient(90deg,#55cbea,#a68cff 33.333%,#e8b867 66.667%,#72e5a2);
  --frame: 74rem;
  --pad: clamp(1.25rem, 4vw, 3rem);
  --r: 14px;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--sans);
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--body);
  background:
    radial-gradient(circle at 15% 2%,  rgba(88,119,255,.18), transparent 31%),
    radial-gradient(circle at 86% 17%, rgba(49,219,143,.12), transparent 27%),
    radial-gradient(circle at 54% 70%, rgba(88,119,255,.07), transparent 34%),
    linear-gradient(145deg,#10161e,#090d12);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}

.skip { position:absolute; left:-9999px; background:var(--record); color:#08111a;
  padding:.6rem 1rem; border-radius:99px; font-weight:600; font-size:.85rem; }
.skip:focus { left:1rem; top:1rem; z-index:20; }

.head, main, .foot { max-width: var(--frame); margin: 0 auto; padding-inline: var(--pad); }
.head, main, .foot { position: relative; z-index: 1; }

/* --- head ------------------------------------------------------------ */

.head {
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding-block:1.35rem; border-bottom:1px solid var(--line-soft);
}
.wordmark { display:inline-flex; align-items:center; gap:.65rem; text-decoration:none;
  color:var(--text); font-weight:700; font-size:1.02rem; letter-spacing:-.015em; }
.mark { display:block; width:28px; height:28px; }
.head-note { font-size:.7rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--dim); }

main { padding-block: clamp(3.5rem,8vw,6rem) 4rem; }

/* --- hero ------------------------------------------------------------ */

.hero { position:relative; }

.hero-ring {
  position:absolute; top:-6rem; right:-4rem;
  width:clamp(22rem,42vw,34rem); height:clamp(22rem,42vw,34rem);
  border-radius:50%; border:1px solid rgba(255,255,255,.05);
  pointer-events:none; z-index:0;
}
.hero-ring::after {
  content:""; position:absolute; inset:14%; border-radius:50%;
  background:radial-gradient(circle at 50% 45%, rgba(133,169,255,.10), transparent 62%);
}

.concept { position:relative; z-index:1; max-width:44rem; }

.eyebrow {
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--peri); margin:0 0 1.4rem;
}
.eyebrow::before { content:""; width:7px; height:7px; border-radius:50%;
  background:var(--record); box-shadow:0 0 10px rgba(114,229,162,.7); }

.concept h1 {
  font-size:clamp(2.6rem,6.4vw,4.1rem);
  line-height:1.03; font-weight:800; letter-spacing:-.035em;
  color:var(--text); margin:0 0 1.5rem; text-wrap:balance;
}
.concept h1 em { font-style:normal; color:var(--record); }

.concept p { margin:0 0 1.15rem; color:var(--body); max-width:38rem; }
.concept strong { color:var(--text); font-weight:600; }

.claim {
  margin-top:2rem !important; padding:1.15rem 1.3rem;
  border:1px solid var(--line); border-radius:var(--r);
  background:linear-gradient(155deg,rgba(255,255,255,.046),rgba(255,255,255,.014)),
             linear-gradient(145deg,#10161e,#090d12);
  color:var(--muted); font-size:.97rem;
}

/* --- sections --------------------------------------------------------- */

.verticals, .ledger-block { margin-top: clamp(4.5rem,9vw,7rem); }

.section-label { font-size:.72rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--peri); margin:0 0 1.5rem; }

/* --- cards ------------------------------------------------------------ */

.v-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(16.5rem,1fr)); gap:1.1rem; }

.v {
  position:relative; overflow:hidden; border-radius:var(--r);
  border:1px solid var(--line); padding:1.5rem 1.5rem 1.6rem;
  background:linear-gradient(155deg,rgba(255,255,255,.046),rgba(255,255,255,.014)),
             linear-gradient(145deg,#10161e,#090d12);
  transition:transform .22s ease, border-color .22s ease;
}
.v:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.12); }

.v::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,var(--vc,#55cbea),transparent); opacity:.85; }
.v[data-status="live"]    { --vc:#72e5a2; }
.v[data-status="planned"] { --vc:#a68cff; }

.v-head { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:.7rem; }
.v h3 { margin:0; font-size:1.08rem; font-weight:700; letter-spacing:-.015em; color:var(--text); }

.v-status { display:inline-flex; align-items:center; gap:.4rem; padding:.24rem .6rem;
  border-radius:99px; font-size:.62rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--dim);
  border:1px solid var(--line); background:rgba(255,255,255,.03); }
.v-status::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.v[data-status="live"] .v-status { color:var(--record);
  border-color:color-mix(in srgb,var(--record) 28%,transparent);
  background:color-mix(in srgb,var(--record) 9%,transparent); }
.v[data-status="planned"] .v-status { color:var(--hypothesize);
  border-color:color-mix(in srgb,var(--hypothesize) 28%,transparent);
  background:color-mix(in srgb,var(--hypothesize) 9%,transparent); }

.v-blurb { margin:0 0 1.25rem; font-size:.93rem; line-height:1.58; color:var(--muted); }
.v-foot { display:flex; flex-direction:column; gap:.35rem; }
.v-case { display:inline-flex; align-items:center; gap:.3rem; align-self:flex-start;
  padding:.4rem .8rem; border-radius:99px; font-size:.78rem; font-weight:600;
  text-decoration:none; color:var(--record);
  border:1px solid color-mix(in srgb,var(--record) 30%,transparent);
  background:color-mix(in srgb,var(--record) 8%,transparent); transition:background .2s; }
.v-case:hover { background:color-mix(in srgb,var(--record) 16%,transparent); }
.v-none { color:var(--dim); border-color:var(--line); background:rgba(255,255,255,.02); }
.v-note { font-size:.82rem; color:var(--dim); }

/* --- ledger ----------------------------------------------------------- */

.ledger { display:grid; gap:1.1rem; margin:0;
  grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); }
.ledger > div { position:relative; overflow:hidden; border-radius:var(--r);
  border:1px solid var(--line); padding:1.3rem 1.4rem 1.4rem;
  background:linear-gradient(155deg,rgba(255,255,255,.046),rgba(255,255,255,.014)),
             linear-gradient(145deg,#10161e,#090d12); }
.ledger > div::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,var(--record),transparent); opacity:.6; }
.ledger dt { font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--dim); margin-bottom:.55rem; }
.ledger dd { margin:0; font-family:var(--mono); font-size:.78rem; color:var(--muted);
  word-break:break-all; line-height:1.5; }

.ledger-note { margin-top:1.4rem; font-size:.9rem; color:var(--muted); max-width:40rem; }
.mono { font-family:var(--mono); }

/* --- case ------------------------------------------------------------- */

.case { max-width:48rem; position:relative; }

.case-head { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem .9rem; margin-bottom:1.1rem; }
.case-id { font-family:var(--mono); font-size:.82rem; font-weight:600; letter-spacing:.06em;
  color:var(--text); padding:.28rem .65rem; border-radius:99px;
  border:1px solid var(--line); background:rgba(255,255,255,.03); }
.case-vertical { font-size:.66rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--peri); }
.case-span { font-family:var(--mono); font-size:.72rem; color:var(--dim); }

.case-title { font-size:clamp(1.9rem,4.6vw,2.9rem); line-height:1.08; font-weight:800;
  letter-spacing:-.033em; color:var(--text); margin:0 0 2.75rem; text-wrap:balance; }

.stage { display:grid; grid-template-columns:9.5rem 1fr; gap:1.6rem;
  padding:1.7rem 0; border-top:1px solid var(--line-soft); }
.stage:last-of-type { border-bottom:1px solid var(--line-soft); }

#observe{--sc:#55cbea} #hypothesize{--sc:#a68cff} #refine{--sc:#e8b867} #record{--sc:#72e5a2}

.stage-mark { display:flex; flex-direction:column; gap:.6rem; position:sticky; top:1.5rem; align-self:start; }
.stage-icon { width:40px; height:40px; padding:8px; color:var(--sc); border-radius:11px;
  border:1px solid color-mix(in srgb,var(--sc) 24%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--sc) 15%,transparent),rgba(255,255,255,.018));
  transition:transform .25s ease; }
.stage:hover .stage-icon { transform:translateY(-2px) rotate(-2deg); }
.stage-n { display:none; }
.stage-label { font-size:.7rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--sc); }
.stage-hint { margin:0 0 1rem; font-size:.85rem; color:var(--dim); }
.stage-body p { margin:0 0 1rem; color:var(--body); }
.stage-body p:last-of-type { margin-bottom:0; }
.stage-body strong { color:var(--text); font-weight:600; }
.stage-body em { color:var(--text); font-style:italic; }
.empty { color:var(--dim); }

/* --- lock ------------------------------------------------------------- */

.lock { margin-top:1.5rem; padding:1.05rem 1.2rem; border-radius:var(--r);
  border:1px solid color-mix(in srgb,var(--hypothesize) 26%,transparent);
  background:linear-gradient(120deg,rgba(166,140,255,.16),rgba(133,169,255,.05),rgba(255,255,255,.02)),
             linear-gradient(145deg,#10161e,#090d12);
  display:flex; flex-direction:column; gap:.5rem; }
.lock-label { font-size:.62rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  color:var(--hypothesize); }
.lock-hash { font-family:var(--mono); font-size:.74rem; line-height:1.55; color:var(--text);
  background:none; padding:0; word-break:break-all; }
.lock-note { font-size:.82rem; color:var(--dim); }

/* --- seal ------------------------------------------------------------- */

.seal { margin-top:3rem; padding:1.7rem 1.7rem 1.5rem; border-radius:var(--r); position:relative;
  border:1px solid color-mix(in srgb,var(--approved) 24%,transparent);
  background:linear-gradient(120deg,rgba(114,229,162,.14),rgba(133,169,255,.06),rgba(255,255,255,.02)),
             linear-gradient(145deg,#10161e,#090d12);
  box-shadow:0 24px 60px -40px rgba(114,229,162,.5); }
.seal-label { position:absolute; top:-.62rem; left:1.3rem; margin:0; padding:.1rem .6rem;
  border-radius:99px; background:#0c1219; font-size:.62rem; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:var(--approved);
  border:1px solid color-mix(in srgb,var(--approved) 26%,transparent); }
.seal-grid { margin:0; }
.seal-grid > div { display:grid; grid-template-columns:7.5rem 1fr; gap:1rem; padding:.5rem 0; }
.seal-grid > div + div { border-top:1px solid var(--line-soft); }
.seal-grid dt { font-size:.65rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--dim); }
.seal-grid dd { margin:0; font-family:var(--mono); font-size:.78rem; color:var(--muted); word-break:break-all; }

/* --- disclosure -------------------------------------------------------- */

.disclosure { margin-top:2.25rem; padding:1.3rem 1.4rem; border-radius:var(--r);
  border:1px solid color-mix(in srgb,var(--refine) 22%,transparent);
  background:linear-gradient(155deg,rgba(232,184,103,.07),rgba(255,255,255,.012)),
             linear-gradient(145deg,#10161e,#090d12); }
.disclosure h2 { font-size:.68rem; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--refine); margin:0 0 .8rem; }
.disclosure p, .disclosure li { font-size:.9rem; color:var(--muted); }
.disclosure ul { margin:.8rem 0 0; padding-left:1.15rem; }
.disclosure li { margin-bottom:.55rem; }
.disclosure li::marker { color:var(--refine); }

/* --- foot -------------------------------------------------------------- */

.foot { border-top:1px solid var(--line-soft); padding-block:1.6rem 3.5rem;
  font-size:.78rem; line-height:1.65; color:var(--dim); }
.foot p { margin:0 0 .55rem; }
.foot-note { max-width:48rem; }

code { font-family:var(--mono); font-size:.88em; background:rgba(255,255,255,.05);
  padding:.12em .35em; border-radius:5px; color:var(--text); }

a:focus-visible, .wordmark:focus-visible { outline:2px solid var(--record); outline-offset:3px; }

@media (max-width:52rem) {
  .hero-ring { top:-4rem; right:-8rem; width:20rem; height:20rem; }
}
@media (max-width:34rem) {
  .stage { grid-template-columns:1fr; gap:.9rem; }
  .stage-mark { flex-direction:row; align-items:center; gap:.7rem; position:static; }
  .stage-icon { width:32px; height:32px; padding:6px; }
  .seal-grid > div { grid-template-columns:1fr; gap:.2rem; }
  .loop-legend { font-size:.56rem; letter-spacing:.08em; }
}
@media (prefers-reduced-motion:reduce) { * { transition:none !important; animation:none !important; } }

/* --- intake ----------------------------------------------------------- */

.intake { margin-top: clamp(4.5rem,9vw,7rem); }

.intake-grid {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:clamp(1.5rem,4vw,3rem); align-items:start;
}
.intake-panel { min-width:0; }

/* the hidden attribute must win over any display rule below it */
[hidden] { display:none !important; }

.intake-copy h2 { font-size:clamp(1.7rem,3.6vw,2.4rem); line-height:1.1;
  font-weight:800; letter-spacing:-.03em; color:var(--text); margin:0 0 1rem; text-wrap:balance; }
.intake-copy p { margin:0 0 1rem; color:var(--muted); font-size:.98rem; }
.intake-note { font-size:.87rem !important; color:var(--dim) !important;
  padding-left:.9rem; border-left:2px solid color-mix(in srgb,var(--record) 45%,transparent); }

.intake-form {
  position:relative; overflow:hidden; border-radius:var(--r);
  border:1px solid var(--line); padding:1.6rem;
  background:linear-gradient(155deg,rgba(255,255,255,.046),rgba(255,255,255,.014)),
             linear-gradient(145deg,#10161e,#090d12);
  display:flex; flex-direction:column; gap:1rem;
}
.intake-form::after { content:""; position:absolute; left:0; right:0; bottom:0;
  height:2px; background:var(--spectrum); opacity:.7; }

.intake-form label { display:flex; flex-direction:column; gap:.45rem; }
.intake-form label > span { font-size:.68rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--dim); }

.intake-form input[type=text],
.intake-form input[type=email],
.intake-form textarea {
  font-family:var(--sans); font-size:.95rem; color:var(--text);
  background:rgba(255,255,255,.035); border:1px solid var(--line);
  border-radius:9px; padding:.7rem .85rem; resize:vertical;
  transition:border-color .2s, background .2s;
}
.intake-form input::placeholder, .intake-form textarea::placeholder { color:var(--dim); }
.intake-form input:focus, .intake-form textarea:focus {
  outline:none; border-color:color-mix(in srgb,var(--record) 55%,transparent);
  background:rgba(255,255,255,.055);
}

.intake-form button {
  align-self:flex-start; margin-top:.25rem; cursor:pointer;
  font-family:var(--sans); font-size:.92rem; font-weight:700;
  color:#08111a; background:var(--record); border:none;
  border-radius:99px; padding:.7rem 1.5rem;
  transition:transform .18s ease, box-shadow .18s ease;
}
.intake-form button:hover { transform:translateY(-1px);
  box-shadow:0 12px 30px -16px rgba(114,229,162,.75); }

.intake-fine { margin:.35rem 0 0; font-size:.76rem; color:var(--dim); }
.gotcha { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }

/* --- thanks ------------------------------------------------------------ */

.thanks { max-width:38rem; }
.thanks h1 { font-size:clamp(2.1rem,5vw,3rem); line-height:1.05; font-weight:800;
  letter-spacing:-.035em; color:var(--text); margin:0 0 1.3rem; }
.thanks p { margin:0 0 1.1rem; color:var(--body); }
.thanks .v-case { margin-top:.5rem; }

@media (max-width:52rem) { .intake-grid { grid-template-columns:1fr; } }

.intake-done {
  border-radius:var(--r); border:1px solid color-mix(in srgb,var(--record) 26%,transparent);
  padding:1.7rem 1.6rem 1.5rem; position:relative; overflow:hidden;
  background:linear-gradient(120deg,rgba(114,229,162,.14),rgba(133,169,255,.06),rgba(255,255,255,.02)),
             linear-gradient(145deg,#10161e,#090d12);
  box-shadow:0 24px 60px -40px rgba(114,229,162,.5);
}
.intake-done:focus { outline:none; }
.intake-done h3 { margin:0 0 .9rem; font-size:1.5rem; font-weight:800;
  letter-spacing:-.028em; color:var(--text); }
.intake-done p { margin:0 0 .9rem; color:var(--body); font-size:.95rem; }
.intake-done .intake-note { margin-bottom:0; }

.intake-error { margin:.5rem 0 0; font-size:.85rem; color:#ffadad; }
.intake-form button[disabled] { opacity:.6; cursor:default; transform:none; box-shadow:none; }

/* --- hero: short, and the CTA is the point ---------------------------- */

.hero { position:relative; max-width:44rem; }

.hero h1 { font-size:clamp(2.7rem,7vw,4.4rem); line-height:1.01; font-weight:800;
  letter-spacing:-.038em; color:var(--text); margin:0 0 1.2rem; text-wrap:balance; }
.hero h1 em { font-style:normal; color:var(--record); }

.hero-sub { font-size:clamp(1.05rem,2.1vw,1.28rem); line-height:1.5;
  color:var(--body); margin:0 0 2rem; max-width:34rem; }

.hero-cta { display:flex; flex-wrap:wrap; gap:.7rem; margin:0; }

.btn { display:inline-flex; align-items:center; justify-content:center;
  padding:.72rem 1.5rem; border-radius:99px; font-size:.94rem; font-weight:700;
  text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.btn-primary { background:var(--record); color:#08111a; }
.btn-primary:hover { transform:translateY(-1px); box-shadow:0 14px 32px -16px rgba(114,229,162,.8); }
.btn-ghost { color:var(--text); border:1px solid var(--line); background:rgba(255,255,255,.04); }
.btn-ghost:hover { background:rgba(255,255,255,.08); }

/* --- the seal diagram: the thesis in one picture --------------------- */

.contrast, .steps { margin-top:clamp(4rem,8vw,6rem); }

.seal-diagram { display:block; width:100%; max-width:46rem; height:auto; margin:0 0 2.25rem; }
.seal-diagram text { font-family:var(--sans); }
.d-title { font-size:13px; font-weight:700; letter-spacing:.16em; text-anchor:middle; }
.d-sub   { font-size:12px; fill:#8995a1; text-anchor:middle; }
.d-note  { font-size:11.5px; fill:#5d6a77; text-anchor:middle; font-style:italic; }
.d-mid   { font-size:12.5px; fill:#6b7783; text-anchor:middle; }

.contrast-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(17rem,1fr)); gap:1.1rem; }
.contrast-card { position:relative; overflow:hidden; border-radius:var(--r);
  border:1px solid var(--line); padding:1.4rem 1.5rem 1.5rem;
  background:linear-gradient(155deg,rgba(255,255,255,.046),rgba(255,255,255,.014)),
             linear-gradient(145deg,#10161e,#090d12); }
.contrast-card::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,var(--cc),transparent); opacity:.85; }
.contrast-card.is-before { --cc:#8995a1; }
.contrast-card.is-after  { --cc:#72e5a2; }
.contrast-card h3 { margin:0 0 .6rem; font-size:1.02rem; font-weight:700;
  letter-spacing:-.012em; color:var(--text); }
.contrast-card.is-after h3 { color:var(--record); }
.contrast-card p { margin:0; font-size:.94rem; line-height:1.58; color:var(--muted); }

/* --- steps ------------------------------------------------------------ */

.steps-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); gap:1.1rem; }
.step { position:relative; overflow:hidden; border-radius:var(--r);
  border:1px solid var(--line); padding:1.3rem 1.35rem 1.4rem;
  background:linear-gradient(155deg,rgba(255,255,255,.046),rgba(255,255,255,.014)),
             linear-gradient(145deg,#10161e,#090d12); }
.step::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,var(--sc),transparent); opacity:.85; }
.step[data-stage=observe]{--sc:#55cbea} .step[data-stage=hypothesize]{--sc:#a68cff}
.step[data-stage=refine]{--sc:#e8b867}  .step[data-stage=record]{--sc:#72e5a2}
.step-icon { width:38px; height:38px; margin-bottom:.9rem; padding:8px; border-radius:11px;
  color:var(--sc); border:1px solid color-mix(in srgb,var(--sc) 24%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--sc) 15%,transparent),rgba(255,255,255,.018)); }
.step-icon svg { width:100%; height:100%; display:block; }
.step h3 { margin:0 0 .4rem; font-size:.98rem; font-weight:700; color:var(--text); }
.step p { margin:0; font-size:.89rem; line-height:1.55; color:var(--muted); }

/* --- thesis page ------------------------------------------------------- */

.thesis { max-width:38rem; }
.thesis h1 { font-size:clamp(2.1rem,5vw,3rem); line-height:1.05; font-weight:800;
  letter-spacing:-.035em; color:var(--text); margin:0 0 1.6rem; }
.thesis h2 { font-size:1.25rem; font-weight:700; letter-spacing:-.018em;
  color:var(--text); margin:2.4rem 0 .9rem; }
.thesis p { margin:0 0 1.2rem; color:var(--body); }
.thesis strong { color:var(--text); font-weight:600; }
.thesis-back { margin-top:2.5rem; }

.intake-again { margin-top:.4rem; cursor:pointer; font-family:var(--sans);
  font-size:.85rem; font-weight:700; color:var(--record);
  border:1px solid color-mix(in srgb,var(--record) 32%,transparent);
  background:color-mix(in srgb,var(--record) 9%,transparent);
  border-radius:99px; padding:.45rem 1.05rem; transition:background .2s; }
.intake-again:hover { background:color-mix(in srgb,var(--record) 18%,transparent); }
.intake-done p:last-child { margin-bottom:0; }