diff --git a/app/ds-dialog.css b/app/ds-dialog.css
index a2938e18..af6b1fe0 100644
--- a/app/ds-dialog.css
+++ b/app/ds-dialog.css
@@ -20,9 +20,7 @@
   padding: var(--dialog-gap);
   overflow-y: auto;
   overscroll-behavior: contain;
-  background: rgba(22, 22, 29, 0.55);
-  -webkit-backdrop-filter: blur(6px);
-  backdrop-filter: blur(6px);
+  background: rgba(22, 22, 29, 0.6);
   color: var(--ds-ink);
   font-family: var(--ds-sans);
   font-synthesis: none;
diff --git a/app/ds.css b/app/ds.css
index 92c11a02..e3ecdd95 100644
--- a/app/ds.css
+++ b/app/ds.css
@@ -108,9 +108,7 @@
   font-family: var(--ds-mono);
   font-size: clamp(11px, 0.9vw, 13px);
   font-weight: 600;
-  letter-spacing: 0.14em;
   line-height: 1.5;
-  text-transform: uppercase;
   color: var(--ds-blue);
 }
 .ds-mono {
diff --git a/components/Nav.tsx b/components/Nav.tsx
index 4406ed6a..2e84a9c8 100644
--- a/components/Nav.tsx
+++ b/components/Nav.tsx
@@ -251,8 +251,8 @@ export default function Nav({
       <span className={s.rowText}>
         <span className={s.rowLabel}>
           {link.label}
-          {link.tag && <span className={s.rowTag}><span className="ds-sr"> · </span>{link.tag}</span>}
-          {link.isNew && <span className={s.newTag}><span className="ds-sr"> · </span>New</span>}
+          {link.tag && <span className={s.rowTag}><span className="ds-sr">, </span>{link.tag}</span>}
+          {link.isNew && <span className={s.newTag}><span className="ds-sr">, </span>New</span>}
         </span>
         {link.detail && <small className={s.rowDetail}>{link.detail}</small>}
       </span>
@@ -290,8 +290,8 @@ export default function Nav({
                   onClick={() => { if (link.href.includes("hall-finder")) track("hall_finder_entry_clicked", { where: "more" }); close(); }}>
                   <b>
                     {link.label}
-                    {link.tag && <span className={s.rowTag}><span className="ds-sr"> · </span>{link.tag}</span>}
-                    {link.isNew && <span className={s.newTag}><span className="ds-sr"> · </span>New</span>}
+                    {link.tag && <span className={s.rowTag}><span className="ds-sr">, </span>{link.tag}</span>}
+                    {link.isNew && <span className={s.newTag}><span className="ds-sr">, </span>New</span>}
                   </b>
                   {link.detail && <small>{link.detail}</small>}
                 </Link>
@@ -355,7 +355,7 @@ export default function Nav({
             <Link key={link.key} href={link.href} className={s.link}
               aria-current={current === link.key ? "page" : undefined}
               onClick={link.key === "hall-finder" ? () => track("hall_finder_entry_clicked", { where: "nav" }) : undefined}>
-              {link.label}{link.key === "hall-finder" && <span className={s.newTag}><span className="ds-sr"> · </span>New</span>}
+              {link.label}{link.key === "hall-finder" && <span className={s.newTag}><span className="ds-sr">, </span>New</span>}
             </Link>)}
           <div className={s.moreWrap}>
             <button type="button" className={s.link} data-more aria-expanded={more}
@@ -407,7 +407,7 @@ export default function Nav({
               <Link key={link.key} href={link.href} className={s.sheetBig}
                 onClick={() => { if (link.key === "hall-finder") track("hall_finder_entry_clicked", { where: "nav" }); close(); }}
                 aria-current={current === link.key ? "page" : undefined} style={{ "--i": i } as CSSProperties}>
-                {link.label}{link.key === "hall-finder" && <span className={s.newTag}><span className="ds-sr"> · </span>New</span>}<ArrowRight size={22} />
+                {link.label}{link.key === "hall-finder" && <span className={s.newTag}><span className="ds-sr">, </span>New</span>}<ArrowRight size={22} />
               </Link>
             ))}
           </div>
diff --git a/components/account-ui/Dialog.module.css b/components/account-ui/Dialog.module.css
index 44c6e788..556df2e5 100644
--- a/components/account-ui/Dialog.module.css
+++ b/components/account-ui/Dialog.module.css
@@ -14,9 +14,7 @@
   padding: clamp(12px, 3vw, 28px);
   overflow-y: auto;
   overscroll-behavior: contain;
-  background: rgba(22, 22, 29, 0.55);
-  -webkit-backdrop-filter: blur(6px);
-  backdrop-filter: blur(6px);
+  background: rgba(22, 22, 29, 0.6);
   animation: scrimIn 0.22s ease-out both;
 }
 /* Phone: the upgrade sheet and username claim rise from the bottom edge. */
diff --git a/components/ds/Headline.tsx b/components/ds/Headline.tsx
index 76078d32..4d6e3daa 100644
--- a/components/ds/Headline.tsx
+++ b/components/ds/Headline.tsx
@@ -2,7 +2,7 @@ import { Fragment, type ReactNode } from "react";
 
 export interface HeadlineLine {
   text: ReactNode;
-  /** Fraunces italic (the second voice of every headline) */
+  /** Fraunces italic, the second voice. Page titles (h1) only; on smaller headings the line is set in Archivo like the rest. */
   serif?: boolean;
   /** pink/blue riso shadow (display lines only) */
   riso?: boolean;
@@ -45,7 +45,7 @@ export default function Headline({
           <span className={`ds-line ${line.className ?? ""}`} style={{ "--l": i } as React.CSSProperties}>
             <span
               className={[
-                line.serif ? "ds-serif ds-serif--blue" : "ds-display",
+                line.serif && Tag === "h1" ? "ds-serif ds-serif--blue" : "ds-display",
                 line.riso ? "ds-riso" : "",
               ].join(" ")}
             >
diff --git a/components/faq/Faq.module.css b/components/faq/Faq.module.css
index b539513e..62ee9900 100644
--- a/components/faq/Faq.module.css
+++ b/components/faq/Faq.module.css
@@ -326,9 +326,7 @@
     overflow: visible;
     margin-inline: calc(var(--ds-gutter) * -1);
     padding: 10px var(--ds-gutter);
-    background: rgba(244, 243, 238, 0.94);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
+    background: var(--ds-paper);
     box-shadow: 0 1px 0 rgba(22, 22, 29, 0.08);
   }
   .indexLabel { display: none; }
diff --git a/components/hall-finder/Entry.tsx b/components/hall-finder/Entry.tsx
index 0381ed9b..f7693aec 100644
--- a/components/hall-finder/Entry.tsx
+++ b/components/hall-finder/Entry.tsx
@@ -37,7 +37,7 @@ function EntryLink({ where, href, className, children }: { where: Where; href: s
 
 const New = ({ className = "" }: { className?: string }) => (
   <span className={`${css.new} ${className}`}>
-    <span className="ds-sr"> · </span>New
+    <span className="ds-sr">, </span>New
   </span>
 );
 
diff --git a/components/home/BudgetSection.tsx b/components/home/BudgetSection.tsx
index 5112275d..805cb8ce 100644
--- a/components/home/BudgetSection.tsx
+++ b/components/home/BudgetSection.tsx
@@ -29,15 +29,15 @@ export default function BudgetSection() {
     <section id="budget" className={css.budget} data-bg="#f6d0d4" aria-labelledby="budget-title">
       <div className={`ds-wrap ${css.bdGrid}`}>
         <div className={css.bdCopy}>
-          <p className="ds-eyebrow" data-rv="">
+          <p className="ds-eyebrow">
             For whoever&apos;s holding the card
           </p>
           <H2 id="budget-title" s="See the total" f="before anyone swipes." />
-          <p className={`ds-lede ${css.lede}`} data-rv="">
+          <p className={`ds-lede ${css.lede}`}>
             Set a budget from {usd(ROOM_BUDGET.min)} to {usd(ROOM_BUDGET.max)}. dormscape fills your room with picks priced
             to fit it, each with a live Amazon link.
           </p>
-          <p className={css.bdFoot} data-rv="">
+          <p className={css.bdFoot}>
             Plus exports the whole list as a PDF for whoever&apos;s paying.
           </p>
         </div>
diff --git a/components/home/CollegesBand.tsx b/components/home/CollegesBand.tsx
index c6afefd1..cc4f64fc 100644
--- a/components/home/CollegesBand.tsx
+++ b/components/home/CollegesBand.tsx
@@ -8,7 +8,7 @@ import css from "./Home.module.css";
 export default function CollegesBand({ names }: { names: string[] }) {
   return (
     <section id="colleges" className={css.colleges} data-bg="#f4f3ee" aria-labelledby="colleges-title">
-      <h2 id="colleges-title" className={`ds-eyebrow ${css.collegesTitle}`} data-rv="">
+      <h2 id="colleges-title" className={`ds-eyebrow ${css.collegesTitle}`}>
         Supporting students at {names.length} schools
       </h2>
       <div className={css.cview} aria-hidden="true" data-rv="" data-anim="">
diff --git a/components/home/FinalCta.tsx b/components/home/FinalCta.tsx
index a091b5d3..6180447e 100644
--- a/components/home/FinalCta.tsx
+++ b/components/home/FinalCta.tsx
@@ -10,11 +10,11 @@ export default function FinalCta() {
     <section id="start" className={css.final} data-bg="#e8a622" aria-labelledby="final-title">
       <div className={`ds-wrap ${css.fnGrid}`}>
         <div>
-          <p className="ds-eyebrow" data-rv="">
+          <p className="ds-eyebrow">
             Your next chapter starts here
           </p>
           <H2 id="final-title" s="Your room" f="is waiting." riso />
-          <div className={css.ctaRow} data-rv="">
+          <div className={css.ctaRow}>
             <span className={css.corner} data-anim="">
               <Link href="/plan" className="ds-btn ds-btn--ink-yellow ds-btn--lg">
                 Make room
diff --git a/components/home/H2.tsx b/components/home/H2.tsx
index be75d305..6f245c9a 100644
--- a/components/home/H2.tsx
+++ b/components/home/H2.tsx
@@ -1,9 +1,9 @@
 import css from "./Home.module.css";
 
 /**
- * A homepage section headline: an Archivo display line over a Fraunces italic
- * line. With motion on, HomeFlow slides the two in from opposite sides as the
- * headline scrolls in (Skiper Horizontal Text Reveal).
+ * A homepage section headline: two Archivo display lines (the Fraunces italic
+ * voice is kept for the hero). With motion on, HomeFlow slides the two in from
+ * opposite sides as the headline scrolls in (Skiper Horizontal Text Reveal).
  */
 export default function H2({
   id,
@@ -21,7 +21,7 @@ export default function H2({
   return (
     <h2 id={id} className={`${css.h2} ${className}`} data-rv="h2">
       <span className={`ds-display ${riso ? "ds-riso " : ""}${css.s}`}>{s}</span>{" "}
-      <span className={`ds-serif ${css.f}`}>{f}</span>
+      <span className={`ds-display ${css.f}`}>{f}</span>
     </h2>
   );
 }
diff --git a/components/home/Home.module.css b/components/home/Home.module.css
index 330430e9..667543ad 100644
--- a/components/home/Home.module.css
+++ b/components/home/Home.module.css
@@ -4,8 +4,8 @@
 
 /* ---------- Shared ---------- */
 .h2 { margin: 20px 0 0; font-weight: 400; text-wrap: balance; }
-.h2 .s { display: block; font-size: clamp(38px, 4.3vw, 62px); line-height: 1.02; }
-.h2 .f { display: block; font-size: clamp(46px, 5.3vw, 76px); line-height: 1.05; }
+/* Both lines in Archivo at one size; the italic second voice is kept for the hero. */
+.h2 .s, .h2 .f { display: block; font-size: clamp(38px, 4.3vw, 62px); line-height: 1.02; }
 .lede { margin-top: 20px; max-width: 560px; }
 .note { font: 600 12px/1.4 var(--ds-mono); letter-spacing: 0.04em; color: var(--ds-caption); }
 .ft { font-family: var(--ds-sans); font-weight: 700; letter-spacing: 0; }
@@ -101,8 +101,7 @@
 }
 .wc:hover { background: #fff; transform: translate(-2px, -2px); box-shadow: inset 0 0 0 1.5px var(--ds-ink), 5px 5px 0 var(--ds-ink); }
 .wcText { padding: 24px 24px 20px; }
-.wcN { display: block; font: 600 11px/1 var(--ds-mono); letter-spacing: 0.1em; color: #2449ff; }
-.wcQ { margin: 12px 0 0; font-family: var(--ds-serif); font-style: italic; font-variation-settings: "opsz" 144, "SOFT" 30, "WONK" 1; font-size: 28px; line-height: 1.1; color: var(--ds-ink); }
+.wcQ { margin: 0; font-family: var(--ds-serif); font-style: italic; font-variation-settings: "opsz" 144, "SOFT" 30, "WONK" 1; font-size: 28px; line-height: 1.1; color: var(--ds-ink); }
 .wcA { margin: 8px 0 0; font: 600 16px/1.4 var(--ds-sans); color: #3a3a46; }
 .wcArt {
   position: relative;
@@ -203,8 +202,7 @@
 /* ---------- How it works: card stack ---------- */
 .how { --pin: clamp(92px, 13vh, 132px); background: #dce1f5; }
 .howGrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; padding: 104px 0; }
-.howHead .h2 .s { font-size: clamp(36px, 3.9vw, 56px); line-height: 1.04; }
-.howHead .h2 .f { font-size: clamp(44px, 4.6vw, 66px); line-height: 1.04; }
+.howHead .h2 .s, .howHead .h2 .f { font-size: clamp(36px, 3.9vw, 56px); line-height: 1.04; }
 .howHead .lede { max-width: 480px; }
 .prog { margin-top: 34px; max-width: 420px; }
 .progTrack { position: relative; height: 8px; border-radius: 4px; background: rgba(22, 22, 29, 0.08); overflow: hidden; }
@@ -239,9 +237,7 @@
 .scArt img { object-fit: cover; object-position: 50% 60%; }
 .badge { display: inline-block; padding: 5px 9px; border-radius: 4px; background: var(--ds-red); color: #fff; font: 700 13px/1 var(--ds-mono); letter-spacing: 0.06em; }
 .scText h3 { margin: 16px 0 0; font-weight: 400; line-height: 1.04; }
-.scText h3 > span { display: block; }
-.scText h3 > span:first-child { font-size: 36px; }
-.scText h3 > span:last-child { font-size: 42px; }
+.scText h3 > span { display: block; font-size: 36px; }
 .scText p { margin: 14px 0 0; font-size: 16px; line-height: 1.5; color: var(--ds-body); }
 .live .howGrid { align-items: start; }
 .live .howHead { position: sticky; top: var(--pin); }
@@ -279,7 +275,6 @@
 }
 .live .hl { animation: none; transform: translate(calc(var(--c, 0) * (100% + 12px)), calc(var(--r, 0) * (100% + 12px))); transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1); }
 .vibe { position: relative; padding: 14px 14px 16px; border-radius: 14px; }
-.vibe::before { content: ""; position: absolute; left: 14px; right: 14px; top: 0; height: 3px; border-radius: 2px; background: var(--rule); }
 .vh { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
 .dots { display: flex; flex: none; }
 .dots i { width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 0 0 1.5px #f6eada, inset 0 0 0 1px rgba(22, 22, 29, 0.15); }
@@ -412,13 +407,12 @@
 .studio[data-manual] { transition: --L 0.9s cubic-bezier(0.65, 0, 0.35, 1); }
 .stGrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); gap: 64px; align-items: center; padding: 96px 0; }
 .stCopy :global(.ds-eyebrow) { color: var(--ds-studio); }
-.stCopy .h2 .s { font-size: clamp(48px, 5vw, 72px); line-height: 1; }
-.stCopy .h2 .f { font-size: clamp(56px, 6.1vw, 88px); color: var(--ds-studio); }
+.stCopy .h2 .s, .stCopy .h2 .f { font-size: clamp(48px, 5vw, 72px); line-height: 1; }
+.stCopy .h2 .f { color: var(--ds-studio); }
 .stCopy .lede { margin-top: 18px; color: #cfccd9; max-width: 520px; }
 .stCopy .ctaRow { margin-top: 30px; }
 .sRows { margin: 30px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, 0.12); }
-.sRows li { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); padding: 16px 0 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
-.sN { grid-row: span 2; padding-top: 5px; font: 600 11px/1 var(--ds-mono); letter-spacing: 0.1em; color: var(--ds-studio); }
+.sRows li { position: relative; padding: 16px 0 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
 .sRows h3 { margin: 0; font: 700 19px/1.25 var(--ds-sans); color: #f4f2ec; }
 .sRows p { margin: 4px 0 0; font-size: 15px; line-height: 1.5; color: #cfccd9; }
 .sRows li::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--ds-studio); transform-origin: 0 50%; transform: scaleX(var(--f)); }
@@ -473,7 +467,7 @@
 /* ---------- My Room: shared tooltip avatars ---------- */
 .together { background: #e5e7f6; overflow: hidden; }
 .tgGrid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 48px; align-items: center; padding: 96px 0; }
-.tgCopy .h2 .s { font-size: clamp(44px, 5vw, 76px); line-height: 0.98; font-stretch: 86%; letter-spacing: -0.04em; }
+.tgCopy .h2 .s, .tgCopy .h2 .f { font-size: clamp(44px, 5vw, 76px); line-height: 0.98; font-stretch: 86%; letter-spacing: -0.04em; }
 .chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; padding: 0; list-style: none; }
 .chip { display: inline-flex; align-items: center; height: 26px; padding: 0 11px; border-radius: 999px; background: #fff; font: 700 11px/1 var(--ds-mono); letter-spacing: 0.1em; text-transform: uppercase; }
 .chip:first-child { background: var(--ds-yellow); transform: rotate(-1.5deg); }
@@ -647,8 +641,7 @@
 .final { background: #e8a622; }
 .fnGrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.62fr); gap: 56px; align-items: center; padding: 88px 0; }
 .final :global(.ds-eyebrow) { color: var(--ds-ink); }
-.final .h2 .s { font-size: clamp(56px, 7vw, 104px); line-height: 0.95; }
-.final .h2 .f { font-size: clamp(58px, 7.4vw, 108px); line-height: 1.02; color: var(--ds-ink); }
+.final .h2 .s, .final .h2 .f { font-size: clamp(56px, 7vw, 104px); line-height: 0.95; }
 .final .note { color: var(--ds-ink); }
 .corner { position: relative; display: inline-flex; margin: 14px; }
 .corner i { position: absolute; width: 14px; height: 14px; border: 0 solid var(--ds-ink); animation: corner 2.4s var(--ds-ease) infinite; }
@@ -756,8 +749,7 @@
   .live .scard { margin-bottom: 30vh; }
   .scard { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 14px 14px 20px; }
   .scArt { aspect-ratio: 16 / 10; }
-  .scText h3 > span:first-child { font-size: 30px; }
-  .scText h3 > span:last-child { font-size: 34px; }
+  .scText h3 > span { font-size: 30px; }
   .hgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; }
   .hl { display: none; }
   .vibe { background: rgba(255, 255, 255, 0.55); }
diff --git a/components/home/HowSection.tsx b/components/home/HowSection.tsx
index 0c3cb271..7710fac4 100644
--- a/components/home/HowSection.tsx
+++ b/components/home/HowSection.tsx
@@ -54,11 +54,11 @@ export default function HowSection() {
     <section id="how-it-works" className={css.how} data-bg="#dce1f5" aria-labelledby="how-title">
       <div ref={grid} className={`ds-wrap ${css.howGrid}`}>
         <div className={css.howHead}>
-          <p className="ds-eyebrow" data-rv="">
+          <p className="ds-eyebrow">
             How it works · 3 steps
           </p>
           <H2 id="how-title" s="From acceptance letter" f="to move-in cart." />
-          <p className={`ds-lede ${css.lede}`} data-rv="">
+          <p className={`ds-lede ${css.lede}`}>
             Three steps between you and a room that actually works, with one free tool to plan, design and shop your
             dorm room.
           </p>
@@ -72,7 +72,7 @@ export default function HowSection() {
               <span>03</span>
             </div>
           </div>
-          <div className={css.ctaRow} data-rv="">
+          <div className={css.ctaRow}>
             <PlanCta className="ds-btn ds-btn--ink ds-btn--lg" freeLabel="Plan my room for free" icon={<ArrowRight size={20} />} />
             <span className={css.note}>No account needed to explore</span>
           </div>
@@ -86,7 +86,7 @@ export default function HowSection() {
               <div className={css.scText}>
                 <span className={css.badge}>0{i + 1}</span>
                 <h3>
-                  <span className="ds-display">{s.a}</span> <span className="ds-serif ds-serif--blue">{s.b}</span>
+                  <span className="ds-display">{s.a}</span> <span className="ds-display">{s.b}</span>
                 </h3>
                 <p>{s.body}</p>
               </div>
diff --git a/components/home/PricingSection.tsx b/components/home/PricingSection.tsx
index bd7875a1..41de98c9 100644
--- a/components/home/PricingSection.tsx
+++ b/components/home/PricingSection.tsx
@@ -19,11 +19,11 @@ export default function PricingSection() {
   return (
     <section id="pricing" className={css.pricing} data-bg="#dce1f5" aria-labelledby="pricing-title">
       <div className="ds-wrap">
-        <p className="ds-eyebrow" data-rv="">
+        <p className="ds-eyebrow">
           Pricing · one-time, no subscription
         </p>
         <H2 id="pricing-title" s="Start free." f="Upgrade once." />
-        <p className={`ds-lede ${css.pricingLede}`} data-rv="">
+        <p className={`ds-lede ${css.pricingLede}`}>
           Saving your designs is always free.
         </p>
         <div className={css.priceGrid}>
@@ -66,7 +66,7 @@ export default function PricingSection() {
             </article>
           ))}
         </div>
-        <p className={css.faq} data-rv="">
+        <p className={css.faq}>
           Questions about credits or what&apos;s included?{" "}
           <Link href="/faq" className="ds-link">
             Read the FAQ
diff --git a/components/home/ProblemSection.tsx b/components/home/ProblemSection.tsx
index c5596745..864a09ee 100644
--- a/components/home/ProblemSection.tsx
+++ b/components/home/ProblemSection.tsx
@@ -31,12 +31,12 @@ export default function ProblemSection() {
       <div className="ds-wrap">
         <div className={css.prHead}>
           <div>
-            <p className="ds-eyebrow" data-rv="">
+            <p className="ds-eyebrow">
               Why dorm shopping goes wrong
             </p>
             <H2 id="problem-title" s="Winging it gets returned." f="Planning fits." />
           </div>
-          <p className={`ds-lede ${css.lede}`} data-rv="">
+          <p className={`ds-lede ${css.lede}`}>
             Housing pages list room sizes as approximate, if they list them at all. Generic packing lists run to dozens
             of items. So families buy blind, and{" "}
             <mark className={css.marker} data-rv="marker" data-anim="">
@@ -45,13 +45,13 @@ export default function ProblemSection() {
           </p>
         </div>
         <ul ref={grid} className={css.wg}>
-          <Card k={0} n="01" q="“How big is my room?”" a="Real dimensions for your exact hall">
+          <Card k={0} q="“How big is my room?”" a="Real dimensions for your exact hall">
             {HERO_ROOM && <SizeArt />}
           </Card>
-          <Card k={1} n="02" q="“Will it fit?”" a="Every piece placed on your floor plan">
+          <Card k={1} q="“Will it fit?”" a="Every piece placed on your floor plan">
             {HERO_ROOM && <FitArt />}
           </Card>
-          <Card k={2} n="03" q="“Do I need all this?”" a="A list for your room, not every room">
+          <Card k={2} q="“Do I need all this?”" a="A list for your room, not every room">
             <ListArt />
           </Card>
         </ul>
@@ -60,15 +60,12 @@ export default function ProblemSection() {
   );
 }
 
-function Card({ k, n, q, a, children }: { k: number; n: string; q: string; a: string; children: React.ReactNode }) {
+function Card({ k, q, a, children }: { k: number; q: string; a: string; children: React.ReactNode }) {
   return (
     <li data-q="" style={{ "--k": k } as React.CSSProperties}>
       <div data-rv="row">
         <div className={css.wc}>
           <div className={css.wcText}>
-            <span className={css.wcN} aria-hidden="true">
-              {n}
-            </span>
             <p className={css.wcQ}>{q}</p>
             <p className={css.wcA}>{a}</p>
           </div>
diff --git a/components/home/SchoolsSection.tsx b/components/home/SchoolsSection.tsx
index 996fc811..2db1a12d 100644
--- a/components/home/SchoolsSection.tsx
+++ b/components/home/SchoolsSection.tsx
@@ -30,11 +30,11 @@ export default function SchoolsSection({ rooms, schoolCount }: { rooms: Featured
       <div className="ds-wrap">
         <div className={css.scHead}>
           <div>
-            <p className="ds-eyebrow" data-rv="">
+            <p className="ds-eyebrow">
               Supported schools · {schoolCount} and counting
             </p>
             <H2 id="schools-title" s="We already know" f="your room." />
-            <p className={`ds-lede ${css.lede}`} data-rv="">
+            <p className={`ds-lede ${css.lede}`}>
               Floor plans and dimensions from official housing documents. A few of them, drawn to the same scale:
             </p>
           </div>
@@ -79,7 +79,7 @@ export default function SchoolsSection({ rooms, schoolCount }: { rooms: Featured
             </div>
           )}
         </div>
-        <div className={css.scLinks} data-rv="">
+        <div className={css.scLinks}>
           <Link href="/colleges" className="ds-btn ds-btn--ink">
             See all supported schools
             <ArrowRight />
diff --git a/components/home/StudioSection.tsx b/components/home/StudioSection.tsx
index 3672776c..8a52bb7c 100644
--- a/components/home/StudioSection.tsx
+++ b/components/home/StudioSection.tsx
@@ -71,26 +71,23 @@ export default function StudioSection() {
     >
       <div className={`ds-wrap ${css.stGrid}`}>
         <div className={css.stCopy}>
-          <p className="ds-eyebrow" data-rv="">
+          <p className="ds-eyebrow">
             The Room Studio · Included with Pro
           </p>
           <H2 id="studio-title" s="Your room." f="Now in 3D." />
-          <p className={`ds-lede ${css.lede}`} data-rv="">
+          <p className={`ds-lede ${css.lede}`}>
             Build your walls. Move the desk. Find your light. Pro takes your own room from a blank 3D grid to a furnished
             space.
           </p>
-          <ol className={css.sRows} data-rv="">
-            {FEATURES.map((f, i) => (
+          <ol className={css.sRows}>
+            {FEATURES.map((f) => (
               <li key={f.h}>
-                <span className={css.sN} aria-hidden="true">
-                  0{i + 1}
-                </span>
                 <h3>{f.h}</h3>
                 <p>{f.p}</p>
               </li>
             ))}
           </ol>
-          <div className={css.ctaRow} data-rv="">
+          <div className={css.ctaRow}>
             <Link href="/plan/draw/3d" className="ds-btn ds-btn--studio">
               Build your room in 3D
               <ArrowRight />
diff --git a/components/home/Testimonials.tsx b/components/home/Testimonials.tsx
index fb326f5c..25eac63c 100644
--- a/components/home/Testimonials.tsx
+++ b/components/home/Testimonials.tsx
@@ -25,7 +25,7 @@ export default function Testimonials() {
       <div className="ds-wrap">
         <div className={css.quotesHead}>
           <div>
-            <p className="ds-eyebrow" data-rv="">
+            <p className="ds-eyebrow">
               What students say
             </p>
             <H2 id="quotes-title" s="Move-in day," f="sorted." />
diff --git a/components/home/TogetherSection.tsx b/components/home/TogetherSection.tsx
index 73234559..34212a88 100644
--- a/components/home/TogetherSection.tsx
+++ b/components/home/TogetherSection.tsx
@@ -16,15 +16,15 @@ export default function TogetherSection() {
     <section id="together" className={css.together} data-bg="#e5e7f6" aria-labelledby="together-title">
       <div className={`ds-wrap ${css.tgGrid}`}>
         <div className={css.tgCopy}>
-          <p className="ds-eyebrow" data-rv="">
+          <p className="ds-eyebrow">
             My Room · Included with Pro
           </p>
           <H2 id="together-title" s="Split the room," f="not the fridge." riso />
-          <p className={`ds-lede ${css.lede}`} data-rv="">
+          <p className={`ds-lede ${css.lede}`}>
             A shared room for your people. Bring your roommate into the same plan, mark what&apos;s yours, theirs and
             shared, settle who brings what, and talk it through on a call while you move things around.
           </p>
-          <ul className={css.chips} data-rv="">
+          <ul className={css.chips}>
             <li className={css.chip}>Up to {WORKSPACE_MEMBER_LIMIT} people</li>
             <li className={css.chip}>Friends join free</li>
             <li className={css.chip}>Invites use no credits</li>
@@ -44,7 +44,7 @@ export default function TogetherSection() {
             </div>
             <span className={css.peopleL}>One Pro host. Friends join free.</span>
           </div>
-          <div className={css.ctaRow} data-rv="">
+          <div className={css.ctaRow}>
             <Link href="/my-room" className="ds-btn ds-btn--ink">
               Open My Room
               <ArrowRight />
diff --git a/components/home/VibesSection.tsx b/components/home/VibesSection.tsx
index f65406ad..f3b2f6b7 100644
--- a/components/home/VibesSection.tsx
+++ b/components/home/VibesSection.tsx
@@ -11,7 +11,6 @@ type Vibe = {
   name: string;
   plus: boolean;
   line: string;
-  rule: string;
   dots: [string, string, string];
 };
 
@@ -54,18 +53,18 @@ export default function VibesSection({ vibes }: { vibes: Vibe[] }) {
           </div>
         </div>
         <div className={css.vbCopy}>
-          <p className="ds-eyebrow" data-rv="">
+          <p className="ds-eyebrow">
             Style showcase · {vibes.length} styles
           </p>
           <H2 id="vibes-title" s="Pick a vibe." f="We make it fit." />
-          <p className={`ds-lede ${css.lede}`} data-rv="">
+          <p className={`ds-lede ${css.lede}`}>
             Every vibe is a full plan: bedding, lighting, storage and decor, priced to your budget and arranged to your
             floor plan.
           </p>
           <div ref={grid} className={css.hgrid} data-anim="">
             <span ref={hl} className={css.hl} aria-hidden="true" />
             {vibes.map((v) => (
-              <div key={v.id} className={css.vibe} data-rv="row" style={{ "--rule": v.rule } as React.CSSProperties}>
+              <div key={v.id} className={css.vibe} data-rv="row">
                 <div className={css.vh}>
                   <span className={css.dots} aria-hidden="true">
                     {v.dots.map((c, i) => (
@@ -81,7 +80,7 @@ export default function VibesSection({ vibes }: { vibes: Vibe[] }) {
               </div>
             ))}
           </div>
-          <div className={css.own} data-rv="">
+          <div className={css.own}>
             <div>
               <div className={css.ownH}>
                 <h3>Create your own vibe</h3>
diff --git a/components/plan-steps/Dialogs.module.css b/components/plan-steps/Dialogs.module.css
index 9f79f0d1..0687a675 100644
--- a/components/plan-steps/Dialogs.module.css
+++ b/components/plan-steps/Dialogs.module.css
@@ -3,9 +3,7 @@
    doubled where legacy dialog rules would otherwise win. */
 
 .layer {
-  background: rgba(22, 22, 29, 0.55);
-  -webkit-backdrop-filter: blur(6px);
-  backdrop-filter: blur(6px);
+  background: rgba(22, 22, 29, 0.6);
 }
 
 .card.card {
diff --git a/components/workspace/People.module.css b/components/workspace/People.module.css
index ac472729..90c2b1bf 100644
--- a/components/workspace/People.module.css
+++ b/components/workspace/People.module.css
@@ -58,7 +58,7 @@ button.tag:hover, button.tag:focus-visible { transform: rotate(0deg) translateY(
 .tag:focus-visible { outline: none; }
 .face { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 6% 8%; border-radius: 6px; container-type: inline-size; text-align: left; transition: background-color 0.4s ease; }
 .face::before { content: ""; position: absolute; left: 50%; top: -9%; width: 38%; height: 22%; transform: translateX(-50%) rotate(-3deg); background: rgba(255, 236, 160, 0.72); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; }
-.tag[data-kind="open"] .face { align-items: center; text-align: center; background: rgba(251, 250, 246, 0.62); box-shadow: inset 0 0 0 2px rgba(22, 22, 29, 0.35); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
+.tag[data-kind="open"] .face { align-items: center; text-align: center; background: rgba(251, 250, 246, 0.82); box-shadow: inset 0 0 0 2px rgba(22, 22, 29, 0.35); }
 .tag[data-kind="open"] .face::before { background: rgba(255, 255, 255, 0.6); }
 .tag:is([data-kind="filled"], [data-kind="pending"]) .face { background: var(--c); color: var(--ci, #fff); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12), 0 10px 18px rgba(30, 16, 4, 0.35); }
 .tag[data-kind="pending"] .face { background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0 6px, transparent 6px 12px); }