diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css
index 096e302..472644a 100644
--- a/blocks/cards/cards.css
+++ b/blocks/cards/cards.css
@@ -158,15 +158,21 @@ main .section.cards-container {
 
 /* ---- category: tire/product category tiles ---- */
 .cards.category > ul {
-  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
-  gap: 16px;
+  grid-template-columns: 1fr;
+  gap: 0;
+}
+
+@media (width >= 900px) {
+  .cards.category > ul {
+    grid-template-columns: repeat(3, 1fr);
+  }
 }
 
 .cards.category > ul > li {
-  border: 1px solid var(--conti-grey);
+  border: 0;
   border-radius: 0;
   box-shadow: none;
-  min-height: 176px;
+  min-height: 200px;
   transition: background-color 0.3s ease, color 0.3s ease;
 }
 
@@ -174,8 +180,8 @@ main .section.cards-container {
   position: absolute;
   z-index: 0;
   inset-block-end: 0;
-  inset-inline-end: -8px;
-  width: 130px;
+  inset-inline-end: 0;
+  width: 210px;
 }
 
 .cards.category > ul > li img {
@@ -218,7 +224,7 @@ main .section.cards-container {
   }
 }
 
-/* ---- coverage: plain icon-less items on a dark band (warranty coverage row) ---- */
+/* ---- coverage: icon-over-label items on a dark band (warranty coverage row) ---- */
 .cards.coverage > ul {
   grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
   gap: 24px;
@@ -232,6 +238,10 @@ main .section.cards-container {
 }
 
 .cards.coverage .cards-card-body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
   margin: 0;
   color: inherit;
   font-family: var(--heading-font-family);
@@ -241,6 +251,15 @@ main .section.cards-container {
   text-transform: uppercase;
 }
 
+.cards.coverage .cards-card-body p {
+  margin: 0;
+}
+
+.cards.coverage .cards-card-body .icon {
+  width: 40px;
+  height: 40px;
+}
+
 .cards.category > ul > li:hover,
 .cards.category > ul > li:focus-within {
   background-color: var(--conti-dark-black);
@@ -257,6 +276,10 @@ main .section.cards-container {
   transform: translateY(-6px);
 }
 
+.cards.coverage .cards-card-body .icon img {
+  filter: invert(1);
+}
+
 /* ---- news inside a dark/black band: plain text teasers, no card chrome ---- */
 main .section.dark .cards.news > ul > li,
 main .section.black .cards.news > ul > li {
@@ -291,3 +314,18 @@ main .section.black .cards.news .cards-card-body a:hover {
     padding-inline-start: 24px;
   }
 }
+
+/* the confidence band wraps a badge image, heading, copy, the coverage
+   cards and a Learn More button - all centered, matching the live page */
+main .section.dark.cards-container {
+  text-align: center;
+}
+
+main .section.dark.cards-container .default-content-wrapper .icon {
+  width: 100px;
+  height: 120px;
+}
+
+main .section.dark.cards-container .cards-wrapper {
+  margin-top: 32px;
+}
diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css
index 27cbd81..efa3153 100644
--- a/blocks/footer/footer.css
+++ b/blocks/footer/footer.css
@@ -52,6 +52,9 @@ footer .footer-links-group ul {
 }
 
 footer .footer-links-group a {
+  display: flex;
+  align-items: center;
+  gap: 8px;
   color: var(--conti-black);
   font-size: 14px;
   font-weight: bold;
@@ -59,6 +62,12 @@ footer .footer-links-group a {
   letter-spacing: 0.5px;
 }
 
+footer .footer-links-group a .icon {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+
 /* social icon row: dark bar, icons only, text kept for screen readers */
 footer .footer-links-group.footer-social {
   order: 99;
@@ -152,7 +161,9 @@ footer .footer-bottom a:focus-visible {
   }
 
   footer .footer-cta {
-    flex: 1 1 100%;
+    flex: 0 1 160px;
+    flex-direction: column;
+    align-items: flex-start;
   }
 
   footer .footer-links-group.footer-social {
diff --git a/blocks/header/header.css b/blocks/header/header.css
index 221ab96..5351a42 100644
--- a/blocks/header/header.css
+++ b/blocks/header/header.css
@@ -434,9 +434,15 @@ header nav .nav-sections .default-content-wrapper > ul > li > ul > li > a {
     align-self: unset;
   }
 
+  header nav .nav-sections .default-content-wrapper {
+    height: 100%;
+  }
+
   header nav .nav-sections .default-content-wrapper > ul {
     display: flex;
+    align-items: center;
     height: 100%;
+    margin: 0;
   }
 
   header nav .nav-sections .default-content-wrapper > ul > li {
diff --git a/blocks/perfect-fit/perfect-fit.css b/blocks/perfect-fit/perfect-fit.css
new file mode 100644
index 0000000..173aa13
--- /dev/null
+++ b/blocks/perfect-fit/perfect-fit.css
@@ -0,0 +1,63 @@
+/* slim black bar under the hero: "Find your perfect fit:" plus three
+   icon+label shortcuts, matching the live continentaltire.com homepage */
+main .section.perfect-fit-container {
+  padding: 0;
+}
+
+.perfect-fit {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 24px;
+  text-align: center;
+}
+
+.perfect-fit-label {
+  margin: 0;
+  font-family: var(--heading-font-family);
+  font-size: var(--body-font-size-xs);
+  font-weight: 700;
+  letter-spacing: 1.25px;
+  text-transform: uppercase;
+}
+
+.perfect-fit-items {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px 32px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.perfect-fit-items p {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  font-family: var(--heading-font-family);
+  font-size: var(--body-font-size-xs);
+  font-weight: 700;
+  letter-spacing: 1.25px;
+  text-transform: uppercase;
+}
+
+.perfect-fit-items .icon {
+  width: 20px;
+  height: 20px;
+}
+
+.perfect-fit-items .icon img {
+  filter: invert(1);
+}
+
+@media (width >= 700px) {
+  .perfect-fit {
+    flex-direction: row;
+    justify-content: center;
+    gap: 24px;
+    padding: 14px 32px;
+  }
+}
diff --git a/blocks/perfect-fit/perfect-fit.js b/blocks/perfect-fit/perfect-fit.js
new file mode 100644
index 0000000..13d8382
--- /dev/null
+++ b/blocks/perfect-fit/perfect-fit.js
@@ -0,0 +1,24 @@
+/**
+ * "Find your perfect fit:" bar: a label followed by a row of icon+label
+ * shortcut links. The first authored row is the label, the second row's
+ * cells are the items.
+ * @param {Element} block the perfect-fit block
+ */
+export default function decorate(block) {
+  const [labelRow, itemsRow] = [...block.children];
+
+  const label = labelRow ? labelRow.querySelector('p') : null;
+  if (label) label.className = 'perfect-fit-label';
+
+  const list = document.createElement('ul');
+  list.className = 'perfect-fit-items';
+  const cells = itemsRow ? [...itemsRow.children] : [];
+  cells.forEach((cell) => {
+    const li = document.createElement('li');
+    while (cell.firstElementChild) li.append(cell.firstElementChild);
+    list.append(li);
+  });
+
+  const children = label ? [label, list] : [list];
+  block.replaceChildren(...children);
+}
diff --git a/icons/license-plate.svg b/icons/license-plate.svg
new file mode 100644
index 0000000..15173a6
--- /dev/null
+++ b/icons/license-plate.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+  <path fill-rule="evenodd" d="M3,6c0-1.1,0.9-2,2-2h14c1.1,0,2,0.9,2,2v12c0,1.1-0.9,2-2,2H5c-1.1,0-2-0.9-2-2V6z
+    M5,6v12h14V6H5z"/>
+  <rect x="6.5" y="10.5" width="4" height="3" rx="0.5"/>
+  <rect x="11.5" y="10.5" width="6" height="3" rx="0.5"/>
+</svg>
diff --git a/icons/limited-warranty.svg b/icons/limited-warranty.svg
new file mode 100644
index 0000000..7acb0e8
--- /dev/null
+++ b/icons/limited-warranty.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+  <path fill-rule="evenodd" d="M6,2h9l5,5v6h-2V8h-5V4H6v11h4v2H6c-1.1,0-2-0.9-2-2V4C4,2.9,4.9,2,6,2z"/>
+  <path fill-rule="evenodd" d="M17,13c-2.2,0-4,1.8-4,4c0,1,0.4,1.9,1,2.6L13,22.5l3-1.1c0.3,0.1,0.7,0.1,1,0.1
+    s0.7,0,1-0.1l3,1.1L20.5,22c0.6-0.7,1-1.6,1-2.6C22.8,15.1,20.2,13,17,13z M17,15.5c1.4,0,2.5,1.1,2.5,2.5
+    s-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5S15.6,15.5,17,15.5z"/>
+</svg>
diff --git a/icons/mileage-warranty.svg b/icons/mileage-warranty.svg
new file mode 100644
index 0000000..40fdbf6
--- /dev/null
+++ b/icons/mileage-warranty.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+  <path fill-rule="evenodd" d="M12,3C6.5,3,2,7.5,2,13c0,2.2,0.7,4.2,1.9,5.9c0.2,0.3,0.5,0.5,0.9,0.5h14.4
+    c0.4,0,0.7-0.2,0.9-0.5C21.3,17.2,22,15.2,22,13C22,7.5,17.5,3,12,3z M12,5c3.9,0,7,3.1,7,7c0,0.8-0.1,1.5-0.4,2.2
+    l-1.9-0.7c0.2-0.5,0.3-1,0.3-1.5c0-2.8-2.2-5-5-5s-5,2.2-5,5c0,0.5,0.1,1,0.3,1.5l-1.9,0.7C5.1,13.5,5,12.8,5,12
+    C5,8.1,8.1,5,12,5z"/>
+  <path d="M12.7,7.3l1.8,4.9c0.3,0.1,0.5,0.3,0.7,0.5c0.6,0.6,0.6,1.5,0,2.1c-0.6,0.6-1.5,0.6-2.1,0
+    c-0.2-0.2-0.4-0.5-0.5-0.7l-4.9-1.8L12.7,7.3z"/>
+</svg>
diff --git a/icons/road-hazard.svg b/icons/road-hazard.svg
new file mode 100644
index 0000000..6014dca
--- /dev/null
+++ b/icons/road-hazard.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+  <path fill-rule="evenodd" d="M12,3L2,21h20L12,3z M12,7.5l6.5,11.5h-13L12,7.5z"/>
+  <rect x="11" y="11.5" width="2" height="5"/>
+  <rect x="11" y="17.5" width="2" height="2"/>
+</svg>
diff --git a/icons/roadside-assistance.svg b/icons/roadside-assistance.svg
new file mode 100644
index 0000000..95b67c8
--- /dev/null
+++ b/icons/roadside-assistance.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+  <path fill-rule="evenodd" d="M20.7,7.3l-3.4,3.4l-2-2l3.4-3.4c-1.6-0.8-3.6-0.5-4.9,0.8c-1.4,1.4-1.7,3.5-0.8,5.2
+    l-8.6,8.6c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l8.6-8.6c1.7,0.9,3.8,0.6,5.2-0.8
+    C21.2,10.9,21.5,8.9,20.7,7.3z"/>
+</svg>
diff --git a/icons/satisfaction-trial.svg b/icons/satisfaction-trial.svg
new file mode 100644
index 0000000..972aab9
--- /dev/null
+++ b/icons/satisfaction-trial.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+  <path fill-rule="evenodd" d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M12,4c4.4,0,8,3.6,8,8
+    s-3.6,8-8,8s-8-3.6-8-8S7.6,4,12,4z"/>
+  <path d="M9,11H7v7h2V11z M14.5,9h-2.8l0.5-2.4C12.3,6,11.9,5.5,11.3,5.5c-0.3,0-0.6,0.2-0.8,0.4L8,10v8h7.5
+    c0.7,0,1.3-0.5,1.4-1.2l0.9-4.5C18,11.5,17.3,10.7,16.5,10.7L14.5,9z"/>
+</svg>
diff --git a/icons/tcp-badge.svg b/icons/tcp-badge.svg
new file mode 100644
index 0000000..2f6f7d7
--- /dev/null
+++ b/icons/tcp-badge.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 120" width="100" height="120">
+  <path fill="#ffa500" d="M50,2 L92,16 V56 C92,88 74,108 50,118 C26,108 8,88 8,56 V16 Z"/>
+  <path fill="#fff" d="M50,10 L84,22 V56 C84,83 68,100 50,109 C32,100 16,83 16,56 V22 Z"/>
+  <circle cx="50" cy="52" r="30" fill="#1d1d1d"/>
+  <path fill="#ffa500" d="M38,52 L47,61 L64,42 L60,38 L47,53 L42,48 Z"/>
+</svg>
diff --git a/icons/tire-size.svg b/icons/tire-size.svg
new file mode 100644
index 0000000..9adcfe0
--- /dev/null
+++ b/icons/tire-size.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+  <path fill-rule="evenodd" d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M12,4c4.4,0,8,3.6,8,8
+    s-3.6,8-8,8s-8-3.6-8-8S7.6,4,12,4z M12,8c-2.2,0-4,1.8-4,4s1.8,4,4,4s4-1.8,4-4S14.2,8,12,8z M12,10.5
+    c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5S11.2,10.5,12,10.5z"/>
+  <rect x="11" y="0.5" width="2" height="2.3"/>
+  <rect x="11" y="21.2" width="2" height="2.3"/>
+  <rect x="0.5" y="11" width="2.3" height="2"/>
+  <rect x="21.2" y="11" width="2.3" height="2"/>
+</svg>
diff --git a/icons/trip-interruption.svg b/icons/trip-interruption.svg
new file mode 100644
index 0000000..e99e332
--- /dev/null
+++ b/icons/trip-interruption.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+  <path fill-rule="evenodd" d="M9,2h6c0.6,0,1,0.4,1,1v2h3c1.1,0,2,0.9,2,2v11c0,1.1-0.9,2-2,2H5c-1.1,0-2-0.9-2-2V7
+    c0-1.1,0.9-2,2-2h3V3C8,2.4,8.4,2,9,2z M10,4v1h4V4H10z M5,7v11h14V7H5z"/>
+  <rect x="10" y="10" width="4" height="2"/>
+</svg>
diff --git a/icons/vehicle.svg b/icons/vehicle.svg
new file mode 100644
index 0000000..a3891bf
--- /dev/null
+++ b/icons/vehicle.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+  <path d="M5.5,11l1.4-4.1C7.2,5.8,8.1,5.2,9,5.2h6c0.9,0,1.8,0.6,2.1,1.7L18.5,11H20c0.6,0,1,0.4,1,1v4
+    c0,0.6-0.4,1-1,1h-1c0,1.1-0.9,2-2,2s-2-0.9-2-2H8c0,1.1-0.9,2-2,2s-2-0.9-2-2H4c-0.6,0-1-0.4-1-1v-4
+    c0-0.6,0.4-1,1-1H5.5z M7.6,11h8.8l-1-3H8.6L7.6,11z M6,15.5c0.6,0,1-0.4,1-1s-0.4-1-1-1s-1,0.4-1,1
+    S5.4,15.5,6,15.5z M18,15.5c0.6,0,1-0.4,1-1s-0.4-1-1-1s-1,0.4-1,1S17.4,15.5,18,15.5z"/>
+</svg>
diff --git a/styles/styles.css b/styles/styles.css
index 5acd6bc..65638a0 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -111,9 +111,9 @@ h5,
 h6 {
   margin-top: 0.8em;
   margin-bottom: 0.25em;
-  font-family: var(--heading-font-family);
-  font-weight: 600;
-  line-height: 1.25;
+  font-family: var(--body-font-family);
+  font-weight: 300;
+  line-height: 1.2;
   scroll-margin: 40px;
 }