npm - @primer/react-brand - Versions diffs - 0.64.1-rc.9bfb4676 → 0.65.0-rc.0895cfab - Mend

@primer/react-brand 0.64.1-rc.9bfb4676 → 0.65.0-rc.0895cfab

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (355) hide show

package/lib/css/main.css CHANGED Viewed

@@ -78,7 +78,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -356,7 +356,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -383,7 +383,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -400,7 +400,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -558,7 +558,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -572,7 +572,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -591,7 +591,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -671,7 +671,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -698,7 +698,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -713,13 +713,26 @@ html {
 .Primer_Brand__Grid-module__Grid___q48mT {
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
-  grid-row-gap: var(--brand-Grid-spacing-row);
-  grid-column-gap: var(--brand-Grid-spacing-column-gap);
-  padding-inline: var(--brand-Grid-spacing-margin);
   max-width: 1280px;
   margin: 0 auto;
 }
+.Primer_Brand__Grid-module__Grid--columnGap-default___NxZ0V {
+  grid-column-gap: var(--brand-Grid-spacing-column-gap);
+}
+.Primer_Brand__Grid-module__Grid--columnGap-none___Qh5GF {
+  grid-column-gap: 0;
+}
+.Primer_Brand__Grid-module__Grid--rowGap-default___X5kJS {
+  grid-row-gap: var(--brand-Grid-spacing-row);
+}
+.Primer_Brand__Grid-module__Grid--rowGap-none___WSM_k {
+  grid-row-gap: 0;
+}
 .Primer_Brand__Grid-module__Grid--full-width___pIgWW {
   width: 100%;
   max-width: none;
@@ -743,6 +756,10 @@ html {
   min-height: var(--base-size-24);
 }
+.Primer_Brand__Grid-module__Grid--has-gutters___KoJD2 {
+  padding-inline: var(--brand-Grid-spacing-margin);
+}
 /**
  * Non-responsive, default values
  */
@@ -1454,7 +1471,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -1762,7 +1779,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -6742,7 +6759,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -7079,7 +7096,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -7385,7 +7402,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -7401,7 +7418,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -7668,7 +7685,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -7679,7 +7696,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -8407,7 +8424,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -9175,7 +9192,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -9203,7 +9220,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -9219,7 +9236,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -9272,7 +9289,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -9303,8 +9320,10 @@ html {
   --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-5);
   --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-5);
   --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-5);
-  --brand-Accordion-border-color-default: var(--brand-color-border-default);
-  --brand-Accordion-border-color-emphasis: var(--base-color-scale-black-0);
+  --brand-Accordion-border-color-default: var(--brand-color-border-muted);
+  --brand-Accordion-indicator-idle: var(--base-color-scale-gray-3);
+  --brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
+  --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
 }
 [data-color-mode="dark"] {
@@ -9334,8 +9353,10 @@ html {
   --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-2);
   --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-2);
   --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-2);
-  --brand-Accordion-border-color-default: var(--base-color-scale-gray-5);
-  --brand-Accordion-border-color-emphasis: var(--base-color-scale-white-0);
+  --brand-Accordion-border-color-default: var(--brand-color-border-muted);
+  --brand-Accordion-indicator-idle: var(--base-color-scale-gray-7);
+  --brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
+  --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
 }
 .Primer_Brand__Accordion-module__Accordion___M_LPt {
@@ -9348,13 +9369,67 @@ html {
 }
 .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
-  border-bottom: var(--brand-borderWidth-thicker) solid var(--brand-Accordion-border-color-emphasis);
+  background-color: var(--brand-color-canvas-subtle);
+  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  padding-block: var(--base-size-20);
+  padding-inline: var(--base-size-20);
+  gap: 0;
+  justify-content: flex-start;
+  align-items: center;
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
+  content: '';
+  display: block;
+  width: calc(var(--base-size-8) - 1px);
+  height: var(--base-size-12);
+  flex-shrink: 0;
+  margin-inline-end: var(--base-size-12);
+  background-color: var(--brand-Accordion-indicator-idle);
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk:hover::before {
+  background-color: var(--brand-Accordion-indicator-hover);
+}
+details[open] > .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
+  background-color: var(--brand-Accordion-indicator-active);
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h3, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h4, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h5, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h6 {
+  font-family: var(--brand-fontStack-monospace);
+  font-size: var(--brand-text-size-100);
+  font-weight: var(--brand-text-weight-500);
+  line-height: var(--brand-text-lineHeight-100);
+  letter-spacing: 0.15px;
+  text-transform: uppercase;
+}
+.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
+  + .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
+  > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
+  border-block-start: none;
+}
+.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
+  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  padding-block-start: var(--base-size-12);
+  padding-block-end: var(--base-size-12);
+  padding-inline: var(--base-size-20);
+}
+.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child {
+  border-bottom: none;
+}
+.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child::after {
+  display: none;
 }
 .Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
   content: '';
-  border: 3px solid var(--brand-Accordion-border-color-default);
-  height: 0;
+  background-color: var(--brand-Accordion-border-color-default);
+  height: var(--brand-borderWidth-thin);
   transition: var(--brand-animation-duration-fast) transform;
   transform: scaleY(0);
   transform-origin: 50% 100%;
@@ -9364,8 +9439,10 @@ html {
   left: 0;
 }
-.Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after {
-  transform: scaleY(0.35);
+.Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after,
+details[open].Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
+  background-color: var(--brand-color-accent-primary);
+  transform: scaleY(1);
 }
 .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
@@ -9388,20 +9465,27 @@ html {
   outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
 }
+/* When open, move focus ring to the details element to wrap summary + content as one unit */
+details[open].Primer_Brand__Accordion-module__Accordion___M_LPt:has(> summary:focus-visible) {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+  outline-offset: var(--base-size-2);
+}
+details[open].Primer_Brand__Accordion-module__Accordion___M_LPt > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:focus-visible {
+  outline: none;
+}
 .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
 .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
-  font-family: var(--brand-fontStack-sansSerif);
-  font-weight: 500;
   cursor: pointer;
-  font-size: 32px;
-  line-height: 24px;
-  text-align: center;
-  height: 24px;
-  width: 24px;
-  -webkit-text-fill-color: transparent;
-  -webkit-box-decoration-break: clone;
-  box-decoration-break: clone;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--base-size-24);
+  width: var(--base-size-24);
+  color: var(--brand-color-text-default);
   position: absolute;
+  transition: opacity var(--brand-animation-duration-faster) ease;
 }
 .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
@@ -9409,134 +9493,110 @@ html {
   right: 0;
 }
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
+  position: static;
+  order: 1;
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
+  margin-inline-start: auto;
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
+  margin-inline-start: calc(-1 * var(--base-size-24));
+}
 .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
 .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
   left: 0;
 }
-.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
-.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
-  transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
-  display: block;
-  background: linear-gradient(
-    -70deg,
-    var(--brand-Accordion-toggle-color-start) 0%,
-    var(--brand-Accordion-toggle-color-end) 100%
-  );
-  -webkit-background-clip: text;
-  background-clip: text;
+.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
+.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
+  color: var(--brand-Accordion-toggle-color-start, var(--brand-color-text-default));
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-default___J06Ol {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-default);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-default);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue___BpPxQ {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue-purple___R4Ta3 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue-purple-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue-purple-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-coral___T3Lvh {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-coral);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-coral);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green___GThPe {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green-blue___PHnZc {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green-blue-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green-blue-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-gray___gGQN8 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-gray);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-gray);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-indigo___f5_9S {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-indigo);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-indigo);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lemon___c5Gz6 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lemon);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lemon);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lime___Tj0cg {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lime);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lime);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-orange____Dby3 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-orange);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-orange);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink___BXVJc {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink-blue___NVPxr {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink-blue-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink-blue-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple___whcwP {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple-red___l3gUG {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple-red-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple-red-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red___txXJX {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red-orange___ZODhv {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red-orange-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red-orange-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-teal___h2drb {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-teal);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-teal);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-yellow___WGTG3 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-yellow);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-yellow);
 }
-.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
-  font-weight: var(--base-text-weight-medium);
-  content: '–';
+.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
   opacity: 0;
 }
-.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
-  content: '+';
-}
-.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
-.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
-  transform: translate(0, -2px);
-}
 .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
   opacity: 0;
 }
@@ -9549,17 +9609,15 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer
   opacity: 0;
 }
-details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
+details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
   opacity: 1;
-  transform: rotateZ(180deg);
 }
-details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
+details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
   opacity: 0;
-  transform: rotateZ(180deg);
 }
-.Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
+.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
   padding-inline-end: var(--base-size-48);
 }
@@ -9622,7 +9680,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 }
 .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
-  margin-top: calc(var(--base-size-16) * -1); /* for 8px gap between question and answer */
+  margin-top: calc(var(--base-size-12) * -1); /* for 12px gap between question and answer */
 }
 details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
@@ -9659,7 +9717,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -9668,25 +9726,29 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
 [data-color-mode="light"] {
   --brand-FAQ-color-heading: var(--brand-color-text-default);
   --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
-  --brand-FAQ-color-tabBg-selected: var(--base-color-scale-gray-1);
+  --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-3);
+  --brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
+  --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
 }
 [data-color-mode="dark"] {
   --brand-FAQ-color-heading: var(--brand-color-text-default);
   --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
-  --brand-FAQ-color-tabBg-selected: var(--base-color-scale-gray-7);
+  --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-7);
+  --brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
+  --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
 }
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -9716,6 +9778,22 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   margin: 0 auto;
 }
+.Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
+  padding-block-end: var(--base-size-40);
+  border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
+  max-width: 100%;
+}
+.Primer_Brand__FAQ-module__FAQ__content-wrapper--gridline___XqrgD {
+  max-width: var(--brand-FAQ-maxWidth-list);
+  margin: 0 auto;
+}
+.Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
+  border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
+  margin-block-end: var(--base-size-40);
+}
 .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
   color: var(--brand-FAQ-color-heading);
   margin-bottom: var(--brand-FAQ-heading-marginBottom);
@@ -9724,6 +9802,9 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
   margin-bottom: var(--base-size-16);
   color: var(--brand-color-text-muted);
+  text-transform: uppercase;
+  font-size: var(--brand-text-size-100);
+  line-height: var(--brand-text-lineHeight-100);
 }
 .Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3 {
@@ -9763,24 +9844,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   margin: 0;
 }
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
+    margin-block-end: var(--base-size-48);
+  }
+  .Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
+    padding-block-end: var(--base-size-64);
+  }
+}
 .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
   display: none;
   justify-content: space-between;
   gap: var(--brand-stack-gap-spacious);
 }
-@media screen and (min-width: 48rem) {
-  .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
-    display: grid;
-  }
-  .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
-    display: none;
-  }
+.Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
+  margin-block-start: var(--base-size-48);
 }
 .Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___F0U3h {
   margin-block-start: calc(var(--base-size-8) + 1px);
+  text-transform: uppercase;
+  font-size: var(--brand-text-size-100);
+  line-height: var(--brand-text-lineHeight-100);
 }
 .Primer_Brand__FAQGroup-module__FAQGroup__tablist___WdY5Z .Primer_Brand__FAQGroup-module__FAQ__heading___w52lv {
@@ -9788,26 +9876,62 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 }
 .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none;
   background-color: transparent;
-  justify-content: flex-start;
-}
-.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC > span {
+  padding-block: var(--base-size-8);
+  padding-inline: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: var(--base-size-12);
+  width: 100%;
+  font-family: var(--brand-fontStack-monospace);
+  font-size: var(--brand-text-size-100);
+  font-weight: var(--brand-text-weight-500);
+  line-height: var(--brand-text-lineHeight-100);
+  letter-spacing: 0.15px;
+  text-transform: uppercase;
+  text-align: start;
+  color: var(--brand-color-text-muted);
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
+  white-space: nowrap;
+  transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
 }
-.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
-  background-color: var(--brand-FAQ-color-tabBg-selected);
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:focus-visible {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+  outline-offset: 2px;
 }
-.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC span {
-  color: var(--brand-color-text-muted);
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC::before {
+  content: '';
+  display: block;
+  width: calc(var(--base-size-8) + var(--base-size-2));
+  height: var(--base-size-12);
+  flex-shrink: 0;
+  background-color: var(--brand-FAQGroup-buttonIndicator-idle);
+  transform: scaleX(0.7);
+  transform-origin: left;
+  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
+    background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
 }
-.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] span {
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:hover::before {
+  background-color: var(--brand-FAQGroup-buttonIndicator-hover);
+}
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
   color: var(--brand-FAQ-color-tabLabel-selected);
+  gap: calc(var(--base-size-12) + 3px);
+}
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true']::before {
+  transform: scaleX(1);
+  background-color: var(--brand-FAQGroup-buttonIndicator-active);
 }
 .Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___JGGeC summary h4 {
@@ -9816,6 +9940,20 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   line-height: var(--brand-text-lineHeight-200);
 }
+/* Gridline variant */
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
+  padding-inline-start: var(--base-size-48);
+  padding-block: var(--base-size-80);
+}
+.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
+  border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  padding-inline: var(--base-size-64);
+  padding-block-start: var(--base-size-80);
+  padding-block-end: var(--base-size-96);
+}
 @media (forced-colors: active) {
   .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
     border-color: Highlight;
@@ -9824,9 +9962,75 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   }
 }
+.Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
+  padding-inline: var(--base-size-20);
+}
+/* Custom tablet breakpoint */
+@media screen and (min-width: 618px) {
+  .Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___OBSr9 {
+    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
+    margin-block-start: 0;
+    max-width: 618px;
+    margin-inline: auto;
+    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
+    max-width: 618px;
+    margin: 0 auto;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
+    padding-block-end: var(--base-size-40);
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___Q_oGI {
+    border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:first-child summary {
+    border-block-start: none !important;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:last-child summary {
+    border-block-end: none !important;
+  }
+}
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
+    display: grid;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
+    display: none;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
+    padding-inline: 0;
+    max-width: 100%;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
+    padding-block-end: var(--base-size-64);
+  }
+}
+@media screen and (min-width: 80rem) {
+  .Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
+    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
+    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -11029,7 +11233,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -11043,7 +11247,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -11337,7 +11541,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -11353,7 +11557,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -12098,7 +12302,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -12114,7 +12318,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -12337,7 +12541,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -12501,7 +12705,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -12809,7 +13013,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -12845,7 +13049,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -12913,7 +13117,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -12924,7 +13128,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -13133,19 +13337,11 @@ Fixes safari bug where outline doesn't respect border-radius
   grid-area: heading;
 }
-.Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__heading___INFhp {
-  max-width: 320px;
-}
 .Primer_Brand__Card-module__Card__description___KN9CH {
   margin-bottom: var(--base-size-32);
   grid-area: description;
 }
-.Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__description___KN9CH {
-  max-width: 400px;
-}
 .Primer_Brand__Card-module__Card__action___C6sRY {
   grid-area: action;
   margin-top: auto;
@@ -13277,7 +13473,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -14118,7 +14314,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -14129,7 +14325,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -14628,7 +14824,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -14648,7 +14844,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -14684,12 +14880,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
 [data-color-mode="light"] {
-  --brand-LogoSuite-color-control-rest: var(--base-color-scale-gray-1);
+  --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
   --brand-LogoSuite-color-control-hover: var(--base-color-scale-gray-2);
   --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
   --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14698,7 +14894,7 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 [data-color-mode="dark"] {
-  --brand-LogoSuite-color-control-rest: #4d4e6a;
+  --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
   --brand-LogoSuite-color-control-hover: #5a5b7c;
   --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
   --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14708,7 +14904,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -14721,20 +14917,25 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-LogoSuite-logobar-columnGap-default: var(--base-size-80);
 }
-@media (min-width: 768px) {
-  :root {
-    --brand-LogoSuite-logobar-rowGap: var(--base-size-80);
-  }
-}
 .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
   padding-block-end: var(--brand-LogoSuite-logobar-rowGap);
 }
-.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
+.Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL + .Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL {
   padding-block-start: var(--brand-LogoSuite-logobar-rowGap);
 }
+/* Small monospace heading when standalone (no description) */
+.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(:has(.Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM)) .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw {
+  font-family: var(--brand-fontStack-monospace);
+  font-weight: var(--brand-text-weight-100);
+  font-size: var(--brand-text-size-100);
+  line-height: var(--brand-text-lineHeight-100);
+  letter-spacing: var(--brand-text-letterSpacing-100);
+  text-transform: uppercase;
+  color: var(--brand-color-text-muted);
+}
 .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
   padding-block-start: var(--base-size-16);
 }
@@ -14748,7 +14949,7 @@ Fixes safari bug where outline doesn't respect border-radius
   text-align: center;
 }
-.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
+.Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
   padding-block-start: var(--base-size-32);
 }
@@ -14776,7 +14977,7 @@ Fixes safari bug where outline doesn't respect border-radius
   + .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
 .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM + .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
   padding-block-start: 0;
-  margin-block-start: var(--base-size-80);
+  margin-block-start: var(--base-size-44);
 }
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
@@ -14795,12 +14996,6 @@ Fixes safari bug where outline doesn't respect border-radius
   .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a {
     height: var(--base-size-40);
   }
-  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
-  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
-  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
-    height: var(--base-size-48);
-  }
 }
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
@@ -14831,8 +15026,10 @@ Fixes safari bug where outline doesn't respect border-radius
   }
 }
-.Primer_Brand__LogoSuite-module__LogoSuite--start___Kk6GC .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm a:focus-visible {
-  outline-color: var(--brand-color-focus);
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm a:focus-visible {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+  outline-offset: var(--base-size-2);
+  border-radius: var(--base-size-4);
 }
 .Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Znsqm {
@@ -14842,8 +15039,9 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
   position: relative;
   display: flex;
-  flex-direction: column;
-  gap: var(--base-size-40);
+  flex-direction: row;
+  align-items: center;
+  gap: var(--base-size-24);
   margin: auto;
   max-width: 100dvw;
 }
@@ -14881,18 +15079,22 @@ Fixes safari bug where outline doesn't respect border-radius
   }
 }
-.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
   animation-play-state: paused;
 }
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr {
   display: flex;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: visible;
+  padding-block: var(--base-size-4);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
   gap: var(--marquee-gap);
-  width: calc(100% - var(--base-size-40));
+  flex: 1;
+  min-width: 0;
   -webkit-mask-image: linear-gradient(
     to right,
     hsla(0, 0%, 0%, 0),
@@ -14907,19 +15109,23 @@ Fixes safari bug where outline doesn't respect border-radius
   animation-play-state: paused !important;
 }
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee--focused___AVQlQ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
+  animation-name: none;
+}
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi {
   cursor: pointer;
-  position: absolute;
-  right: 0;
+  flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
-  width: var(--base-size-48);
-  height: var(--base-size-48);
+  width: var(--base-size-32);
+  height: var(--base-size-32);
   margin: 0;
   padding: 0;
   border: none;
   border-radius: var(--base-size-48);
+  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
   background-color: var(--brand-LogoSuite-color-control-rest);
   transition: background-color var(--brand-animation-duration-faster);
 }
@@ -14936,10 +15142,139 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi svg {
   width: var(--base-size-16);
   height: var(--base-size-16);
+  fill: var(--brand-color-text-muted);
 }
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi path {
-  fill: var(--brand-button-subtle-fgColor-rest);
+  fill: var(--brand-color-text-muted);
+}
+/* Gridline expressive variant styles */
+.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax {
+  padding: 0;
+}
+.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
+  padding-inline: 0;
+  gap: 0;
+  max-width: 618px; /* From the Figma design */
+}
+.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: var(--base-size-20);
+}
+.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
+  margin-block-start: auto;
+}
+.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: var(--base-size-32) var(--base-size-20) var(--base-size-32);
+}
+.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
+.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
+  max-width: none;
+  width: 100%;
+}
+.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
+  padding-block-start: var(--base-size-8);
+}
+.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
+  padding-block-start: 0;
+}
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
+    padding: var(--base-size-36);
+  }
+  .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
+    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+  .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
+    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+}
+@media screen and (min-width: 64rem) {
+  .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
+    max-width: 1280px;
+  }
+  .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
+    text-align: left;
+    padding: var(--base-size-64);
+  }
+  .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
+    padding: var(--base-size-64);
+  }
+}
+@media screen and (min-width: 1281px) {
+  .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
+    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+  /* When the logobar is the only column visible (no adjacent text), this removes start border */
+  .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_:first-child {
+    border-inline-start: none;
+  }
+}
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm {
+  position: relative;
+  overflow: visible;
+}
+/* Glass blur overlay effect */
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm::before {
+  content: '';
+  position: absolute;
+  inset: calc(-1 * var(--base-size-16)) 0;
+  z-index: 1;
+  pointer-events: none;
+  opacity: 0;
+  backdrop-filter: blur(var(--base-size-6));
+  -webkit-backdrop-filter: blur(var(--base-size-6));
+  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
+}
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover::before,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within::before {
+  opacity: 1;
+}
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover svg,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within svg,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover img,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within img {
+  opacity: 0.7;
+  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
+}
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO {
+  opacity: 0;
+  visibility: hidden;
+  z-index: 2;
+  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO {
+  opacity: 1;
+  visibility: visible;
 }
 .Primer_Brand__Timeline-module__Timeline___keSeT {
@@ -15042,7 +15377,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -15056,7 +15391,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -15070,7 +15405,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -17246,7 +17581,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -17270,7 +17605,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -17705,7 +18040,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -17721,7 +18056,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -18196,6 +18531,7 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h1, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h2, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h3, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h4, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h5, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h6 {
   font-size: var(--feature-list-font-size);
   line-height: var(--feature-list-line-height);
+  font-weight: var(--brand-text-subhead-weight-large);
   gap: var(--base-size-8);
   display: inline-flex;
   align-items: center;
@@ -18224,7 +18560,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -18233,7 +18569,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -19016,7 +19352,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -19025,7 +19361,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -19521,7 +19857,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -19620,7 +19956,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -19998,7 +20334,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -20012,7 +20348,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root {
@@ -20199,7 +20535,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -20284,7 +20620,6 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 }
 .Primer_Brand__Statistic-module__Statistic__heading___xQ8Ki {
-  font-stretch: 75%;
   position: relative;
 }
@@ -20484,7 +20819,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -20495,7 +20830,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,
@@ -20633,7 +20968,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:10 GMT
  */
 :root {
@@ -20642,7 +20977,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
+ * Generated on Mon, 23 Feb 2026 09:37:11 GMT
  */
 :root,