/* Kozamia Biz Buyuz — marka + büyüme yüzeyleri */
:root {
  --kz-night: #1A1A1A;
  --kz-night-2: #5C5668;
  --kz-violet: #752FEE;
  --kz-gold: #CE8FF2;
  --kz-fog: rgba(248, 245, 252, 0.92);
  --kz-display: "Fraunces", Georgia, serif;
  --kz-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --kozamia-shell-purple: var(--kz-violet);
  --kozamia-brand-serif: var(--kz-display);
}

.home-guest-preview {
  margin: 0.45rem 0 0.75rem;
  padding: 0.55rem;
  border-radius: 0.75rem;
  background: linear-gradient(180deg, rgba(117, 47, 238, 0.06), rgba(206, 143, 242, 0.1));
}
.guest-preview-kicker {
  margin: 0 0 0.4rem;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #752FEE;
  font-weight: 700;
}
.guest-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
}
.guest-preview-card {
  background: #fff;
  border-radius: 0.65rem;
  padding: 0.5rem 0.55rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  text-align: left;
  border: 1px solid rgba(15, 28, 46, 0.08);
  min-height: 0;
}
.guest-preview-card .material-symbols-outlined { color: var(--kz-gold); font-size: 1.15rem; }
.guest-preview-card strong { font-family: var(--kz-display); font-size: 0.88rem; }
.guest-preview-card p { margin: 0; font-size: 0.7rem; color: #5b6575; flex: 1; line-height: 1.3; }
.guest-preview-card .btn { align-self: flex-start; margin-top: 0.15rem; font-size: 0.72rem; padding: 0.25rem 0.5rem; }
@media (max-width: 40rem) {
  .guest-preview-grid { grid-template-columns: 1fr; }
  .guest-preview-card { min-height: 0; }
}

/* Ana sayfa — hub kartlarını sıkıştır */
#page-home #home-guest-invite.hub-guest-invite {
  padding: 0.75rem 0.85rem 0.9rem;
  margin: 0.5rem 0 0.85rem;
  border-radius: 0.85rem;
}
#page-home #home-guest-invite .hub-guest-invite-kicker {
  font-size: 0.68rem;
  margin-bottom: 0.25rem;
}
#page-home #home-guest-invite .hub-guest-invite-title {
  font-size: 1.05rem;
  line-height: 1.25;
  margin: 0 0 0.35rem;
}
#page-home #home-guest-invite .hub-guest-invite-lead {
  font-size: 0.8rem;
  line-height: 1.4;
  margin: 0 0 0.65rem;
}
#page-home #home-guest-invite .hub-guest-features {
  gap: 0.45rem;
  margin: 0 auto 0.65rem;
}
#page-home #home-guest-invite .hub-guest-feature {
  padding: 0.55rem 0.65rem;
  border-radius: 0.7rem;
}
#page-home #home-guest-invite .hub-guest-feature-head {
  gap: 0.45rem;
  margin-bottom: 0.35rem;
}
#page-home #home-guest-invite .hub-guest-feature-head .material-symbols-outlined {
  font-size: 1.2rem;
}
#page-home #home-guest-invite .hub-guest-feature-head h3 {
  font-size: 0.9rem;
  margin: 0 0 0.1rem;
}
#page-home #home-guest-invite .hub-guest-feature-head p {
  font-size: 0.72rem;
}
#page-home #home-guest-invite .hub-guest-feature-points {
  gap: 0.25rem;
}
#page-home #home-guest-invite .hub-guest-feature-points li {
  font-size: 0.72rem;
  line-height: 1.3;
  padding-left: 0.85rem;
}
#page-home #home-guest-invite .hub-guest-invite-why {
  font-size: 0.75rem;
  margin: 0 0 0.55rem;
}
#page-home #home-guest-invite .hub-guest-invite-cta {
  gap: 0.4rem;
}
#page-home #home-guest-invite .hub-guest-invite-cta .btn {
  padding: 0.45rem 0.85rem;
  font-size: 0.82rem;
}

.kozamia-hide-play .connect-tab-play,
.kozamia-hide-play [data-connect-goto="play"],
.kozamia-hide-play #connect-panel-play {
  display: none !important;
}

#guest-proof-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0.65rem 0 0.85rem;
}
.guest-proof-card {
  background: #fff;
  color: var(--kz-ink, #2A0A5C);
  border-radius: 0.75rem;
  padding: 0.75rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border: 1px solid rgba(28, 31, 36, 0.1);
  min-height: 0;
}
.guest-proof-card .material-symbols-outlined { color: var(--kz-accent, #752FEE); font-size: 1.2rem; }
.guest-proof-card strong {
  font-family: var(--kz-body, "Plus Jakarta Sans", system-ui, sans-serif);
  font-weight: 650;
  font-size: 0.95rem;
  color: var(--kz-ink, #2A0A5C);
}
.guest-proof-card span { font-size: 0.75rem; opacity: 1; color: var(--kz-muted, #6b6e76); }
.guest-proof-card .btn { margin-top: auto; align-self: flex-start; font-size: 0.75rem; padding: 0.3rem 0.55rem; }

body.feat-off-kozamiaPano #kozamia-pano-user,
#kozamia-pano-user.is-feat-disabled {
  display: none !important;
}

#kozamia-ritual-banner {
  margin: 0.75rem 0 1rem;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #fff;
  color: var(--kz-ink, #2A0A5C);
  border: 1px solid rgba(28, 31, 36, 0.1);
}
.ritual-banner-inner { padding: 1rem 1.05rem 1.1rem; }
.ritual-kicker {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  color: var(--kz-accent, #752FEE);
  text-transform: uppercase;
  font-weight: 650;
}
.ritual-title {
  display: block;
  font-family: var(--kz-body, "Plus Jakarta Sans", system-ui, sans-serif);
  font-size: 1.05rem;
  font-weight: 650;
  line-height: 1.3;
  margin-bottom: 0.75rem;
  color: var(--kz-ink, #2A0A5C);
}
.ritual-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }

/* Bağlan hub — okunabilir boyut, sayfa yüksekliğine dengeli sığdır */
.connect-hub-doors {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.45rem;
  margin: 0 0 0.55rem;
  flex: 0 0 auto;
}
.connect-hub-door {
  border: 1px solid rgba(28, 31, 36, 0.1);
  text-align: left;
  border-radius: 0.75rem;
  padding: 0.75rem 0.95rem;
  color: var(--kz-ink, #2A0A5C);
  background: #fff;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.55rem;
  align-items: center;
  cursor: pointer;
  min-height: 3.25rem;
  line-height: 1.2;
  box-shadow: none;
}
.connect-hub-door strong {
  display: block;
  font-family: var(--kz-body, "Plus Jakarta Sans", system-ui, sans-serif);
  font-size: 1.02rem;
  font-weight: 650;
  line-height: 1.15;
  color: var(--kz-ink, #2A0A5C);
}
.connect-hub-door span.desc {
  display: block;
  font-size: 0.72rem;
  line-height: 1.25;
  opacity: 1;
  margin-top: 0.12rem;
  color: var(--kz-muted, #6b6e76);
}
.connect-hub-door > .material-symbols-outlined,
.connect-hub-door > .kz-ico-png {
  color: var(--kz-accent, #752FEE);
  font-size: 1.35rem;
}

html.is-mobile-app #connect-panel-hub,
html.kozamia-app-shell #connect-panel-hub,
html.connect-mockup-on #connect-panel-hub,
html.is-mobile-web #connect-panel-hub {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  justify-content: center !important;
  gap: 0.65rem !important;
}

html.is-mobile-app #connect-panel-hub .connect-hub-doors,
html.kozamia-app-shell #connect-panel-hub .connect-hub-doors,
html.connect-mockup-on #connect-panel-hub .connect-hub-doors,
html.is-mobile-web #connect-panel-hub .connect-hub-doors {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 22.5rem !important;
  flex: 0 0 auto !important;
}
html.is-mobile-app #connect-panel-hub .connect-hub-door,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door,
html.connect-mockup-on #connect-panel-hub .connect-hub-door,
html.is-mobile-web #connect-panel-hub .connect-hub-door {
  flex: 0 0 auto !important;
  min-height: 3.35rem !important;
  max-height: none !important;
  padding: 0.7rem 0.95rem !important;
  border-radius: 0.75rem !important;
  gap: 0.55rem !important;
}
html.is-mobile-app #connect-panel-hub .connect-hub-door strong,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door strong,
html.connect-mockup-on #connect-panel-hub .connect-hub-door strong,
html.is-mobile-web #connect-panel-hub .connect-hub-door strong {
  font-size: 0.98rem !important;
}
html.is-mobile-app #connect-panel-hub .connect-hub-door span.desc,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door span.desc,
html.connect-mockup-on #connect-panel-hub .connect-hub-door span.desc,
html.is-mobile-web #connect-panel-hub .connect-hub-door span.desc {
  font-size: 0.7rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 16rem;
}
html.is-mobile-app #connect-panel-hub .connect-hub-door > .material-symbols-outlined,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door > .material-symbols-outlined,
html.connect-mockup-on #connect-panel-hub .connect-hub-door > .material-symbols-outlined,
html.is-mobile-web #connect-panel-hub .connect-hub-door > .material-symbols-outlined,
html.is-mobile-app #connect-panel-hub .connect-hub-door > .kz-ico-png,
html.kozamia-app-shell #connect-panel-hub .connect-hub-door > .kz-ico-png,
html.connect-mockup-on #connect-panel-hub .connect-hub-door > .kz-ico-png,
html.is-mobile-web #connect-panel-hub .connect-hub-door > .kz-ico-png {
  font-size: 1.3rem !important;
}

/* Alt liste: kalan yüksekliği eşit paylaş */
html.is-mobile-app #connect-panel-hub .connect-cat-grid,
html.kozamia-app-shell #connect-panel-hub .connect-cat-grid,
html.connect-mockup-on #connect-panel-hub .connect-cat-grid,
html.is-mobile-web #connect-panel-hub .connect-cat-grid,
#connect-panel-hub .connect-cat-grid {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 22.5rem !important;
  margin: 0 auto !important;
  justify-content: flex-start !important;
}
html.is-mobile-app #connect-panel-hub .connect-list-group-label,
html.kozamia-app-shell #connect-panel-hub .connect-list-group-label,
html.connect-mockup-on #connect-panel-hub .connect-list-group-label,
html.is-mobile-web #connect-panel-hub .connect-list-group-label,
#connect-panel-hub .connect-list-group-label {
  flex: 0 0 auto !important;
  margin: 0.45rem 0 0.15rem !important;
  padding: 0.15rem 0.55rem !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.04em;
}
html.is-mobile-app #connect-panel-hub .connect-list-group-label:first-child,
html.kozamia-app-shell #connect-panel-hub .connect-list-group-label:first-child,
html.connect-mockup-on #connect-panel-hub .connect-list-group-label:first-child,
html.is-mobile-web #connect-panel-hub .connect-list-group-label:first-child,
#connect-panel-hub .connect-list-group-label:first-child {
  margin-top: 0.15rem !important;
}
html.is-mobile-app #connect-panel-hub .connect-cat-card,
html.kozamia-app-shell #connect-panel-hub .connect-cat-card,
html.connect-mockup-on #connect-panel-hub .connect-cat-card,
html.is-mobile-web #connect-panel-hub .connect-cat-card,
#connect-panel-hub .connect-cat-card {
  flex: 1 1 0 !important;
  min-height: 2.9rem !important;
  max-height: 3.85rem !important;
  padding: 0.5rem 0.75rem !important;
  gap: 0.2rem 0.65rem !important;
  align-items: center !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  grid-template-rows: auto auto !important;
}
html.is-mobile-app #connect-panel-hub .connect-cat-icon,
html.kozamia-app-shell #connect-panel-hub .connect-cat-icon,
html.connect-mockup-on #connect-panel-hub .connect-cat-icon,
html.is-mobile-web #connect-panel-hub .connect-cat-icon,
#connect-panel-hub .connect-cat-icon {
  width: 2.15rem !important;
  height: 2.15rem !important;
  grid-row: 1 / span 2 !important;
  grid-column: 1 !important;
}
html.is-mobile-app #connect-panel-hub .connect-cat-icon .material-symbols-outlined,
html.kozamia-app-shell #connect-panel-hub .connect-cat-icon .material-symbols-outlined,
html.connect-mockup-on #connect-panel-hub .connect-cat-icon .material-symbols-outlined,
html.is-mobile-web #connect-panel-hub .connect-cat-icon .material-symbols-outlined,
#connect-panel-hub .connect-cat-icon .material-symbols-outlined {
  font-size: 1.1rem !important;
}
html.is-mobile-app #connect-panel-hub .connect-cat-card strong,
html.kozamia-app-shell #connect-panel-hub .connect-cat-card strong,
html.connect-mockup-on #connect-panel-hub .connect-cat-card strong,
html.is-mobile-web #connect-panel-hub .connect-cat-card strong,
#connect-panel-hub .connect-cat-card strong {
  font-size: 0.92rem !important;
  line-height: 1.2 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
}
html.is-mobile-app #connect-panel-hub .connect-cat-desc,
html.kozamia-app-shell #connect-panel-hub .connect-cat-desc,
html.connect-mockup-on #connect-panel-hub .connect-cat-desc,
html.is-mobile-web #connect-panel-hub .connect-cat-desc,
#connect-panel-hub .connect-cat-desc {
  display: block !important;
  font-size: 0.68rem !important;
  line-height: 1.25 !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 0.78;
  grid-column: 2 !important;
  grid-row: 2 !important;
}
html.is-mobile-app #connect-panel-hub .connect-cat-go,
html.kozamia-app-shell #connect-panel-hub .connect-cat-go,
html.connect-mockup-on #connect-panel-hub .connect-cat-go,
html.is-mobile-web #connect-panel-hub .connect-cat-go {
  font-size: 1.1rem !important;
  position: static !important;
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
}
html.is-mobile-app #connect-panel-hub .connect-cat-notif-pills,
html.kozamia-app-shell #connect-panel-hub .connect-cat-notif-pills,
html.connect-mockup-on #connect-panel-hub .connect-cat-notif-pills {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
html.is-mobile-app #connect-panel-hub .connect-cat-card-notif .connect-cat-desc,
html.kozamia-app-shell #connect-panel-hub .connect-cat-card-notif .connect-cat-desc {
  display: none !important; /* pill varsa desc çakışmasın */
}

@media (max-width: 40rem) {
  .connect-hub-doors { gap: 0.4rem; margin-bottom: 0.45rem; }
  .connect-hub-door { padding: 0.55rem 0.8rem; min-height: 2.95rem; }
  .connect-hub-door strong { font-size: 0.96rem; }
  .connect-hub-door span.desc { font-size: 0.68rem; }
  .connect-hub-door > .material-symbols-outlined { font-size: 1.25rem; }
}

.connect-cat-card.is-intent-primary {
  outline: 2px solid var(--kz-gold);
  box-shadow: 0 0 0 4px rgba(212, 168, 75, 0.18);
}

#kozamia-pano-user {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(15, 28, 46, 0.06), rgba(212, 168, 75, 0.08));
}
.pano-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.pano-kicker { margin: 0; color: #752FEE; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; }
.pano-list { display: grid; gap: 0.65rem; }
.pano-card {
  padding: 0.85rem;
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(15, 28, 46, 0.08);
}
.pano-sponsor {
  display: inline-block;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #752FEE;
  margin-bottom: 0.25rem;
}
.pano-form {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.85rem;
}
.pano-form label { display: grid; gap: 0.25rem; font-size: 0.85rem; }

#profile-invite-panel {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, #F8F5FC, #FFFFFF);
  color: #1A1A1A;
  border: 1px solid rgba(117, 47, 238, 0.16);
}
.invite-code {
  display: inline-block;
  margin: 0.5rem 0;
  padding: 0.4rem 0.7rem;
  border-radius: 0.5rem;
  background: rgba(206, 143, 242, 0.18);
  color: var(--kz-gold);
  letter-spacing: 0.08em;
}
.invite-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }

.modal-intent .intent-grid {
  display: grid;
  gap: 0.65rem;
  margin-top: 1rem;
}
.intent-choice {
  border: 1px solid rgba(15, 28, 46, 0.12);
  background: linear-gradient(180deg, #fff, #f3f6fa);
  border-radius: 1rem;
  padding: 1rem;
  text-align: left;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  align-items: center;
}
.intent-choice strong { display: block; font-family: var(--kz-display); }
.intent-choice .material-symbols-outlined { color: var(--kz-gold); font-size: 1.75rem; }

#modal-share-card .modal-box { max-width: 26rem; }
#share-card-canvas {
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
  background: #F8F5FC;
}
.share-card-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; }

.buddy-support-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(206, 143, 242, 0.16);
  color: #752FEE;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0.35rem 0;
}
.buddy-discover-sample-badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: rgba(117, 47, 238, 0.88);
  color: #FFFFFF;
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
}
.buddy-discover-card { position: relative; }
.buddy-queue-invite {
  margin-top: 0.85rem;
  padding: 0.85rem;
  border-radius: 0.85rem;
  background: rgba(206, 143, 242, 0.12);
}
.confession-bridge {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.65rem;
}
.confession-bridge .btn { font-size: 0.78rem; }

.live-support-modes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.5rem 0 0.75rem;
}
.live-support-mode {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(15, 28, 46, 0.35);
  color: inherit;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  font-size: 0.78rem;
  cursor: pointer;
}
.live-support-mode.is-active {
  background: var(--kz-gold);
  color: #1a1408;
  border-color: transparent;
}
.live-title-templates {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.35rem 0 0.75rem;
}
.live-title-chip {
  border: 1px solid rgba(15, 28, 46, 0.12);
  background: #f5f7fa;
  border-radius: 999px;
  padding: 0.3rem 0.65rem;
  font-size: 0.78rem;
  cursor: pointer;
}

.growth-metrics-card {
  padding: 1rem;
  border-radius: 0.85rem;
  background: #FFFFFF;
  color: #1A1A1A;
  margin-bottom: 1rem;
  border: 1px solid rgba(117, 47, 238, 0.14);
}
.growth-metrics-total { font-family: var(--kz-display); font-size: 1.5rem; }
.growth-metrics-bar {
  height: 0.45rem;
  background: rgba(117, 47, 238, 0.12);
  border-radius: 999px;
  overflow: hidden;
  margin: 0.5rem 0 0.75rem;
}
.growth-metrics-bar span {
  display: block;
  height: 100%;
  background: var(--kz-gold);
}
.growth-metrics-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}
.growth-metrics-list li {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
}
.admin-ad-row {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(15, 28, 46, 0.08);
}
.admin-ad-actions { display: flex; gap: 0.35rem; flex-shrink: 0; }

.feed-intent-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.5rem 0;
}
.feed-intent-chip {
  border: 1px solid rgba(15, 28, 46, 0.12);
  background: #fff;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  font-size: 0.8rem;
  cursor: pointer;
}
.feed-intent-chip.is-active {
  background: #752FEE;
  color: #FFFFFF;
  border-color: transparent;
}

.brand-hero-home {
  margin: 0.5rem 0 0.85rem;
  padding: 1.15rem 1rem 1.25rem;
  border-radius: 0.85rem;
  background: #fff;
  color: var(--kz-ink, #2A0A5C);
  border: 1px solid rgba(28, 31, 36, 0.1);
  text-align: center;
}
.brand-hero-home .brand-name {
  font-family: var(--kz-display);
  font-size: clamp(1.85rem, 7vw, 2.35rem);
  line-height: 1.05;
  margin: 0 0 0.45rem;
  color: var(--kz-ink, #2A0A5C);
  letter-spacing: -0.03em;
  font-weight: 700;
}
.brand-hero-home .brand-line {
  margin: 0 auto 0.35rem;
  font-size: 1rem;
  line-height: 1.35;
  max-width: 22rem;
  color: var(--kz-ink, #2A0A5C);
  font-weight: 550;
}
.brand-hero-home .brand-sub {
  margin: 0 auto 0.95rem;
  opacity: 1;
  font-size: 0.84rem;
  line-height: 1.4;
  max-width: 20rem;
  color: var(--kz-muted, #6b6e76);
}
.brand-hero-home .hero-cta-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
  max-width: 16rem;
  margin: 0 auto;
}
.brand-hero-home .hero-cta-row .btn {
  width: 100%;
  justify-content: center;
}

@media (max-width: 40rem) {
  #guest-proof-strip { grid-template-columns: 1fr; }
}