diff --git a/static/assets/styles.css b/static/assets/styles.css
index dd9426f..061f23d 100644
--- a/static/assets/styles.css
+++ b/static/assets/styles.css
@@ -710,8 +710,9 @@ html:not(.js) .tabs { grid-template-columns: 1fr; }
 /* ---------- Contact ---------- */
 .contact-grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 64px; align-items: start; }
 .contact-grid > * { min-width: 0; }
-.direct { display: grid; gap: 0; border-top: 1px solid var(--mist); }
-.direct-row { display: grid; gap: 8px; padding-block: 22px; border-bottom: 1px solid var(--mist); }
+.direct { display: grid; gap: 0; border-radius: var(--radius-panel); overflow: hidden; background: linear-gradient(160deg, var(--glass), transparent 120%); }
+.direct-row { display: grid; gap: 8px; padding: 26px clamp(20px, 3vw, 32px); border-bottom: 1px solid var(--mist); }
+.direct-row:last-child { border-bottom: 0; }
 .direct-row small { font-size: 12px; color: var(--smoke); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; }
 .direct-row .val { font-size: clamp(20px, 2.2vw, 26px); font-weight: 700; letter-spacing: -0.02em; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
 .direct-row a.val:hover { color: var(--accent); }