/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --bg: #07101d;
  --panel: #0b1220c7;
  --panel-strong: #0f172af0;
  --line: #ffffff1a;
  --text: #e6edf8;
  --muted: #93a4ba;
  --accent: #7dd3fc;
  --violet: #c084fc;
  --green: #a3e635;
}

* {
  box-sizing: border-box;
}

html, body {
  background: radial-gradient(circle at 20% 0%, #7dd3fc29, transparent 28%), radial-gradient(circle at 80% 10%, #c084fc24, transparent 30%), var(--bg);
  min-height: 100%;
  color: var(--text);
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, textarea {
  font: inherit;
}

.shell {
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: 100vh;
  display: grid;
}

.sidebar {
  border-right: 1px solid var(--line);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #03071280;
  height: 100vh;
  padding: 24px;
  position: sticky;
  top: 0;
}

.brand {
  color: #fff;
  letter-spacing: -.05em;
  margin-bottom: 28px;
  font-size: 24px;
  font-weight: 950;
}

.brand span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .18em;
  margin-top: 4px;
  font-size: 12px;
  display: block;
}

.sidebar nav {
  gap: 10px;
  display: grid;
}

.sidebar nav a {
  border: 1px solid var(--line);
  color: #dbeafe;
  background: #ffffff09;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 850;
}

.sidebar nav a:hover {
  background: #7dd3fc14;
  border-color: #7dd3fc73;
}

.sidebar-card {
  border: 1px solid var(--line);
  background: linear-gradient(135deg, #7dd3fc1f, #c084fc14);
  border-radius: 20px;
  padding: 16px;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

.sidebar-card strong {
  color: #fff;
}

.sidebar-card p {
  color: var(--muted);
  margin: 8px 0 0;
  line-height: 1.45;
}

.content {
  width: 100%;
  max-width: 1500px;
  padding: 36px;
}

.eyebrow {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .14em;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 950;
}

h1 {
  color: #fff;
  letter-spacing: -.075em;
  max-width: 980px;
  margin: 0 0 18px;
  font-size: clamp(46px, 7vw, 88px);
  line-height: .84;
}

h2 {
  color: #fff;
  letter-spacing: -.055em;
  margin: 0 0 14px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: .95;
}

.page-subcopy p, .hero-card p, .empty-state p {
  color: var(--muted);
  max-width: 820px;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

.metric-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.metric-grid article, .hero-card, .form-card, .client-row, .profile-card, .empty-state, .run-log, .form-section, .step-card {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff13, #ffffff09);
  border-radius: 26px;
  padding: 22px;
  box-shadow: inset 0 1px #ffffff0d;
}

.metric-grid span, .profile-card span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.metric-grid strong {
  color: #fff;
  letter-spacing: -.06em;
  margin: 12px 0;
  font-size: 54px;
  line-height: .9;
  display: block;
}

.metric-grid p {
  color: var(--muted);
  margin: 0;
  line-height: 1.45;
}

.hero-card {
  background: radial-gradient(circle at 80% 0, #7dd3fc29, #0000 34%), linear-gradient(135deg, #ffffff14, #ffffff09);
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  display: flex;
}

.primary-link, .form-card button, .generate-button {
  background: var(--accent);
  color: #06121b;
  cursor: pointer;
  white-space: nowrap;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 13px 18px;
  font-weight: 950;
  display: inline-flex;
}

.toolbar, .workspace-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  display: flex;
}

.client-list {
  gap: 12px;
  display: grid;
}

.client-row {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  transition: all .18s;
  display: flex;
}

.client-row:hover {
  border-color: #7dd3fc73;
  transform: translateY(-2px);
}

.client-row strong {
  color: #fff;
  font-size: 20px;
}

.client-row p {
  color: var(--muted);
  margin: 8px 0 0;
}

.client-row span, .status-pill {
  color: var(--green);
  background: #a3e63517;
  border: 1px solid #a3e6353d;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 900;
}

.form-card, .onboarding-form {
  gap: 16px;
  max-width: 980px;
  display: grid;
}

label {
  gap: 8px;
  display: grid;
}

label span {
  color: #dbeafe;
  font-size: 13px;
  font-weight: 900;
}

input, textarea {
  border: 1px solid var(--line);
  width: 100%;
  color: var(--text);
  background: #00000040;
  border-radius: 15px;
  outline: none;
  padding: 13px 14px;
}

textarea {
  resize: vertical;
  min-height: 120px;
}

input:focus, textarea:focus {
  border-color: #7dd3fca6;
  box-shadow: 0 0 0 4px #7dd3fc1a;
}

.step-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.step-card b {
  background: var(--accent);
  color: #06121b;
  border-radius: 11px;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 14px;
  display: inline-grid;
}

.step-card strong {
  color: #fff;
  margin-bottom: 8px;
  display: block;
}

.step-card p {
  color: var(--muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.form-section {
  gap: 16px;
  display: grid;
}

.form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.form-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.generate-button {
  justify-self: start;
  padding: 15px 22px;
  font-size: 16px;
}

.profile-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.profile-card.wide {
  grid-column: 1 / -1;
}

.profile-card p {
  color: #dbeafe;
  margin: 12px 0 0;
  font-size: 19px;
  line-height: 1.55;
}

pre {
  white-space: pre-wrap;
  color: #cbd5e1;
  margin: 12px 0 0;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 14px;
  line-height: 1.5;
}

.empty-state {
  text-align: left;
}

.empty-state .primary-link {
  margin-top: 16px;
}

.run-log {
  margin-top: 18px;
}

.run-log h3 {
  color: #fff;
  margin: 0 0 12px;
}

.run-row {
  border-top: 1px solid var(--line);
  color: var(--muted);
  grid-template-columns: 1fr 1fr auto;
  gap: 12px;
  padding: 12px 0;
  display: grid;
}

.run-row strong {
  color: #fff;
}

@media (max-width: 980px) {
  .shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    height: auto;
    position: static;
  }

  .sidebar-card {
    margin-top: 18px;
    position: static;
  }

  .content {
    padding: 20px;
  }

  .metric-grid, .step-strip, .profile-layout, .form-grid, .form-grid.two {
    grid-template-columns: 1fr;
  }

  .hero-card, .client-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

.primary-link.secondary {
  color: var(--text);
  border: 1px solid var(--line);
  background: #ffffff12;
}

.workspace-actions form {
  margin: 0;
}

.workspace-actions button.primary-link {
  border: 0;
}

.blueprint-hero, .creative-hero {
  border: 1px solid var(--line);
  background: radial-gradient(circle at 82% 0, #7dd3fc24, #0000 34%), linear-gradient(135deg, #ffffff14, #ffffff09);
  border-radius: 30px;
  margin-bottom: 18px;
  padding: 26px;
}

.blueprint-hero span {
  color: var(--accent);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 950;
}

.blueprint-hero h2 {
  max-width: 1050px;
  margin-top: 12px;
}

.blueprint-hero p {
  color: var(--muted);
  max-width: 900px;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

.blueprint-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.pillar-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
  display: grid;
}

.pillar-grid div {
  border: 1px solid var(--line);
  background: #0000002e;
  border-radius: 18px;
  padding: 15px;
}

.pillar-grid strong {
  color: #fff;
  margin-bottom: 8px;
  display: block;
}

.pillar-grid p, .profile-card li {
  color: var(--muted);
  line-height: 1.45;
}

.profile-card h3 {
  color: #fff;
  letter-spacing: -.04em;
  margin: 12px 0;
  font-size: 28px;
}

.profile-card b {
  color: var(--green);
}

.profile-card ul {
  margin: 14px 0 0;
  padding-left: 20px;
}

.platform-roadmap {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.platform-roadmap article {
  border: 1px solid var(--line);
  background: #ffffff0b;
  border-radius: 22px;
  padding: 18px;
}

.platform-roadmap span {
  color: var(--accent);
  font-weight: 950;
}

.platform-roadmap strong {
  color: #fff;
  margin: 10px 0;
  display: block;
}

.platform-roadmap p {
  color: var(--muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.platform-creative {
  grid-template-columns: 1fr 190px;
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.platform-creative p {
  color: var(--muted);
  margin: 0;
  line-height: 1.55;
}

.creative-score {
  border: 1px solid var(--line);
  text-align: center;
  background: #00000038;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 18px;
  display: flex;
}

.creative-score span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.creative-score strong {
  color: var(--accent);
  letter-spacing: -.07em;
  margin: 10px 0;
  font-size: 64px;
  line-height: .9;
}

.creative-score small {
  color: var(--muted);
  font-weight: 850;
}

.draft-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.draft-card {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff13, #ffffff09);
  border-radius: 24px;
  flex-direction: column;
  min-height: 360px;
  padding: 20px;
  display: flex;
}

.draft-top, .draft-footer {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.draft-top span, .draft-footer span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.draft-top b {
  color: #06121b;
  background: var(--accent);
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
}

.draft-card > strong {
  color: #fff;
  margin: 18px 0 10px;
  font-size: 18px;
}

.draft-card h3 {
  color: #fff;
  letter-spacing: -.04em;
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.05;
}

.draft-card p {
  color: #cbd5e1;
  white-space: pre-wrap;
  flex: 1;
  line-height: 1.5;
}

.draft-footer {
  border-top: 1px solid var(--line);
  align-items: flex-start;
  padding-top: 14px;
}

.draft-footer em {
  color: var(--muted);
  font-size: 13px;
  font-style: normal;
  line-height: 1.35;
}

@media (max-width: 1200px) {
  .pillar-grid, .platform-roadmap, .draft-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .blueprint-grid, .pillar-grid, .platform-roadmap, .platform-creative, .draft-grid {
    grid-template-columns: 1fr;
  }
}

.compliance-queue {
  gap: 12px;
  display: grid;
}

.compliance-row {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff12, #ffffff09);
  border-radius: 22px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px;
  display: flex;
}

.compliance-row:hover {
  border-color: #7dd3fc73;
  transform: translateY(-1px);
}

.compliance-row span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.compliance-row strong {
  color: #fff;
  margin: 8px 0;
  font-size: 20px;
  display: block;
}

.compliance-row p {
  color: var(--muted);
  margin: 0;
}

.risk {
  white-space: nowrap;
  border: 1px solid var(--line);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 950;
  display: inline-flex;
}

.risk.low {
  color: #bbf7d0;
  background: #22c55e1f;
  border-color: #22c55e47;
}

.risk.medium {
  color: #fde68a;
  background: #f59e0b1f;
  border-color: #f59e0b47;
}

.risk.high {
  color: #fecaca;
  background: #ef44441f;
  border-color: #ef444447;
}

.risk.pending {
  color: #cbd5e1;
  background: #ffffff0f;
}

.review-button, .review-link {
  border: 1px solid var(--line);
  cursor: pointer;
  border-radius: 15px;
  width: 100%;
  margin-top: 16px;
  padding: 11px 12px;
  font-weight: 950;
}

.review-button {
  background: var(--accent);
  color: #06121b;
}

.review-link {
  text-align: center;
}

.review-layout {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.review-card, .issue-grid article, .review-notes {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff13, #ffffff09);
  border-radius: 26px;
  padding: 22px;
}

.review-card span, .issue-grid span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.review-card p {
  color: #cbd5e1;
  white-space: pre-wrap;
  line-height: 1.55;
}

.review-card b {
  color: var(--green);
}

.review-card.safer {
  background: linear-gradient(135deg, #a3e63514, #ffffff09);
  border-color: #a3e63538;
}

.issue-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  display: grid;
}

.issue-grid strong {
  color: #fff;
  text-transform: capitalize;
  margin: 10px 0;
  font-size: 20px;
  display: block;
}

.issue-grid p, .review-notes p {
  color: var(--muted);
  margin: 0;
  line-height: 1.5;
}

.review-notes strong {
  color: #fff;
  margin-bottom: 10px;
  display: block;
}

@media (max-width: 900px) {
  .review-layout, .issue-grid {
    grid-template-columns: 1fr;
  }

  .compliance-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

.lead-capture-layout {
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.lead-capture-layout.lower {
  grid-template-columns: 1fr 1fr;
}

.lead-side-stack {
  gap: 16px;
  display: grid;
}

.lead-preview {
  background: radial-gradient(circle at 85% 0, #7dd3fc29, #0000 35%), linear-gradient(#ffffff14, #ffffff0a);
  border: 1px solid #7dd3fc38;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  min-height: 560px;
  padding: 28px;
  display: flex;
}

.lead-preview span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.lead-preview h2 {
  max-width: 850px;
  font-size: clamp(36px, 5vw, 68px);
}

.lead-preview p {
  color: #cbd5e1;
  max-width: 780px;
  font-size: 19px;
  line-height: 1.55;
}

.lead-preview ul {
  color: #dbeafe;
  gap: 10px;
  margin: 20px 0;
  padding-left: 22px;
  display: grid;
}

.lead-preview li {
  line-height: 1.45;
}

.lead-preview button {
  background: var(--accent);
  color: #06121b;
  border: 0;
  border-radius: 999px;
  align-self: flex-start;
  margin: 8px 0 18px;
  padding: 14px 18px;
  font-weight: 950;
}

.lead-preview small {
  color: var(--muted);
  max-width: 650px;
  line-height: 1.45;
}

.tag-stack {
  flex-wrap: wrap;
  gap: 9px;
  margin: 14px 0;
  display: flex;
}

.tag-stack b {
  color: #dbeafe;
  border: 1px solid var(--line);
  background: #ffffff12;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
}

@media (max-width: 1050px) {
  .lead-capture-layout, .lead-capture-layout.lower {
    grid-template-columns: 1fr;
  }

  .lead-preview {
    min-height: auto;
  }
}

.followup-hero {
  background: radial-gradient(circle at 82% 0, #7dd3fc29, #0000 35%), linear-gradient(135deg, #ffffff14, #ffffff09);
  border: 1px solid #7dd3fc33;
  border-radius: 30px;
  grid-template-columns: 1fr 190px;
  align-items: stretch;
  gap: 18px;
  margin-bottom: 18px;
  padding: 26px;
  display: grid;
}

.followup-hero p {
  color: var(--muted);
  max-width: 850px;
  margin: 0;
  line-height: 1.55;
}

.followup-score {
  border: 1px solid var(--line);
  text-align: center;
  background: #00000038;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 18px;
  display: flex;
}

.followup-score span {
  color: var(--muted);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 950;
}

.followup-score strong {
  color: var(--accent);
  letter-spacing: -.07em;
  margin: 10px 0;
  font-size: 64px;
  line-height: .9;
}

.followup-score small {
  color: var(--muted);
  font-weight: 850;
}

.email-sequence {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  display: grid;
}

.email-sequence article {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff13, #ffffff09);
  border-radius: 24px;
  flex-direction: column;
  min-height: 360px;
  padding: 18px;
  display: flex;
}

.email-sequence span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.email-sequence h3 {
  color: #fff;
  letter-spacing: -.04em;
  margin: 12px 0;
  font-size: 22px;
  line-height: 1.05;
}

.email-sequence p {
  color: #cbd5e1;
  white-space: pre-wrap;
  flex: 1;
  line-height: 1.5;
}

.email-sequence b {
  color: var(--green);
  font-size: 13px;
  line-height: 1.35;
}

.followup-grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.message-line {
  border-top: 1px solid var(--line);
  padding: 14px 0;
}

.message-line:first-of-type {
  border-top: 0;
}

.message-line b {
  color: #fff;
  margin-bottom: 7px;
  display: block;
}

.message-line p {
  color: #cbd5e1;
  white-space: pre-wrap;
  margin: 0;
  line-height: 1.45;
}

@media (max-width: 1250px) {
  .email-sequence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .followup-hero, .followup-grid, .email-sequence {
    grid-template-columns: 1fr;
  }
}

.lead-monitor-layout {
  grid-template-columns: 420px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.lead-form {
  max-width: none;
}

.lead-list-panel {
  gap: 12px;
  display: grid;
}

.lead-row {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff12, #ffffff09);
  border-radius: 22px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px;
  display: flex;
}

.lead-row:hover {
  border-color: #7dd3fc73;
  transform: translateY(-1px);
}

.lead-row strong {
  color: #fff;
  font-size: 20px;
}

.lead-row p {
  color: var(--muted);
  margin: 7px 0 0;
}

.lead-row b {
  background: var(--accent);
  color: #06121b;
  letter-spacing: -.04em;
  border-radius: 18px;
  place-items: center;
  width: 58px;
  height: 58px;
  font-size: 24px;
  display: grid;
}

.intent-pill {
  border: 1px solid var(--line);
  border-radius: 999px;
  align-items: center;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 950;
  display: inline-flex;
}

.intent-pill.hot {
  color: #fecaca;
  background: #ef44441f;
  border-color: #ef444447;
}

.intent-pill.warm {
  color: #fde68a;
  background: #f59e0b1f;
  border-color: #f59e0b47;
}

.intent-pill.nurture {
  color: #bfdbfe;
  background: #3b82f61f;
  border-color: #3b82f647;
}

.lead-detail-layout {
  grid-template-columns: .7fr 1.3fr;
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.lead-score-card {
  text-align: center;
  background: radial-gradient(circle at 50% 0, #7dd3fc2e, #0000 50%), linear-gradient(#ffffff14, #ffffff09);
  border: 1px solid #7dd3fc38;
  border-radius: 28px;
  padding: 24px;
}

.lead-score-card span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.lead-score-card strong {
  color: #fff;
  letter-spacing: -.08em;
  margin: 18px 0;
  font-size: 92px;
  line-height: .9;
  display: block;
}

.lead-score-card p {
  color: var(--muted);
  margin: 0;
  line-height: 1.5;
}

.signal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.signal-grid div {
  border: 1px solid var(--line);
  text-align: center;
  background: #0000002e;
  border-radius: 18px;
  padding: 16px;
}

.signal-grid strong {
  color: var(--accent);
  font-size: 38px;
  line-height: .9;
  display: block;
}

.signal-grid span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
}

@media (max-width: 1050px) {
  .lead-monitor-layout, .lead-detail-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .signal-grid {
    grid-template-columns: 1fr;
  }
}

.brief-hero {
  background: radial-gradient(circle at 0 0, #7dd3fc29, #0000 34%), linear-gradient(135deg, #ffffff14, #ffffff09);
  border: 1px solid #7dd3fc33;
  border-radius: 30px;
  grid-template-columns: 240px 1fr;
  align-items: stretch;
  gap: 18px;
  margin-bottom: 18px;
  padding: 26px;
  display: grid;
}

.brief-hero h2 {
  max-width: 980px;
}

.brief-hero p:last-child {
  color: var(--muted);
  max-width: 850px;
  margin: 0;
  line-height: 1.55;
}

.brief-score {
  border: 1px solid var(--line);
  text-align: center;
  background: #00000038;
  border-radius: 26px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.brief-score span {
  color: var(--muted);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 950;
}

.brief-score strong {
  color: var(--accent);
  letter-spacing: -.08em;
  margin: 12px 0;
  font-size: 82px;
  line-height: .85;
}

.brief-score small {
  color: var(--muted);
  font-weight: 850;
}

.brief-grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.brief-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.brief-grid li {
  color: var(--muted);
  margin-bottom: 8px;
  line-height: 1.48;
}

@media (max-width: 1050px) {
  .brief-hero, .brief-grid, .brief-grid.three {
    grid-template-columns: 1fr;
  }
}

.sidebar-blue {
  background: linear-gradient(135deg, #7dd3fc1f, #c084fc0f);
  border: 1px solid #7dd3fc2e;
  border-radius: 20px;
  align-items: center;
  gap: 12px;
  margin: -8px 0 20px;
  padding: 12px;
  display: flex;
}

.sidebar-blue-orb {
  background: radial-gradient(circle at 35% 25%, #e0f2fe, #38bdf8 35%, #1d4ed8 78%);
  border-radius: 50%;
  place-items: center;
  width: 46px;
  height: 46px;
  display: grid;
  box-shadow: 0 0 28px #38bdf859;
}

.sidebar-blue strong {
  color: #fff;
  display: block;
}

.sidebar-blue p {
  color: var(--muted);
  margin: 3px 0 0;
  font-size: 12px;
}

.blue-card {
  background: radial-gradient(circle at 16% 20%, #7dd3fc3d, #0000 34%), linear-gradient(135deg, #ffffff17, #ffffff09);
  border: 1px solid #7dd3fc33;
  border-radius: 34px;
  grid-template-columns: 210px 1fr;
  align-items: center;
  gap: 24px;
  margin-bottom: 18px;
  padding: 28px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.blue-orb-wrap {
  place-items: center;
  height: 180px;
  display: grid;
  position: relative;
}

.blue-orb {
  background: radial-gradient(circle at 35% 25%, #eff6ff, #38bdf8 35%, #1e40af 76%);
  border-radius: 48px;
  place-items: center;
  width: 138px;
  height: 138px;
  animation: 3.4s ease-in-out infinite blueFloat;
  display: grid;
  box-shadow: 0 24px 80px #38bdf859, inset 0 1px #ffffffb3;
}

.blue-orb span {
  filter: drop-shadow(0 6px 12px #0003);
  font-size: 54px;
}

.spawn-dot {
  background: var(--accent);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  animation: 2.4s ease-in-out infinite spawnPulse;
  position: absolute;
  box-shadow: 0 0 30px #7dd3fc73;
}

.spawn-dot.one {
  background: #c084fc;
  top: 26px;
  right: 24px;
}

.spawn-dot.two {
  background: #a3e635;
  animation-delay: .45s;
  bottom: 30px;
  left: 18px;
}

.spawn-dot.three {
  background: #fbbf24;
  animation-delay: .8s;
  bottom: 18px;
  right: 42px;
}

.blue-card h2 {
  max-width: 760px;
}

.blue-card p:last-child {
  color: var(--muted);
  max-width: 760px;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

.team-room {
  border: 1px solid var(--line);
  background: #ffffff09;
  border-radius: 30px;
  margin-bottom: 18px;
  padding: 24px;
}

.team-room-head {
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 18px;
  display: flex;
}

.team-room-head h2 {
  margin: 0;
}

.team-room-head p:last-child {
  color: var(--muted);
  max-width: 520px;
  margin: 0;
  line-height: 1.5;
}

.character-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.character-card {
  border: 1px solid color-mix(in srgb, var(--hire) 28%, #ffffff14);
  background: radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--hire) 18%, transparent), transparent 48%), linear-gradient(180deg, #ffffff12, #ffffff09);
  border-radius: 24px;
  padding: 18px;
  animation: .35s both cardPop;
  position: relative;
  overflow: hidden;
}

.character-avatar {
  background: color-mix(in srgb, var(--hire) 24%, #ffffff14);
  border-radius: 22px;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
  display: grid;
  box-shadow: inset 0 1px #ffffff1f;
}

.character-avatar span {
  font-size: 30px;
}

.character-card strong {
  color: #fff;
  font-size: 20px;
  display: block;
}

.character-card small {
  color: var(--hire);
  margin-top: 4px;
  font-weight: 950;
  display: block;
}

.character-card p {
  color: #cbd5e1;
  min-height: 64px;
  line-height: 1.45;
}

.character-card blockquote {
  border-left: 3px solid var(--hire);
  color: var(--muted);
  margin: 0;
  padding-left: 12px;
  font-size: 13px;
  line-height: 1.4;
}

.hire-friend {
  border: 1px solid color-mix(in srgb, var(--hire) 28%, #ffffff14);
  background: linear-gradient(135deg, color-mix(in srgb, var(--hire) 11%, transparent), #ffffff09);
  border-radius: 24px;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
  padding: 16px;
  display: flex;
}

.mini-avatar {
  background: color-mix(in srgb, var(--hire) 26%, #ffffff14);
  border-radius: 18px;
  flex: none;
  place-items: center;
  width: 54px;
  height: 54px;
  display: grid;
}

.mini-avatar span {
  font-size: 26px;
}

.hire-friend strong {
  color: #fff;
}

.hire-friend p {
  color: var(--muted);
  margin: 5px 0 0;
  line-height: 1.45;
}

@keyframes blueFloat {
  0%, 100% {
    transform: translateY(0)rotate(-1deg);
  }

  50% {
    transform: translateY(-8px)rotate(1deg);
  }
}

@keyframes spawnPulse {
  0%, 100% {
    opacity: .62;
    transform: scale(.86);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@keyframes cardPop {
  from {
    opacity: 0;
    transform: translateY(8px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@media (max-width: 1150px) {
  .character-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .team-room-head {
    display: block;
  }
}

@media (max-width: 760px) {
  .blue-card {
    grid-template-columns: 1fr;
  }

  .blue-orb-wrap {
    height: 150px;
  }

  .character-grid {
    grid-template-columns: 1fr;
  }
}

.character-avatar, .mini-avatar {
  box-shadow: none;
  background: none;
}

.mascot {
  --size: 72px;
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle at 34% 24%, #fffffff2, color-mix(in srgb, var(--hire, #38bdf8) 48%, white) 28%, var(--hire, #38bdf8) 72%);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--hire, #38bdf8) 24%, transparent), inset 0 1px 0 #ffffffa6;
  border-radius: 32% 38% 34% 42%;
  place-items: center;
  animation: 3.2s ease-in-out infinite mascotBob;
  display: grid;
  position: relative;
}

.mascot-mini {
  --size: 42px;
  border-radius: 16px;
}

.mascot-hero {
  --size: 116px;
  --hire: #38bdf8;
  border-radius: 38px;
}

.mascot:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(#ffffff73, #0000);
  border-radius: 999px;
  height: 28%;
  position: absolute;
  inset: 10% 12% auto;
}

.mascot-antenna {
  background: color-mix(in srgb, var(--hire, #38bdf8) 65%, white);
  border-radius: 999px;
  width: 4px;
  height: 18%;
  position: absolute;
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
}

.mascot-antenna:after {
  content: "";
  width: 12px;
  height: 12px;
  box-shadow: 0 0 20px var(--hire, #38bdf8);
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.mascot-face {
  position: absolute;
  inset: 30% 20% 22%;
}

.eye {
  background: #07101d;
  border-radius: 999px;
  width: 9px;
  height: 12px;
  position: absolute;
  top: 0;
  box-shadow: 0 1px #ffffff40;
}

.eye.left {
  left: 20%;
}

.eye.right {
  right: 20%;
}

.smile {
  border-bottom: 4px solid #07101dd1;
  border-radius: 0 0 999px 999px;
  width: 26px;
  height: 13px;
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.mascot span {
  color: #fff;
  background: #06121b;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-weight: 950;
  display: grid;
  position: absolute;
  bottom: -8px;
  right: -8px;
}

.mascot-mini span {
  border-radius: 8px;
  width: 20px;
  height: 20px;
  font-size: 10px;
  bottom: -6px;
  right: -6px;
}

.blue-orb {
  box-shadow: none;
  background: none;
}

.spawn-character {
  --hire: #c084fc;
  animation: 3s ease-in-out infinite spawnOrbit;
  position: absolute;
}

.spawn-character.one {
  --hire: #c084fc;
  top: 20px;
  right: 20px;
}

.spawn-character.two {
  --hire: #a3e635;
  animation-delay: .5s;
  bottom: 28px;
  left: 15px;
}

.spawn-character.three {
  --hire: #fbbf24;
  animation-delay: .9s;
  bottom: 16px;
  right: 42px;
}

.concept-sheet {
  border: 1px solid var(--line);
  background: linear-gradient(135deg, #7dd3fc14, #c084fc0e);
  border-radius: 30px;
  grid-template-columns: .7fr 1.3fr;
  align-items: center;
  gap: 20px;
  margin-bottom: 18px;
  padding: 24px;
  display: grid;
  overflow: hidden;
}

.concept-sheet p:last-child {
  color: var(--muted);
  margin: 0;
  line-height: 1.55;
}

.concept-sheet img {
  border: 1px solid #ffffff1f;
  border-radius: 24px;
  width: 100%;
  box-shadow: 0 24px 80px #00000047;
}

@keyframes mascotBob {
  0%, 100% {
    transform: translateY(0)rotate(-1deg);
  }

  50% {
    transform: translateY(-5px)rotate(1deg);
  }
}

@keyframes spawnOrbit {
  0%, 100% {
    opacity: .72;
    transform: translateY(0)scale(.92);
  }

  50% {
    opacity: 1;
    transform: translateY(-8px)scale(1.04);
  }
}

@media (max-width: 900px) {
  .concept-sheet {
    grid-template-columns: 1fr;
  }
}

:root {
  --sky: #8bdcff;
  --sun: #fef3c7;
}

.blue-card {
  background: radial-gradient(circle at 18% 20%, #fef3c78c, #0000 26%), radial-gradient(circle at 82% 8%, #8bdcff61, #0000 36%), linear-gradient(135deg, #38bdf833, #c084fc1a);
}

.team-room, .concept-sheet {
  background: radial-gradient(circle at 12% 0, #fef3c72e, #0000 26%), linear-gradient(#8bdcff14, #ffffff09);
}

.character-card {
  border-radius: 30px;
  box-shadow: 0 18px 50px #0000002e, inset 0 1px #ffffff1f;
}

.mascot {
  filter: saturate(1.12);
  border-radius: 44% 40% 42% 38%;
}

.mascot:before {
  content: "";
  z-index: 2;
  background: #ffffff61;
  border-radius: 50%;
  width: 28%;
  height: 18%;
  position: absolute;
  top: 22%;
  left: 18%;
  transform: rotate(-18deg);
}

.mascot-face {
  z-index: 3;
}

.eye {
  background: #10213b;
  width: 11px;
  height: 14px;
}

.eye:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 2px;
  left: 2px;
}

.smile {
  border-bottom-width: 5px;
  width: 30px;
  height: 16px;
}

.spawn-character .mascot, .character-card .mascot, .hire-friend .mascot {
  box-shadow: 0 18px 42px color-mix(in srgb, var(--hire, #38bdf8) 30%, transparent), inset 0 1px 0 #ffffffb8;
}

.concept-sheet img {
  border-radius: 32px;
}

.character-stage {
  border: 1px solid color-mix(in srgb, var(--hire) 28%, #ffffff14);
  background: radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--hire) 24%, transparent), transparent 34%), linear-gradient(135deg, #ffffff16, #ffffff09);
  border-radius: 34px;
  grid-template-columns: 190px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  margin-bottom: 18px;
  padding: 24px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 70px #0000002e, inset 0 1px #ffffff14;
}

.character-stage:after {
  content: "";
  background: color-mix(in srgb, var(--hire) 16%, transparent);
  filter: blur(24px);
  pointer-events: none;
  border-radius: 50%;
  width: 120px;
  height: 70px;
  position: absolute;
  inset: auto 20px 16px auto;
}

.stage-world {
  place-items: center;
  min-height: 150px;
  display: grid;
  position: relative;
}

.stage-mascot {
  --size: 120px;
  width: var(--size);
  height: var(--size);
  place-items: center;
  display: grid;
  position: relative;
}

.stage-mascot-small {
  --size: 54px;
}

.stage-mascot-glow {
  background: color-mix(in srgb, var(--hire) 34%, transparent);
  filter: blur(20px);
  border-radius: 50%;
  animation: 2.5s ease-in-out infinite stageGlow;
  position: absolute;
  inset: 8px;
}

.stage-mascot-body {
  background: radial-gradient(circle at 34% 24%, #fffffff5, color-mix(in srgb, var(--hire) 48%, white) 28%, var(--hire) 72%);
  width: 82%;
  height: 82%;
  box-shadow: 0 20px 48px color-mix(in srgb, var(--hire) 30%, transparent), inset 0 1px 0 #ffffffb8;
  border-radius: 44% 40% 42% 38%;
  place-items: center;
  animation: 3.2s ease-in-out infinite mascotBob;
  display: grid;
  position: relative;
}

.stage-mascot-body:before {
  content: "";
  background: #fff6;
  border-radius: 50%;
  width: 30%;
  height: 18%;
  position: absolute;
  top: 20%;
  left: 18%;
  transform: rotate(-18deg);
}

.stage-antenna {
  background: color-mix(in srgb, var(--hire) 60%, white);
  border-radius: 999px;
  width: 4px;
  height: 18%;
  position: absolute;
  top: -13%;
  left: 50%;
  transform: translateX(-50%);
}

.stage-antenna:after {
  content: "";
  width: 12px;
  height: 12px;
  box-shadow: 0 0 22px var(--hire);
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.stage-face {
  z-index: 2;
  position: absolute;
  inset: 30% 20% 22%;
}

.stage-face i {
  background: #10213b;
  border-radius: 999px;
  width: 11px;
  height: 14px;
  position: absolute;
  top: 0;
}

.stage-face i:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 2px;
  left: 2px;
}

.stage-face i:first-child {
  left: 20%;
}

.stage-face i:nth-child(2) {
  right: 20%;
}

.stage-face b {
  border-bottom: 5px solid #07101dd1;
  border-radius: 0 0 999px 999px;
  width: 30px;
  height: 16px;
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.stage-mascot-body > span {
  color: #fff;
  background: #06121b;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-weight: 950;
  display: grid;
  position: absolute;
  bottom: -8px;
  right: -8px;
}

.stage-mascot-small .stage-mascot-body > span {
  border-radius: 7px;
  width: 18px;
  height: 18px;
  font-size: 9px;
  bottom: -4px;
  right: -4px;
}

.helper-pop {
  background: var(--hire);
  width: 16px;
  height: 16px;
  box-shadow: 0 0 20px var(--hire);
  border-radius: 50%;
  animation: 2.4s ease-in-out infinite spawnOrbit;
  position: absolute;
}

.helper-one {
  top: 18px;
  right: 28px;
}

.helper-two {
  animation-delay: .45s;
  bottom: 24px;
  left: 24px;
}

.helper-three {
  animation-delay: .8s;
  bottom: 14px;
  right: 42px;
}

.stage-copy {
  z-index: 1;
  position: relative;
}

.stage-copy h2 {
  margin-bottom: 12px;
}

.stage-copy > p {
  color: var(--muted);
  max-width: 860px;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

.stage-action {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

.stage-action span {
  color: #06121b;
  background: var(--hire);
  border-radius: 999px;
  padding: 10px 13px;
  font-weight: 950;
}

.stage-action b {
  color: #dbeafe;
  border: 1px solid var(--line);
  text-transform: capitalize;
  background: #ffffff14;
  border-radius: 999px;
  padding: 9px 11px;
}

.status-success .stage-mascot-body {
  animation: 1.8s ease-in-out infinite mascotCelebrate;
}

.status-working .stage-mascot-glow {
  animation-duration: 1.2s;
}

.status-alert .stage-action span {
  background: #fbbf24;
}

.inline-character-note {
  border: 1px solid color-mix(in srgb, var(--accent) 22%, #ffffff14);
  background: #ffffff0b;
  border-radius: 20px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.inline-character-note strong {
  color: #fff;
}

.inline-character-note p {
  color: var(--muted);
  margin: 4px 0 0;
}

@keyframes stageGlow {
  0%, 100% {
    opacity: .55;
    transform: scale(.94);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@keyframes mascotCelebrate {
  0%, 100% {
    transform: translateY(0)rotate(-2deg);
  }

  45% {
    transform: translateY(-9px)rotate(2deg);
  }

  65% {
    transform: translateY(-4px)rotate(-1deg);
  }
}

@media (max-width: 820px) {
  .character-stage {
    text-align: left;
    grid-template-columns: 1fr;
  }

  .stage-world {
    min-height: 125px;
  }
}

.mascot.image-mascot, .stage-mascot-body.image-backed {
  border: 1px solid color-mix(in srgb, var(--hire, #38bdf8) 34%, #ffffff1f);
  background: #ffffff0f;
  overflow: hidden;
}

.mascot.image-mascot img, .stage-mascot-body.image-backed img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  transform: scale(1.08);
}

.mascot.image-mascot:before, .mascot.image-mascot:after, .stage-mascot-body.image-backed:before {
  display: none;
}

.mascot.image-mascot span, .stage-mascot-body.image-backed span {
  z-index: 3;
}

.character-avatar .image-mascot {
  --size: 92px;
}

.mini-avatar .image-mascot {
  --size: 54px;
}

.blue-orb .image-mascot {
  --size: 136px;
}

.stage-mascot .image-backed {
  border-radius: 38px;
}

.stage-mascot-small .image-backed {
  border-radius: 20px;
}

.character-card .character-avatar {
  width: 96px;
  height: 96px;
  margin-bottom: 12px;
}

.character-card {
  min-height: 310px;
}

.spawn-character .image-mascot {
  box-shadow: 0 16px 42px color-mix(in srgb, var(--hire, #38bdf8) 36%, transparent);
}

.mascot.image-mascot, .stage-mascot-body.image-backed {
  box-shadow: none;
  background: none;
  border: 0;
}

.mascot.image-mascot img, .stage-mascot-body.image-backed img {
  object-fit: contain;
  filter: drop-shadow(0 20px 34px color-mix(in srgb, var(--hire, #38bdf8) 24%, #00000047));
  transform: scale(1.22);
}

.character-card .mascot.image-mascot img {
  transform: scale(1.28);
}

.blue-orb .image-mascot img {
  transform: scale(1.18);
}

.stage-mascot .image-backed img {
  transform: scale(1.34);
}

.mascot.image-mascot span, .stage-mascot-body.image-backed span {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #06121bd1;
}

.asset-guide {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  display: grid;
}

.asset-guide article, .pose-row {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff13, #ffffff09);
  border-radius: 24px;
  padding: 18px;
}

.asset-guide span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.asset-guide strong {
  color: #fff;
  margin: 10px 0;
  font-size: 22px;
  display: block;
}

.asset-guide p {
  color: var(--muted);
  margin: 0;
  line-height: 1.45;
}

.pose-matrix {
  gap: 12px;
  display: grid;
}

.pose-row {
  border-color: color-mix(in srgb, var(--hire) 24%, #ffffff14);
  grid-template-columns: 260px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  display: grid;
}

.pose-title {
  align-items: center;
  gap: 12px;
  display: flex;
}

.pose-title img {
  object-fit: contain;
  filter: drop-shadow(0 12px 22px #00000040);
  width: 68px;
  height: 68px;
}

.pose-title strong {
  color: #fff;
  font-size: 20px;
  display: block;
}

.pose-title span {
  color: var(--hire);
  font-size: 12px;
  font-weight: 950;
}

.pose-cells {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.pose-cells div {
  background: #0000002e;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  padding: 10px;
}

.pose-cells b {
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 6px;
  display: block;
}

.pose-cells code {
  color: #aebdd0;
  word-break: break-word;
  font-size: 11px;
}

@media (max-width: 1050px) {
  .asset-guide, .pose-row {
    grid-template-columns: 1fr;
  }

  .pose-cells {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

select {
  border: 1px solid var(--line);
  width: 100%;
  color: var(--text);
  background: #00000040;
  border-radius: 15px;
  outline: none;
  padding: 13px 14px;
}

select:focus {
  border-color: #7dd3fca6;
  box-shadow: 0 0 0 4px #7dd3fc1a;
}

.helper-copy {
  color: var(--muted);
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.social-layout {
  grid-template-columns: 1fr 1.25fr;
  align-items: start;
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.social-layout .form-card {
  max-width: none;
}

.social-board {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff0e, #ffffff06);
  border-radius: 28px;
  padding: 22px;
}

.social-board-head {
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  margin-bottom: 16px;
  display: flex;
}

.social-board-head h2 {
  margin: 0;
}

.scheduled-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.scheduled-card {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff13, #ffffff09);
  border-radius: 22px;
  flex-direction: column;
  min-height: 260px;
  padding: 18px;
  display: flex;
}

.scheduled-card div {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.scheduled-card span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.scheduled-card b {
  color: #bbf7d0;
  background: #22c55e1f;
  border: 1px solid #22c55e40;
  border-radius: 999px;
  padding: 7px 9px;
  font-size: 11px;
}

.scheduled-card strong {
  color: #fff;
  margin-bottom: 12px;
  font-size: 18px;
}

.scheduled-card p {
  color: #cbd5e1;
  white-space: pre-wrap;
  flex: 1;
  line-height: 1.45;
}

.scheduled-card small {
  color: var(--muted);
}

@media (max-width: 1100px) {
  .social-layout, .scheduled-grid {
    grid-template-columns: 1fr;
  }

  .social-board-head {
    display: block;
  }
}

.workspace-actions form {
  display: inline-flex;
}

.scheduled-card code {
  color: #bbf7d0;
  word-break: break-word;
  background: #22c55e1a;
  border: 1px solid #22c55e38;
  border-radius: 12px;
  margin-top: 10px;
  padding: 8px;
  font-size: 11px;
  display: block;
}

.scheduled-card em {
  color: #fecaca;
  background: #ef44441a;
  border: 1px solid #ef444438;
  border-radius: 12px;
  margin-top: 10px;
  padding: 8px;
  font-size: 12px;
  font-style: normal;
  display: block;
}

.scheduled-card form {
  margin-top: 12px;
}

.scheduled-card form button {
  background: var(--accent);
  color: #06121b;
  cursor: pointer;
  border: 0;
  border-radius: 13px;
  width: 100%;
  padding: 10px 12px;
  font-weight: 950;
}

.scheduled-card b:has( + *) {
  white-space: nowrap;
}

.wizard-hero-simple {
  background: radial-gradient(circle at 82% 0, #7dd3fc2e, #0000 34%), linear-gradient(135deg, #ffffff16, #ffffff09);
  border: 1px solid #7dd3fc38;
  border-radius: 34px;
  grid-template-columns: minmax(0, 1fr) 230px;
  align-items: center;
  gap: 20px;
  margin-bottom: 18px;
  padding: 28px;
  display: grid;
}

.wizard-hero-simple h2 {
  max-width: 880px;
}

.wizard-hero-simple p:last-of-type {
  color: var(--muted);
  max-width: 840px;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

.wizard-hero-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

.wizard-hero-actions form {
  display: inline-flex;
}

.wizard-hero-actions button, .step-actions button {
  background: var(--accent);
  color: #06121b;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 12px 15px;
  font-weight: 950;
}

.wizard-progress-orb {
  text-align: center;
  background: radial-gradient(circle at 35% 20%, #ffffff73, #38bdf838 35%, #1e40af3d);
  border: 1px solid #7dd3fc47;
  border-radius: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 210px;
  display: flex;
  box-shadow: 0 24px 80px #38bdf82e, inset 0 1px #ffffff26;
}

.wizard-progress-orb strong {
  color: #fff;
  letter-spacing: -.07em;
  font-size: 58px;
  line-height: .9;
}

.wizard-progress-orb span {
  color: #cbd5e1;
  margin-top: 10px;
  font-weight: 850;
}

.wizard-flow-list {
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.wizard-flow-list article {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff0f, #ffffff08);
  border-radius: 24px;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 16px;
  transition: all .18s;
  display: grid;
}

.wizard-flow-list article.active {
  background: linear-gradient(135deg, #7dd3fc1f, #ffffff09);
  border-color: #7dd3fc85;
  box-shadow: 0 18px 60px #38bdf81a;
}

.wizard-flow-list article.done {
  border-color: #22c55e38;
}

.step-number {
  color: #dbeafe;
  background: #ffffff14;
  border-radius: 17px;
  place-items: center;
  width: 50px;
  height: 50px;
  font-weight: 950;
  display: grid;
}

.active .step-number {
  background: var(--accent);
  color: #06121b;
}

.step-main span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.step-main strong {
  color: #fff;
  margin: 5px 0;
  font-size: 22px;
  display: block;
}

.step-main p {
  color: var(--muted);
  margin: 0;
  line-height: 1.45;
}

.step-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.step-actions form {
  margin: 0;
}

.step-actions a, .step-actions b {
  border: 1px solid var(--line);
  color: #e5edf7;
  white-space: nowrap;
  background: #ffffff0f;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 950;
}

.step-actions b {
  opacity: .45;
}

.wizard-summary-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.wizard-summary-strip div {
  border: 1px solid var(--line);
  background: #ffffff0b;
  border-radius: 22px;
  padding: 18px;
}

.wizard-summary-strip strong {
  color: #fff;
  font-size: 32px;
  line-height: .95;
  display: block;
}

.wizard-summary-strip span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 900;
}

@media (max-width: 950px) {
  .wizard-hero-simple, .wizard-flow-list article {
    grid-template-columns: 1fr;
  }

  .wizard-progress-orb {
    width: 100%;
    height: auto;
    min-height: 150px;
  }

  .step-actions {
    justify-content: flex-start;
  }

  .wizard-summary-strip {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .wizard-summary-strip {
    grid-template-columns: 1fr;
  }
}

:root {
  --bg: #dff6ff;
  --panel: #ffffffb8;
  --panel-strong: #ffffffeb;
  --line: #4e93c533;
  --text: #22425f;
  --muted: #5f7f99;
  --accent: #2798ff;
  --violet: #9b7cff;
  --green: #47c978;
  --sun: #ffe9a8;
  --pink: #ff87bd;
  --orange: #ffae4a;
}

html, body {
  color: var(--text);
  background: radial-gradient(circle at 8% 18%, #fffffff5 0 4%, #0000 4.4%), radial-gradient(circle at 14% 16%, #ffffffd1 0 3%, #0000 3.4%), radial-gradient(circle at 91% 8%, #fffffffa 0 5%, #0000 5.4%), radial-gradient(circle at 84% 11%, #ffffffd1 0 4%, #0000 4.4%), radial-gradient(circle at 86% 22%, #ffeba9b8, #0000 16%), linear-gradient(#60b7ff 0%, #aee8ff 36%, #eafcff 72%, #fff8ef 100%);
}

body:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(at -8% 88%, #ffffffeb 0 19%, #0000 20%), radial-gradient(at 105% 92%, #ffffffe6 0 22%, #0000 23%), radial-gradient(circle at 24% 12%, #ffffffc2 0 2.5%, #0000 2.9%), radial-gradient(circle at 62% 7%, #ffffffb3 0 2.2%, #0000 2.6%), radial-gradient(circle at 48% 88%, #5ad2ff24, #0000 28%);
  position: fixed;
  inset: 0;
}

.shell {
  position: relative;
}

.sidebar {
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
  backdrop-filter: blur(22px) saturate(1.2);
  background: #ffffff94;
  border-right: 1px solid #ffffffb3;
  box-shadow: 18px 0 60px #2268a41a, inset -1px 0 #4a97d31f;
}

.brand {
  color: #1264b5;
  text-shadow: 0 2px #ffffffb8;
  font-size: 32px;
}

.brand span {
  color: #ff7ab8;
}

.sidebar nav a {
  color: #286087;
  background: #ffffffa3;
  border-color: #ffffffbd;
  box-shadow: 0 12px 28px #2681cb14, inset 0 1px #ffffffd1;
}

.sidebar nav a:hover {
  background: #fff;
  border-color: #2798ff47;
  transform: translateY(-1px);
}

.sidebar-card, .sidebar-blue {
  background: linear-gradient(135deg, #ffffffd1, #d9f5ffb3);
  border-color: #ffffffe6;
  box-shadow: 0 18px 44px #2c8edb1f, inset 0 1px #ffffffdb;
}

.sidebar-card strong, .sidebar-blue strong {
  color: #1264b5;
}

.sidebar-card p, .sidebar-blue p {
  color: #64849b;
}

.content {
  max-width: 1600px;
}

h1, h2, .page-header h1, .stage-copy h2, .blue-card h2, .team-room-head h2 {
  color: #174a78;
  text-shadow: 0 2px #ffffffa6;
}

h1 {
  letter-spacing: -.065em;
}

.eyebrow, .section-kicker, .step-main span, .metric-grid span, .profile-card span, .asset-guide span, .social-board-head .eyebrow, .lead-preview span, .blueprint-hero span {
  color: #197fe6;
}

.page-subcopy p, .hero-card p, .empty-state p, .stage-copy > p, .blue-card p:last-child, .team-room-head p:last-child, .step-main p, .wizard-hero-simple p:last-of-type, .profile-card p, .metric-grid p, .character-card p, .character-card blockquote, .run-log p, .helper-copy, .scheduled-card p, .lead-preview small, .brief-grid li {
  color: #5d7d96;
}

.metric-grid article, .hero-card, .form-card, .client-row, .profile-card, .empty-state, .run-log, .form-section, .step-card, .team-room, .concept-sheet, .asset-guide article, .pose-row, .social-board, .scheduled-card, .wizard-flow-list article, .wizard-summary-strip div, .review-card, .issue-grid article, .review-notes, .lead-score-card, .brief-hero, .lead-preview, .blueprint-hero, .character-stage, .blue-card, .character-card, .hire-friend {
  background: linear-gradient(#ffffffd6, #ecfaffb3);
  border: 1px solid #ffffffd6;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.blue-card, .character-stage, .wizard-hero-simple {
  background: radial-gradient(circle at 12% 15%, #ffeba99e, #0000 26%), radial-gradient(circle at 82% 5%, #ff87bd38, #0000 22%), linear-gradient(135deg, #ffffffe0, #caf0ffb8);
  border-radius: 40px;
}

.wizard-hero-simple {
  border: 1px solid #ffffffdb;
  box-shadow: 0 24px 70px #2989d124, inset 0 1px #ffffffe6;
}

.character-stage:before, .blue-card:before, .wizard-hero-simple:before, .team-room:before {
  content: "";
  opacity: .55;
  pointer-events: none;
  background: radial-gradient(circle at 22% 55%, #fffffff2 0 31%, #0000 32%), radial-gradient(circle at 48% 38%, #fffffff2 0 36%, #0000 37%), radial-gradient(circle at 74% 58%, #fffffff2 0 28%, #0000 29%);
  width: 120px;
  height: 48px;
  position: absolute;
  top: 22px;
  right: 34px;
}

.team-room, .concept-sheet {
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.character-card {
  background: radial-gradient(circle at 50% -8%, color-mix(in srgb, var(--hire) 26%, transparent), transparent 48%), linear-gradient(180deg, #ffffffe6, #edfaffbf);
  box-shadow: 0 20px 48px color-mix(in srgb, var(--hire) 16%, #1e78c81a), inset 0 1px 0 #ffffffe6;
  border-color: #ffffffe6;
}

.character-card strong, .profile-card h3, .client-row strong, .run-log h3, .scheduled-card strong, .email-sequence h3, .draft-card h3, .lead-row strong, .message-line b, .issue-grid strong, .profile-card b, .step-main strong, .asset-guide strong {
  color: #174a78;
}

.character-card small {
  color: color-mix(in srgb, var(--hire) 75%, #1866a6);
}

.character-card blockquote {
  background: #ffffff94;
  border-left: 0;
  border-radius: 18px;
  padding: 12px;
}

.stage-action span, .primary-link, .form-card button, .generate-button, .wizard-hero-actions button, .step-actions button, .scheduled-card form button, .lead-preview button {
  color: #fff;
  text-shadow: 0 1px #0000001f;
  background: linear-gradient(#5fc7ff, #238ef2);
  box-shadow: 0 14px 28px #238ef238, inset 0 1px #ffffff73;
}

.primary-link.secondary, .step-actions a, .step-actions b, .detail-actions button, .output-head button {
  color: #286087;
  background: #ffffffb8;
  border-color: #2798ff2e;
  box-shadow: 0 10px 24px #237ac414, inset 0 1px #ffffffdb;
}

.status-pill, .client-row span {
  color: #227f42;
  background: #ffffffad;
  border-color: #47c9783d;
}

.wizard-progress-orb, .lead-score-card, .brief-score, .creative-score, .studio-score {
  background: radial-gradient(circle at 35% 20%, #ffffffdb, #73d3ff57 34%, #5faeff38);
  border-color: #ffffffeb;
  box-shadow: 0 22px 55px #2a8fdf26, inset 0 1px #ffffffe6;
}

.wizard-progress-orb strong, .lead-score-card strong, .brief-score strong, .metric-grid strong, .signal-grid strong, .creative-score strong, .studio-score strong {
  color: #1679d8;
}

.wizard-progress-orb span, .brief-score span, .brief-score small, .lead-score-card p {
  color: #5d7d96;
}

input, textarea, select {
  color: #22425f;
  background: #ffffffc7;
  border-color: #3b90d42e;
  box-shadow: inset 0 1px #fffc;
}

pre, code {
  color: #315d7f;
  background: #ffffff94;
  border-radius: 14px;
}

.signal-grid div, .pose-cells div, .pillar-grid div, .creative-stats article {
  background: #ffffff9e;
  border-color: #3b90d424;
}

.social-board, .run-log, .review-notes {
  background: #ffffffa8;
}

.scheduled-card b {
  color: #187348;
  background: #52dc872e;
}

.risk.low, .intent-pill.nurture {
  color: #197fe6;
  background: #ffffffa8;
}

.risk.medium, .intent-pill.warm {
  color: #9a6200;
  background: #ffe58e7a;
}

.risk.high, .intent-pill.hot {
  color: #b02242;
  background: #ff87983d;
}

.sidebar-blue-orb {
  background: radial-gradient(circle at 35% 25%, #fff, #80ddff 35%, #238ef2 78%);
}

.stage-action b {
  color: #286087;
  background: #ffffffa3;
  border-color: #2798ff29;
}

.done .step-number {
  color: #166b38;
  background: #96efb7;
}

.active .step-number {
  color: #fff;
  background: #5fc7ff;
}

.step-number {
  color: #4084b5;
  background: #ffffffb8;
}

.stage-mascot-glow {
  opacity: .8;
}

.mascot.image-mascot img, .stage-mascot-body.image-backed img {
  filter: drop-shadow(0 22px 28px #2574be2e);
}

@media (max-width: 980px) {
  .sidebar {
    background: #ffffffb8;
  }
}

.brand-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
  display: flex;
}

.brand-row .brand {
  margin-bottom: 0;
}

.theme-toggle {
  color: #286087;
  cursor: pointer;
  background: #ffffffb8;
  border: 1px solid #2798ff38;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 10px 22px #237ac414, inset 0 1px #ffffffd9;
}

.theme-toggle span {
  margin-right: 5px;
}

.page-subcopy p, .hero-card p, .empty-state p, .stage-copy > p, .blue-card p:last-child, .team-room-head p:last-child, .step-main p, .wizard-hero-simple p:last-of-type, .profile-card p, .metric-grid p, .character-card p, .character-card blockquote, .run-log p, .helper-copy, .scheduled-card p, .lead-preview small, .brief-grid li, .client-row p, .lead-row p, .message-line p, .review-card p, .issue-grid p, .review-notes p, .lead-preview p, .blueprint-hero p, .email-sequence p, .draft-card p {
  color: #3d647f;
}

.character-card strong, .profile-card h3, .client-row strong, .run-log h3, .scheduled-card strong, .email-sequence h3, .draft-card h3, .lead-row strong, .message-line b, .issue-grid strong, .profile-card b, .step-main strong, .asset-guide strong, .profile-card span + h3, h1, h2 {
  color: #103d66;
}

pre, code {
  color: #204d70;
}

html[data-theme="dark"], html[data-theme="moonlight"] {
  --bg: #07101d;
  --panel: #0b1220c7;
  --panel-strong: #0f172af0;
  --line: #ffffff1f;
  --text: #e6edf8;
  --muted: #a8b9ca;
  --accent: #7dd3fc;
  --violet: #c084fc;
  --green: #a3e635;
  --pink: #fb7185;
  --orange: #fbbf24;
}

html[data-theme="dark"], html[data-theme="moonlight"] body {
  color: #e6edf8;
  background: radial-gradient(circle at 20% 0, #7dd3fc29, #0000 28%), radial-gradient(circle at 80% 10%, #c084fc24, #0000 30%), #07101d;
}

html[data-theme="dark"], html[data-theme="moonlight"] body:before {
  background: radial-gradient(at -8% 90%, #1e40735c 0 19%, #0000 20%), radial-gradient(at 105% 92%, #4c1d9538 0 22%, #0000 23%);
}

html[data-theme="dark"], html[data-theme="moonlight"] .sidebar {
  background: #03071294;
  border-right: 1px solid #ffffff1a;
  box-shadow: 18px 0 60px #0000002e, inset -1px 0 #ffffff0f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .brand {
  color: #fff;
  text-shadow: none;
}

html[data-theme="dark"], html[data-theme="moonlight"] .brand span {
  color: #7dd3fc;
}

html[data-theme="dark"], html[data-theme="moonlight"] .theme-toggle, html[data-theme="dark"], html[data-theme="moonlight"] .sidebar nav a, html[data-theme="dark"], html[data-theme="moonlight"] .primary-link.secondary, html[data-theme="dark"], html[data-theme="moonlight"] .step-actions a, html[data-theme="dark"], html[data-theme="moonlight"] .step-actions b {
  color: #e5edf7;
  background: #ffffff12;
  border-color: #ffffff1f;
  box-shadow: inset 0 1px #ffffff0f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .metric-grid article, html[data-theme="dark"], html[data-theme="moonlight"] .hero-card, html[data-theme="dark"], html[data-theme="moonlight"] .form-card, html[data-theme="dark"], html[data-theme="moonlight"] .client-row, html[data-theme="dark"], html[data-theme="moonlight"] .profile-card, html[data-theme="dark"], html[data-theme="moonlight"] .empty-state, html[data-theme="dark"], html[data-theme="moonlight"] .run-log, html[data-theme="dark"], html[data-theme="moonlight"] .form-section, html[data-theme="dark"], html[data-theme="moonlight"] .step-card, html[data-theme="dark"], html[data-theme="moonlight"] .team-room, html[data-theme="dark"], html[data-theme="moonlight"] .concept-sheet, html[data-theme="dark"], html[data-theme="moonlight"] .asset-guide article, html[data-theme="dark"], html[data-theme="moonlight"] .pose-row, html[data-theme="dark"], html[data-theme="moonlight"] .social-board, html[data-theme="dark"], html[data-theme="moonlight"] .scheduled-card, html[data-theme="dark"], html[data-theme="moonlight"] .wizard-flow-list article, html[data-theme="dark"], html[data-theme="moonlight"] .wizard-summary-strip div, html[data-theme="dark"], html[data-theme="moonlight"] .review-card, html[data-theme="dark"], html[data-theme="moonlight"] .issue-grid article, html[data-theme="dark"], html[data-theme="moonlight"] .review-notes, html[data-theme="dark"], html[data-theme="moonlight"] .lead-score-card, html[data-theme="dark"], html[data-theme="moonlight"] .brief-hero, html[data-theme="dark"], html[data-theme="moonlight"] .lead-preview, html[data-theme="dark"], html[data-theme="moonlight"] .blueprint-hero, html[data-theme="dark"], html[data-theme="moonlight"] .character-stage, html[data-theme="dark"], html[data-theme="moonlight"] .blue-card, html[data-theme="dark"], html[data-theme="moonlight"] .character-card, html[data-theme="dark"], html[data-theme="moonlight"] .hire-friend, html[data-theme="dark"], html[data-theme="moonlight"] .wizard-hero-simple, html[data-theme="dark"], html[data-theme="moonlight"] .sidebar-card, html[data-theme="dark"], html[data-theme="moonlight"] .sidebar-blue {
  background: linear-gradient(#0f172ae0, #0f172aad);
  border-color: #ffffff1c;
  box-shadow: 0 22px 70px #00000038, inset 0 1px #ffffff0f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .blue-card, html[data-theme="dark"], html[data-theme="moonlight"] .character-stage, html[data-theme="dark"], html[data-theme="moonlight"] .wizard-hero-simple {
  background: radial-gradient(circle at 12% 15%, #7dd3fc29, #0000 26%), radial-gradient(circle at 82% 5%, #fb71851a, #0000 22%), linear-gradient(135deg, #0f172aeb, #1e293bbd);
}

html[data-theme="dark"], html[data-theme="moonlight"] h1, html[data-theme="dark"], html[data-theme="moonlight"] h2, html[data-theme="dark"], html[data-theme="moonlight"] .character-card strong, html[data-theme="dark"], html[data-theme="moonlight"] .profile-card h3, html[data-theme="dark"], html[data-theme="moonlight"] .client-row strong, html[data-theme="dark"], html[data-theme="moonlight"] .run-log h3, html[data-theme="dark"], html[data-theme="moonlight"] .scheduled-card strong, html[data-theme="dark"], html[data-theme="moonlight"] .email-sequence h3, html[data-theme="dark"], html[data-theme="moonlight"] .draft-card h3, html[data-theme="dark"], html[data-theme="moonlight"] .lead-row strong, html[data-theme="dark"], html[data-theme="moonlight"] .message-line b, html[data-theme="dark"], html[data-theme="moonlight"] .issue-grid strong, html[data-theme="dark"], html[data-theme="moonlight"] .profile-card b, html[data-theme="dark"], html[data-theme="moonlight"] .step-main strong, html[data-theme="dark"], html[data-theme="moonlight"] .asset-guide strong {
  color: #fff;
  text-shadow: none;
}

html[data-theme="dark"], html[data-theme="moonlight"] .page-subcopy p, html[data-theme="dark"], html[data-theme="moonlight"] .hero-card p, html[data-theme="dark"], html[data-theme="moonlight"] .empty-state p, html[data-theme="dark"], html[data-theme="moonlight"] .stage-copy > p, html[data-theme="dark"], html[data-theme="moonlight"] .blue-card p:last-child, html[data-theme="dark"], html[data-theme="moonlight"] .team-room-head p:last-child, html[data-theme="dark"], html[data-theme="moonlight"] .step-main p, html[data-theme="dark"], html[data-theme="moonlight"] .wizard-hero-simple p:last-of-type, html[data-theme="dark"], html[data-theme="moonlight"] .profile-card p, html[data-theme="dark"], html[data-theme="moonlight"] .metric-grid p, html[data-theme="dark"], html[data-theme="moonlight"] .character-card p, html[data-theme="dark"], html[data-theme="moonlight"] .character-card blockquote, html[data-theme="dark"], html[data-theme="moonlight"] .run-log p, html[data-theme="dark"], html[data-theme="moonlight"] .helper-copy, html[data-theme="dark"], html[data-theme="moonlight"] .scheduled-card p, html[data-theme="dark"], html[data-theme="moonlight"] .lead-preview small, html[data-theme="dark"], html[data-theme="moonlight"] .brief-grid li, html[data-theme="dark"], html[data-theme="moonlight"] .client-row p, html[data-theme="dark"], html[data-theme="moonlight"] .lead-row p, html[data-theme="dark"], html[data-theme="moonlight"] .message-line p, html[data-theme="dark"], html[data-theme="moonlight"] .review-card p, html[data-theme="dark"], html[data-theme="moonlight"] .issue-grid p, html[data-theme="dark"], html[data-theme="moonlight"] .review-notes p, html[data-theme="dark"], html[data-theme="moonlight"] .lead-preview p, html[data-theme="dark"], html[data-theme="moonlight"] .blueprint-hero p, html[data-theme="dark"], html[data-theme="moonlight"] .email-sequence p, html[data-theme="dark"], html[data-theme="moonlight"] .draft-card p {
  color: #b7c6d8;
}

html[data-theme="dark"], html[data-theme="moonlight"] input, html[data-theme="dark"], html[data-theme="moonlight"] textarea, html[data-theme="dark"], html[data-theme="moonlight"] select, html[data-theme="dark"], html[data-theme="moonlight"] pre, html[data-theme="dark"], html[data-theme="moonlight"] code {
  color: #e6edf8;
  background: #0000003d;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .wizard-progress-orb, html[data-theme="dark"], html[data-theme="moonlight"] .lead-score-card, html[data-theme="dark"], html[data-theme="moonlight"] .brief-score, html[data-theme="dark"], html[data-theme="moonlight"] .creative-score, html[data-theme="dark"], html[data-theme="moonlight"] .studio-score {
  background: radial-gradient(circle at 35% 20%, #ffffff24, #38bdf829 34%, #1e40af2e);
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .wizard-progress-orb span, html[data-theme="dark"], html[data-theme="moonlight"] .brief-score span, html[data-theme="dark"], html[data-theme="moonlight"] .brief-score small, html[data-theme="dark"], html[data-theme="moonlight"] .lead-score-card p {
  color: #b7c6d8;
}

html[data-theme="dark"], html[data-theme="moonlight"] .character-stage:before, html[data-theme="dark"], html[data-theme="moonlight"] .blue-card:before, html[data-theme="dark"], html[data-theme="moonlight"] .wizard-hero-simple:before, html[data-theme="dark"], html[data-theme="moonlight"] .team-room:before {
  display: none;
}

html[data-theme="dark"], html[data-theme="moonlight"] .wizard-progress-orb {
  background: linear-gradient(#0f172af5, #1e293beb);
  border: 1px solid #7dd3fc59;
  box-shadow: 0 22px 60px #00000047, inset 0 1px #ffffff14;
}

html[data-theme="dark"], html[data-theme="moonlight"] .wizard-progress-orb strong {
  color: #38bdf8;
  text-shadow: 0 0 22px #38bdf838;
}

html[data-theme="dark"], html[data-theme="moonlight"] .wizard-progress-orb span {
  color: #f8fafc;
  font-weight: 950;
}

html[data-theme="dark"], html[data-theme="moonlight"] .status-pill, html[data-theme="dark"], html[data-theme="moonlight"] .client-row span {
  color: #dcfce7;
  background: #22c55e29;
  border-color: #22c55e52;
}

html[data-theme="dark"], html[data-theme="moonlight"] .step-actions a, html[data-theme="dark"], html[data-theme="moonlight"] .step-actions b, html[data-theme="dark"], html[data-theme="moonlight"] .primary-link.secondary {
  color: #f8fafc;
}

.name-panel {
  background: linear-gradient(#fffffff0, #ecfaffe0);
  border: 1px solid #ffffffe6;
  border-radius: 34px;
  grid-template-columns: minmax(0, 1fr) 260px auto auto;
  align-items: end;
  gap: 14px;
  margin-bottom: 18px;
  padding: 22px;
  display: grid;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.name-panel h2 {
  margin: 0 0 8px;
}

.name-panel p:last-child {
  color: #315d7b;
  margin: 0;
  line-height: 1.45;
}

.name-panel label {
  margin: 0;
}

.name-panel button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  padding: 13px 16px;
  font-weight: 950;
  box-shadow: 0 14px 28px #238ef238, inset 0 1px #ffffff73;
}

.name-panel > b {
  color: #187348;
  background: #52dc872e;
  border: 1px solid #22c55e3d;
  border-radius: 999px;
  padding: 11px 12px;
}

.asset-guide article, .pose-row, .pose-cells div {
  background: #fffffff5 !important;
  border-color: #3a84be3d !important;
}

.asset-guide p, .pose-cells code, .pose-title span {
  color: #2f5e80 !important;
  opacity: 1 !important;
}

.pose-title strong, .pose-cells b, .asset-guide strong {
  color: #103d66 !important;
}

.pose-row {
  box-shadow: 0 16px 38px #237ac41f, inset 0 1px #ffffffe6 !important;
}

.pose-title img {
  background: #fff;
  border: 1px solid #3a84be2e;
  border-radius: 14px;
}

html[data-theme="dark"], html[data-theme="moonlight"] .name-panel, html[data-theme="dark"], html[data-theme="moonlight"] .asset-guide article, html[data-theme="dark"], html[data-theme="moonlight"] .pose-row, html[data-theme="dark"], html[data-theme="moonlight"] .pose-cells div {
  background: linear-gradient(#0f172af5, #1e293be6) !important;
  border-color: #ffffff24 !important;
}

html[data-theme="dark"], html[data-theme="moonlight"] .name-panel p:last-child, html[data-theme="dark"], html[data-theme="moonlight"] .asset-guide p, html[data-theme="dark"], html[data-theme="moonlight"] .pose-cells code, html[data-theme="dark"], html[data-theme="moonlight"] .pose-title span {
  color: #c8d6e6 !important;
}

html[data-theme="dark"], html[data-theme="moonlight"] .pose-title strong, html[data-theme="dark"], html[data-theme="moonlight"] .pose-cells b, html[data-theme="dark"], html[data-theme="moonlight"] .asset-guide strong {
  color: #fff !important;
}

@media (max-width: 1000px) {
  .name-panel {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
}

.blue-chat-card, .fun-card, .win-board article {
  background: linear-gradient(#fffffff0, #ecfaffd6);
  border: 1px solid #ffffffeb;
  border-radius: 30px;
  padding: 22px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.blue-chat-card {
  margin-bottom: 18px;
}

.blue-chat-head {
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  margin-bottom: 14px;
  display: flex;
}

.blue-chat-head h2, .fun-card h2 {
  margin: 0;
}

.blue-chat-head select {
  max-width: 170px;
}

.blue-chat-messages {
  gap: 10px;
  max-height: 270px;
  padding: 4px;
  display: grid;
  overflow: auto;
}

.blue-chat-messages div {
  border-radius: 20px;
  max-width: 82%;
  padding: 12px 14px;
  font-weight: 750;
  line-height: 1.45;
}

.from-blue {
  color: #204d70;
  background: #ffffffd1;
  border: 1px solid #3a84be2e;
  justify-self: start;
}

.from-user {
  color: #fff;
  background: linear-gradient(#5fc7ff, #238ef2);
  justify-self: end;
}

.blue-chat-actions {
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
  display: flex;
}

.blue-chat-actions button {
  color: #1d6fb5;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 950;
  box-shadow: 0 10px 22px #237ac414;
}

.fun-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.fun-card {
  min-height: 260px;
}

.mission, .feed-item {
  color: #315d7b;
  border-top: 1px solid #3a84be24;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 0;
  line-height: 1.45;
  display: flex;
}

.mission:first-of-type, .feed-item:first-of-type {
  border-top: 0;
}

.mission b {
  color: #fff;
  background: #5fc7ff;
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.win-board {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.win-board article {
  text-align: center;
}

.win-board strong {
  color: #1679d8;
  letter-spacing: -.06em;
  font-size: 44px;
  line-height: .9;
  display: block;
}

.win-board span {
  color: #3d647f;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.unlock-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.unlock-grid div {
  border-radius: 16px;
  align-items: center;
  gap: 7px;
  padding: 10px;
  font-weight: 900;
  display: flex;
}

.unlock-grid .unlocked {
  color: #187348;
  background: #52dc872e;
}

.unlock-grid .locked {
  color: #7d97aa;
  background: #ffffff8c;
}

.feed-item strong {
  color: #103d66;
}

html[data-theme="dark"], html[data-theme="moonlight"] .blue-chat-card, html[data-theme="dark"], html[data-theme="moonlight"] .fun-card, html[data-theme="dark"], html[data-theme="moonlight"] .win-board article {
  background: linear-gradient(#0f172af5, #1e293be6);
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .from-blue, html[data-theme="dark"], html[data-theme="moonlight"] .blue-chat-actions button, html[data-theme="dark"], html[data-theme="moonlight"] .unlock-grid .locked {
  color: #dbeafe;
  background: #ffffff14;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .mission, html[data-theme="dark"], html[data-theme="moonlight"] .feed-item, html[data-theme="dark"], html[data-theme="moonlight"] .win-board span {
  color: #c8d6e6;
}

html[data-theme="dark"], html[data-theme="moonlight"] .feed-item strong {
  color: #fff;
}

@media (max-width: 1000px) {
  .fun-grid, .win-board {
    grid-template-columns: 1fr;
  }

  .unlock-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blue-chat-head {
    display: block;
  }

  .blue-chat-head select {
    margin-top: 10px;
  }
}

.modal-backdrop {
  z-index: 80;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #0a254047;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

.client-wizard-modal {
  background: linear-gradient(#fffffff5, #ecfaffeb);
  border: 1px solid #ffffffeb;
  border-radius: 36px;
  width: min(720px, 100%);
  max-height: calc(100vh - 48px);
  padding: 26px;
  position: relative;
  overflow: auto;
  box-shadow: 0 34px 120px #18599047, inset 0 1px #fffffff2;
}

.modal-close {
  color: #286087;
  cursor: pointer;
  background: #fffc;
  border: 0;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 24px;
  font-weight: 900;
  position: absolute;
  top: 18px;
  right: 18px;
}

.modal-head h2 {
  margin: 0 0 10px;
}

.modal-head p:last-child {
  color: #3d647f;
  margin: 0;
  line-height: 1.45;
}

.modal-steps {
  gap: 8px;
  margin: 20px 0;
  display: flex;
}

.modal-steps button {
  color: #286087;
  cursor: pointer;
  background: #ffffffc2;
  border: 1px solid #3a84be2e;
  border-radius: 15px;
  width: 42px;
  height: 42px;
  font-weight: 950;
}

.modal-steps button.active {
  color: #fff;
  background: #5fc7ff;
}

.modal-form section {
  gap: 14px;
  display: grid;
}

.modal-form h3 {
  color: #103d66;
  letter-spacing: -.04em;
  margin: 0;
  font-size: 26px;
}

.modal-actions {
  justify-content: space-between;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

.modal-actions button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 950;
}

.modal-actions .secondary-button {
  color: #286087;
  background: #fffc;
  border: 1px solid #3a84be2e;
}

.modal-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.modal-note {
  color: #315d7b;
  background: #ffffffad;
  border: 1px solid #2798ff2e;
  border-radius: 18px;
  padding: 14px;
}

html[data-theme="dark"], html[data-theme="moonlight"] .modal-backdrop {
  background: #02061794;
}

html[data-theme="dark"], html[data-theme="moonlight"] .client-wizard-modal {
  background: linear-gradient(#0f172afa, #1e293bf0);
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .modal-head p:last-child, html[data-theme="dark"], html[data-theme="moonlight"] .modal-note {
  color: #c8d6e6;
}

html[data-theme="dark"], html[data-theme="moonlight"] .modal-form h3 {
  color: #fff;
}

html[data-theme="dark"], html[data-theme="moonlight"] .modal-close, html[data-theme="dark"], html[data-theme="moonlight"] .modal-actions .secondary-button, html[data-theme="dark"], html[data-theme="moonlight"] .modal-steps button, html[data-theme="dark"], html[data-theme="moonlight"] .modal-note {
  color: #e5edf7;
  background: #ffffff14;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .modal-steps button.active {
  color: #06121b;
  background: #38bdf8;
}

.idea-journey-layout {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: start;
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.idea-drop-card, .journey-path-card {
  background: linear-gradient(#fffffff2, #ecfaffdb);
  border: 1px solid #ffffffeb;
  border-radius: 34px;
  padding: 24px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.idea-drop-card h2, .journey-path-card h2 {
  margin: 0 0 16px;
}

.idea-drop-card {
  gap: 14px;
  display: grid;
}

.idea-drop-card textarea {
  min-height: 190px;
}

.idea-drop-card button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  padding: 14px 18px;
  font-weight: 950;
  box-shadow: 0 14px 28px #238ef238, inset 0 1px #ffffff73;
}

.idea-drop-card small {
  color: #3d647f;
  line-height: 1.45;
}

.journey-path {
  gap: 10px;
  display: grid;
}

.journey-path article {
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 20px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 13px;
  display: grid;
}

.journey-path b {
  color: #fff;
  background: #5fc7ff;
  border-radius: 13px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.journey-path strong {
  color: #103d66;
  margin-bottom: 4px;
  display: block;
}

.journey-path p {
  color: #3d647f;
  margin: 0;
  line-height: 1.4;
}

html[data-theme="dark"], html[data-theme="moonlight"] .idea-drop-card, html[data-theme="dark"], html[data-theme="moonlight"] .journey-path-card {
  background: linear-gradient(#0f172af5, #1e293be6);
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .journey-path article {
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .journey-path strong {
  color: #fff;
}

html[data-theme="dark"], html[data-theme="moonlight"] .journey-path p, html[data-theme="dark"], html[data-theme="moonlight"] .idea-drop-card small {
  color: #c8d6e6;
}

@media (max-width: 1000px) {
  .idea-journey-layout {
    grid-template-columns: 1fr;
  }
}

.goal-command-center {
  grid-template-columns: .7fr 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
  display: grid;
}

.goal-command-center article, .launch-checklist, .pack-grid article, .approval-simple-grid article, .outcome-grid article {
  background: linear-gradient(#fffffff2, #ecfaffdb);
  border: 1px solid #ffffffeb;
  border-radius: 26px;
  padding: 20px;
  box-shadow: 0 18px 44px #237ac41f, inset 0 1px #ffffffe6;
}

.goal-command-center span, .pack-grid span, .approval-simple-grid span {
  color: #197fe6;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.goal-score-card strong {
  color: #1679d8;
  margin: 12px 0;
  font-size: 64px;
  line-height: .9;
  display: block;
}

.goal-command-center p {
  color: #315d7b;
  gap: 8px;
  line-height: 1.4;
  display: flex;
}

.goal-command-center b {
  color: #103d66;
}

.launch-checklist {
  grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  display: grid;
}

.launch-checklist h2 {
  margin: 0;
}

.launch-checklist article {
  box-shadow: none;
  color: #6a8296;
  border-radius: 18px;
  align-items: center;
  gap: 8px;
  padding: 12px;
  display: flex;
}

.launch-checklist article.done {
  color: #187348;
  background: #52dc872e;
}

.pack-grid, .approval-simple-grid, .outcome-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.pack-grid pre {
  max-height: 360px;
  overflow: auto;
}

.approval-simple-grid h2 {
  font-size: 28px;
}

.approval-simple-grid p {
  color: #315d7b;
  white-space: pre-wrap;
}

.approval-simple-grid div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.approval-simple-grid button {
  color: #fff;
  background: #5fc7ff;
  border: 0;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 950;
}

.outcome-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.outcome-grid strong {
  color: #1679d8;
  font-size: 54px;
  line-height: .9;
  display: block;
}

.outcome-grid span {
  color: #315d7b;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

html[data-theme="dark"], html[data-theme="moonlight"] .goal-command-center article, html[data-theme="dark"], html[data-theme="moonlight"] .launch-checklist, html[data-theme="dark"], html[data-theme="moonlight"] .pack-grid article, html[data-theme="dark"], html[data-theme="moonlight"] .approval-simple-grid article, html[data-theme="dark"], html[data-theme="moonlight"] .outcome-grid article {
  background: linear-gradient(#0f172af5, #1e293be6);
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .goal-command-center p, html[data-theme="dark"], html[data-theme="moonlight"] .approval-simple-grid p, html[data-theme="dark"], html[data-theme="moonlight"] .outcome-grid span {
  color: #c8d6e6;
}

html[data-theme="dark"], html[data-theme="moonlight"] .goal-command-center b {
  color: #fff;
}

@media (max-width: 1100px) {
  .goal-command-center, .launch-checklist, .pack-grid, .approval-simple-grid, .outcome-grid {
    grid-template-columns: 1fr;
  }
}

.dashboard-briefing {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.briefing-hero, .current-client-card, .dashboard-footer-strip {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffeb;
  border-radius: 34px;
  padding: 24px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.briefing-hero h2, .current-client-card h2 {
  letter-spacing: -.05em;
  margin: 0 0 10px;
}

.briefing-hero p:not(.eyebrow), .current-client-card p:not(.eyebrow) {
  color: #315d7b;
  line-height: 1.5;
}

.briefing-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

.current-client-card {
  gap: 12px;
  display: grid;
}

.progress-ring {
  background: radial-gradient(circle at 50% 50%, #fff 0 48%, transparent 49%), conic-gradient(#5fc7ff calc(var(--p, 72) * 1%), #3a84be26 0);
  border-radius: 50%;
  justify-self: center;
  place-items: center;
  width: 132px;
  height: 132px;
  display: grid;
  box-shadow: inset 0 0 0 1px #3a84be24;
}

.progress-ring strong {
  color: #1679d8;
  font-size: 34px;
  line-height: .9;
}

.progress-ring span {
  color: #3d647f;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: -38px;
  font-size: 12px;
  font-weight: 950;
}

.dashboard-simple-grid {
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.dashboard-simple-grid .fun-card {
  min-height: auto;
}

.dashboard-simple-grid .win-board {
  margin-bottom: 0;
}

.dashboard-simple-grid .win-board article {
  padding: 18px;
}

.dashboard-footer-strip {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  display: flex;
}

.dashboard-footer-strip > div {
  color: #315d7b;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.dashboard-footer-strip strong {
  color: #1679d8;
  font-size: 42px;
  line-height: .9;
}

.dashboard-footer-strip span {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.dashboard-footer-strip a {
  color: #1679d8;
  font-weight: 950;
  text-decoration: none;
}

.dashboard-footer-strip .department-panel {
  max-width: 420px;
  margin: 0;
}

html[data-theme="dark"], html[data-theme="moonlight"] .briefing-hero, html[data-theme="dark"], html[data-theme="moonlight"] .current-client-card, html[data-theme="dark"], html[data-theme="moonlight"] .dashboard-footer-strip {
  background: linear-gradient(#0f172af5, #1e293be6);
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .briefing-hero p:not(.eyebrow), html[data-theme="dark"], html[data-theme="moonlight"] .current-client-card p:not(.eyebrow), html[data-theme="dark"], html[data-theme="moonlight"] .dashboard-footer-strip > div {
  color: #c8d6e6;
}

@media (max-width: 1000px) {
  .dashboard-briefing {
    grid-template-columns: 1fr;
  }

  .dashboard-footer-strip {
    display: grid;
  }

  .dashboard-footer-strip .department-panel {
    max-width: none;
  }
}

.dashboard-chat-layout {
  grid-template-columns: minmax(0, 1fr) 380px;
  align-items: start;
  gap: 18px;
  display: grid;
}

.dashboard-chat-main .blue-chat-card {
  flex-direction: column;
  min-height: 620px;
  display: flex;
}

.dashboard-chat-main .blue-chat-messages {
  flex: 1;
  align-content: start;
  min-height: 360px;
  max-height: none;
}

.chat-next-strip, .team-sidebar-panel, .team-command-card, .team-activity-card, .team-status-grid article, .team-feed-card {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffeb;
  border-radius: 30px;
  padding: 22px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.chat-next-strip {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
  display: flex;
}

.chat-next-strip strong {
  color: #103d66;
  margin-bottom: 6px;
  font-size: 24px;
  display: block;
}

.chat-next-strip span, .team-sidebar-head p, .team-command-card p, .team-status-grid p, .team-status-grid small {
  color: #315d7b;
  line-height: 1.45;
}

.team-sidebar-panel {
  gap: 16px;
  display: grid;
  position: sticky;
  top: 24px;
}

.team-sidebar-head h2, .team-command-card h2, .team-feed-card h2 {
  margin: 0 0 8px;
}

.team-mini-list, .team-mission-list {
  gap: 10px;
  display: grid;
}

.team-mini-row {
  color: #315d7b;
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 18px;
  padding: 12px;
  font-weight: 800;
  line-height: 1.42;
}

.team-mission-list div, .team-mission-line {
  color: #315d7b;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  line-height: 1.42;
  display: grid;
}

.team-mission-list b, .team-mission-line b {
  color: #fff;
  background: #5fc7ff;
  border-radius: 12px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.team-sidebar-count {
  color: #315d7b;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.team-sidebar-count strong {
  color: #1679d8;
  font-size: 42px;
  line-height: .9;
}

.team-sidebar-count span {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.team-room-layout {
  grid-template-columns: .85fr 1.15fr;
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.team-command-card {
  align-content: start;
  gap: 12px;
  display: grid;
}

.team-activity-card {
  gap: 12px;
  display: grid;
}

.team-status-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.team-status-grid article {
  border-color: color-mix(in srgb, var(--hire) 28%, #ffffffdb);
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 16px;
  display: grid;
}

.team-status-grid article.active {
  background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--hire) 18%, transparent), transparent 34%), linear-gradient(180deg, #fffffff5, #ecfaffe0);
}

.team-avatar {
  background: color-mix(in srgb, var(--hire) 22%, #ffffffd1);
  border-radius: 24px;
  place-items: center;
  width: 72px;
  height: 72px;
  font-size: 32px;
  display: grid;
  box-shadow: inset 0 1px #ffffffd9;
}

.team-status-grid span {
  color: color-mix(in srgb, var(--hire) 75%, #1679d8);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.team-status-grid h2 {
  margin: 4px 0;
  font-size: 34px;
}

.team-status-grid strong {
  color: #103d66;
  margin-bottom: 8px;
  display: block;
}

.team-status-grid small {
  margin-top: 10px;
  font-weight: 800;
  display: block;
}

.team-feed-card {
  gap: 10px;
  margin-bottom: 18px;
  display: grid;
}

html[data-theme="dark"], html[data-theme="moonlight"] .chat-next-strip, html[data-theme="dark"], html[data-theme="moonlight"] .team-sidebar-panel, html[data-theme="dark"], html[data-theme="moonlight"] .team-command-card, html[data-theme="dark"], html[data-theme="moonlight"] .team-activity-card, html[data-theme="dark"], html[data-theme="moonlight"] .team-status-grid article, html[data-theme="dark"], html[data-theme="moonlight"] .team-feed-card {
  background: linear-gradient(#0f172af5, #1e293be6);
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .team-mini-row {
  color: #c8d6e6;
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .chat-next-strip strong, html[data-theme="dark"], html[data-theme="moonlight"] .team-status-grid strong {
  color: #fff;
}

html[data-theme="dark"], html[data-theme="moonlight"] .chat-next-strip span, html[data-theme="dark"], html[data-theme="moonlight"] .team-sidebar-head p, html[data-theme="dark"], html[data-theme="moonlight"] .team-command-card p, html[data-theme="dark"], html[data-theme="moonlight"] .team-status-grid p, html[data-theme="dark"], html[data-theme="moonlight"] .team-status-grid small, html[data-theme="dark"], html[data-theme="moonlight"] .team-mission-list div, html[data-theme="dark"], html[data-theme="moonlight"] .team-mission-line {
  color: #c8d6e6;
}

@media (max-width: 1100px) {
  .dashboard-chat-layout, .team-room-layout, .team-status-grid {
    grid-template-columns: 1fr;
  }

  .team-sidebar-panel {
    position: static;
  }
}

@media (max-width: 700px) {
  .chat-next-strip, .team-status-grid article {
    grid-template-columns: 1fr;
    display: grid;
  }
}

.obvious-chat-card {
  position: relative;
  overflow: hidden;
}

.obvious-chat-card:before {
  content: "";
  pointer-events: none;
  border-radius: 30px;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 2px #5fc7ff2e;
}

.blue-chat-subcopy {
  color: #315d7b;
  max-width: 720px;
  margin: 8px 0 0;
  font-weight: 750;
  line-height: 1.45;
}

.blue-chat-composer {
  background: #ffffffc7;
  border: 1px solid #3a84be2e;
  border-radius: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
  margin-top: 16px;
  padding: 12px;
  display: grid;
  box-shadow: 0 18px 44px #237ac41f;
}

.blue-chat-composer textarea {
  color: #123955;
  resize: none;
  background: none;
  border: 0;
  min-height: 76px;
  padding: 12px;
  font-size: 16px;
  line-height: 1.45;
}

.blue-chat-composer textarea::placeholder {
  color: #6d8aa1;
}

.blue-chat-composer textarea:focus {
  box-shadow: none;
}

.blue-chat-composer button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  padding: 14px 18px;
  font-weight: 950;
  box-shadow: 0 12px 26px #237ac438;
}

.blue-chat-composer button:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.thinking-bubble {
  opacity: .76;
  font-style: italic;
}

html[data-theme="dark"], html[data-theme="moonlight"] .blue-chat-subcopy {
  color: #c8d6e6;
}

html[data-theme="dark"], html[data-theme="moonlight"] .blue-chat-composer {
  background: #ffffff12;
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .blue-chat-composer textarea {
  color: #f8fbff;
}

html[data-theme="dark"], html[data-theme="moonlight"] .blue-chat-composer textarea::placeholder {
  color: #9fb3c8;
}

@media (max-width: 700px) {
  .blue-chat-composer {
    grid-template-columns: 1fr;
  }

  .blue-chat-composer button {
    width: 100%;
  }
}

.process-sidebar-card ol {
  gap: 7px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.process-sidebar-card li {
  color: #dbeafe;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 900;
  display: flex;
}

.process-sidebar-card li:before {
  content: "";
  background: var(--accent);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #7dd3fc1f;
}

.handoff-board {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffeb;
  border-radius: 34px;
  margin-bottom: 18px;
  padding: 24px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.handoff-board-head {
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  margin-bottom: 20px;
  display: flex;
}

.handoff-board-head h2 {
  margin: 0;
}

.handoff-board-head span {
  color: #1679d8;
  white-space: nowrap;
  background: #5fc7ff24;
  border: 1px solid #3a84be33;
  border-radius: 999px;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 950;
}

.handoff-track {
  grid-template-columns: repeat(8, minmax(150px, 1fr));
  gap: 12px;
  padding-bottom: 4px;
  display: grid;
  overflow-x: auto;
}

.handoff-step {
  color: #315d7b;
  background: #ffffffb3;
  border: 1px solid #3a84be29;
  border-radius: 24px;
  align-content: start;
  gap: 8px;
  min-height: 184px;
  padding: 16px;
  display: grid;
  position: relative;
}

.handoff-step:not(:last-child):after {
  content: "→";
  z-index: 2;
  color: #1679d8;
  background: #eefaff;
  border: 1px solid #3a84be29;
  border-radius: 50%;
  place-items: center;
  width: 26px;
  height: 26px;
  font-weight: 950;
  display: grid;
  position: absolute;
  top: 38px;
  right: -15px;
}

.handoff-node {
  color: #1679d8;
  background: #3a84be1f;
  border-radius: 16px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-weight: 950;
  display: grid;
}

.handoff-step span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 11px;
  font-weight: 950;
}

.handoff-step strong {
  color: #103d66;
  font-size: 22px;
}

.handoff-step p {
  color: #315d7b;
  margin: 0;
  font-weight: 750;
  line-height: 1.4;
}

.handoff-step.complete {
  background: linear-gradient(#ecfdf5f2, #dcfce7bd);
  border-color: #22c55e47;
}

.handoff-step.complete .handoff-node {
  color: #fff;
  background: #22c55e;
}

.handoff-step.current {
  background: radial-gradient(circle at 20% 0, #5fc7ff42, #0000 42%), #ffffffe0;
  border-color: #238ef270;
  transform: translateY(-3px);
  box-shadow: 0 18px 46px #238ef229;
}

.handoff-step.current .handoff-node {
  color: #fff;
  background: linear-gradient(#5fc7ff, #238ef2);
  box-shadow: 0 0 0 7px #5fc7ff24;
}

.handoff-step.waiting {
  opacity: .7;
}

html[data-theme="dark"], html[data-theme="moonlight"] .handoff-board {
  background: linear-gradient(#0f172af5, #1e293be6);
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .handoff-board-head span {
  color: #d8f3ff;
  background: #5fc7ff1f;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .handoff-step {
  color: #c8d6e6;
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .handoff-step strong {
  color: #fff;
}

html[data-theme="dark"], html[data-theme="moonlight"] .handoff-step p {
  color: #c8d6e6;
}

html[data-theme="dark"], html[data-theme="moonlight"] .handoff-step:not(:last-child):after {
  color: #7dd3fc;
  background: #162338;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .handoff-step.complete {
  background: linear-gradient(#14532db8, #0f172ae6);
  border-color: #22c55e52;
}

html[data-theme="dark"], html[data-theme="moonlight"] .handoff-step.current {
  background: radial-gradient(circle at 20% 0, #5fc7ff33, #0000 42%), #0f172af0;
}

@media (max-width: 900px) {
  .handoff-board-head {
    display: grid;
  }

  .handoff-track {
    grid-template-columns: 1fr;
    overflow: visible;
  }

  .handoff-step:not(:last-child):after {
    content: "↓";
    top: auto;
    bottom: -19px;
    right: calc(50% - 13px);
  }
}

.idea-drop-hero {
  background: radial-gradient(circle at 80% 0, #5fc7ff2e, #0000 34%), linear-gradient(#fffffff7, #ecfaffe6);
  border: 1px solid #ffffffeb;
  border-radius: 34px;
  margin-bottom: 18px;
  padding: 24px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.idea-drop-hero h2 {
  margin: 0 0 14px;
}

.idea-drop-hero textarea {
  color: #123955;
  background: #ffffffc7;
  border-color: #3a84be2e;
  min-height: 112px;
}

.idea-drop-fields {
  grid-template-columns: 1fr 220px auto;
  gap: 10px;
  margin-top: 10px;
  display: grid;
}

.idea-drop-fields input, .idea-drop-fields select {
  color: #123955;
  background: #ffffffc7;
  border-color: #3a84be2e;
}

.idea-drop-fields button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  padding: 13px 16px;
  font-weight: 950;
}

.campaign-state-card {
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 22px;
  padding: 16px;
}

.campaign-state-card strong {
  color: #103d66;
  margin-bottom: 6px;
  font-size: 22px;
  display: block;
}

.campaign-state-card p {
  color: #315d7b;
  margin: 0;
  line-height: 1.4;
}

.pipeline-mini-track {
  gap: 8px;
  display: grid;
}

.pipeline-mini-track div {
  color: #315d7b;
  align-items: center;
  gap: 9px;
  font-weight: 900;
  display: flex;
}

.pipeline-mini-track b {
  color: #1679d8;
  background: #3a84be1f;
  border-radius: 999px;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
}

.pipeline-mini-track .complete b {
  color: #fff;
  background: #22c55e;
}

.pipeline-mini-track .current {
  color: #1679d8;
}

.pipeline-mini-track .current b {
  color: #fff;
  background: #238ef2;
  box-shadow: 0 0 0 5px #5fc7ff26;
}

.handoff-step em {
  color: #426b87;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.launch-destination-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  display: grid;
}

.launch-destination-grid article, .team-receipt-card, .approval-gate-hero, .results-loop-card, .client-status-strip article {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffeb;
  border-radius: 28px;
  padding: 20px;
  box-shadow: 0 18px 50px #237ac41c, inset 0 1px #ffffffe6;
}

.launch-destination-grid span, .client-status-strip span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.launch-destination-grid strong, .client-status-strip strong {
  color: #103d66;
  margin: 8px 0;
  font-size: 24px;
  display: block;
}

.launch-destination-grid p, .client-status-strip p {
  color: #315d7b;
  margin: 0;
  line-height: 1.42;
}

.team-receipt-card {
  gap: 10px;
  margin-bottom: 18px;
  display: grid;
}

.team-receipt-card h2 {
  margin: 0;
}

.team-receipt-card div {
  color: #315d7b;
  border-top: 1px solid #3a84be24;
  grid-template-columns: 160px 1fr auto;
  align-items: center;
  gap: 10px;
  padding-top: 10px;
  display: grid;
}

.team-receipt-card b {
  color: #103d66;
}

.team-receipt-card small {
  color: #6a8397;
}

.approval-gate-hero {
  grid-template-columns: 1fr 320px;
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.approval-gate-hero h2 {
  margin: 0 0 10px;
}

.approval-gate-hero p {
  color: #315d7b;
}

.approval-destinations {
  flex-wrap: wrap;
  align-content: center;
  gap: 8px;
  display: flex;
}

.approval-destinations span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .11em;
  flex-basis: 100%;
  font-size: 12px;
  font-weight: 950;
}

.approval-destinations b {
  color: #103d66;
  background: #5fc7ff21;
  border: 1px solid #3a84be2e;
  border-radius: 999px;
  padding: 8px 10px;
}

.approval-simple-grid article.approved {
  background: linear-gradient(#ecfdf5f7, #dcfce7bf);
  border-color: #22c55e66;
}

.approval-simple-grid article.needs-edit {
  background: linear-gradient(#fffbebf7, #fef3c7c2);
  border-color: #f59e0b5c;
}

.approval-simple-grid em {
  color: #7c4a03;
  margin: 10px 0;
  font-style: normal;
  font-weight: 850;
  display: block;
}

.approval-note-form {
  flex: 320px;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: 8px;
  display: grid;
}

.approval-note-form input {
  color: #123955;
  background: #ffffffb8;
  border-color: #3a84be2e;
  padding: 10px 12px;
}

.results-loop-card {
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.results-loop-card h2 {
  margin: 0;
}

.results-loop-card article {
  border-top: 1px solid #3a84be24;
  padding-top: 12px;
}

.results-loop-card b {
  color: #1679d8;
}

.results-loop-card p {
  color: #315d7b;
  margin: 6px 0 0;
  line-height: 1.45;
}

.client-status-strip {
  grid-template-columns: .8fr 1.2fr;
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.client-pipeline-dots {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.client-pipeline-dots b {
  color: #315d7b;
  background: #3a84be1a;
  border: 1px solid #3a84be29;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
}

.client-pipeline-dots b.complete {
  color: #047857;
  background: #22c55e1f;
  border-color: #22c55e3d;
}

.client-pipeline-dots b.current {
  color: #075985;
  background: #5fc7ff2e;
  border-color: #238ef242;
}

html[data-theme="dark"], html[data-theme="moonlight"] .idea-drop-hero, html[data-theme="dark"], html[data-theme="moonlight"] .launch-destination-grid article, html[data-theme="dark"], html[data-theme="moonlight"] .team-receipt-card, html[data-theme="dark"], html[data-theme="moonlight"] .approval-gate-hero, html[data-theme="dark"], html[data-theme="moonlight"] .results-loop-card, html[data-theme="dark"], html[data-theme="moonlight"] .client-status-strip article {
  background: linear-gradient(#0f172af5, #1e293be6);
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .idea-drop-hero textarea, html[data-theme="dark"], html[data-theme="moonlight"] .idea-drop-fields input, html[data-theme="dark"], html[data-theme="moonlight"] .idea-drop-fields select, html[data-theme="dark"], html[data-theme="moonlight"] .approval-note-form input {
  color: #f8fbff;
  background: #ffffff12;
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .campaign-state-card {
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .campaign-state-card strong, html[data-theme="dark"], html[data-theme="moonlight"] .launch-destination-grid strong, html[data-theme="dark"], html[data-theme="moonlight"] .client-status-strip strong, html[data-theme="dark"], html[data-theme="moonlight"] .team-receipt-card b {
  color: #fff;
}

html[data-theme="dark"], html[data-theme="moonlight"] .campaign-state-card p, html[data-theme="dark"], html[data-theme="moonlight"] .launch-destination-grid p, html[data-theme="dark"], html[data-theme="moonlight"] .client-status-strip p, html[data-theme="dark"], html[data-theme="moonlight"] .results-loop-card p, html[data-theme="dark"], html[data-theme="moonlight"] .handoff-step em {
  color: #c8d6e6;
}

@media (max-width: 1100px) {
  .idea-drop-fields, .launch-destination-grid, .approval-gate-hero, .client-status-strip, .team-receipt-card div, .approval-note-form {
    grid-template-columns: 1fr;
  }
}

.ideas-page-layout {
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: start;
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.ideas-command-card, .ideas-side-panel, .idea-process-board {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffeb;
  border-radius: 34px;
  padding: 24px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.ideas-command-card {
  gap: 16px;
  display: grid;
}

.ideas-command-card h2, .idea-process-board h2 {
  margin: 0;
}

.ideas-command-card label span {
  color: #1679d8;
}

.ideas-command-card textarea {
  color: #123955;
  background: #ffffffc7;
  border-color: #3a84be2e;
  min-height: 160px;
  font-size: 17px;
}

.ideas-command-card input, .ideas-command-card select {
  color: #123955;
  background: #ffffffc7;
  border-color: #3a84be2e;
}

.ideas-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.ideas-command-card > button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  justify-self: start;
  padding: 16px 20px;
  font-weight: 950;
  box-shadow: 0 14px 30px #237ac433;
}

.ideas-command-card > button:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.ideas-side-panel {
  gap: 16px;
  display: grid;
  position: sticky;
  top: 24px;
}

.empty-idea-client {
  background: #fffbebc2;
  border: 1px solid #f59e0b3d;
  border-radius: 22px;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.empty-idea-client strong {
  color: #92400e;
}

.empty-idea-client p {
  color: #7c4a03;
  margin: 0;
  line-height: 1.4;
}

.idea-process-board {
  margin-bottom: 18px;
}

.idea-process-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
  display: grid;
}

.idea-process-grid article {
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 24px;
  min-height: 170px;
  padding: 18px;
  position: relative;
}

.idea-process-grid article:not(:last-child):after {
  content: "→";
  color: #1679d8;
  z-index: 2;
  background: #eefaff;
  border: 1px solid #3a84be29;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  font-weight: 950;
  display: grid;
  position: absolute;
  top: 24px;
  right: -16px;
}

.idea-process-grid b {
  color: #fff;
  background: #5fc7ff;
  border-radius: 13px;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 12px;
  display: grid;
}

.idea-process-grid span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.idea-process-grid strong {
  color: #103d66;
  margin: 7px 0;
  font-size: 22px;
  display: block;
}

.idea-process-grid p {
  color: #315d7b;
  margin: 0;
  font-weight: 750;
  line-height: 1.4;
}

html[data-theme="dark"], html[data-theme="moonlight"] .ideas-command-card, html[data-theme="dark"], html[data-theme="moonlight"] .ideas-side-panel, html[data-theme="dark"], html[data-theme="moonlight"] .idea-process-board {
  background: linear-gradient(#0f172af5, #1e293be6);
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .ideas-command-card textarea, html[data-theme="dark"], html[data-theme="moonlight"] .ideas-command-card input, html[data-theme="dark"], html[data-theme="moonlight"] .ideas-command-card select {
  color: #f8fbff;
  background: #ffffff12;
  border-color: #ffffff24;
}

html[data-theme="dark"], html[data-theme="moonlight"] .idea-process-grid article {
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="dark"], html[data-theme="moonlight"] .idea-process-grid strong {
  color: #fff;
}

html[data-theme="dark"], html[data-theme="moonlight"] .idea-process-grid p {
  color: #c8d6e6;
}

html[data-theme="dark"], html[data-theme="moonlight"] .idea-process-grid article:not(:last-child):after {
  color: #7dd3fc;
  background: #162338;
  border-color: #ffffff1f;
}

@media (max-width: 1100px) {
  .ideas-page-layout, .ideas-form-grid {
    grid-template-columns: 1fr;
  }

  .ideas-side-panel {
    position: static;
  }

  .idea-process-grid {
    grid-template-columns: 1fr;
  }

  .idea-process-grid article:not(:last-child):after {
    content: "↓";
    top: auto;
    bottom: -20px;
    right: calc(50% - 14px);
  }
}

html[data-theme="moonlight"] {
  --bg: #040814;
  --panel: #080d1cc7;
  --panel-strong: #0b1223f0;
  --line: #bde2ff24;
  --text: #edf6ff;
  --muted: #b5c7d8;
  --accent: #9bddff;
  --violet: #bda6ff;
  --green: #d8f99d;
}

html[data-theme="moonlight"] body {
  color: #edf6ff;
  background: radial-gradient(circle at 78% 12%, #f5fafff0 0 44px, #ddeeff38 45px 76px, #0000 77px), radial-gradient(circle at 72% 10%, #ffffff80 0 2px, #0000 2.5px), radial-gradient(circle at 18% 18%, #7ac3ff38, #0000 24%), radial-gradient(circle at 88% 72%, #815cf62e, #0000 28%), linear-gradient(#030713 0%, #081226 42%, #10172f 72%, #101827 100%);
}

html[data-theme="moonlight"] body:before {
  opacity: .95;
  background: radial-gradient(circle at 12% 16%, #ffffffb8 0 1.4px, #0000 1.8px), radial-gradient(circle at 24% 9%, #ffffff7a 0 1px, #0000 1.4px), radial-gradient(circle at 44% 18%, #ffffff94 0 1.2px, #0000 1.6px), radial-gradient(circle at 62% 8%, #ffffff6b 0 1px, #0000 1.5px), radial-gradient(circle at 86% 27%, #ffffff80 0 1.1px, #0000 1.5px), radial-gradient(at -12% 94%, #13485475 0 22%, #0000 23%), radial-gradient(at 110% 95%, #2b1e567a 0 25%, #0000 26%);
}

html[data-theme="moonlight"] body:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  opacity: .75;
  filter: drop-shadow(0 0 8px #dcff96b3);
  background: radial-gradient(circle at 12% 82%, #e2ff92f2 0 2px, #0000 3px), radial-gradient(circle at 22% 66%, #adffccd9 0 1.6px, #0000 2.8px), radial-gradient(circle at 38% 76%, #e2ff92d1 0 1.8px, #0000 3px), radial-gradient(circle at 56% 68%, #adffccc7 0 1.4px, #0000 2.6px), radial-gradient(circle at 75% 78%, #e2ff92db 0 1.8px, #0000 3px), radial-gradient(circle at 88% 62%, #adffccbf 0 1.5px, #0000 2.6px);
  animation: 11s ease-in-out infinite alternate fireflyDrift;
  position: fixed;
  inset: 0;
}

html[data-theme="moonlight"] .shell {
  z-index: 1;
}

html[data-theme="moonlight"] .sidebar {
  background: linear-gradient(#050a18c7, #070f20a3);
  border-right-color: #9ddaff29;
  box-shadow: 22px 0 80px #0000005c, inset -1px 0 #9ddaff14;
}

html[data-theme="moonlight"] .theme-toggle {
  color: #eff9ff;
  background: linear-gradient(135deg, #9dddff24, #bda6ff1f);
  border-color: #9dddff47;
  box-shadow: 0 0 24px #9dddff24, inset 0 1px #ffffff14;
}

html[data-theme="moonlight"] .sidebar-card, html[data-theme="moonlight"] .sidebar-blue, html[data-theme="moonlight"] .blue-chat-card, html[data-theme="moonlight"] .ideas-command-card, html[data-theme="moonlight"] .ideas-side-panel, html[data-theme="moonlight"] .idea-process-board, html[data-theme="moonlight"] .handoff-board, html[data-theme="moonlight"] .team-sidebar-panel, html[data-theme="moonlight"] .team-status-grid article, html[data-theme="moonlight"] .launch-destination-grid article, html[data-theme="moonlight"] .approval-gate-hero, html[data-theme="moonlight"] .results-loop-card {
  background: linear-gradient(#080e1fdb, #0a1228b8);
  border-color: #b2e2ff29;
  box-shadow: 0 24px 80px #00000057, 0 0 40px #4c8bf514, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] h1, html[data-theme="moonlight"] h2, html[data-theme="moonlight"] .brand {
  text-shadow: 0 0 24px #9dddff29;
}

html[data-theme="moonlight"] .eyebrow, html[data-theme="moonlight"] .brand span {
  color: #b8ecff;
}

@keyframes fireflyDrift {
  0% {
    opacity: .42;
    transform: translate3d(-10px, 8px, 0)scale(.96);
  }

  35% {
    opacity: .88;
  }

  70% {
    opacity: .62;
    transform: translate3d(12px, -16px, 0)scale(1.04);
  }

  100% {
    opacity: .8;
    transform: translate3d(24px, -8px, 0)scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="moonlight"] body:after {
    animation: none;
  }
}

.blue-question-box {
  color: #315d7b;
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 22px;
  gap: 8px;
  padding: 14px;
  display: grid;
}

.blue-question-box strong {
  color: #103d66;
}

.blue-question-box span {
  padding-left: 14px;
  font-weight: 800;
  position: relative;
}

.blue-question-box span:before {
  content: "?";
  color: #1679d8;
  position: absolute;
  left: 0;
}

.idea-inbox-board, .campaign-library-grid article, .integration-grid article, .brand-memory-grid article, .launch-command-grid article, .launch-summary-card, .share-approval-hero, .share-draft-list article, .share-package-strip {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffeb;
  border-radius: 30px;
  padding: 22px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.idea-inbox-board {
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.idea-inbox-board h2 {
  margin: 0;
}

.idea-inbox-board article {
  border-top: 1px solid #3a84be24;
  grid-template-columns: 130px 1fr minmax(220px, .8fr) 54px auto;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  display: grid;
}

.idea-inbox-board span, .campaign-library-grid span, .integration-grid span, .brand-memory-grid span, .launch-command-grid span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.idea-inbox-board strong, .campaign-library-grid h2, .integration-grid h2, .launch-command-grid h2 {
  color: #103d66;
  margin: 0;
}

.idea-inbox-board p, .campaign-library-grid p, .integration-grid p, .brand-memory-grid p, .launch-command-grid p {
  color: #315d7b;
  margin: 0;
  line-height: 1.42;
}

.idea-inbox-board b {
  color: #fff;
  background: #5fc7ff;
  border-radius: 16px;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
}

.idea-inbox-board a, .campaign-card-actions a, .share-package-strip a {
  color: #1679d8;
  font-weight: 950;
}

.campaign-library-grid, .integration-grid, .brand-memory-grid, .launch-command-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.campaign-library-grid article {
  gap: 12px;
  display: grid;
}

.campaign-library-grid article > div:first-of-type {
  color: #315d7b;
  align-items: center;
  gap: 10px;
  display: flex;
}

.campaign-library-grid b {
  color: #fff;
  background: #5fc7ff;
  border-radius: 18px;
  place-items: center;
  width: 54px;
  height: 54px;
  font-size: 24px;
  display: grid;
}

.campaign-card-actions {
  border-top: 1px solid #3a84be24;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 12px;
  display: flex;
}

.integration-grid article, .launch-command-grid article {
  align-content: start;
  gap: 12px;
  display: grid;
}

.integration-grid button, .launch-command-grid button, .share-draft-list button {
  color: #fff;
  cursor: pointer;
  background: #5fc7ff;
  border: 0;
  border-radius: 999px;
  justify-self: start;
  padding: 11px 13px;
  font-weight: 950;
}

.brand-memory-grid article p {
  font-size: 18px;
}

.launch-summary-card {
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  display: flex;
}

.launch-summary-card div, .share-package-strip div {
  color: #315d7b;
  gap: 4px;
  display: grid;
}

.launch-summary-card b, .share-package-strip strong {
  color: #1679d8;
  font-size: 38px;
  line-height: .9;
}

.share-approval-page {
  color: #103d66;
  background: linear-gradient(#eafcff, #fff8ef);
  min-height: 100vh;
  padding: 34px;
  font-family: Arial, Helvetica, sans-serif;
}

.share-approval-hero {
  margin-bottom: 18px;
}

.share-approval-hero p {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  margin: 0 0 10px;
  font-weight: 950;
}

.share-approval-hero h1 {
  letter-spacing: -.07em;
  margin: 0 0 12px;
  font-size: clamp(42px, 7vw, 80px);
  line-height: .9;
}

.share-approval-hero span {
  color: #315d7b;
  font-size: 18px;
}

.share-draft-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.share-draft-list article {
  gap: 10px;
  display: grid;
}

.share-draft-list span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 950;
}

.share-draft-list h2 {
  color: #103d66;
  margin: 0;
}

.share-draft-list p {
  color: #315d7b;
  line-height: 1.5;
}

.share-package-strip {
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  display: flex;
}

html[data-theme="moonlight"] .blue-question-box, html[data-theme="moonlight"] .idea-inbox-board, html[data-theme="moonlight"] .campaign-library-grid article, html[data-theme="moonlight"] .integration-grid article, html[data-theme="moonlight"] .brand-memory-grid article, html[data-theme="moonlight"] .launch-command-grid article, html[data-theme="moonlight"] .launch-summary-card {
  background: linear-gradient(#080e1fdb, #0a1228b8);
  border-color: #b2e2ff29;
  box-shadow: 0 24px 80px #00000057, 0 0 40px #4c8bf514, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .blue-question-box strong, html[data-theme="moonlight"] .idea-inbox-board strong, html[data-theme="moonlight"] .campaign-library-grid h2, html[data-theme="moonlight"] .integration-grid h2, html[data-theme="moonlight"] .launch-command-grid h2 {
  color: #fff;
}

html[data-theme="moonlight"] .blue-question-box, html[data-theme="moonlight"] .idea-inbox-board p, html[data-theme="moonlight"] .campaign-library-grid p, html[data-theme="moonlight"] .integration-grid p, html[data-theme="moonlight"] .brand-memory-grid p, html[data-theme="moonlight"] .launch-command-grid p {
  color: #c8d6e6;
}

@media (max-width: 1100px) {
  .idea-inbox-board article, .campaign-library-grid, .integration-grid, .brand-memory-grid, .launch-command-grid, .share-draft-list {
    grid-template-columns: 1fr;
  }

  .share-approval-page {
    padding: 18px;
  }
}

.settings-layout {
  grid-template-columns: minmax(0, 1fr) 420px;
  align-items: start;
  gap: 18px;
  display: grid;
}

.settings-main-stack {
  gap: 18px;
  display: grid;
}

.settings-section-card, .settings-integrations-panel {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffeb;
  border-radius: 34px;
  padding: 24px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.settings-section-card h2, .settings-integrations-panel h2 {
  margin: 0 0 10px;
}

.settings-section-card > p:not(.eyebrow), .settings-integrations-panel > p:not(.eyebrow) {
  color: #315d7b;
  line-height: 1.48;
}

.settings-section-card .name-panel {
  box-shadow: none;
  margin: 18px 0 0;
}

.settings-theme-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
  display: grid;
}

.settings-theme-grid button {
  text-align: left;
  color: #103d66;
  cursor: pointer;
  background: #ffffffb3;
  border: 1px solid #3a84be2e;
  border-radius: 24px;
  gap: 8px;
  padding: 18px;
  display: grid;
  box-shadow: inset 0 1px #ffffffb3;
}

.settings-theme-grid button.active {
  border-color: #238ef2;
  box-shadow: 0 0 0 4px #5fc7ff24, inset 0 1px #fffc;
}

.settings-theme-grid span {
  font-size: 28px;
}

.settings-theme-grid strong {
  font-size: 22px;
}

.settings-theme-grid small {
  color: #315d7b;
  font-weight: 800;
}

.settings-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
  display: grid;
}

.settings-form label span {
  color: #1679d8;
}

.settings-form input {
  color: #123955;
  background: #ffffffc7;
  border-color: #3a84be2e;
}

.settings-form button, .settings-integration-list button {
  color: #fff;
  cursor: pointer;
  background: #5fc7ff;
  border: 0;
  border-radius: 999px;
  place-self: end start;
  padding: 13px 16px;
  font-weight: 950;
}

.settings-section-card small {
  color: #315d7b;
  margin-top: 12px;
  font-weight: 800;
  display: block;
}

.settings-saved-pill {
  z-index: 100;
  color: #fff;
  background: #22c55e;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 950;
  position: fixed;
  bottom: 24px;
  right: 24px;
  box-shadow: 0 18px 40px #22c55e38;
}

.settings-integrations-panel {
  position: sticky;
  top: 24px;
}

.settings-integration-list {
  gap: 12px;
  max-height: 720px;
  margin-top: 16px;
  padding-right: 4px;
  display: grid;
  overflow: auto;
}

.settings-integration-list article {
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 22px;
  gap: 9px;
  padding: 14px;
  display: grid;
}

.settings-integration-list div {
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  display: flex;
}

.settings-integration-list strong {
  color: #103d66;
}

.settings-integration-list span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .1em;
  text-align: right;
  font-size: 11px;
  font-weight: 950;
}

.settings-integration-list p {
  color: #315d7b;
  margin: 0;
  line-height: 1.4;
}

html[data-theme="moonlight"] .settings-section-card, html[data-theme="moonlight"] .settings-integrations-panel, html[data-theme="moonlight"] .settings-theme-grid button, html[data-theme="moonlight"] .settings-integration-list article {
  background: linear-gradient(#080e1fdb, #0a1228b8);
  border-color: #b2e2ff29;
  box-shadow: 0 24px 80px #00000057, 0 0 40px #4c8bf514, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .settings-section-card > p:not(.eyebrow), html[data-theme="moonlight"] .settings-integrations-panel > p:not(.eyebrow), html[data-theme="moonlight"] .settings-theme-grid small, html[data-theme="moonlight"] .settings-integration-list p, html[data-theme="moonlight"] .settings-section-card small {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .settings-theme-grid strong, html[data-theme="moonlight"] .settings-integration-list strong {
  color: #fff;
}

html[data-theme="moonlight"] .settings-form input {
  color: #f8fbff;
  background: #ffffff12;
  border-color: #ffffff24;
}

@media (max-width: 1100px) {
  .settings-layout, .settings-form, .settings-theme-grid {
    grid-template-columns: 1fr;
  }

  .settings-integrations-panel {
    position: static;
  }
}

.product-logo {
  width: 100%;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 18px;
  padding: 4px 0;
  display: block;
  overflow: visible;
}

.product-logo img {
  object-fit: contain;
  object-position: left center;
  width: 100%;
  height: auto;
  max-height: 74px;
  display: block;
}

.workspace-brand {
  color: #1264b5;
  letter-spacing: -.04em;
  margin: 14px 0 20px;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.05;
}

.workspace-brand span {
  color: #286087;
  text-transform: uppercase;
  letter-spacing: .16em;
  margin-top: 5px;
  font-size: 11px;
  display: block;
}

html[data-theme="moonlight"] .workspace-brand {
  color: #eff9ff;
  text-shadow: 0 0 24px #9dddff29;
}

html[data-theme="moonlight"] .workspace-brand span {
  color: #b8ecff;
}

.nest-status-card {
  background: radial-gradient(circle at 16% 8%, #ffffffeb, #0000 22%), linear-gradient(145deg, #ffffffc7, #d9f5ff9e);
  border: 1px solid #ffffffdb;
  border-radius: 28px;
  margin: 6px 0 18px;
  padding: 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 44px #2c8edb21, inset 0 1px #ffffffe6;
}

.nest-status-card:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, #ffd76b52, #0000 62%);
  border-radius: 50%;
  width: 94px;
  height: 94px;
  position: absolute;
  top: -28px;
  right: -26px;
}

.nest-status-top {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.nest-badge, .nest-status-dot {
  text-transform: uppercase;
  letter-spacing: .11em;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 950;
}

.nest-badge {
  color: #1264b5;
  background: #5fc7ff2e;
  border: 1px solid #2798ff2e;
}

.nest-status-dot {
  color: #16723a;
  background: #22c55e21;
  border: 1px solid #22c55e33;
}

.nest-status-card > strong {
  z-index: 1;
  color: #174a78;
  letter-spacing: -.055em;
  margin-bottom: 8px;
  font-size: 22px;
  line-height: .98;
  display: block;
  position: relative;
}

.nest-status-card > p {
  z-index: 1;
  color: #486d87;
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
  position: relative;
}

.nest-leader-row {
  z-index: 1;
  background: #ffffff9e;
  border: 1px solid #2798ff24;
  border-radius: 20px;
  align-items: center;
  gap: 11px;
  padding: 10px;
  display: flex;
  position: relative;
}

.nest-leader-avatar {
  color: #fff;
  background: radial-gradient(circle at 35% 25%, #eaffff, #77d8ff 36%, #3766e8 76%);
  border-radius: 16px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
  box-shadow: 0 12px 28px #3891ee38, inset 0 1px #ffffffd1;
}

.nest-leader-row b {
  color: #1264b5;
  font-size: 17px;
  line-height: 1;
  display: block;
}

.nest-leader-row small {
  color: #64849b;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 800;
  display: block;
}

html[data-theme="moonlight"] .nest-status-card {
  background: radial-gradient(circle at 16% 8%, #9dddff24, #0000 24%), linear-gradient(#080e1fdb, #0a1228b8);
  border-color: #b2e2ff29;
  box-shadow: 0 24px 80px #00000057, 0 0 40px #4c8bf514, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .nest-status-card > strong {
  color: #eff9ff;
  text-shadow: 0 0 22px #9dddff24;
}

html[data-theme="moonlight"] .nest-status-card > p {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .nest-badge {
  color: #b8ecff;
  background: #5fc7ff1f;
  border-color: #9dddff2e;
}

html[data-theme="moonlight"] .nest-status-dot {
  color: #dcfce7;
  background: #22c55e1f;
  border-color: #22c55e33;
}

html[data-theme="moonlight"] .nest-leader-row {
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="moonlight"] .nest-leader-row b {
  color: #fff;
}

html[data-theme="moonlight"] .nest-leader-row small {
  color: #c8d6e6;
}

.current-process-card {
  gap: 10px;
  display: grid;
}

.current-process-top {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.current-process-top strong {
  color: #1264b5;
}

.current-process-top span {
  color: #16723a;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #22c55e21;
  border: 1px solid #22c55e33;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 950;
}

.current-process-card h3 {
  color: #174a78;
  letter-spacing: -.04em;
  margin: 0;
  font-size: 22px;
  line-height: 1.02;
}

.current-process-card p {
  color: #486d87;
  margin: 0;
  line-height: 1.4;
}

.current-process-card small {
  color: #64849b;
  font-weight: 850;
  line-height: 1.35;
}

html[data-theme="moonlight"] .current-process-top strong, html[data-theme="moonlight"] .current-process-card h3 {
  color: #fff;
}

html[data-theme="moonlight"] .current-process-card p, html[data-theme="moonlight"] .current-process-card small {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .current-process-top span {
  color: #dcfce7;
  background: #22c55e1f;
  border-color: #22c55e33;
}

.start-tour-button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  padding: 13px 16px;
  font-weight: 950;
  box-shadow: 0 14px 30px #237ac433;
}

.start-tour-button.compact {
  color: #1264b5;
  background: #ffffffad;
  border: 1px solid #2798ff2e;
  width: 100%;
  box-shadow: 0 12px 28px #2681cb14, inset 0 1px #ffffffd1;
}

.tour-backdrop {
  z-index: 200;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: linear-gradient(#0a254014, #0a25403d);
  place-items: end center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

.tour-card {
  background: linear-gradient(#fffffffa, #ecfafff0);
  border: 1px solid #ffffffeb;
  border-radius: 32px;
  width: min(560px, 100%);
  padding: 24px;
  box-shadow: 0 34px 100px #18599040, inset 0 1px #fffffff2;
}

.tour-card-head {
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  display: flex;
}

.tour-card h2 {
  color: #174a78;
  margin: 0;
}

.tour-card > p {
  color: #315d7b;
  margin: 16px 0;
  font-size: 18px;
  line-height: 1.5;
}

.tour-card-head button {
  color: #174a78;
  cursor: pointer;
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 24px;
}

.tour-progress-dots {
  gap: 8px;
  margin: 18px 0;
  display: flex;
}

.tour-progress-dots span {
  background: #3a84be2e;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.tour-progress-dots span.active {
  background: #5fc7ff;
  border-radius: 999px;
  width: 28px;
}

.tour-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.tour-actions button {
  color: #fff;
  cursor: pointer;
  background: #5fc7ff;
  border: 0;
  border-radius: 999px;
  padding: 12px 15px;
  font-weight: 950;
}

.tour-actions button.secondary {
  color: #1264b5;
  background: #ffffffb3;
  border: 1px solid #2798ff2e;
}

.settings-tour-card {
  gap: 10px;
  display: grid;
}

.settings-tour-card .start-tour-button {
  justify-self: start;
}

html[data-theme="moonlight"] .start-tour-button.compact {
  color: #eff9ff;
  background: #ffffff12;
  border-color: #ffffff1f;
  box-shadow: inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .tour-backdrop {
  background: linear-gradient(#03071242, #03071294);
}

html[data-theme="moonlight"] .tour-card {
  background: linear-gradient(#080e1ff5, #0a1228e6);
  border-color: #b2e2ff29;
  box-shadow: 0 34px 100px #00000061, 0 0 40px #4c8bf514, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .tour-card h2 {
  color: #fff;
}

html[data-theme="moonlight"] .tour-card > p {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .tour-card-head button, html[data-theme="moonlight"] .tour-actions button.secondary {
  color: #eff9ff;
  background: #ffffff14;
  border-color: #ffffff1f;
}

@media (max-width: 700px) {
  .tour-backdrop {
    place-items: end;
    padding: 14px;
  }

  .tour-card {
    border-radius: 26px;
  }
}

.shell {
  grid-template-columns: 224px minmax(0, 1fr);
}

.sidebar {
  padding: 18px;
}

.page-header {
  margin-bottom: 18px;
}

.eyebrow {
  margin-bottom: 8px;
  font-size: 10px;
}

h1 {
  max-width: 860px;
  margin-bottom: 14px;
  font-size: clamp(36px, 5.6vw, 70px);
}

h2 {
  margin-bottom: 11px;
  font-size: clamp(22px, 3.2vw, 38px);
}

.page-subcopy p, .hero-card p, .empty-state p {
  font-size: 15px;
  line-height: 1.45;
}

.product-logo img {
  max-height: 58px;
}

.nest-status-card {
  border-radius: 22px;
  margin: 4px 0 14px;
  padding: 13px;
}

.nest-status-card > strong {
  font-size: 18px;
}

.nest-status-card > p {
  margin-bottom: 11px;
  font-size: 11px;
}

.nest-leader-row {
  border-radius: 16px;
  gap: 8px;
  padding: 8px;
}

.nest-leader-avatar {
  border-radius: 13px;
  width: 34px;
  height: 34px;
}

.nest-leader-row b {
  font-size: 14px;
}

.nest-leader-row small {
  font-size: 10px;
}

.sidebar nav a, .start-tour-button.compact {
  border-radius: 13px;
  padding: 9px 11px;
  font-size: 13px;
}

.sidebar-card {
  border-radius: 16px;
  padding: 13px;
  bottom: 18px;
  left: 18px;
  right: 18px;
}

.current-process-card {
  gap: 8px;
}

.current-process-card h3 {
  font-size: 18px;
}

.current-process-card p, .current-process-card small {
  font-size: 11px;
}

.dashboard-chat-layout {
  grid-template-columns: minmax(0, 1fr) 304px;
  gap: 14px;
}

.idea-drop-hero, .blue-chat-card, .team-sidebar-panel, .chat-next-strip, .briefing-hero, .current-client-card, .dashboard-footer-strip, .ideas-command-card, .ideas-side-panel, .idea-process-board, .handoff-board, .team-command-card, .team-activity-card, .team-status-grid article, .team-feed-card, .settings-section-card, .settings-integrations-panel, .launch-destination-grid article, .team-receipt-card, .approval-gate-hero, .results-loop-card, .client-status-strip article, .campaign-library-grid article, .integration-grid article, .brand-memory-grid article, .launch-command-grid article, .launch-summary-card {
  border-radius: 24px;
  padding: 18px;
}

.idea-drop-hero textarea, .ideas-command-card textarea {
  min-height: 90px;
  font-size: 14px;
}

.idea-drop-fields {
  grid-template-columns: 1fr 176px auto;
  gap: 8px;
}

input, textarea, select {
  border-radius: 12px;
  padding: 10px 11px;
  font-size: 13px;
}

.primary-link, .form-card button, .generate-button, .idea-drop-fields button, .ideas-command-card > button, .blue-chat-composer button, .settings-form button, .settings-integration-list button, .integration-grid button, .launch-command-grid button {
  padding: 10px 14px;
  font-size: 13px;
}

.blue-chat-head {
  margin-bottom: 10px;
}

.blue-chat-subcopy {
  font-size: 13px;
}

.dashboard-chat-main .blue-chat-card {
  min-height: 496px;
}

.dashboard-chat-main .blue-chat-messages {
  min-height: 270px;
}

.blue-chat-messages div {
  border-radius: 16px;
  padding: 10px 12px;
  font-size: 13px;
}

.blue-chat-composer {
  border-radius: 19px;
  gap: 9px;
  padding: 9px;
}

.blue-chat-composer textarea {
  min-height: 60px;
  font-size: 13px;
}

.blue-chat-actions {
  gap: 7px;
  margin-top: 10px;
}

.blue-chat-actions button {
  padding: 8px 10px;
  font-size: 12px;
}

.team-sidebar-head p, .team-mini-row, .team-mission-list div, .campaign-state-card p, .pipeline-mini-track div {
  font-size: 12px;
}

.campaign-state-card {
  border-radius: 18px;
  padding: 13px;
}

.campaign-state-card strong {
  font-size: 18px;
}

.pipeline-mini-track {
  gap: 6px;
}

.pipeline-mini-track b {
  width: 20px;
  height: 20px;
  font-size: 11px;
}

.team-sidebar-count strong, .dashboard-footer-strip strong {
  font-size: 34px;
}

.client-row, .profile-card, .form-card, .empty-state, .run-log, .form-section, .step-card {
  border-radius: 21px;
  padding: 18px;
}

.wizard-hero-simple {
  border-radius: 28px;
  padding: 22px;
}

.wizard-flow-list article {
  border-radius: 20px;
  padding: 16px;
}

.step-number {
  width: 34px;
  height: 34px;
}

.step-main strong {
  font-size: 18px;
}

.step-main p {
  font-size: 13px;
}

.tour-card {
  border-radius: 26px;
  max-width: 448px;
  padding: 20px;
}

.tour-card > p {
  font-size: 15px;
}

@media (max-width: 1000px) {
  .shell {
    grid-template-columns: 1fr;
  }

  .content, .sidebar {
    padding: 16px;
  }
}

@media (max-width: 700px) {
  h1 {
    font-size: clamp(34px, 12vw, 52px);
  }

  h2 {
    font-size: clamp(22px, 8vw, 34px);
  }

  .idea-drop-fields {
    grid-template-columns: 1fr;
  }
}

.start-tour-button.compact {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #6366f1 58%, #a855f7);
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 30px #3b82f63d, inset 0 1px #ffffff47;
}

.start-tour-button.compact:before {
  content: "✦";
  font-size: 13px;
}

.start-tour-button.compact:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff57, #0000);
  animation: 3.8s ease-in-out infinite tourShimmer;
  position: absolute;
  inset: -40% -20%;
  transform: translateX(-120%)rotate(12deg);
}

.start-tour-button.compact:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 36px #3b82f64d, inset 0 1px #ffffff52;
}

html[data-theme="moonlight"] .start-tour-button.compact {
  color: #06101d;
  background: linear-gradient(135deg, #d8f99d, #9bddff 48%, #bda6ff);
  border: 0;
  box-shadow: 0 0 28px #9dddff33, 0 16px 34px #00000047, inset 0 1px #ffffff73;
}

@keyframes tourShimmer {
  0%, 55% {
    transform: translateX(-130%)rotate(12deg);
  }

  78%, 100% {
    transform: translateX(130%)rotate(12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .start-tour-button.compact:after {
    animation: none;
    display: none;
  }
}

.tour-layer {
  z-index: 240;
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.tour-dim {
  pointer-events: auto;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #040c188f;
  position: absolute;
  inset: 0;
}

.tour-spotlight {
  z-index: 241;
  pointer-events: none;
  background: #ffffff0a;
  border-radius: 24px;
  transition: all .22s;
  position: fixed;
  box-shadow: 0 0 0 9999px #040c188f, 0 0 0 3px #5fc7ffeb, 0 0 40px #5fc7ff5c;
}

.tour-card.positioned {
  z-index: 242;
  pointer-events: auto;
  width: min(520px, 100vw - 36px);
  position: fixed;
}

.tour-card:not(.positioned) {
  z-index: 242;
  pointer-events: auto;
  width: min(560px, 100vw - 36px);
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}

.tour-backdrop {
  display: none;
}

@media (max-width: 700px) {
  .tour-card.positioned, .tour-card:not(.positioned) {
    width: auto;
    bottom: 14px;
    right: 14px;
    transform: none;
    top: auto !important;
    left: 14px !important;
  }
}

.tour-dim {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #040c1857;
}

.tour-card:not(.positioned) {
  width: min(440px, 100vw - 24px);
}

.tour-spotlight {
  box-shadow: 0 0 0 9999px #040c1857, 0 0 0 3px #5fc7ffeb, 0 0 32px #5fc7ff4d;
}

html[data-theme="moonlight"] .tour-dim {
  background: #0307126b;
}

html[data-theme="moonlight"] .tour-spotlight {
  box-shadow: 0 0 0 9999px #0307126b, 0 0 0 3px #d8f99de0, 0 0 36px #9dddff3d;
}

.tour-card.positioned, .tour-card:not(.positioned) {
  width: min(420px, 100vw - 24px);
  max-height: min(360px, 100vh - 24px);
  overflow: auto;
}

.tour-card {
  overscroll-behavior: contain;
}

@media (max-height: 760px) {
  .tour-card.positioned, .tour-card:not(.positioned) {
    max-height: calc(100vh - 28px);
    padding: 16px;
  }

  .tour-card > p {
    margin: 10px 0;
    font-size: 14px;
  }

  .tour-progress-dots {
    margin: 10px 0;
  }
}

.nestlings-hero {
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: stretch;
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.nestlings-hero > div, .nestlings-next-calls, .nestlings-grid article, .nestlings-feed {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffeb;
  border-radius: 24px;
  padding: 18px;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6;
}

.nestlings-hero h2 {
  margin: 0 0 10px;
}

.nestlings-hero p:not(.eyebrow) {
  color: #315d7b;
  line-height: 1.45;
}

.nestlings-next-calls {
  gap: 10px;
  display: grid;
}

.nestlings-next-calls div {
  color: #315d7b;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.38;
  display: grid;
}

.nestlings-next-calls b {
  color: #fff;
  background: #5fc7ff;
  border-radius: 11px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.nestlings-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.nestlings-grid article {
  border-color: color-mix(in srgb, var(--hire) 24%, #ffffffdb);
  gap: 12px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.nestlings-grid article.active {
  background: radial-gradient(circle at 50% -12%, color-mix(in srgb, var(--hire) 20%, transparent), transparent 38%), linear-gradient(180deg, #fffffffa, #ecfaffe0);
}

.nestling-image-wrap {
  background: #fff;
  border: 1px solid #3a84be1f;
  border-radius: 22px;
  place-items: center;
  min-height: 150px;
  display: grid;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffffe6;
}

.nestling-image-wrap img {
  object-fit: contain;
  width: 100%;
  max-height: 170px;
  display: block;
}

.nestling-card-copy span {
  color: color-mix(in srgb, var(--hire) 78%, #1679d8);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 10px;
  font-weight: 950;
}

.nestling-card-copy h2 {
  margin: 4px 0;
  font-size: 26px;
}

.nestling-card-copy strong {
  color: #103d66;
  margin-bottom: 8px;
  display: block;
}

.nestling-card-copy p {
  color: #315d7b;
  margin: 0;
  font-weight: 800;
  line-height: 1.38;
}

.nestling-card-copy small {
  color: #587a94;
  margin-top: 9px;
  font-weight: 750;
  line-height: 1.35;
  display: block;
}

.nestlings-feed {
  gap: 10px;
  margin-bottom: 18px;
  display: grid;
}

.nestlings-feed h2 {
  margin: 0;
}

html[data-theme="moonlight"] .nestlings-hero > div, html[data-theme="moonlight"] .nestlings-next-calls, html[data-theme="moonlight"] .nestlings-grid article, html[data-theme="moonlight"] .nestlings-feed {
  background: linear-gradient(#080e1fdb, #0a1228b8);
  border-color: #b2e2ff29;
  box-shadow: 0 24px 80px #00000057, 0 0 40px #4c8bf514, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .nestlings-grid article.active {
  background: radial-gradient(circle at 50% -12%, color-mix(in srgb, var(--hire) 18%, transparent), transparent 38%), linear-gradient(180deg, #080e1feb, #0a1228c7);
}

html[data-theme="moonlight"] .nestling-image-wrap {
  background: #ffffffeb;
  border-color: #b2e2ff2e;
}

html[data-theme="moonlight"] .nestling-card-copy strong, html[data-theme="moonlight"] .nestling-card-copy h2 {
  color: #fff;
}

html[data-theme="moonlight"] .nestlings-hero p:not(.eyebrow), html[data-theme="moonlight"] .nestlings-next-calls div, html[data-theme="moonlight"] .nestling-card-copy p, html[data-theme="moonlight"] .nestling-card-copy small {
  color: #c8d6e6;
}

@media (max-width: 1250px) {
  .nestlings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .nestlings-hero, .nestlings-grid {
    grid-template-columns: 1fr;
  }

  .nestling-image-wrap {
    min-height: 130px;
  }
}

.nestlings-handoff .handoff-track {
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
  gap: 12px;
  padding-bottom: 0;
  display: grid;
  overflow: visible;
}

.nestlings-handoff .handoff-step {
  min-height: 150px;
}

.nestlings-handoff .handoff-step:not(:last-child):after {
  display: none;
}

.nestlings-handoff .handoff-step p {
  font-size: 12px;
  line-height: 1.35;
}

.nestlings-handoff .handoff-step strong {
  font-size: 18px;
}

.nestlings-handoff .handoff-node {
  border-radius: 13px;
  width: 34px;
  height: 34px;
}

@media (max-width: 760px) {
  .nestlings-handoff .handoff-track {
    grid-template-columns: 1fr;
  }
}

.product-logo .logo-moonlight, html[data-theme="moonlight"] .product-logo .logo-sky {
  display: none;
}

html[data-theme="moonlight"] .product-logo .logo-moonlight {
  display: block;
}

html[data-theme="moonlight"] .product-logo {
  filter: none;
}

html[data-theme="moonlight"] .product-logo img.logo-moonlight {
  filter: drop-shadow(0 0 16px #9dddff2e);
}

.ai-provider-settings {
  gap: 14px;
  margin-top: 14px;
  display: grid;
}

.ai-mode-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.ai-mode-grid button {
  text-align: left;
  color: #103d66;
  cursor: pointer;
  background: #ffffffb3;
  border: 1px solid #3a84be2e;
  border-radius: 22px;
  gap: 6px;
  padding: 16px;
  display: grid;
}

.ai-mode-grid button.active {
  border-color: #238ef2;
  box-shadow: 0 0 0 4px #5fc7ff24, inset 0 1px #fffc;
}

.ai-mode-grid strong {
  font-size: 18px;
}

.ai-mode-grid small, .ai-provider-settings small {
  color: #315d7b;
  font-weight: 800;
  line-height: 1.35;
}

.ai-provider-settings label span {
  color: #1679d8;
}

.ai-provider-settings input:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.ai-provider-settings > button {
  color: #fff;
  cursor: pointer;
  background: #5fc7ff;
  border: 0;
  border-radius: 999px;
  justify-self: start;
  padding: 10px 14px;
  font-weight: 950;
}

html[data-theme="moonlight"] .ai-mode-grid button {
  color: #fff;
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="moonlight"] .ai-mode-grid small, html[data-theme="moonlight"] .ai-provider-settings small {
  color: #c8d6e6;
}

@media (max-width: 900px) {
  .ai-mode-grid {
    grid-template-columns: 1fr;
  }
}

.onboarding-page {
  color: #103d66;
  background: linear-gradient(#eafcff, #fff8ef);
  min-height: 100vh;
  padding: 24px;
  font-family: Arial, Helvetica, sans-serif;
}

.onboarding-shell {
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 18px;
  max-width: 1280px;
  min-height: calc(100vh - 48px);
  margin: 0 auto;
  display: grid;
}

.onboarding-side, .onboarding-wizard {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffeb;
  border-radius: 30px;
  padding: 24px;
  box-shadow: 0 24px 80px #237ac426, inset 0 1px #ffffffe6;
}

.onboarding-side {
  align-content: start;
  gap: 18px;
  height: calc(100vh - 48px);
  display: grid;
  position: sticky;
  top: 24px;
}

.onboarding-side img {
  object-fit: contain;
  object-position: left center;
  width: 100%;
  max-height: 90px;
}

.onboarding-side h2 {
  color: #174a78;
  letter-spacing: -.055em;
  margin: 0;
  font-size: 32px;
  line-height: .98;
}

.onboarding-side p {
  color: #315d7b;
  margin: 0;
  line-height: 1.45;
}

.onboarding-side div {
  gap: 9px;
  display: grid;
}

.onboarding-side span {
  color: #1264b5;
  background: #ffffff9e;
  border: 1px solid #3a84be24;
  border-radius: 999px;
  padding: 9px 11px;
  font-weight: 900;
}

.onboarding-wizard {
  grid-template-rows: auto 1fr auto;
  gap: 18px;
  min-height: calc(100vh - 48px);
  display: grid;
}

.onboarding-progress span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.onboarding-progress div {
  background: #3a84be1f;
  border-radius: 999px;
  height: 10px;
  margin-top: 9px;
  overflow: hidden;
}

.onboarding-progress b {
  background: linear-gradient(90deg, #5fc7ff, #a855f7);
  border-radius: 999px;
  height: 100%;
  transition: width .2s;
  display: block;
}

.onboarding-wizard section {
  align-self: center;
  width: 100%;
  max-width: 920px;
}

.onboarding-wizard h1 {
  color: #174a78;
  letter-spacing: -.075em;
  margin: 0 0 16px;
  font-size: clamp(42px, 6vw, 76px);
  line-height: .86;
}

.onboarding-wizard section > p {
  color: #315d7b;
  max-width: 720px;
  font-size: 17px;
  line-height: 1.5;
}

.onboarding-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
  display: grid;
}

.onboarding-wide-label {
  gap: 8px;
  max-width: 760px;
  margin-top: 18px;
  display: grid;
}

.onboarding-wizard label span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.onboarding-wizard input, .onboarding-wizard select, .onboarding-wizard textarea {
  color: #123955;
  background: #ffffffc7;
  border: 1px solid #3a84be2e;
  border-radius: 14px;
  outline: none;
  width: 100%;
  padding: 12px;
}

.onboarding-wizard textarea {
  resize: vertical;
  min-height: 120px;
}

.onboarding-choice-grid, .onboarding-pill-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.onboarding-choice-grid button, .onboarding-choice-grid label, .onboarding-pill-grid label, .onboarding-nestlings label {
  cursor: pointer;
  color: #103d66;
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 22px;
  gap: 7px;
  padding: 16px;
  display: grid;
}

.onboarding-choice-grid .active {
  border-color: #238ef2;
  box-shadow: 0 0 0 4px #5fc7ff24, inset 0 1px #fffc;
}

.onboarding-choice-grid label:has(input:checked) {
  border-color: #238ef2;
  box-shadow: 0 0 0 4px #5fc7ff24, inset 0 1px #fffc;
}

.onboarding-pill-grid label:has(input:checked) {
  border-color: #238ef2;
  box-shadow: 0 0 0 4px #5fc7ff24, inset 0 1px #fffc;
}

.onboarding-nestlings label:has(input:checked) {
  border-color: #238ef2;
  box-shadow: 0 0 0 4px #5fc7ff24, inset 0 1px #fffc;
}

.onboarding-choice-grid input, .onboarding-pill-grid input, .onboarding-nestlings input {
  width: auto;
}

.onboarding-choice-grid strong {
  font-size: 18px;
}

.onboarding-choice-grid small {
  color: #315d7b;
  font-weight: 800;
}

.onboarding-nestlings {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.onboarding-nestlings img {
  object-fit: contain;
  background: #fff;
  border-radius: 16px;
  width: 100%;
  height: 96px;
}

.onboarding-nestlings span {
  color: #315d7b;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}

.onboarding-actions {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.onboarding-actions button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 950;
}

html[data-theme="moonlight"] .onboarding-side, html[data-theme="moonlight"] .onboarding-wizard {
  background: linear-gradient(#080e1feb, #0a1228c7);
  border-color: #b2e2ff29;
  box-shadow: 0 24px 80px #00000057, 0 0 40px #4c8bf514, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .onboarding-side h2, html[data-theme="moonlight"] .onboarding-wizard h1, html[data-theme="moonlight"] .onboarding-choice-grid strong, html[data-theme="moonlight"] .onboarding-nestlings strong {
  color: #fff;
}

html[data-theme="moonlight"] .onboarding-side p, html[data-theme="moonlight"] .onboarding-wizard section > p, html[data-theme="moonlight"] .onboarding-choice-grid small, html[data-theme="moonlight"] .onboarding-nestlings span {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .onboarding-side span, html[data-theme="moonlight"] .onboarding-choice-grid button, html[data-theme="moonlight"] .onboarding-choice-grid label, html[data-theme="moonlight"] .onboarding-pill-grid label, html[data-theme="moonlight"] .onboarding-nestlings label {
  color: #eff9ff;
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="moonlight"] .onboarding-wizard input, html[data-theme="moonlight"] .onboarding-wizard select, html[data-theme="moonlight"] .onboarding-wizard textarea {
  color: #f8fbff;
  background: #ffffff12;
  border-color: #ffffff24;
}

@media (max-width: 1050px) {
  .onboarding-shell {
    grid-template-columns: 1fr;
  }

  .onboarding-side {
    height: auto;
    position: static;
  }

  .onboarding-nestlings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .onboarding-page {
    padding: 12px;
  }

  .onboarding-shell {
    min-height: calc(100vh - 24px);
  }

  .onboarding-fields, .onboarding-choice-grid, .onboarding-pill-grid, .onboarding-nestlings {
    grid-template-columns: 1fr;
  }

  .onboarding-wizard h1 {
    font-size: 40px;
  }
}

.onboarding-inline-button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  margin-top: 14px;
  padding: 12px 18px;
  font-weight: 950;
}

.nestling-intro-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.nestling-intro-row article, .voice-sampler-grid label, .destination-readiness-grid label, .invite-reviewer-box, .campaign-preview-card, .goal-path-note {
  color: #103d66;
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 22px;
  padding: 16px;
}

.nestling-intro-row img {
  object-fit: contain;
  background: #fff;
  border-radius: 16px;
  width: 100%;
  height: 112px;
}

.nestling-intro-row strong, .campaign-preview-card strong, .invite-reviewer-box strong {
  color: #103d66;
  margin: 8px 0 6px;
  font-size: 18px;
  display: block;
}

.nestling-intro-row p, .voice-sampler-grid p, .campaign-preview-card p, .invite-reviewer-box p, .goal-path-note {
  color: #315d7b;
  margin: 0;
  font-weight: 800;
  line-height: 1.4;
}

.voice-sampler-grid, .destination-readiness-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

:is(.voice-sampler-grid label:has(input:checked), .destination-readiness-grid label:has(input:checked)) {
  border-color: #238ef2;
  box-shadow: 0 0 0 4px #5fc7ff24, inset 0 1px #fffc;
}

.voice-sampler-grid input, .destination-readiness-grid input {
  width: auto;
}

.destination-readiness-grid strong {
  color: #103d66;
  font-size: 17px;
  display: block;
}

.destination-readiness-grid span {
  color: #16723a;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.invite-reviewer-box {
  gap: 8px;
  margin-top: 18px;
  display: grid;
}

.campaign-preview-card {
  gap: 8px;
  max-width: 760px;
  margin-top: 18px;
  display: grid;
}

.nest-waking-screen {
  align-self: center;
  gap: 12px;
  display: grid;
}

.nest-waking-screen div {
  color: #315d7b;
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  font-weight: 900;
  display: flex;
}

.nest-waking-screen b {
  background: #5fc7ff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  animation: 1.5s ease-in-out infinite spawnPulse;
  box-shadow: 0 0 0 5px #5fc7ff24;
}

html[data-theme="moonlight"] .nestling-intro-row article, html[data-theme="moonlight"] .voice-sampler-grid label, html[data-theme="moonlight"] .destination-readiness-grid label, html[data-theme="moonlight"] .invite-reviewer-box, html[data-theme="moonlight"] .campaign-preview-card, html[data-theme="moonlight"] .goal-path-note, html[data-theme="moonlight"] .nest-waking-screen div {
  color: #eff9ff;
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="moonlight"] .nestling-intro-row strong, html[data-theme="moonlight"] .campaign-preview-card strong, html[data-theme="moonlight"] .invite-reviewer-box strong, html[data-theme="moonlight"] .destination-readiness-grid strong {
  color: #fff;
}

html[data-theme="moonlight"] .nestling-intro-row p, html[data-theme="moonlight"] .voice-sampler-grid p, html[data-theme="moonlight"] .campaign-preview-card p, html[data-theme="moonlight"] .invite-reviewer-box p, html[data-theme="moonlight"] .goal-path-note, html[data-theme="moonlight"] .nest-waking-screen div {
  color: #c8d6e6;
}

@media (max-width: 1050px) {
  .nestling-intro-row, .voice-sampler-grid, .destination-readiness-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .nestling-intro-row, .voice-sampler-grid, .destination-readiness-grid {
    grid-template-columns: 1fr;
  }
}

.onboarding-logo-moonlight, html[data-theme="moonlight"] .onboarding-logo-sky {
  display: none;
}

html[data-theme="moonlight"] .onboarding-logo-moonlight {
  display: block;
}

.department-head-step {
  max-width: 980px;
}

.department-head-step > p:not(.eyebrow) {
  margin-bottom: 18px;
}

.handwritten-name-label {
  margin-top: 20px;
  position: relative;
}

.handwritten-name-label input {
  letter-spacing: .01em;
  color: #174a78;
  background: linear-gradient(#fffffff5, #eefaffe0);
  border: 2px solid #5fc7ff47;
  min-height: 58px;
  padding: 12px 18px;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 28px;
  font-weight: 800;
  box-shadow: 0 16px 34px #237ac41a, inset 0 1px #ffffffe6;
}

.handwritten-name-label:after {
  content: "✦ this is who your Nestlings listen to";
  color: #6b7fa2;
  font-family: Segoe Print, Bradley Hand, cursive;
  font-size: 13px;
  position: absolute;
  bottom: -25px;
  right: 14px;
  transform: rotate(-1deg);
}

.personality-grid {
  margin-top: 38px;
}

.personality-grid label {
  background: linear-gradient(#ffffffdb, #eefaffb8);
  border-color: #5fc7ff2e;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 5px 12px;
  min-height: 92px;
  padding: 16px 18px;
  position: relative;
  box-shadow: 0 14px 32px #237ac414, inset 0 1px #ffffffd6;
}

.personality-grid label input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.personality-grid label i {
  background: #5fc7ff1f;
  border: 1px solid #5fc7ff42;
  border-radius: 13px;
  grid-row: 1 / span 2;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
  box-shadow: inset 0 1px #ffffffb8;
}

.personality-grid label i:before {
  content: "";
  background: none;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: all .16s;
}

.personality-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 18%, #5fc7ff2e, #0000 28%), linear-gradient(#fffffff5, #e7f7ffdb);
  border-color: #38bdf8;
  transform: translateY(-1px);
}

.personality-grid label:has(input:checked) i {
  background: linear-gradient(#5fc7ff, #238ef2);
  border-color: #0000;
}

.personality-grid label:has(input:checked) i:before {
  background: #fff;
  box-shadow: 0 0 0 4px #ffffff3d;
}

.personality-grid strong {
  color: #174a78;
  font-size: 17px;
}

.personality-grid span {
  color: #44718f;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 850;
}

html[data-theme="moonlight"] .handwritten-name-label input {
  color: #f8fbff;
  background: linear-gradient(#ffffff1a, #ffffff0f);
  border-color: #9dddff3d;
  box-shadow: 0 20px 50px #0000003d, 0 0 28px #9dddff14, inset 0 1px #ffffff1a;
}

html[data-theme="moonlight"] .handwritten-name-label:after {
  color: #b8ecff;
  opacity: .8;
}

html[data-theme="moonlight"] .personality-grid label {
  background: linear-gradient(#ffffff17, #ffffff0e);
  border-color: #b2e2ff24;
  box-shadow: 0 18px 46px #00000038, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .personality-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 18%, #9dddff29, #0000 28%), linear-gradient(#ffffff1f, #ffffff12);
  border-color: #9dddff61;
}

html[data-theme="moonlight"] .personality-grid strong {
  color: #fff;
}

html[data-theme="moonlight"] .personality-grid span {
  color: #c8d6e6;
}

@media (max-width: 720px) {
  .handwritten-name-label:after {
    margin-top: 8px;
    display: block;
    position: static;
  }

  .handwritten-name-label input {
    font-size: 24px;
  }

  .personality-grid {
    margin-top: 18px;
  }
}

.meet-nestlings-story {
  max-width: 980px;
}

.handwritten-story-note {
  max-width: 760px;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  transform: rotate(-.4deg);
  color: #4f6f8c !important;
  font-size: 18px !important;
}

.nestling-story-card {
  background: radial-gradient(circle at 8% 12%, #ffffffeb, #0000 28%), linear-gradient(135deg, #ffffffeb, #e8f8ffc2);
  border: 1px solid #5fc7ff33;
  border-radius: 34px;
  grid-template-columns: 250px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  margin-top: 22px;
  padding: 22px;
  animation: .34s both nestlingStoryIn;
  display: grid;
  box-shadow: 0 22px 60px #237ac424, inset 0 1px #ffffffe6;
}

.nestling-story-image {
  background: #fff;
  border: 1px solid #3a84be1f;
  border-radius: 28px;
  place-items: center;
  min-height: 230px;
  display: grid;
  overflow: hidden;
}

.nestling-story-image img {
  object-fit: contain;
  width: 100%;
  max-height: 235px;
  animation: 3.6s ease-in-out infinite nestlingFloat;
}

.nestling-story-card span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 950;
}

.nestling-story-card h2 {
  color: #174a78;
  letter-spacing: -.04em;
  margin: 8px 0 4px;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 48px;
  line-height: .95;
  transform: rotate(-.8deg);
}

.nestling-story-card strong {
  color: #1264b5;
  margin-bottom: 14px;
  font-size: 18px;
  display: block;
}

.nestling-story-card p {
  color: #315d7b;
  margin: 0 0 12px;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 20px;
  line-height: 1.35;
}

.nestling-story-card small {
  color: #587a94;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.4;
  display: block;
}

.nestling-story-dots {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.nestling-story-dots button {
  color: #1264b5;
  cursor: pointer;
  background: #ffffffad;
  border: 1px solid #3a84be29;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 950;
}

.nestling-story-dots button.active {
  color: #fff;
  background: linear-gradient(#5fc7ff, #238ef2);
  border-color: #0000;
  box-shadow: 0 10px 22px #237ac42e;
}

.story-next {
  margin-top: 12px;
}

.story-next:disabled {
  opacity: .55;
  cursor: not-allowed;
}

@keyframes nestlingStoryIn {
  from {
    opacity: 0;
    transform: translateY(10px)scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes nestlingFloat {
  0%, 100% {
    transform: translateY(0)rotate(-.5deg);
  }

  50% {
    transform: translateY(-7px)rotate(.5deg);
  }
}

html[data-theme="moonlight"] .handwritten-story-note {
  color: #c8d6e6 !important;
}

html[data-theme="moonlight"] .nestling-story-card {
  background: radial-gradient(circle at 8% 12%, #9dddff24, #0000 28%), linear-gradient(#ffffff17, #ffffff0e);
  border-color: #b2e2ff29;
  box-shadow: 0 24px 80px #0000004d, 0 0 34px #4c8bf514, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .nestling-story-card h2, html[data-theme="moonlight"] .nestling-story-card strong {
  color: #fff;
}

html[data-theme="moonlight"] .nestling-story-card p, html[data-theme="moonlight"] .nestling-story-card small {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .nestling-story-dots button {
  color: #eff9ff;
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="moonlight"] .nestling-story-dots button.active {
  color: #06101d;
  background: linear-gradient(135deg, #d8f99d, #9bddff 48%, #bda6ff);
}

@media (max-width: 850px) {
  .nestling-story-card {
    grid-template-columns: 1fr;
  }

  .nestling-story-image {
    min-height: 180px;
  }

  .nestling-story-card h2 {
    font-size: 40px;
  }

  .nestling-story-card p {
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nestling-story-card, .nestling-story-image img {
    animation: none;
  }
}

.onboarding-shell {
  gap: 22px;
  max-width: 1360px;
}

.onboarding-side, .onboarding-wizard {
  border-radius: 34px;
}

.onboarding-side {
  overflow: hidden;
}

.onboarding-side:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, #5fc7ff38, #0000 68%);
  border-radius: 999px;
  width: 180px;
  height: 180px;
  position: absolute;
  bottom: 120px;
  right: -70px;
}

.onboarding-side img {
  max-height: 104px;
  margin-bottom: 4px;
}

.onboarding-side h2 {
  max-width: 270px;
  font-size: clamp(28px, 3vw, 38px);
}

.onboarding-side p {
  font-size: 15px;
}

.onboarding-side div {
  margin-top: 2px;
}

.onboarding-side span {
  align-items: center;
  gap: 8px;
  min-height: 38px;
  display: flex;
  box-shadow: inset 0 1px #ffffffb8;
}

.onboarding-side span:before {
  content: "";
  background: linear-gradient(135deg, #5fc7ff, #a855f7);
  border-radius: 999px;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 4px #5fc7ff1f;
}

.onboarding-wizard {
  min-height: calc(100vh - 48px);
  padding: 28px;
  overflow: hidden;
}

.onboarding-wizard section {
  max-width: 1000px;
  animation: .22s both onboardingStepIn;
}

.onboarding-wizard h1 {
  text-wrap: balance;
  max-width: 900px;
}

.onboarding-wizard section > p {
  text-wrap: pretty;
  margin: 0 0 12px;
}

.onboarding-fields label, .onboarding-wide-label {
  background: #ffffff75;
  border: 1px solid #3a84be21;
  border-radius: 20px;
  padding: 12px;
  box-shadow: inset 0 1px #ffffffb8;
}

.onboarding-wizard input, .onboarding-wizard select, .onboarding-wizard textarea {
  background: #ffffffdb;
  border-radius: 16px;
  min-height: 48px;
  box-shadow: inset 0 1px #ffffffc7;
}

.onboarding-wizard input:focus, .onboarding-wizard select:focus, .onboarding-wizard textarea:focus {
  border-color: #238ef294;
  box-shadow: 0 0 0 4px #5fc7ff29, inset 0 1px #fffc;
}

.onboarding-wizard textarea {
  min-height: 142px;
  line-height: 1.45;
}

.onboarding-choice-grid button, .onboarding-choice-grid label, .onboarding-pill-grid label, .onboarding-nestlings label, .voice-sampler-grid label, .destination-readiness-grid label {
  background: linear-gradient(#ffffffd6, #ecfaffa8);
  border-color: #3a84be24;
  border-radius: 24px;
  min-height: 76px;
  transition: transform .16s, box-shadow .16s, border-color .16s;
  position: relative;
  box-shadow: 0 12px 32px #237ac414, inset 0 1px #ffffffd1;
}

.onboarding-choice-grid button:hover, .onboarding-choice-grid label:hover, .onboarding-pill-grid label:hover, .onboarding-nestlings label:hover, .voice-sampler-grid label:hover, .destination-readiness-grid label:hover {
  border-color: #238ef257;
  transform: translateY(-1px);
  box-shadow: 0 16px 38px #237ac41f, inset 0 1px #ffffffdb;
}

.onboarding-choice-grid button.active {
  background: radial-gradient(circle at 8% 14%, #d8f99d61, #0000 32%), linear-gradient(#fffffff5, #e5f7ffd1);
  border-color: #38bdf8;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 18px 44px #237ac421, inset 0 1px #ffffffe6;
}

.onboarding-choice-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 14%, #d8f99d61, #0000 32%), linear-gradient(#fffffff5, #e5f7ffd1);
  border-color: #38bdf8;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 18px 44px #237ac421, inset 0 1px #ffffffe6;
}

.onboarding-pill-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 14%, #d8f99d61, #0000 32%), linear-gradient(#fffffff5, #e5f7ffd1);
  border-color: #38bdf8;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 18px 44px #237ac421, inset 0 1px #ffffffe6;
}

.onboarding-nestlings label:has(input:checked) {
  background: radial-gradient(circle at 8% 14%, #d8f99d61, #0000 32%), linear-gradient(#fffffff5, #e5f7ffd1);
  border-color: #38bdf8;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 18px 44px #237ac421, inset 0 1px #ffffffe6;
}

.voice-sampler-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 14%, #d8f99d61, #0000 32%), linear-gradient(#fffffff5, #e5f7ffd1);
  border-color: #38bdf8;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 18px 44px #237ac421, inset 0 1px #ffffffe6;
}

.destination-readiness-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 14%, #d8f99d61, #0000 32%), linear-gradient(#fffffff5, #e5f7ffd1);
  border-color: #38bdf8;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 18px 44px #237ac421, inset 0 1px #ffffffe6;
}

.onboarding-choice-grid label > input, .onboarding-pill-grid label > input, .voice-sampler-grid label > input, .destination-readiness-grid label > input {
  appearance: none;
  background: #ffffffc7;
  border: 1px solid #3a84be3d;
  border-radius: 9px;
  place-items: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  display: inline-grid;
}

.onboarding-choice-grid label > input[type="radio"], .onboarding-pill-grid label > input[type="radio"], .voice-sampler-grid label > input[type="radio"] {
  border-radius: 999px;
}

.onboarding-choice-grid label > input:checked, .onboarding-pill-grid label > input:checked, .voice-sampler-grid label > input:checked, .destination-readiness-grid label > input:checked {
  background: linear-gradient(#5fc7ff, #238ef2);
  border-color: #0000;
  box-shadow: 0 0 0 4px #5fc7ff24;
}

.onboarding-choice-grid label > input:checked:after, .onboarding-pill-grid label > input:checked:after, .voice-sampler-grid label > input:checked:after, .destination-readiness-grid label > input:checked:after {
  content: "";
  background: #fff;
  border-radius: 999px;
  width: 8px;
  height: 8px;
}

.onboarding-pill-grid label {
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
}

.onboarding-pill-grid label span {
  color: #174a78;
  letter-spacing: 0;
  text-transform: none;
  font-size: 14px;
}

.onboarding-nestlings label {
  align-content: start;
  min-height: 190px;
}

.onboarding-nestlings input {
  appearance: none;
  background: #fffc;
  border: 1px solid #3a84be38;
  border-radius: 10px;
  width: 24px;
  height: 24px;
  padding: 0;
  position: absolute;
  top: 12px;
  right: 12px;
}

.onboarding-nestlings input:checked {
  background: linear-gradient(#5fc7ff, #238ef2);
  border-color: #0000;
}

.onboarding-nestlings input:checked:after {
  content: "✓";
  color: #fff;
  place-items: center;
  font-size: 14px;
  font-weight: 950;
  display: grid;
}

.onboarding-nestlings img {
  background: linear-gradient(#fff, #effaff);
  height: 110px;
  box-shadow: inset 0 1px #fffc;
}

.voice-sampler-grid label {
  align-content: start;
}

.voice-sampler-grid label strong {
  color: #174a78;
  font-size: 20px;
}

.voice-sampler-grid label p {
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.destination-readiness-grid label {
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 7px 12px;
}

.destination-readiness-grid label strong, .destination-readiness-grid label span {
  grid-column: 2;
}

.goal-path-note, .campaign-preview-card, .invite-reviewer-box {
  background: linear-gradient(#ffffffe0, #ecfaffad);
  box-shadow: 0 14px 36px #237ac417, inset 0 1px #ffffffdb;
}

.personality-grid label {
  grid-template-columns: 36px minmax(0, 1fr);
}

.personality-grid label > input {
  display: none;
}

.personality-grid label i {
  grid-row: 1 / span 2;
}

.handwritten-name-label {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

.handwritten-name-label input {
  border-radius: 22px;
}

.nestling-story-card, .nestling-story-dots {
  max-width: 920px;
}

.onboarding-actions {
  align-items: center;
  padding-top: 4px;
}

.onboarding-actions button, .onboarding-inline-button {
  min-height: 44px;
  box-shadow: 0 14px 30px #237ac42e, inset 0 1px #ffffff61;
}

.onboarding-actions button.secondary {
  box-shadow: inset 0 1px #ffffffb3;
}

.nest-waking-screen div {
  max-width: 720px;
}

@keyframes onboardingStepIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html[data-theme="moonlight"] .onboarding-fields label, html[data-theme="moonlight"] .onboarding-wide-label {
  background: #ffffff0b;
  border-color: #ffffff1a;
  box-shadow: inset 0 1px #ffffff0e;
}

html[data-theme="moonlight"] .onboarding-choice-grid button, html[data-theme="moonlight"] .onboarding-choice-grid label, html[data-theme="moonlight"] .onboarding-pill-grid label, html[data-theme="moonlight"] .onboarding-nestlings label, html[data-theme="moonlight"] .voice-sampler-grid label, html[data-theme="moonlight"] .destination-readiness-grid label {
  background: linear-gradient(#ffffff17, #ffffff0e);
  border-color: #b2e2ff24;
  box-shadow: 0 18px 46px #00000038, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .onboarding-choice-grid button.active {
  background: radial-gradient(circle at 8% 18%, #9dddff29, #0000 28%), linear-gradient(#ffffff1f, #ffffff12);
  border-color: #9dddff61;
}

html[data-theme="moonlight"] .onboarding-choice-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 18%, #9dddff29, #0000 28%), linear-gradient(#ffffff1f, #ffffff12);
  border-color: #9dddff61;
}

html[data-theme="moonlight"] .onboarding-pill-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 18%, #9dddff29, #0000 28%), linear-gradient(#ffffff1f, #ffffff12);
  border-color: #9dddff61;
}

html[data-theme="moonlight"] .onboarding-nestlings label:has(input:checked) {
  background: radial-gradient(circle at 8% 18%, #9dddff29, #0000 28%), linear-gradient(#ffffff1f, #ffffff12);
  border-color: #9dddff61;
}

html[data-theme="moonlight"] .voice-sampler-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 18%, #9dddff29, #0000 28%), linear-gradient(#ffffff1f, #ffffff12);
  border-color: #9dddff61;
}

html[data-theme="moonlight"] .destination-readiness-grid label:has(input:checked) {
  background: radial-gradient(circle at 8% 18%, #9dddff29, #0000 28%), linear-gradient(#ffffff1f, #ffffff12);
  border-color: #9dddff61;
}

html[data-theme="moonlight"] .onboarding-pill-grid label span, html[data-theme="moonlight"] .voice-sampler-grid label strong, html[data-theme="moonlight"] .destination-readiness-grid strong {
  color: #fff;
}

html[data-theme="moonlight"] .goal-path-note, html[data-theme="moonlight"] .campaign-preview-card, html[data-theme="moonlight"] .invite-reviewer-box {
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="moonlight"] .onboarding-side:after {
  background: radial-gradient(circle, #9dddff2e, #0000 68%);
}

.onboarding-shell {
  align-items: start;
}

.onboarding-wizard {
  grid-template-rows: auto auto auto;
  align-self: start;
  height: auto;
  min-height: 0;
}

.onboarding-wizard section {
  align-self: start;
}

@media (min-width: 1051px) {
  .onboarding-wizard {
    max-height: calc(100vh - 48px);
    overflow: auto;
  }
}

@media (max-width: 1050px) {
  .onboarding-wizard {
    min-height: auto;
    max-height: none;
    overflow: visible;
  }

  .onboarding-side img {
    max-width: 260px;
  }
}

@media (max-width: 720px) {
  .onboarding-wizard, .onboarding-side {
    border-radius: 26px;
    padding: 18px;
  }

  .onboarding-actions {
    background: linear-gradient(#0000, #eafcfff5 28%);
    padding-top: 18px;
    position: sticky;
    bottom: 0;
  }

  html[data-theme="moonlight"] .onboarding-actions {
    background: linear-gradient(#0000, #030713f5 28%);
  }

  .onboarding-actions button {
    flex: 1;
  }

  .onboarding-wizard h1 {
    font-size: clamp(38px, 11vw, 52px);
  }

  .onboarding-fields label, .onboarding-wide-label {
    padding: 10px;
  }

  .onboarding-nestlings label {
    min-height: auto;
  }
}

.review-room-hero {
  border: 1px solid var(--line);
  background: radial-gradient(circle at 12% 0, #7dd3fc24, #0000 32%), linear-gradient(135deg, #ffffff14, #ffffff09);
  border-radius: 30px;
  grid-template-columns: 240px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  padding: 22px;
  display: grid;
}

.review-room-character {
  text-align: center;
  border: 1px solid var(--line);
  background: #ffffff0b;
  border-radius: 26px;
  justify-items: center;
  gap: 8px;
  padding: 16px;
  display: grid;
}

.review-room-character img {
  object-fit: contain;
  background: #ffffffe6;
  border-radius: 24px;
  width: 150px;
  height: 150px;
}

.review-room-character strong {
  color: #fff;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 28px;
}

.review-room-character span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.spark-studio-grid, .review-output-grid {
  grid-template-columns: 1.1fr .9fr;
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.spark-copy-panel, .spark-generator-panel, .review-output-grid article, .generated-asset-grid article {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff13, #ffffff09);
  border-radius: 28px;
  padding: 22px;
  box-shadow: inset 0 1px #ffffff0d;
}

.spark-copy-panel > span, .spark-generator-panel > span, .review-output-grid span, .generated-asset-grid span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 950;
}

.spark-draft-card {
  border: 1px solid var(--line);
  background: #00000024;
  border-radius: 20px;
  margin-top: 12px;
  padding: 16px;
}

.spark-draft-card b {
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
}

.spark-draft-card strong {
  color: #fff;
  margin: 8px 0;
  font-size: 20px;
  display: block;
}

.spark-draft-card p {
  color: #cbd5e1;
  white-space: pre-wrap;
  line-height: 1.5;
}

.spark-draft-card small {
  color: var(--accent);
  font-weight: 900;
}

.spark-generator-panel form {
  gap: 12px;
  margin-top: 14px;
  display: grid;
}

.spark-generator-panel textarea {
  min-height: 150px;
}

.spark-generate-buttons {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.spark-generate-buttons button, .review-control-stack button {
  background: linear-gradient(180deg, var(--accent), #38bdf8);
  color: #06121b;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 13px 15px;
  font-weight: 950;
}

.generated-asset-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  display: grid;
}

.generated-asset-grid > .eyebrow {
  grid-column: 1 / -1;
  margin-bottom: 0;
}

.generated-asset-grid article {
  gap: 10px;
  display: grid;
}

.generated-asset-grid strong {
  color: #fff;
  font-size: 20px;
}

.generated-asset-grid p {
  color: var(--muted);
  margin: 0;
  line-height: 1.4;
}

.generated-asset-grid img, .generated-asset-grid video {
  border: 1px solid var(--line);
  background: #000;
  border-radius: 20px;
  width: 100%;
}

.asset-placeholder {
  min-height: 170px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  background: #7dd3fc0f;
  border: 1px dashed #7dd3fc57;
  border-radius: 20px;
  place-items: center;
  font-weight: 950;
  display: grid;
}

.review-output-grid pre {
  max-height: 560px;
  overflow: auto;
}

.review-control-stack {
  gap: 10px;
  margin-top: 16px;
  display: grid;
}

html[data-theme="sky"] .review-room-hero, html[data-theme="sky"] .spark-copy-panel, html[data-theme="sky"] .spark-generator-panel, html[data-theme="sky"] .review-output-grid article, html[data-theme="sky"] .generated-asset-grid article {
  background: linear-gradient(#ffffffeb, #ecfaffc7);
  border-color: #3a84be29;
  box-shadow: 0 16px 45px #237ac41a, inset 0 1px #ffffffd9;
}

html[data-theme="sky"] .review-room-character {
  background: #ffffff9e;
  border-color: #3a84be24;
}

html[data-theme="sky"] .review-room-character strong, html[data-theme="sky"] .spark-draft-card strong, html[data-theme="sky"] .generated-asset-grid strong {
  color: #174a78;
}

html[data-theme="sky"] .spark-draft-card {
  background: #ffffff9e;
  border-color: #3a84be21;
}

html[data-theme="sky"] .spark-draft-card p, html[data-theme="sky"] .generated-asset-grid p {
  color: #315d7b;
}

@media (max-width: 1050px) {
  .review-room-hero, .spark-studio-grid, .review-output-grid {
    grid-template-columns: 1fr;
  }

  .generated-asset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .generated-asset-grid, .spark-generate-buttons {
    grid-template-columns: 1fr;
  }

  .review-room-character img {
    width: 120px;
    height: 120px;
  }
}

.nestling-card-link {
  min-width: 0;
  display: block;
}

.nestling-card-link article {
  height: 100%;
  transition: transform .16s, border-color .16s, box-shadow .16s;
}

.nestling-card-link:hover article {
  border-color: color-mix(in srgb, var(--hire) 65%, white);
  box-shadow: 0 20px 60px #0000002e, 0 0 34px color-mix(in srgb, var(--hire) 20%, transparent);
  transform: translateY(-3px);
}

.nestling-card-copy b {
  color: var(--accent);
  margin-top: 12px;
  font-size: 13px;
  display: inline-flex;
}

.nestling-hub-hero {
  border: 1px solid color-mix(in srgb, var(--hire) 34%, var(--line));
  background: radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--hire) 22%, transparent), transparent 34%), linear-gradient(135deg, #ffffff14, #ffffff09);
  border-radius: 32px;
  grid-template-columns: 260px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  padding: 22px;
  display: grid;
}

.nestling-hub-portrait {
  text-align: center;
  border: 1px solid var(--line);
  background: #ffffff0d;
  border-radius: 28px;
  justify-items: center;
  gap: 8px;
  padding: 18px;
  display: grid;
}

.nestling-hub-portrait img {
  object-fit: contain;
  background: #fff;
  border-radius: 28px;
  width: 170px;
  height: 170px;
}

.nestling-hub-portrait strong {
  color: #fff;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 34px;
  line-height: 1;
}

.nestling-hub-portrait span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.nestling-start-job {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff13, #ffffff09);
  border-radius: 30px;
  grid-template-columns: .85fr 1.15fr;
  gap: 18px;
  margin-bottom: 18px;
  padding: 22px;
  display: grid;
}

.nestling-start-job form {
  gap: 12px;
  display: grid;
}

.nestling-start-job select {
  border: 1px solid var(--line);
  width: 100%;
  color: var(--text);
  background: #00000040;
  border-radius: 15px;
  outline: none;
  padding: 13px 14px;
}

.nestling-start-job button {
  background: var(--accent);
  color: #06121b;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  justify-self: start;
  padding: 13px 18px;
  font-weight: 950;
}

.nestling-prompt-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.nestling-prompt-chips span {
  color: #dbeafe;
  border: 1px solid var(--line);
  background: #ffffff0f;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 850;
}

.nestling-job-history {
  gap: 12px;
  display: grid;
}

.nestling-job-history > article {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff12, #ffffff09);
  border-radius: 24px;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.nestling-job-history article span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.nestling-job-history article strong {
  color: #fff;
  text-transform: capitalize;
  margin: 8px 0;
  font-size: 20px;
  display: block;
}

.nestling-job-history article p {
  color: var(--muted);
  margin: 0;
  line-height: 1.45;
}

.nestling-job-history article div:last-of-type {
  align-content: start;
  justify-items: start;
  gap: 8px;
  display: grid;
}

.nestling-job-history article b {
  color: var(--green);
  font-size: 12px;
}

.nestling-job-history article small {
  color: var(--muted);
}

.nestling-job-history article a {
  border: 1px solid var(--line);
  color: #dbeafe;
  border-radius: 999px;
  padding: 8px 11px;
  font-weight: 900;
}

.nestling-job-history article pre {
  background: #0000002e;
  border-radius: 16px;
  grid-column: 1 / -1;
  max-height: 220px;
  padding: 14px;
  overflow: auto;
}

html[data-theme="sky"] .nestling-hub-hero, html[data-theme="sky"] .nestling-start-job, html[data-theme="sky"] .nestling-job-history > article {
  background: linear-gradient(#ffffffeb, #ecfaffbd);
  border-color: #3a84be29;
  box-shadow: 0 16px 45px #237ac41a, inset 0 1px #ffffffd9;
}

html[data-theme="sky"] .nestling-hub-portrait {
  background: #ffffff9e;
  border-color: #3a84be24;
}

html[data-theme="sky"] .nestling-hub-portrait strong, html[data-theme="sky"] .nestling-job-history article strong {
  color: #174a78;
}

html[data-theme="sky"] .nestling-start-job select {
  color: #123955;
  background: #ffffffd1;
  border-color: #3a84be2e;
}

html[data-theme="sky"] .nestling-prompt-chips span, html[data-theme="sky"] .nestling-job-history article a {
  color: #1264b5;
  background: #ffffffa6;
  border-color: #3a84be29;
}

html[data-theme="sky"] .nestling-job-history article p {
  color: #315d7b;
}

@media (max-width: 980px) {
  .nestling-hub-hero, .nestling-start-job, .nestling-job-history > article {
    grid-template-columns: 1fr;
  }

  .nestling-job-history article pre {
    grid-column: auto;
  }
}

.sales-page {
  color: #123955;
  background: radial-gradient(circle at 14% 6%, #5fc7ff3d, #0000 28%), radial-gradient(circle at 86% 4%, #a855f72e, #0000 30%), linear-gradient(#eafcff 0%, #fff8ef 45%, #eefcff 100%);
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}

.sales-nav {
  z-index: 20;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #eafcffb8;
  border-bottom: 1px solid #3a84be1f;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px clamp(18px, 4vw, 54px);
  display: flex;
  position: sticky;
  top: 0;
}

.sales-logo img {
  object-fit: contain;
  object-position: left center;
  width: 210px;
  max-height: 68px;
  display: block;
}

.sales-nav div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.sales-nav a:not(.sales-logo), .sales-hero-actions a, .sales-spark-showcase a, .sales-final-cta a {
  color: #fff;
  background: linear-gradient(#5fc7ff, #238ef2);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-weight: 950;
  display: inline-flex;
  box-shadow: 0 16px 34px #237ac42e, inset 0 1px #ffffff59;
}

.sales-nav a:not(.sales-logo):first-child, .sales-hero-actions a:last-child {
  color: #1264b5;
  background: #ffffffb8;
  border: 1px solid #3a84be29;
  box-shadow: inset 0 1px #fffc;
}

.sales-hero {
  grid-template-columns: minmax(0, 1fr) 390px;
  align-items: center;
  gap: 24px;
  max-width: 1420px;
  margin: 0 auto;
  padding: clamp(42px, 8vw, 96px) clamp(18px, 4vw, 54px) 34px;
  display: grid;
}

.sales-hero h1 {
  color: #174a78;
  letter-spacing: -.085em;
  text-wrap: balance;
  max-width: 980px;
  margin: 0 0 20px;
  font-size: clamp(58px, 9vw, 128px);
  line-height: .78;
}

.sales-hero p:not(.eyebrow), .sales-section-head p:not(.eyebrow), .sales-spark-showcase p, .sales-final-cta p {
  color: #315d7b;
  max-width: 820px;
  font-size: 20px;
  line-height: 1.5;
}

.sales-hero-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
  display: flex;
}

.sales-hero-card {
  background: linear-gradient(#fffffff0, #ecfaffc7);
  border: 1px solid #ffffffeb;
  border-radius: 38px;
  padding: 24px;
  transform: rotate(1deg);
  box-shadow: 0 28px 80px #237ac42e, inset 0 1px #ffffffe6;
}

.sales-hero-card > span, .sales-feature-grid span, .sales-review-lane span, .sales-spark-showcase span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.sales-hero-card > strong {
  color: #174a78;
  margin: 12px 0 18px;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 30px;
  line-height: 1.12;
  display: block;
}

.sales-hero-card div {
  gap: 10px;
  display: grid;
}

.sales-hero-card p {
  color: #315d7b;
  background: #ffffff9e;
  border: 1px solid #3a84be1f;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px;
  font-weight: 900;
  display: flex;
}

.sales-hero-card b, .sales-flow-strip b {
  color: #fff;
  background: linear-gradient(#5fc7ff, #238ef2);
  border-radius: 11px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.sales-flow-strip {
  grid-template-columns: repeat(11, minmax(0, 1fr));
  gap: 8px;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 54px) 54px;
  display: grid;
}

.sales-flow-strip div {
  background: #ffffff94;
  border: 1px solid #3a84be1f;
  border-radius: 20px;
  justify-items: center;
  gap: 8px;
  padding: 12px 8px;
  display: grid;
  box-shadow: inset 0 1px #ffffffb8;
}

.sales-flow-strip span {
  color: #174a78;
  font-size: 12px;
  font-weight: 950;
}

.sales-section-head {
  max-width: 1420px;
  margin: 0 auto;
  padding: 30px clamp(18px, 4vw, 54px) 18px;
}

.sales-section-head.compact {
  margin: 0 0 18px;
  padding: 0;
}

.sales-section-head h2, .sales-spark-showcase h2, .sales-final-cta h2 {
  color: #174a78;
  letter-spacing: -.075em;
  text-wrap: balance;
  max-width: 980px;
  margin: 0 0 16px;
  font-size: clamp(42px, 6vw, 82px);
  line-height: .86;
}

.sales-feature-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 54px) 56px;
  display: grid;
}

.sales-feature-grid article {
  background: linear-gradient(#fffffff0, #ecfaffc2);
  border: 1px solid #ffffffe6;
  border-radius: 30px;
  min-height: 250px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 55px #237ac41f, inset 0 1px #ffffffe6;
}

.sales-feature-grid article:after {
  content: "";
  background: var(--blob, #5fc7ff2e);
  border-radius: 999px;
  width: 120px;
  height: 120px;
  position: absolute;
  bottom: -44px;
  right: -38px;
}

.sales-feature-grid .feature-1 {
  --blob: #a855f72e;
}

.sales-feature-grid .feature-2 {
  --blob: #fb71852e;
}

.sales-feature-grid .feature-3 {
  --blob: #a3e63533;
}

.sales-feature-grid .feature-4 {
  --blob: #fbbf2433;
}

.sales-feature-grid h3 {
  color: #174a78;
  letter-spacing: -.05em;
  margin: 16px 0 12px;
  font-size: 28px;
  line-height: 1;
}

.sales-feature-grid p {
  color: #315d7b;
  margin: 0;
  font-weight: 750;
  line-height: 1.45;
}

.sales-nestlings-section {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 54px) 58px;
}

.sales-nestling-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.sales-nestling-grid article {
  border: 1px solid color-mix(in srgb,var(--hire) 25%, white);
  background: radial-gradient(circle at 20% 0%, color-mix(in srgb,var(--hire) 24%, transparent), transparent 35%), linear-gradient(180deg,#ffffffeb,#ecfaffb8);
  border-radius: 28px;
  padding: 18px;
  box-shadow: 0 18px 55px #237ac41c, inset 0 1px #ffffffdb;
}

.sales-nestling-grid img {
  object-fit: contain;
  background: #fff;
  border-radius: 22px;
  width: 100%;
  height: 136px;
  margin-bottom: 12px;
}

.sales-nestling-grid strong {
  color: #174a78;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 30px;
  display: block;
}

.sales-nestling-grid span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.sales-nestling-grid p {
  color: #315d7b;
  font-weight: 800;
  line-height: 1.4;
}

.sales-spark-showcase {
  background: radial-gradient(circle at 82% 0, #fb71852e, #0000 32%), linear-gradient(#ffffffeb, #fff1f5b8);
  border: 1px solid #ffffffe6;
  border-radius: 40px;
  grid-template-columns: 1fr 380px;
  align-items: center;
  gap: 20px;
  max-width: 1320px;
  margin: 0 auto 58px;
  padding: 28px;
  display: grid;
  box-shadow: 0 26px 80px #237ac424, inset 0 1px #ffffffe6;
}

.spark-showcase-stack {
  gap: 12px;
  display: grid;
}

.spark-showcase-stack article {
  background: #ffffffad;
  border: 1px solid #fb718524;
  border-radius: 24px;
  padding: 18px;
}

.spark-showcase-stack strong {
  color: #174a78;
  margin-top: 8px;
  font-size: 24px;
  display: block;
}

.sales-review-lane {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: 1320px;
  margin: 0 auto 58px;
  padding: 0 clamp(18px, 4vw, 0px);
  display: grid;
}

.sales-review-lane article {
  color: #fff;
  background: #174a78;
  border-radius: 28px;
  padding: 22px;
  box-shadow: 0 18px 50px #174a7838;
}

.sales-review-lane article:nth-child(2) {
  background: #238ef2;
}

.sales-review-lane article:nth-child(3) {
  background: #a855f7;
}

.sales-review-lane article:nth-child(4) {
  background: #0f766e;
}

.sales-review-lane span {
  color: #ffffffd1;
}

.sales-review-lane p {
  margin: 12px 0 0;
  font-size: 23px;
  font-weight: 950;
  line-height: 1.1;
}

.sales-final-cta {
  text-align: center;
  max-width: 1120px;
  margin: 0 auto;
  padding: 52px clamp(18px, 4vw, 54px) 76px;
}

.sales-final-cta h2, .sales-final-cta p {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1180px) {
  .sales-hero, .sales-spark-showcase {
    grid-template-columns: 1fr;
  }

  .sales-feature-grid, .sales-nestling-grid, .sales-review-lane {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-flow-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .sales-nav, .sales-nav div, .sales-hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .sales-logo img {
    width: 180px;
  }

  .sales-hero {
    padding-top: 34px;
  }

  .sales-hero h1 {
    font-size: 56px;
  }

  .sales-feature-grid, .sales-nestling-grid, .sales-review-lane, .sales-flow-strip {
    grid-template-columns: 1fr;
  }

  .sales-hero-card {
    transform: none;
  }
}

.sales-hero, .sales-flow-strip, .sales-section-head, .sales-feature-grid {
  z-index: 1;
  position: relative;
}

.sales-feature-grid article, .sales-hero-card, .sales-flow-strip div {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.sales-feature-grid h3, .sales-feature-grid p, .sales-nestling-grid strong, .sales-nestling-grid p, .sales-spark-showcase h2, .sales-spark-showcase p, .spark-showcase-stack strong, .sales-final-cta h2, .sales-final-cta p {
  text-shadow: none;
}

.sales-nestlings-section {
  background: linear-gradient(#dff4ff4d, #10233eeb);
  max-width: none;
  margin: 0;
  padding: 64px clamp(18px, 4vw, 54px);
}

.sales-nestlings-section .sales-section-head {
  color: #fff;
  max-width: 1420px;
}

.sales-nestlings-section .sales-section-head h2, .sales-nestlings-section .sales-section-head p:not(.eyebrow) {
  color: #fff;
}

.sales-nestlings-section .sales-section-head p:not(.eyebrow) {
  color: #d9ecff;
}

.sales-nestling-grid {
  max-width: 1420px;
  margin: 0 auto;
}

.sales-nestling-grid article {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  box-shadow: 0 22px 60px #0000002e, inset 0 1px #ffffffe6;
}

.sales-spark-showcase {
  color: #fff;
  max-width: none;
  box-shadow: none;
  background: radial-gradient(circle at 78% 18%, #fb718538, #0000 30%), radial-gradient(circle at 20% 5%, #7dd3fc2e, #0000 28%), linear-gradient(#10233e, #07101d);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  grid-template-columns: minmax(0, 760px) minmax(320px, 440px);
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 72px clamp(18px, 4vw, 54px);
}

.sales-spark-showcase h2, .sales-spark-showcase p {
  color: #fff;
}

.sales-spark-showcase p {
  color: #d6e8f7;
}

.spark-showcase-stack article {
  background: #ffffff1a;
  border-color: #ffffff29;
  box-shadow: inset 0 1px #ffffff14;
}

.spark-showcase-stack strong {
  color: #fff;
}

.sales-review-lane {
  background: linear-gradient(#07101d, #060b14);
  max-width: none;
  margin: 0;
  padding: 64px clamp(18px, 4vw, 54px);
}

.sales-review-lane article {
  border: 1px solid #ffffff1f;
  box-shadow: 0 18px 50px #00000047, inset 0 1px #ffffff14;
}

.sales-final-cta {
  color: #fff;
  background: radial-gradient(circle at 50% 0, #7dd3fc29, #0000 34%), linear-gradient(#060b14, #030713);
  max-width: none;
  margin: 0;
  padding: 72px clamp(18px, 4vw, 54px) 88px;
}

.sales-final-cta h2, .sales-final-cta p {
  color: #fff;
}

.sales-final-cta p {
  color: #d6e8f7;
}

.sales-final-cta .eyebrow, .sales-spark-showcase .eyebrow, .sales-nestlings-section .eyebrow {
  color: #9bddff;
}

.sales-spark-showcase a, .sales-final-cta a {
  color: #06101d;
  background: linear-gradient(135deg, #d8f99d, #9bddff 48%, #bda6ff);
}

@media (max-width: 1180px) {
  .sales-spark-showcase {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .sales-nestlings-section, .sales-spark-showcase, .sales-review-lane, .sales-final-cta {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.nestling-feature-details {
  border-top: 1px solid #3a84be24;
  gap: 7px;
  margin-top: 14px;
  padding-top: 13px;
  display: grid;
}

.nestling-feature-details b {
  color: #174a78;
  font-size: 15px;
  line-height: 1.2;
}

.nestling-feature-details small {
  color: #1679d8;
  font-weight: 900;
  line-height: 1.35;
}

.nestling-feature-details em {
  color: #315d7b;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.sales-different-section {
  color: #fff;
  background: linear-gradient(#10233e, #0b182b);
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
  align-items: center;
  gap: 22px;
  padding: 72px clamp(18px, 4vw, 54px);
  display: grid;
}

.sales-different-section > div:first-child {
  justify-self: end;
  max-width: 680px;
}

.sales-different-section h2 {
  color: #fff;
  letter-spacing: -.075em;
  text-wrap: balance;
  margin: 0 0 16px;
  font-size: clamp(42px, 6vw, 82px);
  line-height: .86;
}

.sales-different-section p {
  color: #d6e8f7;
  font-size: 19px;
  line-height: 1.5;
}

.sales-different-section .eyebrow {
  color: #9bddff;
}

.different-feature-stack {
  gap: 12px;
  max-width: 720px;
  display: grid;
}

.different-feature-stack article {
  background: linear-gradient(#ffffff1c, #ffffff0f);
  border: 1px solid #ffffff21;
  border-radius: 26px;
  padding: 18px;
  box-shadow: 0 18px 50px #0003, inset 0 1px #ffffff12;
}

.different-feature-stack span {
  color: #9bddff;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.different-feature-stack p {
  color: #fff;
  margin: 8px 0 0;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.15;
}

@media (max-width: 1050px) {
  .sales-different-section {
    grid-template-columns: 1fr;
  }

  .sales-different-section > div:first-child {
    justify-self: start;
  }
}

.sales-showcase-section {
  max-width: 1420px;
  margin: 0 auto;
  padding: 10px clamp(18px, 4vw, 54px) 70px;
}

.sales-showcase-stack {
  gap: 18px;
  display: grid;
}

.sales-showcase-stack article {
  background: radial-gradient(circle at 82% 0, #5fc7ff29, #0000 34%), linear-gradient(#fffffff5, #ecfaffd6);
  border: 1px solid #ffffffeb;
  border-radius: 38px;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: center;
  gap: 22px;
  padding: 26px;
  display: grid;
  box-shadow: 0 24px 70px #237ac424, inset 0 1px #ffffffe6;
}

.sales-showcase-stack article.reverse {
  grid-template-columns: 360px minmax(0, 1fr);
}

.sales-showcase-stack article.reverse > div {
  order: 2;
}

.sales-showcase-stack article.reverse aside {
  order: 1;
}

.sales-showcase-stack span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 12px;
  font-weight: 950;
}

.sales-showcase-stack h3 {
  color: #174a78;
  letter-spacing: -.065em;
  max-width: 780px;
  margin: 12px 0 14px;
  font-size: clamp(34px, 4.5vw, 62px);
  line-height: .88;
}

.sales-showcase-stack p {
  color: #315d7b;
  max-width: 760px;
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}

.sales-showcase-stack ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.sales-showcase-stack li {
  color: #174a78;
  background: #ffffffa8;
  border: 1px solid #3a84be21;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 900;
}

.sales-showcase-stack li:before {
  content: "✓";
  color: #1679d8;
  margin-right: 8px;
}

.sales-showcase-stack aside {
  background: linear-gradient(#ffffffbd, #eafcff8f);
  border: 1px solid #3a84be24;
  border-radius: 30px;
  gap: 10px;
  padding: 18px;
  display: grid;
  box-shadow: inset 0 1px #ffffffc7;
}

.sales-showcase-stack aside b {
  color: #174a78;
  background: #fff;
  border: 1px solid #3a84be1f;
  border-radius: 18px;
  align-items: center;
  gap: 10px;
  padding: 13px;
  font-size: 17px;
  display: flex;
  box-shadow: 0 10px 24px #237ac414;
}

.sales-showcase-stack aside em {
  color: #fff;
  background: linear-gradient(#5fc7ff, #238ef2);
  border-radius: 12px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-style: normal;
  display: grid;
}

@media (max-width: 1050px) {
  .sales-showcase-stack article, .sales-showcase-stack article.reverse {
    grid-template-columns: 1fr;
  }

  .sales-showcase-stack article.reverse > div, .sales-showcase-stack article.reverse aside {
    order: initial;
  }
}

@media (max-width: 680px) {
  .sales-showcase-stack ul {
    grid-template-columns: 1fr;
  }

  .sales-showcase-stack article {
    border-radius: 30px;
    padding: 20px;
  }
}

.sales-showcase-stack article {
  border-color: color-mix(in srgb, var(--feature) 38%, white);
  background: radial-gradient(circle at 86% 0%, color-mix(in srgb, var(--feature) 28%, transparent), transparent 34%),
    radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--feature) 14%, transparent), transparent 30%),
    linear-gradient(180deg,#fffffff7,color-mix(in srgb, var(--feature) 10%, #ecfaff));
}

.sales-showcase-stack article:nth-child(2) {
  background: radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--feature) 30%, transparent), transparent 34%),
    linear-gradient(180deg,#fffffff7,color-mix(in srgb, var(--feature) 12%, #f7f0ff));
}

.sales-showcase-stack article:nth-child(3) {
  background: radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--feature) 26%, transparent), transparent 34%),
    linear-gradient(180deg,#fffffff7,color-mix(in srgb, var(--feature) 13%, #fff1f5));
}

.sales-showcase-stack article:nth-child(4) {
  background: radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--feature) 24%, transparent), transparent 34%),
    linear-gradient(180deg,#fffffff7,color-mix(in srgb, var(--feature) 16%, #f7ffe6));
}

.sales-showcase-stack span {
  color: color-mix(in srgb, var(--feature) 72%, #1264b5);
}

.sales-showcase-stack li:before {
  color: color-mix(in srgb, var(--feature) 82%, #238ef2);
}

.sales-showcase-stack aside {
  border-color: color-mix(in srgb, var(--feature) 30%, #3a84be24);
  background: linear-gradient(180deg, color-mix(in srgb, var(--feature) 12%, #ffffffd1), #ffffff94);
}

.sales-showcase-stack aside em {
  background: linear-gradient(180deg, color-mix(in srgb, var(--feature) 86%, white), color-mix(in srgb, var(--feature) 74%, #238ef2));
}

.sales-showcase-stack aside b {
  border-color: color-mix(in srgb, var(--feature) 22%, #3a84be1f);
}

.sales-page {
  position: relative;
}

.sales-sky-decor, .sales-star-decor {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sales-sky-decor span {
  filter: blur(.2px);
  opacity: .78;
  background: #ffffffb3;
  border-radius: 999px;
  width: 220px;
  height: 76px;
  animation: 38s linear infinite cloudDrift;
  display: block;
  position: absolute;
  box-shadow: 48px 8px 0 4px #ffffff9e, 92px -8px 0 12px #ffffff85, 138px 10px 0 2px #ffffff94;
}

.sales-sky-decor span:first-child {
  top: 130px;
  left: -260px;
  transform: scale(.9);
}

.sales-sky-decor span:nth-child(2) {
  opacity: .46;
  animation-duration: 54s;
  animation-delay: -16s;
  top: 520px;
  left: -320px;
  transform: scale(1.18);
}

.sales-sky-decor span:nth-child(3) {
  opacity: .52;
  animation-duration: 46s;
  animation-delay: -28s;
  top: 880px;
  left: -280px;
  transform: scale(.72);
}

.sales-star-decor {
  opacity: 0;
  background-image: radial-gradient(circle, #ffffffd1 0 1px, #0000 1.6px), radial-gradient(circle, #9bddffb8 0 1px, #0000 1.8px);
  background-position: 12px 18px, 60px 80px;
  background-size: 120px 120px, 190px 190px;
  animation: linear both starsFadeIn;
  animation-timeline: scroll(root);
  animation-range: 35% 72%;
  top: 48%;
}

.sales-star-decor span {
  background: #d8f99d;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  animation: 7s ease-in-out infinite fireflyFloat;
  position: absolute;
  box-shadow: 0 0 16px #d8f99dd1, 0 0 34px #9bddff5c;
}

.sales-star-decor span:first-child {
  animation-delay: -1s;
  top: 54%;
  left: 12%;
}

.sales-star-decor span:nth-child(2) {
  background: #9bddff;
  animation-delay: -3s;
  top: 62%;
  left: 82%;
}

.sales-star-decor span:nth-child(3) {
  animation-delay: -5s;
  top: 75%;
  left: 22%;
}

.sales-star-decor span:nth-child(4) {
  background: #bda6ff;
  animation-delay: -2s;
  top: 82%;
  left: 68%;
}

.sales-star-decor span:nth-child(5) {
  background: #fff;
  animation-delay: -4s;
  top: 91%;
  left: 44%;
}

.sales-hero-card, .sales-feature-grid article, .sales-showcase-stack article, .sales-nestling-grid article, .spark-showcase-stack article, .sales-review-lane article {
  animation: .55s both gentleRise;
}

.sales-feature-grid article:nth-child(2n), .sales-nestling-grid article:nth-child(2n), .sales-showcase-stack article:nth-child(2n) {
  animation-delay: 40ms;
}

.sales-feature-grid article:nth-child(3n), .sales-nestling-grid article:nth-child(3n), .sales-showcase-stack article:nth-child(3n) {
  animation-delay: 80ms;
}

.sales-flow-strip div, .sales-hero-card p, .spark-showcase-stack article {
  transition: transform .18s, box-shadow .18s;
}

.sales-flow-strip div:hover, .sales-hero-card p:hover, .spark-showcase-stack article:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px #237ac424;
}

.sales-nestling-grid img {
  animation: 4.8s ease-in-out infinite nestlingFloat;
}

.sales-nestling-grid article:nth-child(2n) img {
  animation-delay: -1.7s;
}

.sales-nestling-grid article:nth-child(3n) img {
  animation-delay: -3.1s;
}

.sales-final-cta:before, .sales-spark-showcase:before, .sales-different-section:before {
  content: "";
  pointer-events: none;
  filter: blur(1px);
  background: radial-gradient(circle, #9bddff1f, #0000 68%);
  border-radius: 999px;
  width: 260px;
  height: 260px;
  animation: 6s ease-in-out infinite orbBreathe;
  position: absolute;
}

.sales-spark-showcase, .sales-different-section, .sales-final-cta {
  position: relative;
  overflow: hidden;
}

.sales-spark-showcase:before {
  top: 10%;
  right: 8%;
}

.sales-different-section:before {
  background: radial-gradient(circle, #bda6ff21, #0000 68%);
  bottom: 8%;
  left: 8%;
}

.sales-final-cta:before {
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes cloudDrift {
  from {
    translate: -10vw;
  }

  to {
    translate: 130vw;
  }
}

@keyframes starsFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: .8;
  }
}

@keyframes fireflyFloat {
  0%, 100% {
    opacity: .45;
    transform: translate3d(0, 0, 0)scale(.75);
  }

  35% {
    opacity: 1;
    transform: translate3d(22px, -34px, 0)scale(1);
  }

  70% {
    opacity: .72;
    transform: translate3d(-18px, 24px, 0)scale(.9);
  }
}

@keyframes gentleRise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes orbBreathe {
  0%, 100% {
    opacity: .55;
    transform: scale(.92);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sales-sky-decor span, .sales-star-decor, .sales-star-decor span, .sales-hero-card, .sales-feature-grid article, .sales-showcase-stack article, .sales-nestling-grid article, .spark-showcase-stack article, .sales-review-lane article, .sales-nestling-grid img, .sales-final-cta:before, .sales-spark-showcase:before, .sales-different-section:before {
    animation: none !important;
  }
}

.sales-nestlings-section {
  isolation: isolate;
  background: linear-gradient(#08172a94 0%, #0a192ddb 36%, #10233ef5 100%), radial-gradient(circle at 22% 0, #9bddff2e, #0000 34%);
  position: relative;
}

.sales-nestlings-section:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(#03071242, #0307129e);
  position: absolute;
  inset: 0;
}

.sales-nestlings-section .sales-section-head.compact {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: linear-gradient(#06101dbd, #0a182b8f);
  border: 1px solid #ffffff29;
  border-radius: 32px;
  max-width: 1420px;
  margin: 0 auto 24px;
  padding: 22px 24px;
  box-shadow: 0 24px 70px #00000038, inset 0 1px #ffffff14;
}

.sales-nestlings-section .sales-section-head h2 {
  color: #fff;
  text-shadow: 0 3px 22px #0000006b;
}

.sales-nestlings-section .sales-section-head p:not(.eyebrow) {
  color: #eef8ff;
  text-shadow: 0 2px 14px #00000059;
  font-weight: 800;
}

.sales-nestlings-section .eyebrow {
  color: #9bddff;
  text-shadow: 0 2px 12px #00000059;
}

.sales-page {
  background: radial-gradient(circle at 14% 5%, #5fc7ff38, #0000 24%), radial-gradient(circle at 86% 7%, #a855f724, #0000 28%), linear-gradient(#ecfbff 0%, #fff8ef 20%, #eaf9ff 38%, #b9dbef 54%, #476983 68%, #122842 81%, #07101d 100%);
}

.sales-nestlings-section, .sales-different-section, .sales-spark-showcase, .sales-review-lane, .sales-final-cta {
  box-shadow: none !important;
  border: 0 !important;
}

.sales-nestlings-section {
  background: linear-gradient(#739bb71a, #12284233);
  padding-top: 74px;
  padding-bottom: 74px;
}

.sales-nestlings-section:before {
  background: radial-gradient(circle at 18% 12%, #ffffff1f, #0000 32%), radial-gradient(circle at 80% 20%, #9bddff21, #0000 30%);
}

.sales-different-section {
  background: linear-gradient(#12284238, #0a182b57);
  margin: 0;
}

.sales-spark-showcase {
  background: radial-gradient(circle at 78% 18%, #fb718529, #0000 30%), radial-gradient(circle at 20% 5%, #7dd3fc1f, #0000 28%), linear-gradient(#0a182b4d, #07101d66);
}

.sales-review-lane {
  background: linear-gradient(#07101d61, #060b1475);
}

.sales-final-cta {
  background: radial-gradient(circle at 50% 0, #7dd3fc21, #0000 34%), linear-gradient(#060b147a, #030713b8);
}

.sales-sky-decor {
  opacity: .75;
}

.sales-sky-decor span:nth-child(3) {
  opacity: .34;
  top: 1180px;
}

.sales-star-decor {
  opacity: .55;
  min-height: 66%;
  animation: 1.2s both starsFadeIn;
  top: 34%;
}

.sales-star-decor:before {
  content: "";
  opacity: .8;
  background: radial-gradient(circle at 18% 22%, #ffffff29, #0000 2px), radial-gradient(circle at 72% 34%, #9bddff2e, #0000 2px), radial-gradient(circle at 36% 72%, #ffffff1f, #0000 1.5px), radial-gradient(circle at 84% 82%, #bda6ff29, #0000 2px);
  position: absolute;
  inset: 0;
}

.sales-showcase-section {
  padding-bottom: 88px;
}

.sales-section-head.compact, .sales-nestlings-section .sales-section-head.compact {
  margin-bottom: 28px;
}

.sales-review-lane article {
  border-color: #ffffff1a;
}

.sales-nestlings-section, .sales-different-section, .sales-spark-showcase, .sales-review-lane, .sales-final-cta {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
}

.sales-nestlings-section:before, .sales-different-section:before, .sales-spark-showcase:before, .sales-final-cta:before {
  display: none !important;
}

.sales-nestlings-section .sales-section-head.compact {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sales-nestlings-section .sales-section-head h2, .sales-different-section h2, .sales-spark-showcase h2, .sales-final-cta h2 {
  text-shadow: 0 4px 26px #00000094, 0 1px #ffffff0f;
}

.sales-nestlings-section .sales-section-head p:not(.eyebrow), .sales-different-section p, .sales-spark-showcase p, .sales-final-cta p {
  text-shadow: 0 2px 18px #00000080;
}

.sales-review-lane {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.sales-final-cta {
  padding-top: 48px !important;
}

.sales-page:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 18% 18%, #ffffff0f, #0000 28%), radial-gradient(circle at 78% 42%, #9bddff14, #0000 32%), linear-gradient(#0000, #0307132e);
  position: absolute;
  inset: 42% 0 0;
}

.sales-nestlings-section, .sales-different-section, .sales-spark-showcase, .sales-review-lane, .sales-final-cta, .sales-showcase-section {
  z-index: 1;
  position: relative;
}

.sales-showcase-stack article {
  overflow: hidden;
}

.sales-showcase-stack article.showcase-style-0 {
  border-radius: 44px 28px;
}

.sales-showcase-stack article.showcase-style-1 {
  border-radius: 28px 48px;
  transform: rotate(-.25deg);
}

.sales-showcase-stack article.showcase-style-2 {
  border-radius: 38px;
  grid-template-columns: minmax(0, .95fr) 420px;
}

.sales-showcase-stack article.showcase-style-3 {
  border-radius: 50px 26px 34px;
}

.sales-showcase-stack article.showcase-style-4 {
  border-radius: 30px 30px 54px;
}

.sales-showcase-stack article.showcase-style-1:hover, .sales-showcase-stack article.showcase-style-3:hover {
  transform: rotate(0)translateY(-2px);
}

.feature-mock-demo {
  min-height: 245px;
  position: relative;
  overflow: hidden;
}

.feature-mock-demo:before {
  content: "";
  background: radial-gradient(circle, color-mix(in srgb, var(--feature) 28%, transparent), transparent 65%);
  height: 120px;
  animation: 4.8s ease-in-out infinite mockGlow;
  position: absolute;
  inset: auto -20% -26%;
}

.feature-mock-demo b {
  animation: 3.8s ease-in-out infinite mockStepIn;
  position: relative;
  overflow: hidden;
}

.feature-mock-demo b:nth-of-type(2) {
  animation-delay: .28s;
}

.feature-mock-demo b:nth-of-type(3) {
  animation-delay: .56s;
}

.feature-mock-demo b:nth-of-type(4) {
  animation-delay: .84s;
}

.feature-mock-demo b small {
  background: linear-gradient(90deg, color-mix(in srgb, var(--feature) 80%, white), transparent);
  opacity: .55;
  border-radius: 999px;
  width: 46px;
  height: 8px;
  margin-left: auto;
  animation: 1.8s ease-in-out infinite mockPulse;
}

.mock-demo-orbit {
  border: 1px dashed color-mix(in srgb, var(--feature) 42%, transparent);
  opacity: .75;
  border-radius: 999px;
  width: 70px;
  height: 70px;
  animation: 9s linear infinite mockOrbit;
  position: absolute;
  top: 14px;
  right: 16px;
}

.mock-demo-orbit i {
  background: var(--feature);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 16px color-mix(in srgb, var(--feature) 70%, transparent);
  border-radius: 999px;
  position: absolute;
}

.mock-demo-orbit i:first-child {
  top: -5px;
  left: 50%;
}

.mock-demo-orbit i:nth-child(2) {
  top: 44%;
  right: -5px;
}

.mock-demo-orbit i:nth-child(3) {
  bottom: 5px;
  left: 8px;
}

.mock-demo-status {
  border: 1px solid color-mix(in srgb, var(--feature) 24%, #3a84be29);
  background: #ffffffad;
  border-radius: 18px;
  gap: 8px;
  margin-top: 10px;
  padding: 12px;
  display: grid;
  position: relative;
}

.mock-demo-status strong {
  color: #174a78;
  font-size: 14px;
}

.mock-demo-status span {
  background: linear-gradient(90deg, var(--feature), color-mix(in srgb, var(--feature) 20%, white), transparent);
  background-size: 180% 100%;
  border-radius: 999px;
  height: 8px;
  animation: 2.6s ease-in-out infinite mockProgress;
}

.mock-demo-0 b {
  border-radius: 999px 18px 18px 999px;
}

.mock-demo-1 {
  transform: perspective(700px)rotateY(-5deg);
}

.mock-demo-1 b {
  border-radius: 18px;
}

.mock-demo-2 {
  background: radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--feature) 24%, transparent), #ffffff8f);
}

.mock-demo-2 b:nth-of-type(2) {
  align-items: flex-start;
  min-height: 70px;
}

.mock-demo-2 b:nth-of-type(2):after {
  content: "";
  background: linear-gradient(135deg, color-mix(in srgb, var(--feature) 45%, white), #fff);
  border-radius: 16px;
  width: 82px;
  height: 46px;
  animation: 2.4s ease-in-out infinite mockImagePop;
  position: absolute;
  bottom: 12px;
  right: 14px;
  box-shadow: 0 10px 24px #00000014;
}

.mock-demo-3 b {
  border-left: 5px solid color-mix(in srgb, var(--feature) 85%, #238ef2);
}

.mock-demo-4 {
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.mock-demo-4 .mock-demo-orbit, .mock-demo-4 .mock-demo-status {
  grid-column: 1 / -1;
}

@keyframes mockStepIn {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

@keyframes mockPulse {
  0%, 100% {
    opacity: .25;
    transform: scaleX(.78);
  }

  50% {
    opacity: .85;
    transform: scaleX(1);
  }
}

@keyframes mockOrbit {
  to {
    transform: rotate(360deg);
  }
}

@keyframes mockGlow {
  0%, 100% {
    opacity: .45;
    transform: translateY(0)scale(.95);
  }

  50% {
    opacity: .9;
    transform: translateY(-8px)scale(1.06);
  }
}

@keyframes mockProgress {
  0% {
    background-position: 100% 0;
  }

  50% {
    background-position: 0 0;
  }

  100% {
    background-position: -100% 0;
  }
}

@keyframes mockImagePop {
  0%, 100% {
    opacity: .7;
    transform: scale(.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}

@media (max-width: 1050px) {
  .sales-showcase-stack article.showcase-style-2 {
    grid-template-columns: 1fr;
  }

  .mock-demo-1 {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .feature-mock-demo:before, .feature-mock-demo b, .feature-mock-demo b small, .mock-demo-orbit, .mock-demo-status span, .mock-demo-2 b:nth-of-type(2):after {
    animation: none !important;
  }
}

.sales-hero-stage {
  place-items: center;
  min-height: 500px;
  display: grid;
  position: relative;
}

.sales-hero-stage:before {
  content: "";
  filter: blur(.2px);
  background: radial-gradient(circle, #ffffffb8, #9bddff33 45%, #0000 70%);
  border-radius: 999px;
  width: 360px;
  height: 360px;
  animation: 5s ease-in-out infinite heroNestGlow;
  position: absolute;
}

.sales-hero-stage:after {
  content: "";
  background: radial-gradient(#174a7829, #0000 70%);
  border-radius: 50%;
  width: 310px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 62%);
}

.hero-nest-orbit {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hero-nestling {
  object-fit: contain;
  background: #ffffffc7;
  border: 1px solid #ffffffdb;
  border-radius: 28px;
  width: 92px;
  height: 92px;
  animation: 5.4s ease-in-out infinite heroCharacterFloat;
  position: absolute;
  box-shadow: 0 18px 42px #237ac429, inset 0 1px #ffffffe6;
}

.hero-nestling-0 {
  animation-delay: -.4s;
  top: 16%;
  left: 4%;
  transform: rotate(-8deg);
}

.hero-nestling-1 {
  animation-delay: -1.2s;
  top: 10%;
  right: 4%;
  transform: rotate(7deg);
}

.hero-nestling-2 {
  animation-delay: -2s;
  bottom: 20%;
  left: 0%;
  transform: rotate(5deg);
}

.hero-nestling-3 {
  animation-delay: -2.8s;
  bottom: 18%;
  right: 2%;
  transform: rotate(-6deg);
}

.hero-nestling-4 {
  animation-delay: -3.5s;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%)rotate(2deg);
}

.sales-hero-stage .sales-hero-card {
  z-index: 3;
  width: min(390px, 86%);
  animation: 4.8s ease-in-out infinite heroCardBreathe;
  position: relative;
  transform: rotate(1deg);
}

.hero-magic-note {
  z-index: 4;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #174a78;
  background: #ffffffc2;
  border: 1px solid #ffffffe0;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  width: min(340px, 82%);
  padding: 10px 13px;
  font-size: 13px;
  font-weight: 950;
  display: flex;
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%)rotate(-1deg);
  box-shadow: 0 16px 36px #237ac424, inset 0 1px #ffffffd6;
}

.hero-magic-note b {
  background: linear-gradient(135deg, #d8f99d, #9bddff 48%, #bda6ff);
  border-radius: 999px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

@keyframes heroCharacterFloat {
  0%, 100% {
    translate: 0;
  }

  50% {
    translate: 0 -12px;
  }
}

@keyframes heroCardBreathe {
  0%, 100% {
    transform: rotate(1deg)scale(1);
  }

  50% {
    transform: rotate(.4deg)scale(1.015);
  }
}

@keyframes heroNestGlow {
  0%, 100% {
    opacity: .68;
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@media (max-width: 1180px) {
  .sales-hero-stage {
    width: 100%;
    max-width: 560px;
    min-height: 440px;
    margin: 0 auto;
  }
}

@media (max-width: 680px) {
  .sales-hero-stage {
    min-height: 430px;
  }

  .hero-nestling {
    border-radius: 22px;
    width: 70px;
    height: 70px;
  }

  .sales-hero-stage .sales-hero-card {
    width: 82%;
  }

  .hero-magic-note {
    bottom: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-nestling, .sales-hero-stage .sales-hero-card, .sales-hero-stage:before {
    animation: none !important;
  }
}

.nestling-image-wrap img, .onboarding-nestlings img, .nestling-story-image img, .nestling-intro-row img, .sales-nestling-grid img, .review-room-character img, .nestling-hub-portrait img, .hero-nestling {
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

.nestling-image-wrap, .nestling-story-image, .review-room-character, .nestling-hub-portrait {
  background: radial-gradient(circle at 50% 82%, #237ac41f, #0000 42%) !important;
}

.nest-leader-avatar {
  overflow: hidden;
  background: radial-gradient(circle at 50% 82%, #237ac42e, #0000 58%) !important;
}

.nest-leader-avatar img {
  object-fit: contain;
  width: 120%;
  height: 120%;
  transform: translateY(2px);
}

.hero-nestling {
  object-fit: contain;
  padding: 0;
}

.sales-nestling-grid img {
  background: radial-gradient(circle at 50% 88%, #237ac41a, #0000 48%) !important;
}

.onboarding-pill-grid label, .onboarding-choice-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
  align-content: center;
  gap: 6px;
  min-height: 72px;
  display: grid;
  position: relative;
  overflow: hidden;
  padding: 18px 18px 18px 54px !important;
}

.onboarding-pill-grid label > input, .onboarding-choice-grid label > input, .voice-sampler-grid label > input, .destination-readiness-grid label > input {
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  appearance: none !important;
  background: #ffffff14 !important;
  border: 1px solid #9dddff4d !important;
  border-radius: 999px !important;
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  box-shadow: inset 0 1px #ffffff14, 0 0 0 5px #9dddff0d !important;
}

.onboarding-pill-grid label > input:checked, .onboarding-choice-grid label > input:checked, .voice-sampler-grid label > input:checked, .destination-readiness-grid label > input:checked {
  background: linear-gradient(135deg, #d8f99d, #9bddff 50%, #bda6ff) !important;
  border-color: #0000 !important;
  box-shadow: 0 0 0 6px #9dddff1f, 0 0 22px #9dddff42 !important;
}

.onboarding-pill-grid label > input:checked:after, .onboarding-choice-grid label > input:checked:after, .voice-sampler-grid label > input:checked:after, .destination-readiness-grid label > input:checked:after {
  content: "";
  background: #06101d;
  border-radius: 999px;
  position: absolute;
  inset: 5px;
}

.onboarding-pill-grid label span, .onboarding-choice-grid label strong, .voice-sampler-grid label strong, .destination-readiness-grid label strong {
  line-height: 1.15;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 15px !important;
}

.voice-sampler-grid label {
  align-content: start;
  min-height: 170px;
  padding-top: 24px !important;
}

.voice-sampler-grid label > input {
  top: 26px;
  transform: none;
}

.voice-sampler-grid label p {
  color: #d9e8f6;
  max-width: 240px;
  margin-top: 4px;
}

.destination-readiness-grid label {
  align-content: center;
  min-height: 96px;
}

.destination-readiness-grid label span {
  color: #42b7ff !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.goal-path-note, .invite-reviewer-box, .campaign-preview-card, .onboarding-fields label, .onboarding-wide-label {
  border-radius: 22px !important;
}

html[data-theme="moonlight"] .onboarding-pill-grid label, html[data-theme="moonlight"] .onboarding-choice-grid label, html[data-theme="moonlight"] .voice-sampler-grid label, html[data-theme="moonlight"] .destination-readiness-grid label, html[data-theme="moonlight"] .goal-path-note, html[data-theme="moonlight"] .invite-reviewer-box, html[data-theme="moonlight"] .campaign-preview-card, html[data-theme="moonlight"] .onboarding-fields label, html[data-theme="moonlight"] .onboarding-wide-label {
  background: linear-gradient(#ffffff1b, #ffffff0e) !important;
  border-color: #b2e2ff2e !important;
  box-shadow: 0 18px 46px #0000002e, inset 0 1px #ffffff12 !important;
}

:is(html[data-theme="moonlight"] .onboarding-pill-grid label:has(input:checked), html[data-theme="moonlight"] .onboarding-choice-grid label:has(input:checked), html[data-theme="moonlight"] .voice-sampler-grid label:has(input:checked), html[data-theme="moonlight"] .destination-readiness-grid label:has(input:checked)) {
  transform: translateY(-1px);
  background: radial-gradient(circle at 8% 18%, #9dddff2e, #0000 30%), linear-gradient(#ffffff24, #ffffff13) !important;
  border-color: #9dddff75 !important;
}

html[data-theme="moonlight"] .onboarding-wizard input:not([type="radio"]):not([type="checkbox"]), html[data-theme="moonlight"] .onboarding-wizard select, html[data-theme="moonlight"] .onboarding-wizard textarea {
  background: #ffffff13 !important;
  border-color: #ffffff24 !important;
  border-radius: 16px !important;
}

@media (max-width: 720px) {
  .voice-sampler-grid label {
    min-height: auto;
  }

  .onboarding-pill-grid label, .onboarding-choice-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
    padding-left: 50px !important;
  }
}

.sales-how-it-works {
  z-index: 1;
  grid-template-columns: 1.1fr repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  max-width: 1420px;
  margin: 0 auto;
  padding: 10px clamp(18px, 4vw, 54px) 28px;
  display: grid;
  position: relative;
}

.sales-how-it-works > div, .sales-how-it-works article {
  background: linear-gradient(#ffffffdb, #ecfaffa8);
  border: 1px solid #ffffffdb;
  border-radius: 28px;
  padding: 18px;
  box-shadow: 0 18px 50px #237ac41a, inset 0 1px #ffffffd1;
}

.sales-how-it-works h2 {
  color: #174a78;
  letter-spacing: -.065em;
  margin: 0;
  font-size: clamp(34px, 4vw, 56px);
  line-height: .88;
}

.sales-how-it-works article {
  align-content: start;
  gap: 9px;
  display: grid;
}

.sales-how-it-works article b {
  color: #fff;
  background: linear-gradient(#5fc7ff, #238ef2);
  border-radius: 13px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
  box-shadow: 0 10px 24px #237ac42e;
}

.sales-how-it-works article strong {
  color: #174a78;
  font-size: 18px;
  line-height: 1.08;
}

.sales-how-it-works article p {
  color: #315d7b;
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
}

@media (max-width: 1180px) {
  .sales-how-it-works {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-how-it-works > div {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .sales-how-it-works {
    grid-template-columns: 1fr;
  }
}

.business-boost-strip {
  z-index: 1;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 54px) 34px;
  display: grid;
  position: relative;
}

.business-boost-strip article {
  background: linear-gradient(#ffffffe6, #ecfaffad);
  border: 1px solid #ffffffe0;
  border-radius: 26px;
  padding: 18px;
  box-shadow: 0 18px 50px #237ac41a, inset 0 1px #ffffffd1;
}

.business-boost-strip span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.business-boost-strip strong {
  color: #174a78;
  margin: 8px 0;
  font-size: 22px;
  line-height: 1.05;
  display: block;
}

.business-boost-strip p {
  color: #315d7b;
  margin: 0;
  font-weight: 800;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .business-boost-strip {
    grid-template-columns: 1fr;
  }
}

.team-handles-section {
  z-index: 1;
  grid-template-columns: 1.2fr repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 54px) 50px;
  display: grid;
  position: relative;
}

.team-handles-section > div, .team-handles-section article {
  background: linear-gradient(#ffffffe6, #ecfaffad);
  border: 1px solid #ffffffe0;
  border-radius: 28px;
  padding: 20px;
  box-shadow: 0 18px 50px #237ac41a, inset 0 1px #ffffffd1;
}

.team-handles-section > div {
  grid-row: span 2;
}

.team-handles-section h2 {
  color: #174a78;
  letter-spacing: -.07em;
  margin: 0 0 14px;
  font-size: clamp(38px, 5vw, 72px);
  line-height: .88;
}

.team-handles-section > div p:not(.eyebrow), .team-handles-section article p {
  color: #315d7b;
  font-weight: 800;
  line-height: 1.45;
}

.team-handles-section article strong {
  color: #174a78;
  margin-bottom: 8px;
  font-size: 22px;
  display: block;
}

.ai-team-quick-actions {
  background: linear-gradient(#fffffff0, #ecfaffc7);
  border: 1px solid #ffffffeb;
  border-radius: 28px;
  margin: 16px 0;
  padding: 18px;
  box-shadow: 0 18px 50px #237ac41c, inset 0 1px #ffffffdb;
}

.ai-team-quick-actions div {
  flex-wrap: wrap;
  gap: 9px;
  display: flex;
}

.ai-team-quick-actions a {
  color: #1264b5;
  background: #ffffffa8;
  border: 1px solid #3a84be29;
  border-radius: 999px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 950;
}

.nest-operating-room {
  grid-template-columns: 1.2fr repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.nest-operating-room > div, .nest-operating-room a {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff13, #ffffff09);
  border-radius: 24px;
  padding: 18px;
}

.nest-operating-room > div {
  grid-row: span 2;
}

.nest-operating-room h2 {
  margin: 0 0 10px;
}

.nest-operating-room p {
  color: var(--muted);
  margin: 0;
  line-height: 1.45;
}

.nest-operating-room a strong {
  color: #fff;
  margin-bottom: 8px;
  font-size: 20px;
  display: block;
}

.nest-operating-room a:hover {
  border-color: #7dd3fc6b;
  transform: translateY(-1px);
}

html[data-theme="sky"] .ai-team-quick-actions, html[data-theme="sky"] .nest-operating-room > div, html[data-theme="sky"] .nest-operating-room a {
  background: linear-gradient(#fffffff0, #ecfaffc7);
  border-color: #3a84be29;
  box-shadow: 0 16px 45px #237ac41a, inset 0 1px #ffffffd9;
}

html[data-theme="sky"] .nest-operating-room a strong, html[data-theme="sky"] .nest-operating-room h2 {
  color: #174a78;
}

html[data-theme="sky"] .nest-operating-room p {
  color: #315d7b;
}

html[data-theme="moonlight"] .ai-team-quick-actions {
  background: linear-gradient(#ffffff17, #ffffff0b);
  border-color: #b2e2ff24;
}

html[data-theme="moonlight"] .ai-team-quick-actions a {
  color: #eff9ff;
  background: #ffffff12;
  border-color: #ffffff1f;
}

@media (max-width: 1050px) {
  .team-handles-section, .nest-operating-room {
    grid-template-columns: 1fr;
  }

  .team-handles-section > div, .nest-operating-room > div {
    grid-row: auto;
  }
}

.sales-how-it-works {
  grid-template-columns: 1.15fr repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding-bottom: 34px;
}

.sales-how-it-works > div, .sales-how-it-works article, .business-boost-strip article, .team-handles-section > div, .team-handles-section article {
  background: linear-gradient(#fffffff5, #ecfaffc7) !important;
  border: 1px solid #fffffff2 !important;
  box-shadow: 0 20px 58px #237ac421, inset 0 1px #ffffffe6 !important;
}

.sales-how-it-works > div {
  background: radial-gradient(circle at 90% 12%, #5fc7ff2e, #0000 32%), linear-gradient(#fff, #e7f8ff) !important;
}

.sales-how-it-works article {
  min-height: 170px;
  position: relative;
  overflow: hidden;
}

.sales-how-it-works article:after {
  content: "";
  background: var(--step-glow, #5fc7ff2e);
  border-radius: 999px;
  width: 118px;
  height: 118px;
  position: absolute;
  bottom: -38px;
  right: -36px;
}

.sales-how-it-works article:first-of-type {
  --step-glow: #7dd3fc3d;
  border-radius: 30px 22px;
}

.sales-how-it-works article:nth-of-type(2) {
  --step-glow: #c084fc38;
  border-radius: 22px 34px;
}

.sales-how-it-works article:nth-of-type(3) {
  --step-glow: #a3e63538;
  border-radius: 34px 22px;
}

.sales-how-it-works article:nth-of-type(4) {
  --step-glow: #fb718533;
  border-radius: 22px 30px;
}

.sales-how-it-works article b {
  z-index: 1;
  color: #06101d;
  background: linear-gradient(135deg, #d8f99d, #9bddff 48%, #bda6ff);
  position: relative;
}

.sales-how-it-works article strong, .business-boost-strip article strong, .team-handles-section article strong {
  letter-spacing: -.035em;
  font-size: clamp(20px, 2.1vw, 28px);
}

.business-boost-strip {
  grid-template-columns: 1fr 1.18fr 1fr;
  gap: 14px;
}

.business-boost-strip article {
  min-height: 160px;
  position: relative;
  overflow: hidden;
}

.business-boost-strip article:before {
  opacity: .18;
  font-size: 42px;
  position: absolute;
  top: 14px;
  right: 16px;
}

.business-boost-strip article:first-child:before {
  content: "🚀";
}

.business-boost-strip article:nth-child(2):before {
  content: "📈";
}

.business-boost-strip article:nth-child(3):before {
  content: "💬";
}

.business-boost-strip article:first-child {
  background: linear-gradient(135deg, #fff, #effbff) !important;
}

.business-boost-strip article:nth-child(2) {
  transform: translateY(10px);
  background: linear-gradient(135deg, #fff, #f7efff) !important;
}

.business-boost-strip article:nth-child(3) {
  background: linear-gradient(135deg, #fff, #f0fff8) !important;
}

.team-handles-section {
  grid-template-columns: 1.08fr repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.team-handles-section > div {
  grid-row: span 3;
  background: radial-gradient(circle at 100% 8%, #a855f729, #0000 30%), linear-gradient(#fff, #eaf8ff) !important;
}

.team-handles-section article {
  min-height: 145px;
  transition: transform .18s, box-shadow .18s;
  position: relative;
  overflow: hidden;
}

.team-handles-section article:hover, .business-boost-strip article:hover, .sales-how-it-works article:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 70px #237ac42e, inset 0 1px #ffffffeb !important;
}

.team-handles-section article:before {
  content: "";
  background: var(--team-icon-bg, linear-gradient(135deg,#5fc7ff,#238ef2));
  border-radius: 15px;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 12px;
  display: grid;
  box-shadow: 0 12px 26px #237ac42e;
}

.team-handles-section article:first-of-type:before {
  content: "🧭";
  --team-icon-bg: linear-gradient(135deg,#7dd3fc,#238ef2);
}

.team-handles-section article:nth-of-type(2):before {
  content: "✍️";
  --team-icon-bg: linear-gradient(135deg,#fb7185,#fbbf24);
}

.team-handles-section article:nth-of-type(3):before {
  content: "🎬";
  --team-icon-bg: linear-gradient(135deg,#fb7185,#c084fc);
}

.team-handles-section article:nth-of-type(4):before {
  content: "📣";
  --team-icon-bg: linear-gradient(135deg,#38bdf8,#a3e635);
}

.team-handles-section article:nth-of-type(5):before {
  content: "💬";
  --team-icon-bg: linear-gradient(135deg,#fbbf24,#fb7185);
}

.team-handles-section article:nth-of-type(6):before {
  content: "🧲";
  --team-icon-bg: linear-gradient(135deg,#38bdf8,#60a5fa);
}

.team-handles-section article:nth-of-type(7):before {
  content: "📈";
  --team-icon-bg: linear-gradient(135deg,#34d399,#7dd3fc);
}

.team-handles-section article:nth-of-type(2), .team-handles-section article:nth-of-type(5) {
  transform: translateY(12px);
}

.team-handles-section article:nth-of-type(3), .team-handles-section article:nth-of-type(6) {
  transform: translateY(-4px);
}

.team-handles-section article:nth-of-type(2):hover, .team-handles-section article:nth-of-type(5):hover {
  transform: translateY(8px);
}

.team-handles-section article:nth-of-type(3):hover, .team-handles-section article:nth-of-type(6):hover {
  transform: translateY(-8px);
}

@media (max-width: 1180px) {
  .sales-how-it-works, .business-boost-strip, .team-handles-section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-how-it-works > div, .team-handles-section > div {
    grid-area: auto / 1 / auto / -1;
  }

  .business-boost-strip article:nth-child(2), .team-handles-section article {
    transform: none !important;
  }
}

@media (max-width: 680px) {
  .sales-how-it-works, .business-boost-strip, .team-handles-section {
    grid-template-columns: 1fr;
  }
}

.sales-flow-strip {
  align-items: stretch;
  gap: 10px;
  padding-top: 8px;
  padding-bottom: 48px;
  position: relative;
}

.sales-flow-strip:before {
  content: "";
  opacity: .34;
  background: linear-gradient(90deg, #5fc7ff, #c084fc, #fb7185, #a3e635, #38bdf8);
  border-radius: 999px;
  height: 4px;
  position: absolute;
  top: 32px;
  left: calc(clamp(18px, 4vw, 54px) + 40px);
  right: calc(clamp(18px, 4vw, 54px) + 40px);
  box-shadow: 0 0 22px #5fc7ff38;
}

.sales-flow-strip div {
  align-content: center;
  min-height: 98px;
  transition: transform .18s, box-shadow .18s;
  position: relative;
  overflow: hidden;
  background: linear-gradient(#fffffffa, #ecfaffd1) !important;
  border: 1px solid #fffffff2 !important;
  box-shadow: 0 18px 48px #237ac41f, inset 0 1px #ffffffeb !important;
}

.sales-flow-strip div:after {
  content: "";
  background: var(--flow-glow, #5fc7ff2e);
  border-radius: 999px;
  width: 88px;
  height: 88px;
  position: absolute;
  inset: auto -25px -34px auto;
}

.sales-flow-strip div:first-child, .sales-flow-strip div:nth-child(2), .sales-flow-strip div:nth-child(3) {
  --flow-glow: #7dd3fc3d;
}

.sales-flow-strip div:nth-child(4) {
  --flow-glow: #c084fc38;
}

.sales-flow-strip div:nth-child(5) {
  --flow-glow: #fb718538;
}

.sales-flow-strip div:nth-child(6) {
  --flow-glow: #a3e63538;
}

.sales-flow-strip div:nth-child(7) {
  --flow-glow: #38bdf838;
}

.sales-flow-strip div:nth-child(8) {
  --flow-glow: #fbbf2438;
}

.sales-flow-strip div:nth-child(9) {
  --flow-glow: #60a5fa38;
}

.sales-flow-strip div:nth-child(10) {
  --flow-glow: #34d39938;
}

.sales-flow-strip div:nth-child(11) {
  --flow-glow: #bda6ff3d;
}

.sales-flow-strip div:hover {
  transform: translateY(-6px)scale(1.02);
  box-shadow: 0 28px 70px #237ac42e, inset 0 1px #fffffff0 !important;
}

.sales-flow-strip b {
  z-index: 1;
  color: #06101d;
  background: linear-gradient(135deg, #d8f99d, #9bddff 48%, #bda6ff);
  border-radius: 15px;
  width: 38px;
  height: 38px;
  animation: 2.8s ease-in-out infinite flowPulse;
  position: relative;
  box-shadow: 0 12px 28px #237ac42e, 0 0 0 6px #ffffffad;
}

.sales-flow-strip div:nth-child(2n) b {
  animation-delay: -.6s;
}

.sales-flow-strip div:nth-child(3n) b {
  animation-delay: -1.2s;
}

.sales-flow-strip span {
  z-index: 1;
  color: #174a78;
  letter-spacing: -.01em;
  font-size: 13px;
  position: relative;
}

@keyframes flowPulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}

@media (max-width: 1180px) {
  .sales-flow-strip:before {
    display: none;
  }

  .sales-flow-strip div {
    min-height: 90px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sales-flow-strip b {
    animation: none !important;
  }
}

.feature-mock-demo {
  padding-top: 82px !important;
}

.feature-card-character {
  object-fit: contain;
  z-index: 3;
  filter: drop-shadow(0 18px 18px #237ac429);
  width: 92px;
  height: 92px;
  animation: 4.2s ease-in-out infinite featureCharacterBob;
  position: absolute;
  top: 8px;
  right: 18px;
}

.sales-showcase-stack article.reverse .feature-card-character {
  left: 18px;
  right: auto;
}

.mock-demo-orbit {
  z-index: 2;
}

.mock-demo-status {
  z-index: 1;
}

@keyframes featureCharacterBob {
  0%, 100% {
    transform: translateY(0)rotate(-1deg);
  }

  50% {
    transform: translateY(-7px)rotate(1deg);
  }
}

@media (max-width: 680px) {
  .feature-card-character {
    width: 78px;
    height: 78px;
  }

  .feature-mock-demo {
    padding-top: 72px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .feature-card-character {
    animation: none !important;
  }
}

.sales-showcase-stack article.showcase-style-1 {
  background: radial-gradient(circle at 12% 8%, #fb718533, #0000 30%), radial-gradient(circle at 86% 0, #ffffffe0, #0000 34%), linear-gradient(135deg, #fff, #fff4f8 58%, #ffe7f0) !important;
}

.showcase-style-1 .feature-mock-demo {
  min-height: 300px;
  background: radial-gradient(circle at 50% 10%, #fb718533, #0000 32%), linear-gradient(#ffffffeb, #fff4f8c7) !important;
  border-color: #fb718538 !important;
  padding: 118px 18px 18px !important;
  transform: none !important;
}

.showcase-style-1 .feature-card-character {
  filter: drop-shadow(0 18px 22px #fb718538);
  width: 118px;
  height: 118px;
  top: 10px;
  transform: translateX(-50%);
  left: 50% !important;
  right: auto !important;
}

.showcase-style-1 .mock-demo-orbit {
  opacity: .42;
  top: 20px;
  right: 22px;
}

.showcase-style-1 .feature-mock-demo b {
  min-height: 48px;
  color: #174a78 !important;
  background: #fff !important;
  border: 1px solid #fb718529 !important;
  box-shadow: 0 12px 26px #fb71851a !important;
}

.showcase-style-1 .feature-mock-demo b em {
  color: #fff !important;
  background: linear-gradient(135deg, #fb7185, #fbbf24) !important;
}

.showcase-style-1 .feature-mock-demo b small {
  opacity: .8;
  background: linear-gradient(90deg, #fb7185bf, #fbbf241a) !important;
}

.showcase-style-1 .mock-demo-status {
  background: #fff !important;
  border-color: #fb71852e !important;
  box-shadow: 0 12px 26px #fb71851a !important;
}

.showcase-style-1 .mock-demo-status strong {
  color: #174a78;
}

.showcase-style-1 .mock-demo-status span {
  background: linear-gradient(90deg, #fb7185, #fbbf24, #0000) !important;
}

@media (max-width: 680px) {
  .showcase-style-1 .feature-card-character {
    width: 96px;
    height: 96px;
  }

  .showcase-style-1 .feature-mock-demo {
    padding-top: 100px !important;
  }
}

.sales-capability-map {
  z-index: 1;
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
  align-items: center;
  gap: 20px;
  max-width: 1420px;
  margin: 0 auto;
  padding: 18px clamp(18px, 4vw, 54px) 70px;
  display: grid;
  position: relative;
}

.sales-capability-map > div:first-child {
  background: radial-gradient(circle at 92% 8%, #9bddff33, #0000 32%), linear-gradient(#fffffff0, #ecfaffb8);
  border: 1px solid #ffffffe6;
  border-radius: 36px;
  padding: 26px;
  box-shadow: 0 22px 64px #237ac421, inset 0 1px #ffffffe0;
}

.sales-capability-map h2 {
  color: #174a78;
  letter-spacing: -.075em;
  margin: 0 0 14px;
  font-size: clamp(38px, 5vw, 72px);
  line-height: .86;
}

.sales-capability-map p:not(.eyebrow) {
  color: #315d7b;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.45;
}

.capability-orbit {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.capability-orbit article {
  text-align: center;
  background: linear-gradient(#ffffffeb, #ecfaffb3);
  border: 1px solid #ffffffe6;
  border-radius: 26px;
  align-content: center;
  justify-items: center;
  gap: 9px;
  min-height: 104px;
  transition: transform .18s, box-shadow .18s;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 42px #237ac41a, inset 0 1px #ffffffdb;
}

.capability-orbit article:after {
  content: "";
  background: var(--cap-glow, #5fc7ff2e);
  border-radius: 999px;
  width: 78px;
  height: 78px;
  position: absolute;
  bottom: -28px;
  right: -24px;
}

.capability-orbit article:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 58px #237ac429, inset 0 1px #ffffffe6;
}

.capability-orbit b {
  color: #06101d;
  z-index: 1;
  background: linear-gradient(135deg, #d8f99d, #9bddff 48%, #bda6ff);
  border-radius: 14px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 12px;
  display: grid;
  position: relative;
}

.capability-orbit span {
  color: #174a78;
  z-index: 1;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.1;
  position: relative;
}

.capability-0 {
  --cap-glow: #7dd3fc3d;
}

.capability-1 {
  --cap-glow: #fb718538;
}

.capability-2 {
  --cap-glow: #c084fc38;
}

.capability-3 {
  --cap-glow: #a3e63538;
}

.capability-4 {
  --cap-glow: #fbbf2438;
}

@media (max-width: 1100px) {
  .sales-capability-map {
    grid-template-columns: 1fr;
  }

  .capability-orbit {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .capability-orbit {
    grid-template-columns: 1fr;
  }
}

.team-handles-carousel {
  z-index: 1;
  position: relative;
  overflow: hidden;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px 0 72px !important;
  display: block !important;
}

.team-handles-carousel > div:first-child {
  max-width: 1420px;
  margin: 0 auto 20px;
  padding: 0 clamp(18px, 4vw, 54px);
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.team-handles-carousel > div:first-child h2 {
  color: #174a78;
  max-width: 900px;
}

.team-handles-carousel > div:first-child p:not(.eyebrow) {
  max-width: 680px;
}

.team-handles-rail {
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #238ef252 transparent;
  gap: 16px;
  padding: 4px clamp(18px, 4vw, 54px) 18px;
  display: flex;
  overflow-x: auto;
}

.team-handles-rail article {
  scroll-snap-align: start;
  flex: 0 0 clamp(240px, 27vw, 360px);
  align-content: start;
  gap: 10px;
  min-height: 230px;
  display: grid;
  position: relative;
  overflow: hidden;
  background: linear-gradient(#fffffff5, #ecfaffc7) !important;
  border: 1px solid #ffffffeb !important;
  border-radius: 34px !important;
  padding: 22px !important;
  box-shadow: 0 22px 60px #237ac421, inset 0 1px #ffffffe6 !important;
}

.team-handles-rail article:after {
  content: "";
  background: var(--rail-glow, #5fc7ff33);
  border-radius: 999px;
  width: 130px;
  height: 130px;
  position: absolute;
  bottom: -38px;
  right: -36px;
}

.team-handles-rail article:first-child {
  --rail-glow: #c084fc38;
}

.team-handles-rail article:nth-child(2) {
  --rail-glow: #fb718538;
}

.team-handles-rail article:nth-child(3) {
  --rail-glow: #fb71852e;
}

.team-handles-rail article:nth-child(4) {
  --rail-glow: #38bdf838;
}

.team-handles-rail article:nth-child(5) {
  --rail-glow: #fbbf2438;
}

.team-handles-rail article:nth-child(6) {
  --rail-glow: #60a5fa38;
}

.team-handles-rail article:nth-child(7) {
  --rail-glow: #34d39938;
}

.team-handles-rail article:before {
  z-index: 1;
  position: relative;
  border-radius: 17px !important;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 18px !important;
}

.team-handles-rail article strong, .team-handles-rail article p {
  z-index: 1;
  position: relative;
}

.team-handles-rail article strong {
  color: #174a78;
  letter-spacing: -.055em;
  line-height: .95;
  font-size: clamp(24px, 2.4vw, 34px) !important;
}

.team-handles-rail article p {
  color: #315d7b;
  font-weight: 850;
  line-height: 1.45;
}

.team-handles-rail article:nth-child(3n) {
  transform: translateY(6px);
}

.team-handles-rail article:hover {
  transform: translateY(-4px) !important;
}

@media (max-width: 700px) {
  .team-handles-rail article {
    flex-basis: 82vw;
  }

  .team-handles-rail article:nth-child(n) {
    transform: none;
  }
}

.team-handles-carousel {
  max-width: 1420px !important;
  margin: 0 auto !important;
  padding: 28px clamp(18px, 4vw, 54px) 72px !important;
}

.team-handles-carousel > div:first-child {
  max-width: 900px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}

.team-handles-rail {
  border-radius: 34px;
  width: 100%;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 7% 93%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 7% 93%, #0000);
  padding: 4px 0 22px !important;
}

.team-handles-rail article {
  flex: 0 0 clamp(250px, 24vw, 330px);
  animation: 28s linear infinite teamHandleAutoScroll;
}

@keyframes teamHandleAutoScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - 16px));
  }
}

.team-handles-rail article:nth-child(2n), .team-handles-rail article:nth-child(3n) {
  transform: none;
}

.team-handles-rail article:nth-child(2n) {
  animation-name: teamHandleAutoScrollEven;
}

.team-handles-rail article:nth-child(3n) {
  animation-name: teamHandleAutoScrollThree;
}

@keyframes teamHandleAutoScrollEven {
  from {
    transform: translateX(0)translateY(12px);
  }

  to {
    transform: translateX(calc(-100% - 16px))translateY(12px);
  }
}

@keyframes teamHandleAutoScrollThree {
  from {
    transform: translateX(0)translateY(4px);
  }

  to {
    transform: translateX(calc(-100% - 16px))translateY(4px);
  }
}

.team-handles-rail article:hover {
  animation-play-state: paused;
}

@media (max-width: 700px) {
  .team-handles-carousel {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .team-handles-rail article {
    flex-basis: 82vw;
    animation: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .team-handles-rail article {
    animation: none !important;
  }
}

.live-build-rotator {
  min-height: 390px;
  overflow: hidden;
}

.live-build-rotator > span {
  z-index: 5;
  position: relative;
}

.live-build-cycle {
  opacity: 0;
  animation: 15s ease-in-out infinite liveBuildCycle;
  position: absolute;
  top: 58px;
  left: 24px;
  right: 24px;
  transform: translateY(12px);
}

.live-build-cycle-1 {
  animation-delay: 5s;
}

.live-build-cycle-2 {
  animation-delay: 10s;
}

.live-build-cycle strong {
  color: #174a78;
  margin: 0 0 18px;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 28px;
  line-height: 1.12;
  display: block;
}

.live-build-cycle div {
  gap: 10px;
  display: grid;
}

.live-build-cycle p {
  opacity: 0;
  animation: 5s ease-in-out infinite liveStepIn;
  animation-delay: calc(var(--step) * .32s);
  transform: translateX(-10px);
}

.live-build-cycle-1 p {
  animation-delay: calc(5s + (var(--step) * .32s));
}

.live-build-cycle-2 p {
  animation-delay: calc(10s + (var(--step) * .32s));
}

.live-build-cycle p b {
  animation: 1.7s ease-in-out infinite liveBadgePulse;
  animation-delay: calc(var(--step) * .2s);
}

.hero-note-rotator {
  justify-content: flex-start;
  min-height: 50px;
}

.hero-note-cycle {
  opacity: 0;
  animation: 15s ease-in-out infinite heroNoteCycle;
  position: absolute;
  left: 50px;
  right: 14px;
}

.hero-note-cycle-1 {
  animation-delay: 5s;
}

.hero-note-cycle-2 {
  animation-delay: 10s;
}

@keyframes liveBuildCycle {
  0%, 3% {
    opacity: 0;
    transform: translateY(12px);
  }

  8%, 30% {
    opacity: 1;
    transform: translateY(0);
  }

  33%, 100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}

@keyframes liveStepIn {
  0%, 7% {
    opacity: 0;
    transform: translateX(-10px);
  }

  14%, 78% {
    opacity: 1;
    transform: translateX(0);
  }

  92%, 100% {
    opacity: 0;
    transform: translateX(8px);
  }
}

@keyframes liveBadgePulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.12);
  }
}

@keyframes heroNoteCycle {
  0%, 4% {
    opacity: 0;
    transform: translateY(6px);
  }

  9%, 30% {
    opacity: 1;
    transform: translateY(0);
  }

  34%, 100% {
    opacity: 0;
    transform: translateY(-6px);
  }
}

@media (max-width: 680px) {
  .live-build-rotator {
    min-height: 350px;
  }

  .live-build-cycle {
    left: 18px;
    right: 18px;
  }

  .live-build-cycle strong {
    font-size: 23px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .live-build-cycle, .live-build-cycle p, .live-build-cycle p b, .hero-note-cycle {
    animation: none !important;
  }

  .live-build-cycle-0, .hero-note-cycle-0 {
    opacity: 1 !important;
    transform: none !important;
  }
}

.team-handles-rail article:hover {
  filter: brightness(1.035) saturate(1.04);
  transform: none !important;
  box-shadow: 0 28px 70px #237ac42e, inset 0 1px #fffffff0 !important;
}

.team-handles-rail article:nth-child(2n):hover {
  transform: translateY(12px) !important;
}

.team-handles-rail article:nth-child(3n):hover {
  transform: translateY(4px) !important;
}

.team-handles-rail:hover article {
  animation-play-state: paused !important;
}

.team-handles-rail {
  overflow-y: visible;
  padding-top: 18px !important;
  padding-bottom: 32px !important;
}

.team-handles-carousel {
  overflow: visible !important;
}

.hollis-company-highlight {
  z-index: 1;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 54px) 90px;
  position: relative;
}

.hollis-company-card {
  text-align: center;
  background: radial-gradient(circle at 18% 0, #7dd3fc47, #0000 34%), linear-gradient(135deg, #0b2038, #102d4f 52%, #071827);
  border: 1px solid #ffffff38;
  border-radius: 38px;
  justify-items: center;
  gap: 16px;
  padding: clamp(26px, 4vw, 46px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 90px #0f3d6a3d, inset 0 1px #ffffff2e;
}

.hollis-company-card:before {
  content: "";
  pointer-events: none;
  border: 1px solid #ffffff14;
  border-radius: 30px;
  position: absolute;
  inset: 12px;
}

.hollis-company-card span {
  color: #bfe8ff;
  text-transform: uppercase;
  letter-spacing: .22em;
  z-index: 1;
  font-size: 13px;
  font-weight: 1000;
  position: relative;
}

.hollis-company-card img {
  z-index: 1;
  filter: drop-shadow(0 18px 35px #00000040);
  width: min(430px, 86%);
  height: auto;
  display: block;
  position: relative;
}

.hollis-company-card p {
  color: #ffffffc7;
  z-index: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 850;
  position: relative;
}

@media (max-width: 680px) {
  .hollis-company-highlight {
    padding-bottom: 64px;
  }

  .hollis-company-card {
    border-radius: 30px;
  }

  .hollis-company-card:before {
    border-radius: 24px;
  }
}

.hollis-company-highlight {
  justify-content: center;
  display: flex;
  padding: 0 clamp(18px, 4vw, 54px) 42px !important;
}

.hollis-company-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: transform .2s, border-color .2s, background .2s;
  background: #0614248a !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 999px !important;
  gap: 12px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 10px 18px !important;
  display: inline-flex !important;
  box-shadow: 0 14px 34px #00000029, inset 0 1px #ffffff1a !important;
}

.hollis-company-card:hover {
  transform: translateY(-2px);
  background: #091f36bd !important;
  border-color: #bfe8ff61 !important;
}

.hollis-company-card:before {
  display: none !important;
}

.hollis-company-card span {
  white-space: nowrap;
  letter-spacing: .18em !important;
  font-size: 10px !important;
}

.hollis-company-card img {
  filter: none !important;
  width: 118px !important;
  max-width: 118px !important;
}

.hollis-company-card p {
  display: none !important;
}

@media (max-width: 680px) {
  .hollis-company-highlight {
    padding-bottom: 32px !important;
  }

  .hollis-company-card {
    gap: 10px !important;
    padding: 9px 14px !important;
  }

  .hollis-company-card img {
    width: 96px !important;
    max-width: 96px !important;
  }

  .hollis-company-card span {
    font-size: 9px !important;
  }
}

.sales-hero-stage {
  padding-bottom: 74px;
  overflow: visible !important;
}

.sales-hero-stage .sales-hero-card {
  z-index: 4 !important;
  width: min(370px, 78%) !important;
  min-height: 420px !important;
}

.live-build-rotator {
  overflow: hidden !important;
}

.live-build-cycle strong {
  margin-bottom: 16px !important;
  font-size: clamp(23px, 2.4vw, 28px) !important;
}

.live-build-cycle p {
  font-size: 15px;
  line-height: 1.22;
  padding: 9px 10px !important;
}

.hero-magic-note, .hero-note-rotator {
  z-index: 7 !important;
  width: min(330px, 78%) !important;
  top: auto !important;
  bottom: 18px !important;
}

.hero-nestling {
  pointer-events: none;
  z-index: 2 !important;
  width: 108px !important;
  height: 108px !important;
}

.hero-nestling-0 {
  top: 10% !important;
  left: -2% !important;
}

.hero-nestling-1 {
  top: 8% !important;
  right: -2% !important;
}

.hero-nestling-2 {
  bottom: 28% !important;
  left: -7% !important;
}

.hero-nestling-3 {
  bottom: 30% !important;
  right: -7% !important;
}

.hero-nestling-4 {
  opacity: .82;
  bottom: -4% !important;
  left: 50% !important;
  transform: translateX(-50%)rotate(2deg)scale(.88) !important;
}

@media (max-width: 680px) {
  .sales-hero-stage {
    padding-bottom: 84px;
    min-height: 510px !important;
  }

  .sales-hero-stage .sales-hero-card {
    width: 74% !important;
    min-height: 395px !important;
  }

  .live-build-cycle {
    top: 52px !important;
    left: 16px !important;
    right: 16px !important;
  }

  .live-build-cycle p {
    font-size: 14px;
  }

  .hero-magic-note, .hero-note-rotator {
    width: 84% !important;
    bottom: 22px !important;
  }

  .hero-nestling {
    width: 82px !important;
    height: 82px !important;
  }

  .hero-nestling-0 {
    top: 8% !important;
    left: -6% !important;
  }

  .hero-nestling-1 {
    top: 10% !important;
    right: -6% !important;
  }

  .hero-nestling-2 {
    bottom: 34% !important;
    left: -11% !important;
  }

  .hero-nestling-3 {
    bottom: 36% !important;
    right: -11% !important;
  }

  .hero-nestling-4 {
    bottom: 0 !important;
  }
}

.sales-hero-stage {
  min-height: 590px !important;
  padding-bottom: 112px !important;
}

.sales-hero-stage .sales-hero-card, .live-build-rotator {
  min-height: 478px !important;
}

.live-build-cycle {
  top: 54px !important;
}

.live-build-cycle strong {
  margin-bottom: 13px !important;
  font-size: clamp(22px, 2.15vw, 26px) !important;
  line-height: 1.08 !important;
}

.live-build-cycle div {
  gap: 7px !important;
}

.live-build-cycle p {
  min-height: 48px;
  padding: 8px 10px !important;
  font-size: 14.5px !important;
  line-height: 1.14 !important;
}

.live-build-cycle p b {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}

.hero-magic-note, .hero-note-rotator {
  bottom: 30px !important;
}

.hero-nestling-4 {
  opacity: .72;
  bottom: 6px !important;
}

@media (max-width: 680px) {
  .sales-hero-stage {
    min-height: 590px !important;
    padding-bottom: 112px !important;
  }

  .sales-hero-stage .sales-hero-card, .live-build-rotator {
    min-height: 462px !important;
  }

  .live-build-cycle strong {
    font-size: 21px !important;
  }

  .live-build-cycle p {
    min-height: 46px;
    font-size: 13.5px !important;
  }

  .hero-magic-note, .hero-note-rotator {
    bottom: 32px !important;
  }
}

.onboarding-page {
  min-height: 100vh;
  overflow-x: hidden;
  background: radial-gradient(circle at 12% 10%, #5fc7ff47, #0000 30%), radial-gradient(circle at 84% 6%, #c084fc33, #0000 28%), linear-gradient(#dff8ff 0%, #f4fbff 48%, #fff7ea 100%) !important;
  padding: clamp(14px, 2.4vw, 34px) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif !important;
}

.onboarding-shell {
  align-items: stretch;
  grid-template-columns: minmax(270px, 350px) minmax(0, 1fr) !important;
  gap: clamp(16px, 2vw, 28px) !important;
  max-width: 1440px !important;
  min-height: calc(100vh - clamp(28px, 4.8vw, 68px)) !important;
}

.onboarding-side, .onboarding-wizard {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: linear-gradient(#ffffffdb, #effbffb8) !important;
  border: 1px solid #ffffffe6 !important;
  box-shadow: 0 30px 90px #237ac429, inset 0 1px #ffffffe6 !important;
}

.onboarding-side {
  flex-direction: column;
  justify-content: space-between;
  border-radius: 38px !important;
  gap: 22px !important;
  height: calc(100vh - clamp(28px, 4.8vw, 68px)) !important;
  padding: clamp(22px, 2.8vw, 34px) !important;
  display: flex !important;
  position: sticky !important;
  top: clamp(14px, 2.4vw, 34px) !important;
}

.onboarding-side:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, #38bdf83d, #0000 68%);
  border-radius: 999px;
  width: 260px;
  height: 260px;
  position: absolute;
  inset: auto -80px -90px auto;
}

.onboarding-side:after {
  bottom: 180px !important;
  right: -80px !important;
}

.onboarding-brand-lockup img {
  object-fit: contain;
  object-position: left center;
  width: min(230px, 100%) !important;
  max-height: 82px !important;
}

.onboarding-side-copy {
  z-index: 1;
  gap: 14px;
  display: grid;
  position: relative;
}

.onboarding-side-copy .eyebrow {
  color: #1679d8;
  margin: 0;
}

.onboarding-side h2 {
  letter-spacing: -.075em !important;
  color: #174a78 !important;
  max-width: 310px !important;
  font-size: clamp(34px, 3.4vw, 46px) !important;
  line-height: .9 !important;
}

.onboarding-side p {
  font-weight: 750;
  color: #315d7b !important;
  font-size: 16px !important;
}

.onboarding-side-team {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
  gap: 0;
  min-height: 168px;
  position: relative;
  margin: 4px 0 0 !important;
  display: flex !important;
}

.onboarding-side-team img {
  filter: drop-shadow(0 22px 34px #237ac42e);
  object-fit: contain !important;
  width: 118px !important;
  height: 138px !important;
  max-height: none !important;
  margin: 0 -24px !important;
}

.onboarding-side-team img:first-child {
  transform: translateY(0)rotate(-5deg);
}

.onboarding-side-team img:nth-child(2) {
  z-index: 2;
  transform: translateY(-14px)scale(1.08);
}

.onboarding-side-team img:nth-child(3) {
  transform: translateY(4px)rotate(5deg);
}

.onboarding-side-pills {
  z-index: 1;
  position: relative;
  gap: 10px !important;
  margin: 0 !important;
  display: grid !important;
}

.onboarding-side-pills span {
  font-size: 14px;
  font-weight: 950;
  color: #1264b5 !important;
  background: #ffffff9e !important;
  border: 1px solid #3a84be24 !important;
  border-radius: 999px !important;
  padding: 10px 13px !important;
}

.onboarding-wizard {
  position: relative;
  border-radius: 38px !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: clamp(18px, 2.4vw, 30px) !important;
  min-height: auto !important;
  padding: clamp(20px, 3vw, 38px) !important;
  display: grid !important;
  overflow: visible !important;
}

.onboarding-wizard:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, #d8f99d3d, #0000 70%);
  border-radius: 999px;
  width: 130px;
  height: 130px;
  position: absolute;
  top: 30px;
  right: 34px;
}

.onboarding-progress {
  z-index: 1;
  gap: 12px;
  display: grid;
  position: relative;
}

.onboarding-progress-copy {
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  display: flex;
}

.onboarding-progress-copy span {
  text-transform: uppercase;
  color: #1679d8 !important;
  letter-spacing: .16em !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}

.onboarding-progress-copy strong {
  color: #174a78;
  font-size: 16px;
  font-weight: 1000;
}

.onboarding-progress-track, .onboarding-progress > div:not(.onboarding-progress-copy) {
  border: 1px solid #3a84be1f;
  border-radius: 999px;
  padding: 2px;
  overflow: hidden;
  background: #ffffff9e !important;
  height: 12px !important;
}

.onboarding-progress-track b, .onboarding-progress > div:not(.onboarding-progress-copy) b {
  box-shadow: 0 0 24px #5fc7ff59;
  background: linear-gradient(90deg, #5fc7ff, #7dd3fc 44%, #c084fc) !important;
}

.onboarding-wizard section {
  justify-self: center;
  width: 100%;
  padding: clamp(4px, 1vw, 12px) 0;
  align-self: center !important;
  max-width: 980px !important;
}

.onboarding-wizard .eyebrow {
  color: #1679d8;
  margin: 0 0 12px;
}

.onboarding-wizard h1 {
  text-wrap: balance;
  color: #174a78 !important;
  letter-spacing: -.082em !important;
  max-width: 940px !important;
  margin: 0 0 18px !important;
  font-size: clamp(44px, 5.8vw, 82px) !important;
  line-height: .86 !important;
}

.onboarding-wizard section > p {
  font-weight: 750;
  color: #315d7b !important;
  max-width: 740px !important;
  font-size: clamp(16px, 1.4vw, 19px) !important;
  line-height: 1.52 !important;
}

.onboarding-fields {
  gap: 16px !important;
  margin-top: 24px !important;
}

.onboarding-fields label, .onboarding-wide-label, .invite-reviewer-box, .campaign-preview-card, .goal-path-note {
  background: linear-gradient(#ffffffd1, #ecfaff9e) !important;
  border: 1px solid #3a84be21 !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 48px #237ac414, inset 0 1px #ffffffd1 !important;
}

.onboarding-fields label, .onboarding-wide-label {
  padding: 14px !important;
}

.onboarding-wizard label span {
  color: #1679d8 !important;
  letter-spacing: .14em !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}

.onboarding-wizard input, .onboarding-wizard select, .onboarding-wizard textarea {
  font-size: 16px;
  font-weight: 750;
  color: #123955 !important;
  background: #ffffffd1 !important;
  border: 1px solid #3a84be29 !important;
  border-radius: 18px !important;
  min-height: 52px !important;
  padding: 13px 14px !important;
}

.onboarding-wizard input::placeholder, .onboarding-wizard textarea::placeholder {
  color: #315d7b8c;
}

.onboarding-choice-grid button, .onboarding-choice-grid label, .onboarding-pill-grid label, .voice-sampler-grid label, .destination-readiness-grid label, .onboarding-nestlings label {
  background: linear-gradient(#ffffffe0, #ebf9ffb3) !important;
  border: 1px solid #3a84be21 !important;
  border-radius: 28px !important;
  padding: 18px !important;
  box-shadow: 0 18px 46px #237ac417, inset 0 1px #ffffffd9 !important;
}

.onboarding-choice-grid button, .onboarding-choice-grid label {
  align-content: center;
  min-height: 108px !important;
}

.onboarding-choice-grid button {
  font-size: 18px;
  font-weight: 1000;
}

.onboarding-choice-grid label strong, .voice-sampler-grid label strong, .destination-readiness-grid strong {
  line-height: 1.05;
  color: #174a78 !important;
  font-size: 20px !important;
}

.onboarding-choice-grid label span, .onboarding-choice-grid label small, .voice-sampler-grid p, .destination-readiness-grid span, .campaign-preview-card p, .invite-reviewer-box p, .goal-path-note {
  font-weight: 800;
  color: #315d7b !important;
}

.onboarding-choice-grid .active, .onboarding-choice-grid button.active {
  background: radial-gradient(circle at 12% 12%, #d8f99d73, #0000 34%), linear-gradient(#fffffffa, #e3f7ffdb) !important;
  border-color: #238ef294 !important;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 24px 58px #237ac424, inset 0 1px #ffffffeb !important;
}

.onboarding-choice-grid label:has(input:checked) {
  background: radial-gradient(circle at 12% 12%, #d8f99d73, #0000 34%), linear-gradient(#fffffffa, #e3f7ffdb) !important;
  border-color: #238ef294 !important;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 24px 58px #237ac424, inset 0 1px #ffffffeb !important;
}

.onboarding-pill-grid label:has(input:checked) {
  background: radial-gradient(circle at 12% 12%, #d8f99d73, #0000 34%), linear-gradient(#fffffffa, #e3f7ffdb) !important;
  border-color: #238ef294 !important;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 24px 58px #237ac424, inset 0 1px #ffffffeb !important;
}

.onboarding-nestlings label:has(input:checked) {
  background: radial-gradient(circle at 12% 12%, #d8f99d73, #0000 34%), linear-gradient(#fffffffa, #e3f7ffdb) !important;
  border-color: #238ef294 !important;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 24px 58px #237ac424, inset 0 1px #ffffffeb !important;
}

.voice-sampler-grid label:has(input:checked) {
  background: radial-gradient(circle at 12% 12%, #d8f99d73, #0000 34%), linear-gradient(#fffffffa, #e3f7ffdb) !important;
  border-color: #238ef294 !important;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 24px 58px #237ac424, inset 0 1px #ffffffeb !important;
}

.destination-readiness-grid label:has(input:checked) {
  background: radial-gradient(circle at 12% 12%, #d8f99d73, #0000 34%), linear-gradient(#fffffffa, #e3f7ffdb) !important;
  border-color: #238ef294 !important;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 24px 58px #237ac424, inset 0 1px #ffffffeb !important;
}

.onboarding-choice-grid label > input, .onboarding-pill-grid label > input, .voice-sampler-grid label > input, .destination-readiness-grid label > input, .onboarding-nestlings input {
  accent-color: #238ef2;
}

.onboarding-nestlings {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

.onboarding-nestlings label {
  overflow: hidden;
  min-height: 218px !important;
}

.onboarding-nestlings input:checked:after {
  color: #fff;
  place-items: center;
  font-size: 14px;
  font-weight: 1000;
  display: grid;
  content: "✓" !important;
}

.onboarding-nestlings img {
  background: radial-gradient(circle at 50% 88%, #5fc7ff29, #0000 52%) !important;
  border-radius: 24px !important;
  height: 124px !important;
}

.onboarding-nestlings strong {
  color: #174a78 !important;
  font-size: 20px !important;
}

.onboarding-nestlings span {
  font-weight: 850;
  color: #315d7b !important;
}

.nestling-story-card {
  margin-top: 24px;
  background: linear-gradient(135deg, #ffffffe6, #ebf9ffb8) !important;
  border: 1px solid #ffffffe0 !important;
  border-radius: 34px !important;
  box-shadow: 0 24px 70px #237ac41f, inset 0 1px #ffffffe6 !important;
}

.nestling-story-image {
  background: radial-gradient(circle at 50% 82%, #237ac424, #0000 58%) !important;
}

.nestling-story-dots {
  gap: 8px !important;
  margin-top: 18px !important;
}

.nestling-story-dots button {
  font-weight: 950;
  color: #1264b5 !important;
  background: #ffffffb3 !important;
  border: 1px solid #3a84be24 !important;
  border-radius: 999px !important;
  padding: 10px 12px !important;
}

.nestling-story-dots button.active {
  color: #fff !important;
  background: linear-gradient(#5fc7ff, #238ef2) !important;
}

.voice-sampler-grid label p {
  color: #315d7b !important;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive !important;
}

.destination-readiness-grid span {
  color: #15803d !important;
}

.invite-reviewer-box, .campaign-preview-card {
  margin-top: 18px;
  padding: 18px !important;
}

.campaign-preview-card strong, .invite-reviewer-box strong {
  color: #174a78;
  font-size: 20px;
}

.onboarding-actions {
  border-top: 1px solid #3a84be1a;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-top: 6px !important;
}

.onboarding-actions button, .onboarding-inline-button {
  font-size: 15px;
  border-radius: 999px !important;
  min-height: 50px !important;
  padding: 13px 22px !important;
  font-weight: 1000 !important;
  box-shadow: 0 18px 36px #237ac42e, inset 0 1px #fff6 !important;
}

.onboarding-actions button:not(.secondary), .onboarding-inline-button {
  background: linear-gradient(#5fc7ff, #238ef2) !important;
}

.onboarding-actions button.secondary {
  color: #1264b5 !important;
  background: #ffffffb8 !important;
  border: 1px solid #2798ff2e !important;
}

.nest-waking-screen {
  background: linear-gradient(#ffffffe6, #ecfaffc2);
  border: 1px solid #ffffffe6;
  border-radius: 38px;
  box-shadow: 0 30px 80px #237ac424, inset 0 1px #ffffffe6;
  max-width: 760px !important;
  padding: clamp(24px, 4vw, 48px) !important;
}

.nest-waking-screen div {
  color: #174a78;
  background: #ffffffb8;
  border: 1px solid #3a84be1f;
  border-radius: 999px;
  margin-top: 10px;
  padding: 12px 14px;
  font-weight: 950;
}

html[data-theme="moonlight"] .onboarding-page {
  background: radial-gradient(circle at 18% 8%, #9dddff1a, #0000 28%), radial-gradient(circle at 82% 12%, #bda6ff1f, #0000 30%), linear-gradient(#030713, #101827) !important;
}

html[data-theme="moonlight"] .onboarding-side, html[data-theme="moonlight"] .onboarding-wizard, html[data-theme="moonlight"] .nest-waking-screen {
  background: linear-gradient(#080e1feb, #0a1228cc) !important;
  border-color: #b2e2ff29 !important;
  box-shadow: 0 28px 90px #00000059, 0 0 40px #4c8bf514, inset 0 1px #ffffff12 !important;
}

html[data-theme="moonlight"] .onboarding-side h2, html[data-theme="moonlight"] .onboarding-wizard h1, html[data-theme="moonlight"] .onboarding-progress-copy strong, html[data-theme="moonlight"] .onboarding-choice-grid label strong, html[data-theme="moonlight"] .voice-sampler-grid label strong, html[data-theme="moonlight"] .destination-readiness-grid strong, html[data-theme="moonlight"] .onboarding-nestlings strong, html[data-theme="moonlight"] .campaign-preview-card strong, html[data-theme="moonlight"] .invite-reviewer-box strong {
  color: #fff !important;
}

html[data-theme="moonlight"] .onboarding-side p, html[data-theme="moonlight"] .onboarding-wizard section > p, html[data-theme="moonlight"] .onboarding-choice-grid label span, html[data-theme="moonlight"] .voice-sampler-grid p, html[data-theme="moonlight"] .campaign-preview-card p, html[data-theme="moonlight"] .invite-reviewer-box p {
  color: #c8d6e6 !important;
}

html[data-theme="moonlight"] .onboarding-fields label, html[data-theme="moonlight"] .onboarding-wide-label, html[data-theme="moonlight"] .onboarding-choice-grid button, html[data-theme="moonlight"] .onboarding-choice-grid label, html[data-theme="moonlight"] .onboarding-pill-grid label, html[data-theme="moonlight"] .voice-sampler-grid label, html[data-theme="moonlight"] .destination-readiness-grid label, html[data-theme="moonlight"] .onboarding-nestlings label, html[data-theme="moonlight"] .invite-reviewer-box, html[data-theme="moonlight"] .campaign-preview-card, html[data-theme="moonlight"] .goal-path-note, html[data-theme="moonlight"] .nestling-story-card {
  background: linear-gradient(#ffffff17, #ffffff0e) !important;
  border-color: #b2e2ff24 !important;
}

html[data-theme="moonlight"] .onboarding-wizard input, html[data-theme="moonlight"] .onboarding-wizard textarea, html[data-theme="moonlight"] .onboarding-wizard select {
  color: #f8fbff !important;
  background: #ffffff13 !important;
  border-color: #ffffff24 !important;
}

@media (max-width: 1050px) {
  .onboarding-shell {
    grid-template-columns: 1fr !important;
  }

  .onboarding-side {
    height: auto !important;
    position: relative !important;
    top: auto !important;
  }

  .onboarding-side-team {
    display: none !important;
  }

  .onboarding-side-pills {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .onboarding-page {
    padding: 10px !important;
  }

  .onboarding-wizard, .onboarding-side {
    border-radius: 28px !important;
    padding: 18px !important;
  }

  .onboarding-progress-copy {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .onboarding-wizard h1 {
    font-size: 42px !important;
  }

  .onboarding-fields, .onboarding-choice-grid, .onboarding-pill-grid, .voice-sampler-grid, .destination-readiness-grid, .onboarding-nestlings {
    grid-template-columns: 1fr !important;
  }

  .onboarding-actions {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #effbffd1;
    border-radius: 999px;
    position: sticky;
    bottom: 10px;
    box-shadow: 0 16px 44px #237ac424;
    padding: 8px !important;
  }
}

.onboarding-wizard {
  padding: clamp(22px, 3vw, 34px) !important;
  overflow: hidden !important;
}

.onboarding-wizard section {
  place-self: start stretch !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding-top: clamp(28px, 6vh, 72px) !important;
}

.onboarding-wizard section > p {
  max-width: 720px !important;
  margin-bottom: 20px !important;
  font-size: 17px !important;
}

.onboarding-progress-copy strong {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px !important;
}

.onboarding-choice-grid, .onboarding-pill-grid, .voice-sampler-grid, .destination-readiness-grid {
  gap: 14px !important;
  margin-top: 20px !important;
}

.onboarding-pill-grid, .team-handles-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.voice-sampler-grid, .destination-readiness-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.onboarding-choice-grid label, .onboarding-pill-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
  align-content: center !important;
  gap: 6px !important;
  min-height: 94px !important;
  padding: 20px 20px 20px 58px !important;
  display: grid !important;
  position: relative !important;
}

.onboarding-choice-grid label > input, .onboarding-pill-grid label > input, .voice-sampler-grid label > input, .destination-readiness-grid label > input {
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  position: absolute !important;
}

.onboarding-choice-grid label:before, .onboarding-pill-grid label:before, .voice-sampler-grid label:before, .destination-readiness-grid label:before {
  content: "";
  background: #fffc;
  border: 1px solid #3a84be38;
  border-radius: 10px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  box-shadow: inset 0 1px #fffc;
}

.onboarding-choice-grid label:has(input[type="radio"]):before {
  border-radius: 999px;
}

.onboarding-pill-grid label:has(input[type="radio"]):before {
  border-radius: 999px;
}

.voice-sampler-grid label:has(input[type="radio"]):before {
  border-radius: 999px;
}

.onboarding-choice-grid label:has(input:checked):before {
  background: linear-gradient(#5fc7ff, #238ef2);
  border-color: #0000;
  box-shadow: 0 0 0 5px #5fc7ff24, inset 0 1px #ffffff57;
}

.onboarding-pill-grid label:has(input:checked):before {
  background: linear-gradient(#5fc7ff, #238ef2);
  border-color: #0000;
  box-shadow: 0 0 0 5px #5fc7ff24, inset 0 1px #ffffff57;
}

.voice-sampler-grid label:has(input:checked):before {
  background: linear-gradient(#5fc7ff, #238ef2);
  border-color: #0000;
  box-shadow: 0 0 0 5px #5fc7ff24, inset 0 1px #ffffff57;
}

.destination-readiness-grid label:has(input:checked):before {
  background: linear-gradient(#5fc7ff, #238ef2);
  border-color: #0000;
  box-shadow: 0 0 0 5px #5fc7ff24, inset 0 1px #ffffff57;
}

.onboarding-choice-grid label:has(input:checked):after {
  content: "";
  background: #fff;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}

.onboarding-pill-grid label:has(input:checked):after {
  content: "";
  background: #fff;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}

.voice-sampler-grid label:has(input:checked):after {
  content: "";
  background: #fff;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}

.destination-readiness-grid label:has(input:checked):after {
  content: "";
  background: #fff;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}

.onboarding-choice-grid label strong, .voice-sampler-grid label strong, .destination-readiness-grid label strong {
  color: #174a78 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
  font-size: clamp(18px, 1.5vw, 22px) !important;
  line-height: 1.08 !important;
  display: block !important;
}

.onboarding-choice-grid label span, .onboarding-choice-grid label small, .onboarding-pill-grid label span, .voice-sampler-grid label p, .destination-readiness-grid label span {
  color: #315d7b !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.32 !important;
  display: block !important;
}

.onboarding-pill-grid label span {
  color: #174a78 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
}

.voice-sampler-grid label {
  align-content: start !important;
  min-height: 180px !important;
}

.voice-sampler-grid label p {
  max-width: 100% !important;
  margin-top: 8px !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}

.destination-readiness-grid label {
  min-height: 118px !important;
}

.destination-readiness-grid label span {
  color: #15803d !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}

.goal-path-note {
  color: #174a78 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-radius: 22px !important;
  margin-top: 16px !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

.onboarding-wide-label {
  max-width: 820px !important;
}

.onboarding-wide-label span, .onboarding-fields label span {
  color: #1679d8 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  display: block !important;
}

.onboarding-nestlings {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 16px !important;
  max-width: 100% !important;
}

.onboarding-nestlings label {
  grid-template-rows: 132px auto auto !important;
  align-content: start !important;
  gap: 8px !important;
  min-height: 232px !important;
  padding: 18px !important;
  display: grid !important;
}

.onboarding-nestlings img {
  object-fit: contain !important;
  width: 100% !important;
  height: 132px !important;
}

.onboarding-nestlings strong {
  color: #174a78 !important;
  letter-spacing: -.03em !important;
  font-size: 21px !important;
  line-height: 1 !important;
}

.onboarding-nestlings span {
  color: #1679d8 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  line-height: 1.25 !important;
}

.onboarding-actions {
  padding-top: 12px !important;
}

@media (max-width: 900px) {
  .onboarding-wizard section {
    padding-top: 28px !important;
  }

  .onboarding-wizard h1 {
    font-size: clamp(38px, 9vw, 56px) !important;
  }

  .onboarding-pill-grid, .team-handles-grid, .voice-sampler-grid, .destination-readiness-grid {
    grid-template-columns: 1fr !important;
  }

  .voice-sampler-grid label {
    min-height: 132px !important;
  }
}

@media (max-width: 620px) {
  .onboarding-wizard {
    padding: 16px !important;
  }

  .onboarding-wizard section {
    padding-top: 22px !important;
  }

  .onboarding-wizard h1 {
    font-size: 38px !important;
  }

  .onboarding-choice-grid label, .onboarding-pill-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
    padding: 18px 16px 18px 52px !important;
  }

  .onboarding-choice-grid label:before, .onboarding-pill-grid label:before, .voice-sampler-grid label:before, .destination-readiness-grid label:before {
    left: 16px;
  }

  .onboarding-choice-grid label:has(input:checked):after {
    left: 24px;
  }

  .onboarding-pill-grid label:has(input:checked):after {
    left: 24px;
  }

  .voice-sampler-grid label:has(input:checked):after {
    left: 24px;
  }

  .destination-readiness-grid label:has(input:checked):after {
    left: 24px;
  }
}

html[data-theme="moonlight"] .onboarding-choice-grid label strong, html[data-theme="moonlight"] .voice-sampler-grid label strong, html[data-theme="moonlight"] .destination-readiness-grid label strong, html[data-theme="moonlight"] .onboarding-pill-grid label span, html[data-theme="moonlight"] .onboarding-nestlings strong {
  color: #fff !important;
}

html[data-theme="moonlight"] .onboarding-choice-grid label span, html[data-theme="moonlight"] .onboarding-choice-grid label small, html[data-theme="moonlight"] .voice-sampler-grid label p {
  color: #c8d6e6 !important;
}

.onboarding-wizard section {
  padding-top: clamp(18px, 4.5vh, 46px) !important;
}

.onboarding-wizard h1 {
  letter-spacing: -.055em !important;
  max-width: 780px !important;
  font-size: clamp(38px, 4.1vw, 58px) !important;
  line-height: .96 !important;
}

.onboarding-pill-grid, .onboarding-choice-grid, .voice-sampler-grid, .destination-readiness-grid {
  align-items: stretch !important;
}

.onboarding-pill-grid label, .onboarding-choice-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
  box-sizing: border-box !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  width: 100% !important;
  overflow: visible !important;
}

.onboarding-pill-grid label > span, .team-handles-grid label > span, .onboarding-choice-grid label > span, .onboarding-choice-grid label > small, .voice-sampler-grid label > p, .destination-readiness-grid label > span {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-overflow: clip !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif !important;
  display: block !important;
  position: static !important;
  overflow: visible !important;
}

.onboarding-pill-grid label > span, .team-handles-grid label > span {
  color: #174a78 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.onboarding-choice-grid label > strong, .voice-sampler-grid label > strong, .destination-readiness-grid label > strong {
  color: #174a78 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
  white-space: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 21px !important;
  font-weight: 1000 !important;
  line-height: 1.08 !important;
  display: block !important;
  position: static !important;
  overflow: visible !important;
}

.onboarding-choice-grid label > span, .onboarding-choice-grid label > small, .voice-sampler-grid label > p {
  color: #315d7b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.38 !important;
}

.destination-readiness-grid label > span {
  color: #15803d !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
}

.onboarding-choice-grid label, .onboarding-pill-grid label, .destination-readiness-grid label {
  min-height: 88px !important;
}

.onboarding-pill-grid label:nth-child(n), .onboarding-choice-grid label:nth-child(n), .voice-sampler-grid label:nth-child(n), .destination-readiness-grid label:nth-child(n) {
  transform: none !important;
}

.onboarding-fields label {
  min-height: auto !important;
}

.onboarding-fields label > span, .onboarding-wide-label > span {
  white-space: normal !important;
  word-break: normal !important;
  overflow: visible !important;
}

.onboarding-nestlings label {
  grid-template-rows: 118px auto auto !important;
  min-height: 214px !important;
  padding: 14px !important;
}

.onboarding-nestlings label > input {
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
}

.onboarding-nestlings img {
  height: 118px !important;
}

.onboarding-nestlings strong, .onboarding-nestlings span {
  white-space: normal !important;
  word-break: normal !important;
  overflow: visible !important;
}

.onboarding-nestlings span {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

@media (min-width: 1100px) {
  .onboarding-pill-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .team-handles-grid, .onboarding-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .onboarding-wizard h1 {
    font-size: 42px !important;
  }

  .onboarding-pill-grid, .onboarding-choice-grid, .voice-sampler-grid, .destination-readiness-grid {
    grid-template-columns: 1fr !important;
  }
}

.onboarding-progress-copy, .onboarding-progress .onboarding-progress-copy {
  background: none !important;
  border-radius: 0 !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  overflow: visible !important;
}

.onboarding-progress-copy span, .onboarding-progress-copy strong {
  white-space: nowrap !important;
  word-break: normal !important;
  text-overflow: clip !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  overflow: visible !important;
}

.onboarding-progress-track, .onboarding-progress .onboarding-progress-track {
  height: 12px !important;
  min-height: 12px !important;
  margin-top: 10px !important;
  display: block !important;
  overflow: hidden !important;
}

.onboarding-pill-grid label, .team-handles-grid label, .onboarding-choice-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
  text-align: left !important;
  flex-direction: row !important;
  grid-template-rows: none !important;
  grid-template-columns: none !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 96px !important;
  padding: 18px 20px !important;
  display: flex !important;
}

.onboarding-pill-grid label:before, .team-handles-grid label:before, .onboarding-choice-grid label:before, .voice-sampler-grid label:before, .destination-readiness-grid label:before {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

.onboarding-pill-grid label:has(input:checked):after {
  display: none !important;
}

.team-handles-grid label:has(input:checked):after {
  display: none !important;
}

.onboarding-choice-grid label:has(input:checked):after {
  display: none !important;
}

.voice-sampler-grid label:has(input:checked):after {
  display: none !important;
}

.destination-readiness-grid label:has(input:checked):after {
  display: none !important;
}

.onboarding-pill-grid label:has(input:checked):before {
  content: "✓" !important;
  color: #fff !important;
  place-items: center !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  display: grid !important;
}

.team-handles-grid label:has(input:checked):before {
  content: "✓" !important;
  color: #fff !important;
  place-items: center !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  display: grid !important;
}

.onboarding-choice-grid label:has(input:checked):before {
  content: "✓" !important;
  color: #fff !important;
  place-items: center !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  display: grid !important;
}

.voice-sampler-grid label:has(input:checked):before {
  content: "✓" !important;
  color: #fff !important;
  place-items: center !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  display: grid !important;
}

.destination-readiness-grid label:has(input:checked):before {
  content: "✓" !important;
  color: #fff !important;
  place-items: center !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  display: grid !important;
}

.onboarding-pill-grid label > span, .team-handles-grid label > span, .onboarding-choice-grid label > span, .onboarding-choice-grid label > small, .voice-sampler-grid label > p, .destination-readiness-grid label > span, .onboarding-choice-grid label > strong, .voice-sampler-grid label > strong, .destination-readiness-grid label > strong {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  flex: auto !important;
  min-width: 0 !important;
}

.onboarding-choice-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
  align-items: flex-start !important;
}

.onboarding-choice-grid label > strong, .voice-sampler-grid label > strong, .destination-readiness-grid label > strong {
  flex: none !important;
}

.onboarding-choice-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
  flex-wrap: wrap !important;
}

.onboarding-choice-grid label:before, .voice-sampler-grid label:before, .destination-readiness-grid label:before {
  margin-top: 2px !important;
}

.onboarding-choice-grid label > strong, .voice-sampler-grid label > strong, .destination-readiness-grid label > strong {
  width: calc(100% - 44px) !important;
}

.onboarding-choice-grid label > span, .onboarding-choice-grid label > small, .voice-sampler-grid label > p, .destination-readiness-grid label > span {
  width: calc(100% - 40px) !important;
  margin-left: 40px !important;
}

.onboarding-pill-grid label > span, .team-handles-grid label > span {
  width: auto !important;
  margin-left: 0 !important;
}

@media (max-width: 720px) {
  .onboarding-progress-copy {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
  }

  .onboarding-progress-copy span, .onboarding-progress-copy strong {
    white-space: normal !important;
  }
}

.personality-grid label {
  grid-template-rows: auto auto !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px 14px !important;
  padding: 20px !important;
  display: grid !important;
}

.personality-grid label > input {
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
}

.personality-grid label > i {
  background: #ffffffbd !important;
  border: 1px solid #5fc7ff57 !important;
  border-radius: 999px !important;
  grid-area: 1 / 1 / span 2 !important;
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
  box-shadow: inset 0 1px #ffffffb8 !important;
}

.personality-grid label > i:before {
  content: "" !important;
  background: none !important;
  border-radius: 999px !important;
  width: 10px !important;
  height: 10px !important;
}

.personality-grid label > strong {
  grid-area: 1 / 2 !important;
  margin: 0 !important;
}

.personality-grid label > span {
  grid-area: 2 / 2 !important;
  margin: 0 !important;
}

.onboarding-step-checklist {
  z-index: 2;
  grid-template-columns: 1fr 1fr;
  position: relative;
  gap: 8px !important;
  margin: 0 !important;
  display: grid !important;
}

.onboarding-step-checklist button {
  color: #1264b5;
  cursor: pointer;
  background: #ffffff9e;
  border: 1px solid #3a84be24;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 10px 8px 8px;
  font-weight: 950;
  transition: transform .16s, border-color .16s, background .16s, box-shadow .16s;
  display: flex;
}

.onboarding-step-checklist button:hover {
  background: #ffffffd1;
  border-color: #238ef257;
  transform: translateY(-1px);
}

.onboarding-step-checklist button b {
  color: #1679d8;
  background: #5fc7ff24;
  border-radius: 999px;
  flex: 0 0 22px;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 11px;
  font-weight: 1000;
  display: grid;
}

.onboarding-step-checklist button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  color: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.onboarding-step-checklist button.complete b {
  color: #fff;
  background: linear-gradient(#5fc7ff, #238ef2);
}

.onboarding-step-checklist button.active {
  color: #174a78;
  background: linear-gradient(#fffffff5, #e2f7ffdb);
  border-color: #238ef280;
  grid-column: 1 / -1;
  box-shadow: 0 14px 30px #237ac41f, inset 0 1px #ffffffe6;
}

.onboarding-step-checklist button.active b {
  color: #174a78;
  background: linear-gradient(#d8f99d, #9bddff);
}

html[data-theme="moonlight"] .onboarding-step-checklist button {
  color: #c8d6e6;
  background: #ffffff12;
  border-color: #ffffff1f;
}

html[data-theme="moonlight"] .onboarding-step-checklist button:hover, html[data-theme="moonlight"] .onboarding-step-checklist button.active {
  color: #fff;
  background: #ffffff1c;
  border-color: #9dddff5c;
}

html[data-theme="moonlight"] .onboarding-step-checklist button.active b {
  color: #06162c;
}

@media (max-width: 1050px) {
  .onboarding-step-checklist {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .onboarding-step-checklist button.active {
    grid-column: auto;
  }
}

@media (max-width: 720px) {
  .onboarding-step-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.onboarding-page {
  padding: 18px !important;
}

.onboarding-shell {
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 16px !important;
  max-width: 1220px !important;
  min-height: calc(100vh - 36px) !important;
}

.onboarding-side {
  border-radius: 28px !important;
  gap: 14px !important;
  height: calc(100vh - 36px) !important;
  padding: 20px !important;
  top: 18px !important;
}

.onboarding-brand-lockup img {
  width: 165px !important;
  max-height: 58px !important;
}

.onboarding-side-copy {
  gap: 9px !important;
}

.onboarding-side-copy .eyebrow {
  letter-spacing: .16em !important;
  font-size: 10px !important;
}

.onboarding-side h2 {
  letter-spacing: -.06em !important;
  max-width: 220px !important;
  font-size: 30px !important;
  line-height: .92 !important;
}

.onboarding-side p {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

.onboarding-side-team {
  min-height: 112px !important;
}

.onboarding-side-team img {
  width: 84px !important;
  height: 104px !important;
  margin: 0 -17px !important;
}

.onboarding-step-checklist {
  gap: 6px !important;
}

.onboarding-step-checklist button {
  gap: 6px !important;
  padding: 6px 8px 6px 6px !important;
}

.onboarding-step-checklist button b {
  flex-basis: 18px !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 9px !important;
}

.onboarding-step-checklist button span {
  font-size: 10px !important;
}

.onboarding-step-checklist button.active span {
  font-size: 11px !important;
}

.onboarding-wizard {
  border-radius: 28px !important;
  gap: 16px !important;
  padding: 22px 26px !important;
}

.onboarding-wizard section {
  max-width: 860px !important;
  padding-top: clamp(12px, 3vh, 30px) !important;
}

.onboarding-progress-copy span {
  font-size: 10px !important;
}

.onboarding-progress-copy strong {
  font-size: 11px !important;
}

.onboarding-progress-track, .onboarding-progress .onboarding-progress-track {
  height: 8px !important;
  min-height: 8px !important;
  margin-top: 7px !important;
}

.onboarding-wizard .eyebrow {
  margin-bottom: 10px !important;
  font-size: 11px !important;
}

.onboarding-wizard h1 {
  letter-spacing: -.05em !important;
  max-width: 720px !important;
  margin-bottom: 14px !important;
  font-size: clamp(34px, 3.3vw, 48px) !important;
  line-height: .98 !important;
}

.onboarding-wizard section > p {
  max-width: 650px !important;
  margin-bottom: 14px !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
}

.onboarding-choice-grid, .onboarding-pill-grid, .voice-sampler-grid, .destination-readiness-grid, .onboarding-fields, .onboarding-nestlings {
  gap: 10px !important;
  margin-top: 14px !important;
}

.onboarding-choice-grid button, .onboarding-choice-grid label, .onboarding-pill-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
  border-radius: 20px !important;
  gap: 10px !important;
  min-height: 74px !important;
  padding: 14px 16px !important;
}

.onboarding-choice-grid button {
  min-height: 72px !important;
  font-size: 15px !important;
}

.onboarding-pill-grid label > span, .team-handles-grid label > span {
  font-size: 15px !important;
  line-height: 1.18 !important;
}

.onboarding-choice-grid label > strong, .voice-sampler-grid label > strong, .destination-readiness-grid label > strong {
  font-size: 17px !important;
}

.onboarding-choice-grid label > span, .onboarding-choice-grid label > small, .voice-sampler-grid label > p {
  font-size: 12.5px !important;
  line-height: 1.32 !important;
}

.voice-sampler-grid label {
  min-height: 124px !important;
}

.onboarding-fields label, .onboarding-wide-label {
  border-radius: 20px !important;
  padding: 12px !important;
}

.onboarding-wide-label {
  max-width: 700px !important;
  margin-top: 14px !important;
}

.onboarding-wide-label span, .onboarding-fields label span {
  margin-bottom: 6px !important;
  font-size: 10px !important;
}

.onboarding-wizard input, .onboarding-wizard select, .onboarding-wizard textarea {
  border-radius: 14px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
}

.onboarding-wizard textarea {
  min-height: 110px !important;
}

.goal-path-note, .invite-reviewer-box, .campaign-preview-card {
  border-radius: 18px !important;
  margin-top: 12px !important;
  padding: 13px 14px !important;
  font-size: 13px !important;
}

.onboarding-nestlings {
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
}

.onboarding-nestlings label {
  border-radius: 20px !important;
  grid-template-rows: 88px auto auto !important;
  min-height: 178px !important;
  padding: 12px !important;
}

.onboarding-nestlings img {
  border-radius: 16px !important;
  height: 88px !important;
}

.onboarding-nestlings strong {
  font-size: 16px !important;
}

.onboarding-nestlings span {
  font-size: 9px !important;
}

.nestling-story-card {
  border-radius: 24px !important;
  grid-template-columns: 190px minmax(0, 1fr) !important;
  gap: 16px !important;
  margin-top: 14px !important;
  padding: 16px !important;
}

.nestling-story-image {
  border-radius: 20px !important;
  min-height: 175px !important;
}

.nestling-story-image img {
  max-height: 175px !important;
}

.nestling-story-card h2 {
  font-size: 34px !important;
}

.nestling-story-card p {
  font-size: 16px !important;
}

.nestling-story-card small {
  font-size: 12px !important;
}

.onboarding-actions button, .onboarding-inline-button {
  min-height: 42px !important;
  padding: 10px 17px !important;
  font-size: 13px !important;
}

@media (max-width: 1050px) {
  .onboarding-shell {
    grid-template-columns: 1fr !important;
  }

  .onboarding-side {
    height: auto !important;
  }
}

@media (max-width: 720px) {
  .onboarding-page {
    padding: 10px !important;
  }

  .onboarding-wizard h1 {
    font-size: 34px !important;
  }

  .nestling-story-card {
    grid-template-columns: 1fr !important;
  }
}

.onboarding-step-checklist.collapsed {
  align-content: end;
  grid-template-columns: 1fr !important;
}

.onboarding-step-checklist.collapsed button {
  width: 100%;
  min-height: 38px;
}

.onboarding-step-checklist.collapsed button.active {
  min-height: 48px;
  grid-column: auto !important;
}

.onboarding-step-checklist.collapsed button span {
  font-size: 11px !important;
}

.onboarding-step-checklist.collapsed button.active span {
  font-size: 12px !important;
}

.onboarding-step-checklist .step-overflow, .onboarding-step-checklist .step-toggle {
  opacity: .82;
  background: #ffffff6b !important;
  border-style: dashed !important;
}

.onboarding-step-checklist .step-overflow b, .onboarding-step-checklist .step-toggle b {
  color: #1679d8 !important;
  background: #5fc7ff1f !important;
}

.onboarding-step-checklist .step-toggle {
  margin-top: 2px;
}

.onboarding-step-checklist.expanded {
  scrollbar-width: thin;
  scrollbar-color: #5fc7ff59 transparent;
  max-height: 310px;
  padding-right: 2px;
  overflow: auto;
  grid-template-columns: 1fr 1fr !important;
}

.onboarding-step-checklist.expanded .step-toggle {
  grid-column: 1 / -1;
}

html[data-theme="moonlight"] .onboarding-step-checklist .step-overflow, html[data-theme="moonlight"] .onboarding-step-checklist .step-toggle {
  background: #ffffff0b !important;
}

@media (max-width: 1050px) {
  .onboarding-step-checklist.collapsed, .onboarding-step-checklist.expanded {
    max-height: none;
    overflow: visible;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .onboarding-step-checklist.collapsed button.active {
    grid-column: auto !important;
  }

  .onboarding-step-checklist.expanded .step-toggle {
    grid-column: auto;
  }
}

@media (max-width: 720px) {
  .onboarding-step-checklist.collapsed, .onboarding-step-checklist.expanded {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

html[data-theme="moonlight"] .onboarding-step-checklist button, html[data-theme="moonlight"] .onboarding-step-checklist button.active, html[data-theme="moonlight"] .onboarding-step-checklist button:hover {
  outline: none !important;
  box-shadow: inset 0 1px #ffffff0b, 0 10px 24px #00000024 !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button:hover {
  border-color: #7dd3fc2e !important;
}

.personality-grid label {
  align-items: center !important;
  gap: 14px !important;
  min-height: 82px !important;
  padding: 18px 20px !important;
  display: flex !important;
  overflow: hidden !important;
}

.personality-grid label:before, .personality-grid label:after {
  content: none !important;
  display: none !important;
}

.personality-grid label:has(input:checked):before {
  content: none !important;
  display: none !important;
}

.personality-grid label:has(input:checked):after {
  content: none !important;
  display: none !important;
}

.personality-grid label > input, .personality-grid label > input[type="radio"] {
  appearance: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  position: absolute !important;
}

.personality-grid label > i {
  width: 24px !important;
  height: 24px !important;
  box-shadow: none !important;
  background: #ffffffc2 !important;
  border: 1px solid #7dd3fc4d !important;
  border-radius: 999px !important;
  flex: 0 0 24px !important;
  place-items: center !important;
  margin: 0 !important;
  display: grid !important;
}

.personality-grid label > i:before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 999px !important;
  display: block !important;
}

.personality-grid label:has(input:checked) > i {
  background: linear-gradient(#5fc7ff, #238ef2) !important;
  border-color: #0000 !important;
  box-shadow: 0 0 0 5px #5fc7ff24 !important;
}

.personality-grid label:has(input:checked) > i:before {
  background: #fff !important;
}

.personality-grid label > strong, .personality-grid label > span {
  grid-area: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.personality-grid label > strong {
  font-size: 17px !important;
  line-height: 1.1 !important;
}

.personality-grid label > span {
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button, html[data-theme="moonlight"] .onboarding-step-checklist button.active, html[data-theme="moonlight"] .onboarding-step-checklist button.complete, html[data-theme="moonlight"] .onboarding-step-checklist .step-overflow, html[data-theme="moonlight"] .onboarding-step-checklist .step-toggle {
  box-shadow: none !important;
  filter: none !important;
  background: #ffffff0b !important;
  border: 1px solid #ffffff14 !important;
  outline: none !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button:before, html[data-theme="moonlight"] .onboarding-step-checklist button:after {
  content: none !important;
  display: none !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button.active {
  background: #38bdf81a !important;
  border-color: #7dd3fc38 !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button b {
  color: #b8ecff !important;
  box-shadow: none !important;
  background: #7dd3fc1f !important;
  border: 0 !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button.complete b, html[data-theme="moonlight"] .onboarding-step-checklist button.active b {
  color: #fff !important;
  background: linear-gradient(#5fc7ff, #238ef2) !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button span {
  color: #d9e9f7 !important;
  text-shadow: none !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button:focus, html[data-theme="moonlight"] .onboarding-step-checklist button:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px #5fc7ff1f !important;
}

html[data-theme="moonlight"] .personality-grid label > i {
  background: #ffffff1a !important;
  border-color: #ffffff2e !important;
}

html[data-theme="moonlight"] .personality-grid label:has(input:checked) > i {
  background: linear-gradient(#5fc7ff, #238ef2) !important;
  border-color: #0000 !important;
}

.auth-page {
  background: var(--page-bg, #f6fbff);
  place-items: center;
  min-height: 100vh;
  padding: 32px;
  display: grid;
}

.auth-card {
  background: #ffffffe6;
  border: 1px solid #5096dc2e;
  border-radius: 28px;
  width: min(520px, 100%);
  padding: 32px;
  box-shadow: 0 20px 80px #1e508c2e;
}

.form-error {
  color: #b42318;
  background: #fff1f0;
  border: 1px solid #ffccc7;
  border-radius: 14px;
  padding: 10px 12px;
}

.sidebar-auth {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 12px;
  display: flex;
}

.sidebar-auth button {
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 7px 10px;
}

.auth-page {
  color: #123955;
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 12% 14%, #5fc7ff52, #0000 28%), radial-gradient(circle at 84% 10%, #c084fc2e, #0000 28%), linear-gradient(#dff8ff 0%, #f4fbff 52%, #fff6e8 100%) !important;
  place-items: center !important;
  min-height: 100vh !important;
  padding: clamp(18px, 4vw, 52px) !important;
  display: grid !important;
}

.auth-page:before {
  content: "";
  opacity: .55;
  pointer-events: none;
  background: linear-gradient(115deg, #0000 0 42%, #ffffff5c 42% 45%, #0000 45% 100%);
  position: absolute;
  inset: 0;
}

.auth-sky-decor, .auth-star-decor {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.auth-sky-decor span {
  opacity: .7;
  background: #ffffffb8;
  border-radius: 999px;
  width: 220px;
  height: 76px;
  animation: 46s linear infinite cloudDrift;
  display: block;
  position: absolute;
  box-shadow: 48px 8px 0 4px #ffffff9e, 92px -8px 0 12px #ffffff85, 138px 10px 0 2px #ffffff94;
}

.auth-sky-decor span:first-child {
  top: 12%;
  left: -280px;
  transform: scale(.9);
}

.auth-sky-decor span:nth-child(2) {
  opacity: .46;
  animation-duration: 62s;
  animation-delay: -18s;
  top: 62%;
  left: -340px;
  transform: scale(1.18);
}

.auth-sky-decor span:nth-child(3) {
  opacity: .52;
  animation-duration: 52s;
  animation-delay: -31s;
  top: 32%;
  left: -260px;
  transform: scale(.65);
}

.auth-star-decor span {
  opacity: .62;
  background: #fff;
  border-radius: 999px;
  width: 7px;
  height: 7px;
  animation: 3.8s ease-in-out infinite twinkle;
  position: absolute;
  box-shadow: 0 0 22px #5fc7ffb3;
}

.auth-star-decor span:first-child {
  top: 22%;
  left: 14%;
}

.auth-star-decor span:nth-child(2) {
  animation-delay: -1s;
  top: 20%;
  right: 18%;
}

.auth-star-decor span:nth-child(3) {
  animation-delay: -2s;
  bottom: 22%;
  left: 24%;
}

.auth-star-decor span:nth-child(4) {
  animation-delay: -.7s;
  bottom: 30%;
  right: 28%;
}

.auth-card {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  z-index: 1;
  position: relative;
  overflow: hidden;
  background: linear-gradient(#ffffffeb, #eefaffcc) !important;
  border: 1px solid #ffffffe0 !important;
  border-radius: 38px !important;
  width: min(500px, 100%) !important;
  padding: clamp(26px, 4vw, 42px) !important;
  box-shadow: 0 34px 100px #237ac42e, 0 0 0 1px #ffffffb3, inset 0 1px #ffffffe6 !important;
}

.auth-card-wide {
  width: min(620px, 100%) !important;
}

.auth-card:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, #d8f99d57, #0000 68%);
  border-radius: 999px;
  width: 160px;
  height: 160px;
  position: absolute;
  top: -55px;
  right: -55px;
}

.auth-logo-link {
  z-index: 1;
  margin-bottom: 18px;
  display: inline-flex;
  position: relative;
}

.auth-logo-link img {
  width: 190px;
  height: auto;
  display: block;
}

.auth-card .eyebrow {
  color: #1679d8;
  z-index: 1;
  margin: 0 0 8px;
  position: relative;
}

.auth-card h1 {
  color: #174a78;
  letter-spacing: -.075em;
  z-index: 1;
  max-width: 460px;
  margin: 0 0 24px;
  font-size: clamp(46px, 5vw, 70px);
  line-height: .86;
  position: relative;
}

.auth-card .settings-form {
  z-index: 1;
  gap: 14px;
  display: grid;
  position: relative;
}

.auth-card .settings-form label {
  background: #ffffffad;
  border: 1px solid #3a84be21;
  border-radius: 22px;
  gap: 8px;
  padding: 13px;
  display: grid;
  box-shadow: inset 0 1px #fffc;
}

.auth-card .settings-form label span {
  color: #1679d8;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 1000;
}

.auth-card input {
  color: #123955;
  background: #ffffffdb;
  border: 1px solid #3a84be26;
  border-radius: 16px;
  outline: none;
  min-height: 48px;
  padding: 12px 13px;
  font-size: 15px;
  font-weight: 750;
}

.auth-card button[type="submit"] {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  justify-self: start;
  min-height: 48px;
  padding: 12px 22px;
  font-weight: 1000;
  box-shadow: 0 18px 36px #237ac42e, inset 0 1px #ffffff5c;
}

.auth-card small {
  color: #315d7b;
  z-index: 1;
  margin-top: 16px;
  font-weight: 850;
  display: block;
  position: relative;
}

.auth-card small a {
  color: #1679d8;
  font-weight: 1000;
  text-decoration: none;
}

.auth-card .form-error {
  color: #9f1239;
  z-index: 1;
  background: #ffe4e6b3;
  border: 1px solid #fb71853d;
  border-radius: 18px;
  padding: 12px 14px;
  font-weight: 900;
  position: relative;
}

html[data-theme="moonlight"] .auth-page {
  background: radial-gradient(circle at 18% 8%, #9dddff1a, #0000 28%), radial-gradient(circle at 82% 12%, #bda6ff1f, #0000 30%), linear-gradient(#030713, #101827) !important;
}

html[data-theme="moonlight"] .auth-card {
  background: linear-gradient(#080e1feb, #0a1228d1) !important;
  border-color: #b2e2ff29 !important;
  box-shadow: 0 28px 90px #00000059, 0 0 40px #4c8bf514, inset 0 1px #ffffff12 !important;
}

html[data-theme="moonlight"] .auth-card h1 {
  color: #fff;
}

html[data-theme="moonlight"] .auth-card small {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .auth-card .settings-form label, html[data-theme="moonlight"] .auth-card input {
  color: #f8fbff;
  background: #ffffff13;
  border-color: #ffffff24;
}

@media (max-width: 640px) {
  .auth-card h1 {
    font-size: 42px;
  }

  .auth-logo-link img {
    width: 160px;
  }

  .auth-card {
    border-radius: 30px !important;
  }
}

html[data-theme="moonlight"] .onboarding-step-checklist button, html[data-theme="moonlight"] .onboarding-step-checklist button.active, html[data-theme="moonlight"] .onboarding-step-checklist button.complete, html[data-theme="moonlight"] .onboarding-step-checklist .step-overflow, html[data-theme="moonlight"] .onboarding-step-checklist .step-toggle {
  position: relative;
  background: #ffffff0b !important;
  border-color: #ffffff13 !important;
  padding-left: 8px !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button b {
  margin: 0 !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button span:before, html[data-theme="moonlight"] .onboarding-step-checklist button span:after, html[data-theme="moonlight"] .onboarding-step-checklist button b:before, html[data-theme="moonlight"] .onboarding-step-checklist button b:after {
  content: none !important;
  display: none !important;
}

html[data-theme="moonlight"] .onboarding-step-checklist button span {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  padding-left: 0 !important;
}

.department-head-step .handwritten-name-label:after {
  content: none !important;
  display: none !important;
}

.department-head-step .personality-grid {
  position: relative;
  margin-top: 18px !important;
}

.department-head-step .personality-grid:before {
  content: "This is who your Nestlings listen to";
  color: #6b7fa2;
  grid-column: 1 / -1;
  margin: 0 0 2px;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 13px;
  display: block;
  transform: rotate(-.5deg);
}

.personality-grid label {
  grid-template-rows: auto auto !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 4px 14px !important;
  min-height: 86px !important;
  padding: 18px 20px !important;
  display: grid !important;
}

.personality-grid label > i {
  grid-area: 1 / 1 / span 2 !important;
  align-self: center !important;
}

.personality-grid label > strong {
  white-space: normal !important;
  grid-area: 1 / 2 !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  display: block !important;
}

.personality-grid label > span {
  white-space: normal !important;
  text-align: left !important;
  grid-area: 2 / 2 !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.28 !important;
  display: block !important;
}

html[data-theme="moonlight"] .department-head-step .personality-grid:before {
  color: #b8ecff;
  opacity: .74;
}

html[data-theme="moonlight"] .personality-grid label {
  box-shadow: none !important;
  background: #fff1 !important;
  border-color: #ffffff1f !important;
}

html[data-theme="moonlight"] .personality-grid label:has(input:checked) {
  background: #38bdf81f !important;
  border-color: #7dd3fc61 !important;
  box-shadow: 0 0 0 2px #5fc7ff14 !important;
}

.sendgrid-launch-card {
  background: linear-gradient(135deg, #fffffff0, #ecfaffc7);
  border: 1px solid #ffffffe6;
  border-radius: 34px;
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
  align-items: start;
  gap: 22px;
  margin-top: 20px;
  padding: clamp(20px, 3vw, 30px);
  display: grid;
  box-shadow: 0 24px 70px #237ac41f, inset 0 1px #ffffffe6;
}

.sendgrid-launch-card h2 {
  color: #174a78;
  letter-spacing: -.065em;
  margin: 0 0 10px;
  font-size: clamp(30px, 3vw, 46px);
  line-height: .95;
}

.sendgrid-launch-card p {
  color: #315d7b;
  font-weight: 800;
  line-height: 1.45;
}

.sendgrid-status-row {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.sendgrid-status-row span, .sendgrid-last-receipt span {
  color: #1264b5;
  background: #ffffffad;
  border: 1px solid #3a84be24;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 950;
}

.sendgrid-launch-form {
  gap: 12px;
  display: grid;
}

.sendgrid-launch-form label {
  background: #ffffffb3;
  border: 1px solid #3a84be21;
  border-radius: 22px;
  gap: 7px;
  padding: 12px;
  display: grid;
}

.sendgrid-launch-form label span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 1000;
}

.sendgrid-launch-form input, .sendgrid-launch-form textarea {
  color: #123955;
  background: #ffffffdb;
  border: 1px solid #3a84be29;
  border-radius: 16px;
  outline: none;
  padding: 11px 12px;
  font-weight: 750;
}

.sendgrid-launch-form textarea {
  resize: vertical;
  min-height: 150px;
}

.sendgrid-launch-form button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  justify-self: start;
  padding: 12px 20px;
  font-weight: 1000;
  box-shadow: 0 18px 34px #237ac42e, inset 0 1px #ffffff57;
}

.sendgrid-last-receipt {
  background: #ffffff85;
  border: 1px dashed #3a84be38;
  border-radius: 24px;
  grid-column: 1 / -1;
  padding: 14px;
}

.sendgrid-last-receipt strong {
  color: #174a78;
  margin: 10px 0 4px;
  font-size: 22px;
  display: block;
}

html[data-theme="moonlight"] .sendgrid-launch-card {
  background: linear-gradient(#080e1feb, #0a1228d1);
  border-color: #b2e2ff29;
  box-shadow: 0 28px 90px #00000047, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .sendgrid-launch-card h2, html[data-theme="moonlight"] .sendgrid-last-receipt strong {
  color: #fff;
}

html[data-theme="moonlight"] .sendgrid-launch-card p {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .sendgrid-status-row span, html[data-theme="moonlight"] .sendgrid-last-receipt, html[data-theme="moonlight"] .sendgrid-launch-form label, html[data-theme="moonlight"] .sendgrid-launch-form input, html[data-theme="moonlight"] .sendgrid-launch-form textarea {
  color: #eff9ff;
  background: #ffffff12;
  border-color: #ffffff1f;
}

@media (max-width: 900px) {
  .sendgrid-launch-card {
    grid-template-columns: 1fr;
  }
}

.nestling-feature-hub {
  border: 1px solid color-mix(in srgb, var(--hire) 34%, #3a84be29);
  background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--hire) 25%, transparent), transparent 34%),
    linear-gradient(135deg,#ffffffeb,#ecfaffc2);
  border-radius: 34px;
  grid-template-columns: 220px minmax(0, 1fr) minmax(280px, .78fr);
  align-items: stretch;
  gap: 18px;
  margin-bottom: 18px;
  padding: 20px;
  display: grid;
  box-shadow: 0 24px 70px #237ac421, inset 0 1px #ffffffe0;
}

.nestling-feature-portrait, .nestling-feature-mock, .nestling-feature-grid article, .nestling-workflow-strip article, .nudge-inbox-preview {
  background: #ffffff9e;
  border: 1px solid #3a84be24;
  border-radius: 28px;
  box-shadow: inset 0 1px #ffffffc2;
}

.nestling-feature-portrait {
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 8px;
  padding: 18px;
  display: grid;
}

.nestling-feature-portrait img {
  object-fit: contain;
  filter: drop-shadow(0 18px 24px #237ac424);
  width: 150px;
  height: 150px;
}

.nestling-feature-portrait strong {
  color: #174a78;
  font-family: Segoe Print, Bradley Hand, Comic Sans MS, cursive;
  font-size: 32px;
  line-height: 1;
}

.nestling-feature-portrait span, .nestling-feature-mock > span, .nestling-feature-grid article span, .nudge-channel-stack span {
  color: color-mix(in srgb, var(--hire) 72%, #1264b5);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 1000;
}

.nestling-feature-copy {
  align-content: center;
  gap: 10px;
  display: grid;
}

.nestling-feature-copy h2 {
  color: #174a78;
  letter-spacing: -.07em;
  max-width: 760px;
  margin: 0;
  font-size: clamp(34px, 3.8vw, 58px);
  line-height: .9;
}

.nestling-feature-copy p {
  color: #315d7b;
  margin: 0;
  font-weight: 800;
  line-height: 1.45;
}

.nestling-feature-mock {
  align-content: start;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.nestling-feature-mock article {
  background: #ffffffb3;
  border: 1px solid #3a84be1f;
  border-radius: 18px;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  display: grid;
}

.nestling-feature-mock b {
  color: #174a78;
  font-size: 12px;
}

.nestling-feature-mock strong {
  color: #174a78;
  font-size: 15px;
}

.nestling-feature-mock small {
  color: #1679d8;
  font-weight: 950;
}

.nestling-feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.nestling-feature-grid article {
  gap: 10px;
  padding: 18px;
  display: grid;
}

.nestling-feature-grid article span {
  background: color-mix(in srgb, var(--hire) 18%, white);
  letter-spacing: 0;
  border-radius: 14px;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 18px;
  display: grid;
}

.nestling-feature-grid article strong {
  color: #174a78;
  font-size: 22px;
  line-height: 1.05;
}

.nestling-feature-grid article p {
  color: #315d7b;
  margin: 0;
  font-weight: 800;
  line-height: 1.42;
}

.nestling-workflow-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.nestling-workflow-strip article {
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 4px 12px;
  padding: 16px;
  display: grid;
}

.nestling-workflow-strip article b {
  color: #fff;
  background: linear-gradient(180deg,color-mix(in srgb, var(--hire) 78%, white),color-mix(in srgb, var(--hire) 86%, #238ef2));
  border-radius: 14px;
  grid-row: 1 / span 2;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.nestling-workflow-strip strong {
  color: #174a78;
  font-size: 18px;
}

.nestling-workflow-strip p {
  color: #315d7b;
  margin: 0;
  font-weight: 800;
  line-height: 1.35;
}

.nudge-inbox-preview {
  background: radial-gradient(circle at 0 0, #fbbf2433, #0000 34%), linear-gradient(#ffffffe6, #fffbebb8);
  border-color: #fbbf2447;
  grid-template-columns: minmax(0, .8fr) minmax(300px, 1fr) 180px;
  align-items: stretch;
  gap: 16px;
  margin-bottom: 18px;
  padding: 20px;
  display: grid;
}

.nudge-inbox-preview h2 {
  color: #174a78;
  letter-spacing: -.055em;
  margin: 0 0 8px;
  font-size: 38px;
  line-height: .96;
}

.nudge-inbox-preview p {
  color: #315d7b;
  font-weight: 800;
  line-height: 1.42;
}

.nudge-channel-stack {
  gap: 10px;
  display: grid;
}

.nudge-channel-stack article {
  background: #ffffffad;
  border: 1px solid #fbbf2438;
  border-radius: 20px;
  padding: 13px;
}

.nudge-channel-stack strong {
  color: #174a78;
  margin: 5px 0;
  font-size: 18px;
  display: block;
}

.nudge-inbox-stats {
  gap: 10px;
  display: grid;
}

.nudge-inbox-stats div {
  text-align: center;
  background: #ffffffb3;
  border: 1px solid #fbbf243d;
  border-radius: 22px;
  align-content: center;
  padding: 14px;
  display: grid;
}

.nudge-inbox-stats b {
  color: #174a78;
  font-size: 36px;
  line-height: 1;
}

.nudge-inbox-stats span {
  color: #946200;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 11px;
  font-weight: 1000;
}

html[data-theme="moonlight"] .nestling-feature-hub, html[data-theme="moonlight"] .nudge-inbox-preview {
  background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--hire) 20%, transparent), transparent 34%), linear-gradient(180deg,#080e1feb,#0a1228c7);
  border-color: color-mix(in srgb, var(--hire) 24%, #ffffff24);
  box-shadow: 0 28px 90px #0000004d, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .nestling-feature-portrait, html[data-theme="moonlight"] .nestling-feature-mock, html[data-theme="moonlight"] .nestling-feature-grid article, html[data-theme="moonlight"] .nestling-workflow-strip article, html[data-theme="moonlight"] .nudge-channel-stack article, html[data-theme="moonlight"] .nudge-inbox-stats div {
  background: #fff1;
  border-color: #ffffff1f;
}

html[data-theme="moonlight"] .nestling-feature-copy h2, html[data-theme="moonlight"] .nestling-feature-portrait strong, html[data-theme="moonlight"] .nestling-feature-grid article strong, html[data-theme="moonlight"] .nestling-workflow-strip strong, html[data-theme="moonlight"] .nudge-inbox-preview h2, html[data-theme="moonlight"] .nudge-channel-stack strong, html[data-theme="moonlight"] .nudge-inbox-stats b {
  color: #fff;
}

html[data-theme="moonlight"] .nestling-feature-copy p, html[data-theme="moonlight"] .nestling-feature-grid article p, html[data-theme="moonlight"] .nestling-workflow-strip p, html[data-theme="moonlight"] .nudge-inbox-preview p {
  color: #c8d6e6;
}

@media (max-width: 1100px) {
  .nestling-feature-hub, .nudge-inbox-preview {
    grid-template-columns: 1fr;
  }

  .nestling-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .nestling-feature-grid, .nestling-workflow-strip, .nestling-feature-mock article {
    grid-template-columns: 1fr;
  }
}

.ori-context-hq {
  grid-template-columns: 260px minmax(0, 1fr) minmax(280px, .75fr);
  gap: 14px;
  margin-bottom: 18px;
  display: grid;
}

.ori-health-card, .ori-checklist-card, .ori-alert-card, .ori-intelligence-grid article {
  background: linear-gradient(#ffffffe6, #ecfaffb8);
  border: 1px solid #7dd3fc42;
  border-radius: 30px;
  padding: 18px;
  box-shadow: 0 20px 58px #237ac41a, inset 0 1px #ffffffdb;
}

.ori-health-card {
  background: radial-gradient(circle at 20% 0, #7dd3fc52, #0000 38%), linear-gradient(#fffffff0, #ecfaffc2);
  align-content: center;
  gap: 10px;
  display: grid;
}

.ori-health-card b {
  color: #174a78;
  letter-spacing: -.08em;
  font-size: 72px;
  line-height: .86;
}

.ori-health-card strong {
  color: #174a78;
  font-size: 20px;
}

.ori-health-card p {
  color: #315d7b;
  margin: 0;
  font-weight: 850;
  line-height: 1.35;
}

.ori-health-card div {
  background: #3a84be21;
  border-radius: 999px;
  height: 12px;
  overflow: hidden;
}

.ori-health-card div span {
  background: linear-gradient(90deg, #5fc7ff, #a7f3d0);
  border-radius: 999px;
  height: 100%;
  display: block;
}

.ori-checklist-card {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.ori-checklist-card .eyebrow {
  grid-column: 1 / -1;
  margin: 0;
}

.ori-checklist-card article {
  background: #ffffffa8;
  border: 1px solid #3a84be1f;
  border-radius: 18px;
  gap: 4px;
  padding: 11px;
  display: grid;
}

.ori-checklist-card strong {
  color: #174a78;
  font-size: 14px;
}

.ori-checklist-card p {
  color: #315d7b;
  margin: 0;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.ori-checklist-card span {
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #1264b5;
  background: #7dd3fc2e;
  border-radius: 999px;
  justify-self: start;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 1000;
}

.ori-status-ready span {
  color: #047857;
  background: #34d3992e;
}

.ori-status-missing span {
  color: #be123c;
  background: #fb718529;
}

.ori-status-pending span, .ori-status-needs-upload span, .ori-status-needs-detail span {
  color: #92400e;
  background: #fbbf242e;
}

.ori-alert-card {
  background: radial-gradient(circle at 0 0, #fbbf2433, #0000 40%), linear-gradient(#ffffffe6, #fffbebb8);
  align-content: center;
  display: grid;
}

.ori-alert-card h2 {
  color: #174a78;
  letter-spacing: -.055em;
  margin: 0 0 10px;
  font-size: 34px;
  line-height: .96;
}

.ori-alert-card p {
  color: #315d7b;
  font-weight: 850;
  line-height: 1.4;
}

.ori-intelligence-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  display: grid;
}

.ori-intelligence-grid article {
  align-content: start;
  gap: 10px;
  display: grid;
}

.ori-intelligence-grid h2 {
  color: #174a78;
  letter-spacing: -.045em;
  margin: 0;
  font-size: 24px;
  line-height: 1;
}

.ori-intelligence-grid p {
  color: #315d7b;
  margin: 0;
  font-weight: 800;
  line-height: 1.35;
}

.ori-intelligence-grid div {
  border-top: 1px solid #3a84be1f;
  gap: 2px;
  padding-top: 8px;
  display: grid;
}

.ori-intelligence-grid div strong {
  color: #174a78;
  font-size: 14px;
}

.ori-intelligence-grid div span {
  color: #315d7b;
  font-size: 12px;
  font-weight: 800;
}

html[data-theme="moonlight"] .ori-health-card, html[data-theme="moonlight"] .ori-checklist-card, html[data-theme="moonlight"] .ori-alert-card, html[data-theme="moonlight"] .ori-intelligence-grid article {
  background: linear-gradient(#080e1feb, #0a1228c7);
  border-color: #7dd3fc2e;
  box-shadow: 0 24px 80px #00000047, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .ori-checklist-card article {
  background: #ffffff0f;
  border-color: #ffffff1a;
}

html[data-theme="moonlight"] .ori-health-card b, html[data-theme="moonlight"] .ori-health-card strong, html[data-theme="moonlight"] .ori-checklist-card strong, html[data-theme="moonlight"] .ori-alert-card h2, html[data-theme="moonlight"] .ori-intelligence-grid h2, html[data-theme="moonlight"] .ori-intelligence-grid div strong {
  color: #fff;
}

html[data-theme="moonlight"] .ori-health-card p, html[data-theme="moonlight"] .ori-checklist-card p, html[data-theme="moonlight"] .ori-alert-card p, html[data-theme="moonlight"] .ori-intelligence-grid p, html[data-theme="moonlight"] .ori-intelligence-grid div span {
  color: #c8d6e6;
}

@media (max-width: 1180px) {
  .ori-context-hq {
    grid-template-columns: 1fr;
  }

  .ori-intelligence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .ori-checklist-card, .ori-intelligence-grid {
    grid-template-columns: 1fr;
  }
}

.nestling-feature-onboarding {
  background: radial-gradient(circle at 8% 4%, #a88bfa3d, #0000 34%), radial-gradient(circle at 96% 6%, #7dd3fc38, #0000 30%), linear-gradient(135deg, #ffffffe6, #f1f5ffbd) !important;
  border-color: #a88bfa3d !important;
  grid-template-columns: 170px minmax(0, 1fr) 320px !important;
  gap: 16px !important;
  padding: 18px !important;
}

.nestling-feature-onboarding .nestling-feature-portrait {
  border-radius: 24px !important;
  padding: 14px !important;
}

.nestling-feature-onboarding .nestling-feature-portrait img {
  width: 112px !important;
  height: 112px !important;
}

.nestling-feature-onboarding .nestling-feature-portrait strong {
  font-size: 28px !important;
}

.nestling-feature-onboarding .nestling-feature-copy h2 {
  max-width: 680px !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: .95 !important;
}

.nestling-feature-onboarding .nestling-feature-copy p {
  max-width: 620px !important;
}

.nestling-feature-onboarding .nestling-feature-mock {
  border-radius: 24px !important;
  padding: 14px !important;
}

.nestling-feature-onboarding .nestling-feature-mock article {
  grid-template-columns: 72px minmax(0, 1fr) 48px !important;
  padding: 9px !important;
}

.nestling-feature-onboarding .nestling-feature-mock b, .nestling-feature-onboarding .nestling-feature-mock small {
  font-size: 11px !important;
}

.nestling-feature-onboarding .nestling-feature-mock strong {
  font-size: 13px !important;
}

.nestling-feature-onboarding + .nestling-feature-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.nestling-feature-onboarding + .nestling-feature-grid article {
  min-height: 130px;
  background: #ffffff94 !important;
  border-color: #a88bfa29 !important;
  border-radius: 22px !important;
  padding: 14px !important;
}

.nestling-feature-onboarding + .nestling-feature-grid article span {
  background: #a88bfa24 !important;
  border-radius: 12px !important;
  width: 30px !important;
  height: 30px !important;
  font-size: 14px !important;
}

.nestling-feature-onboarding + .nestling-feature-grid article strong {
  font-size: 18px !important;
}

.nestling-feature-onboarding + .nestling-feature-grid article p {
  font-size: 13px !important;
  line-height: 1.32 !important;
}

.ori-context-hq {
  align-items: stretch;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 14px !important;
}

.ori-health-card {
  background: radial-gradient(circle at 20% 0, #a88bfa3d, #0000 44%), linear-gradient(#ffffffe0, #f1f5ffb3) !important;
  border-radius: 26px !important;
  min-height: 0 !important;
  padding: 18px !important;
}

.ori-health-card b {
  font-size: 58px !important;
}

.ori-health-card strong {
  font-size: 17px !important;
}

.ori-health-card p {
  font-size: 13px !important;
}

.ori-checklist-card {
  background: linear-gradient(#ffffffd6, #f1f5ffad) !important;
  border-color: #a88bfa2e !important;
  border-radius: 26px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  padding: 16px !important;
}

.ori-checklist-card article {
  min-height: 98px;
  border-radius: 16px !important;
  padding: 10px !important;
}

.ori-checklist-card strong {
  font-size: 13px !important;
}

.ori-checklist-card p {
  font-size: 11.5px !important;
}

.ori-alert-card {
  grid-column: 1 / -1;
  grid-template-columns: minmax(220px, .58fr) minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  background: radial-gradient(circle at 0 0, #a88bfa29, #0000 34%), linear-gradient(135deg, #ffffffd6, #f5f3ffb8) !important;
  border-color: #a88bfa2e !important;
  border-radius: 26px !important;
  padding: 18px !important;
  display: grid !important;
}

.ori-alert-card .eyebrow {
  grid-column: 1 / -1;
  margin: 0 !important;
}

.ori-alert-card h2 {
  margin: 0 !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.ori-alert-card p {
  margin: 0 !important;
  font-size: 14px !important;
}

.ori-intelligence-grid {
  grid-template-columns: 1.1fr 1.1fr 1.2fr !important;
  gap: 14px !important;
}

.ori-intelligence-grid article {
  background: linear-gradient(#ffffffc7, #f1f5ff9e) !important;
  border-color: #a88bfa29 !important;
  border-radius: 24px !important;
  min-height: 0 !important;
  padding: 16px !important;
}

.ori-intelligence-grid article:nth-child(4) {
  grid-column: 1 / -1;
  grid-template-columns: 220px repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 10px;
  display: grid;
}

.ori-intelligence-grid article:nth-child(4) .eyebrow, .ori-intelligence-grid article:nth-child(4) h2 {
  grid-column: 1;
}

.ori-intelligence-grid h2 {
  font-size: 22px !important;
}

.ori-intelligence-grid p {
  font-size: 13px !important;
}

.ori-intelligence-grid div {
  background: #ffffff85;
  border-radius: 16px;
  border: 1px solid #a88bfa21 !important;
  padding: 10px !important;
}

.nestling-feature-onboarding ~ .nestling-workflow-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.nestling-feature-onboarding ~ .nestling-start-job {
  background: linear-gradient(#ffffffbd, #f1f5ff94) !important;
  border-color: #a88bfa26 !important;
  border-radius: 28px !important;
  grid-template-columns: minmax(260px, .52fr) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 18px !important;
  display: grid !important;
}

.nestling-feature-onboarding ~ .nestling-start-job h2 {
  font-size: 34px !important;
  line-height: 1 !important;
}

.nestling-feature-onboarding ~ .nestling-start-job form {
  max-width: none !important;
}

html[data-theme="moonlight"] .nestling-feature-onboarding, html[data-theme="moonlight"] .ori-health-card, html[data-theme="moonlight"] .ori-checklist-card, html[data-theme="moonlight"] .ori-alert-card, html[data-theme="moonlight"] .ori-intelligence-grid article, html[data-theme="moonlight"] .nestling-feature-onboarding ~ .nestling-start-job {
  background: radial-gradient(circle at 8% 0, #a88bfa21, #0000 34%), linear-gradient(#080e1fe6, #12102bc2) !important;
  border-color: #a88bfa2e !important;
}

html[data-theme="moonlight"] .ori-intelligence-grid div, html[data-theme="moonlight"] .ori-checklist-card article {
  background: #ffffff0e;
  border-color: #ffffff1a !important;
}

@media (max-width: 1180px) {
  .nestling-feature-onboarding, .ori-context-hq, .nestling-feature-onboarding ~ .nestling-start-job {
    grid-template-columns: 1fr !important;
  }

  .nestling-feature-onboarding + .nestling-feature-grid, .ori-checklist-card, .ori-intelligence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ori-alert-card {
    grid-template-columns: 1fr !important;
  }

  .ori-intelligence-grid article:nth-child(4) {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 700px) {
  .nestling-feature-onboarding + .nestling-feature-grid, .ori-checklist-card, .ori-intelligence-grid, .ori-intelligence-grid article:nth-child(4) {
    grid-template-columns: 1fr !important;
  }
}

.nestling-wizard-launch {
  border: 1px solid color-mix(in srgb, var(--hire) 24%, #3a84be24);
  background: linear-gradient(135deg, #ffffffdb, #f5f3ffa8);
  border-radius: 28px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  padding: 20px;
  display: flex;
  box-shadow: 0 18px 46px #237ac414, inset 0 1px #ffffffd6;
}

.nestling-wizard-launch h2 {
  color: #174a78;
  letter-spacing: -.05em;
  margin: 0 0 8px;
  font-size: 30px;
  line-height: 1;
}

.nestling-wizard-launch p {
  color: #315d7b;
  max-width: 680px;
  margin: 0;
  font-weight: 800;
  line-height: 1.38;
}

.nestling-wizard-launch > button, .wizard-modal-actions button {
  color: #fff;
  background: linear-gradient(180deg,color-mix(in srgb, var(--hire) 70%, #5fc7ff),#238ef2);
  cursor: pointer;
  white-space: nowrap;
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 1000;
  box-shadow: 0 16px 34px #237ac429, inset 0 1px #ffffff52;
}

.nestling-wizard-overlay {
  z-index: 80;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #050c1861;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.nestling-wizard-modal {
  background: linear-gradient(#fffffff5, #ecfaffe0);
  border: 1px solid #ffffffdb;
  border-radius: 34px;
  width: min(760px, 100%);
  padding: 24px;
  position: relative;
  box-shadow: 0 34px 110px #0000003d, inset 0 1px #ffffffe6;
}

.wizard-close {
  color: #174a78;
  cursor: pointer;
  background: #3a84be1f;
  border: 0;
  border-radius: 999px;
  width: 34px;
  height: 34px;
  font-size: 22px;
  position: absolute;
  top: 14px;
  right: 14px;
}

.wizard-modal-head {
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  display: flex;
}

.wizard-modal-head img {
  object-fit: contain;
  background: radial-gradient(circle at 50% 80%, #a88bfa29, #0000 58%);
  border-radius: 24px;
  width: 82px;
  height: 82px;
}

.wizard-modal-head h2 {
  color: #174a78;
  letter-spacing: -.06em;
  margin: 0;
  font-size: 38px;
  line-height: .95;
}

.wizard-modal-head span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 1000;
}

.wizard-step-panel {
  gap: 14px;
  display: grid;
}

.wizard-step-panel h3 {
  color: #174a78;
  margin: 0;
  font-size: 26px;
}

.wizard-step-panel label {
  background: #ffffffad;
  border: 1px solid #3a84be21;
  border-radius: 22px;
  gap: 8px;
  padding: 13px;
  display: grid;
}

.wizard-step-panel label span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 1000;
}

.wizard-step-panel select, .wizard-step-panel textarea {
  color: #123955;
  background: #ffffffe6;
  border: 1px solid #3a84be29;
  border-radius: 16px;
  outline: none;
  padding: 12px;
  font-weight: 800;
}

.wizard-step-panel textarea {
  resize: vertical;
  min-height: 150px;
}

.wizard-prompt-grid {
  gap: 10px;
  display: grid;
}

.wizard-prompt-grid button {
  text-align: left;
  color: #174a78;
  cursor: pointer;
  background: #ffffffad;
  border: 1px solid #3a84be24;
  border-radius: 18px;
  padding: 13px;
  font-weight: 900;
}

.wizard-prompt-grid button.active {
  border-color: color-mix(in srgb, var(--hire) 58%, #238ef2);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--hire) 14%, transparent);
}

.wizard-modal-actions {
  justify-content: space-between;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

.wizard-modal-actions .secondary {
  color: #1264b5;
  box-shadow: none;
  background: #ffffffb8;
  border: 1px solid #3a84be24;
}

.nestling-job-history article {
  background: #ffffffb8 !important;
  border-color: #3a84be1f !important;
}

.nestling-job-history article p, .nestling-job-history article small {
  color: #315d7b !important;
  opacity: 1 !important;
}

.nestling-job-history pre {
  border: 1px solid #3a84be1a;
  border-radius: 18px;
  max-height: 220px;
  font-size: 12px;
  line-height: 1.45;
  overflow: auto;
  color: #174a78 !important;
  background: #0f172a0e !important;
}

html[data-theme="moonlight"] .nestling-wizard-launch, html[data-theme="moonlight"] .nestling-wizard-modal {
  background: linear-gradient(#080e1ff0, #12102bd1);
  border-color: #a88bfa33;
}

html[data-theme="moonlight"] .nestling-wizard-launch h2, html[data-theme="moonlight"] .wizard-modal-head h2, html[data-theme="moonlight"] .wizard-step-panel h3 {
  color: #fff;
}

html[data-theme="moonlight"] .nestling-wizard-launch p {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .wizard-step-panel label, html[data-theme="moonlight"] .wizard-step-panel select, html[data-theme="moonlight"] .wizard-step-panel textarea, html[data-theme="moonlight"] .wizard-prompt-grid button, html[data-theme="moonlight"] .nestling-job-history article {
  color: #eff9ff;
  background: #fff1 !important;
  border-color: #ffffff1f !important;
}

html[data-theme="moonlight"] .nestling-job-history pre {
  border-color: #ffffff1a;
  color: #dcefff !important;
  background: #00000038 !important;
}

@media (max-width: 760px) {
  .nestling-wizard-launch {
    flex-direction: column;
    align-items: flex-start;
  }

  .nestling-wizard-launch > button {
    white-space: normal;
  }
}

.current-idea-picker {
  background: radial-gradient(circle at 100% 0, #a855f733, #0000 34%), radial-gradient(circle at 0 100%, #22d3ee38, #0000 42%), linear-gradient(#ffffffdb, #ecfaffa8);
  border: 1px solid #7dd3fc42;
  border-radius: 26px;
  margin: 10px 0 18px;
  padding: 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 44px #237ac41f, inset 0 1px #ffffffd1;
}

.idea-picker-orbit {
  pointer-events: none;
  background: #ffffff52;
  border-radius: 999px;
  width: 128px;
  height: 128px;
  position: absolute;
  inset: auto -34px -44px auto;
}

.idea-picker-orbit span {
  border: 1px solid #0e74901f;
  border-radius: 999px;
  position: absolute;
  inset: 16px;
}

.idea-picker-orbit span:nth-child(2) {
  inset: 32px;
}

.idea-picker-orbit span:nth-child(3) {
  opacity: .8;
  background: linear-gradient(135deg, #38bdf8, #a855f7);
  border: 0;
  inset: 48px;
}

.idea-picker-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.idea-picker-top span, .current-idea-picker label span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 10px;
  font-weight: 1000;
}

.idea-picker-top b {
  color: #047857;
  text-transform: uppercase;
  letter-spacing: .12em;
  background: #10b98124;
  border: 1px solid #10b9812e;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 9px;
}

.current-idea-picker strong {
  color: #174a78;
  letter-spacing: -.035em;
  max-width: 190px;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1.05;
  display: block;
  position: relative;
}

.current-idea-picker p {
  color: #315d7b;
  max-width: 205px;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.28;
  position: relative;
}

.current-idea-picker label {
  gap: 6px;
  margin: 10px 0;
  display: grid;
  position: relative;
}

.current-idea-picker select {
  color: #123955;
  background: #ffffffd1;
  border: 1px solid #3a84be29;
  border-radius: 14px;
  outline: none;
  width: 100%;
  padding: 10px 9px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: inset 0 1px #ffffffe6;
}

.idea-picker-progress {
  background: #3a84be1f;
  border-radius: 999px;
  height: 9px;
  margin: 10px 0 8px;
  position: relative;
  overflow: hidden;
}

.idea-picker-progress i {
  background: linear-gradient(90deg, #38bdf8, #a78bfa, #22c55e);
  border-radius: 999px;
  height: 100%;
  display: block;
  box-shadow: 0 0 16px #38bdf847;
}

.current-idea-picker small {
  color: #42677f;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  display: block;
  position: relative;
}

.idea-picker-actions {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
  display: grid;
  position: relative;
}

.idea-picker-actions a, .idea-picker-empty {
  text-align: center;
  color: #1264b5;
  background: #ffffffad;
  border: 1px solid #3a84be24;
  border-radius: 999px;
  padding: 9px 10px;
  font-size: 12px;
  font-weight: 1000;
  text-decoration: none;
}

.idea-picker-actions a:first-child, .idea-picker-empty {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border: 0;
  box-shadow: 0 12px 24px #237ac42e;
}

html[data-theme="moonlight"] .current-idea-picker {
  background: radial-gradient(circle at 100% 0, #a855f733, #0000 34%), linear-gradient(#080e1fe6, #12102bc2);
  border-color: #a88bfa38;
  box-shadow: 0 18px 48px #0000003d, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .current-idea-picker strong {
  color: #fff;
}

html[data-theme="moonlight"] .current-idea-picker p, html[data-theme="moonlight"] .current-idea-picker small {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .current-idea-picker select, html[data-theme="moonlight"] .idea-picker-actions a {
  color: #eff9ff;
  background: #ffffff12;
  border-color: #ffffff1f;
}

@media (max-width: 900px) {
  .current-idea-picker {
    max-width: 360px;
  }

  .current-idea-picker strong, .current-idea-picker p {
    max-width: none;
  }
}

.current-nest-picker {
  background: radial-gradient(circle at 100% 0, #22d3ee3d, #0000 34%), radial-gradient(circle at 0 100%, #a855f72e, #0000 42%), linear-gradient(#ffffffe0, #ecfaffad);
  border: 1px solid #7dd3fc42;
  border-radius: 26px;
  margin: 10px 0 18px;
  padding: 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 44px #237ac41f, inset 0 1px #ffffffd1;
}

.nest-picker-glow {
  pointer-events: none;
  background: #ffffff57;
  border-radius: 999px;
  width: 132px;
  height: 132px;
  position: absolute;
  inset: auto -38px -48px auto;
}

.nest-picker-glow span {
  border: 1px solid #0e74901f;
  border-radius: 999px;
  position: absolute;
  inset: 16px;
}

.nest-picker-glow span:nth-child(2) {
  opacity: .82;
  background: linear-gradient(135deg, #38bdf8, #a855f7);
  border: 0;
  inset: 42px;
}

.nest-picker-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.nest-picker-top span, .current-nest-picker label span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 10px;
  font-weight: 1000;
}

.nest-picker-top b {
  color: #047857;
  text-transform: uppercase;
  letter-spacing: .12em;
  background: #10b98124;
  border: 1px solid #10b9812e;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 9px;
}

.current-nest-picker strong {
  color: #174a78;
  letter-spacing: -.04em;
  max-width: 190px;
  margin-bottom: 6px;
  font-size: 19px;
  line-height: 1.02;
  display: block;
  position: relative;
}

.current-nest-picker p {
  color: #315d7b;
  max-width: 205px;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.28;
  position: relative;
}

.current-nest-picker label {
  gap: 6px;
  margin: 10px 0;
  display: grid;
  position: relative;
}

.current-nest-picker select {
  color: #123955;
  background: #ffffffd6;
  border: 1px solid #3a84be29;
  border-radius: 14px;
  outline: none;
  width: 100%;
  padding: 10px 9px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: inset 0 1px #ffffffe6;
}

.nest-picker-progress {
  background: #3a84be1f;
  border-radius: 999px;
  height: 9px;
  margin: 10px 0 8px;
  position: relative;
  overflow: hidden;
}

.nest-picker-progress i {
  background: linear-gradient(90deg, #38bdf8, #a78bfa, #22c55e);
  border-radius: 999px;
  height: 100%;
  display: block;
  box-shadow: 0 0 16px #38bdf847;
}

.current-nest-picker small {
  color: #42677f;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  display: block;
  position: relative;
}

.nest-picker-actions {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
  display: grid;
  position: relative;
}

.nest-picker-actions a, .nest-picker-empty {
  text-align: center;
  color: #1264b5;
  background: #ffffffad;
  border: 1px solid #3a84be24;
  border-radius: 999px;
  padding: 9px 10px;
  font-size: 12px;
  font-weight: 1000;
  text-decoration: none;
}

.nest-picker-actions a:first-child, .nest-picker-empty {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border: 0;
  box-shadow: 0 12px 24px #237ac42e;
}

html[data-theme="moonlight"] .current-nest-picker {
  background: radial-gradient(circle at 100% 0, #22d3ee2e, #0000 34%), linear-gradient(#080e1fe6, #12102bc2);
  border-color: #a88bfa38;
  box-shadow: 0 18px 48px #0000003d, inset 0 1px #ffffff12;
}

html[data-theme="moonlight"] .current-nest-picker p, html[data-theme="moonlight"] .current-nest-picker small {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .current-nest-picker select, html[data-theme="moonlight"] .nest-picker-actions a {
  color: #eff9ff;
  background: #ffffff12;
  border-color: #ffffff1f;
}

@media (max-width: 900px) {
  .current-nest-picker {
    max-width: 360px;
  }

  .current-nest-picker strong, .current-nest-picker p {
    max-width: none;
  }
}

.current-nest-picker {
  background: radial-gradient(circle at 15% 0, #ffffffb8, #0000 35%), radial-gradient(circle at 100% 100%, #8b5cf647, #0000 34%), linear-gradient(160deg, #e1faffeb, #eef5ffc2 56%, #e2e8ffd1) !important;
  border: 1px solid #ffffffe0 !important;
  border-radius: 30px !important;
  padding: 16px !important;
  box-shadow: 0 22px 46px #237ac424, inset 0 1px #ffffffe6 !important;
}

.current-nest-picker:before {
  content: "";
  opacity: .9;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6 70%);
  border-radius: 28px;
  width: 78px;
  height: 78px;
  position: absolute;
  bottom: -24px;
  right: -22px;
  transform: rotate(18deg);
  box-shadow: 0 18px 36px #6366f13d;
}

.current-nest-picker:after {
  content: "";
  background: #ffffffad;
  border-radius: 999px;
  width: 36px;
  height: 10px;
  position: absolute;
  bottom: 18px;
  right: 16px;
  transform: rotate(-3deg);
}

.nest-picker-glow {
  display: none !important;
}

.nest-picker-top {
  margin-bottom: 9px !important;
}

.nest-picker-top span, .current-nest-picker label span {
  line-height: 1.05;
  color: #1679d8 !important;
  letter-spacing: .22em !important;
  font-size: 9px !important;
}

.nest-picker-top b {
  box-shadow: inset 0 1px #ffffffc2;
  color: #047857 !important;
  background: #22c55e26 !important;
  border: 0 !important;
  padding: 5px 9px !important;
  font-size: 9px !important;
}

.current-nest-picker strong {
  letter-spacing: -.055em !important;
  color: #174a78 !important;
  max-width: 210px !important;
  margin-bottom: 14px !important;
  font-size: 20px !important;
  line-height: .98 !important;
}

.current-nest-picker p {
  display: none !important;
}

.current-nest-picker label {
  gap: 7px !important;
  margin: 0 0 12px !important;
}

.current-nest-picker select {
  appearance: none;
  min-height: 44px;
  color: #174a78 !important;
  background-color: #ffffff9e !important;
  background-image: linear-gradient(45deg, #0000 50%, #1679d8 50%), linear-gradient(135deg, #1679d8 50%, #0000 50%) !important;
  background-position: calc(100% - 18px) 19px, calc(100% - 13px) 19px !important;
  background-repeat: no-repeat !important;
  background-size: 5px 5px, 5px 5px !important;
  background-attachment: scroll !important;
  background-origin: padding-box !important;
  background-clip: border-box !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 12px 34px 12px 13px !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  box-shadow: inset 0 1px #ffffffd1, 0 10px 22px #237ac412 !important;
}

.nest-picker-progress {
  box-shadow: inset 0 1px 2px #237ac41a;
  background: #ffffff94 !important;
  height: 8px !important;
  margin: 4px 0 8px !important;
}

.current-nest-picker small {
  margin-bottom: 13px;
  color: #315d7b !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
}

.nest-picker-actions {
  max-width: 172px;
  grid-template-columns: .92fr .76fr !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.nest-picker-actions a, .nest-picker-empty {
  z-index: 1;
  position: relative;
  border: 0 !important;
  border-radius: 20px !important;
  padding: 11px 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.nest-picker-actions a:first-child, .nest-picker-empty {
  background: linear-gradient(135deg, #38bdf8, #7c3aed) !important;
  box-shadow: 0 14px 25px #4f46e533 !important;
}

.nest-picker-actions a:nth-child(2) {
  box-shadow: inset 0 1px #ffffffc7;
  color: #1264b5 !important;
  background: #ffffff94 !important;
}

html[data-theme="moonlight"] .current-nest-picker {
  background: radial-gradient(circle at 100% 100%, #8b5cf638, #0000 34%), linear-gradient(160deg, #080e1ff0, #12102bd1) !important;
  border-color: #a88bfa33 !important;
}

html[data-theme="moonlight"] .current-nest-picker strong {
  color: #fff !important;
}

html[data-theme="moonlight"] .current-nest-picker small {
  color: #c8d6e6 !important;
}

html[data-theme="moonlight"] .current-nest-picker select, html[data-theme="moonlight"] .nest-picker-actions a:nth-child(2) {
  color: #eff9ff !important;
  background-color: #ffffff14 !important;
}

.sidebar-auth {
  background: linear-gradient(#ffffff8a, #ffffff47);
  border: 1px solid #ffffffbd;
  border-radius: 20px;
  grid-template-columns: minmax(0, 1fr) auto;
  text-decoration: none;
  box-shadow: inset 0 1px #ffffffc7, 0 10px 22px #237ac412;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 14px !important;
  padding: 8px !important;
  display: grid !important;
}

.sidebar-auth small {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #315d7b;
  letter-spacing: -.01em;
  min-width: 0;
  padding-left: 4px;
  font-size: 11px;
  font-weight: 900;
  overflow: hidden;
}

.sidebar-auth button {
  cursor: pointer;
  color: #1264b5;
  background: #ffffffa3;
  font-size: 11px;
  font-weight: 1000;
  transition: transform .18s, box-shadow .18s, background .18s;
  box-shadow: inset 0 1px #ffffffe6, 0 8px 16px #237ac414;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 8px 11px !important;
}

.sidebar-auth button:hover {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  transform: translateY(-1px);
  box-shadow: 0 12px 22px #4f46e52e;
}

.sidebar-auth[href] {
  color: #1264b5;
  text-align: center;
  grid-template-columns: 1fr;
  font-weight: 1000;
  padding: 10px !important;
}

html[data-theme="moonlight"] .sidebar-auth {
  background: #ffffff0e;
  border-color: #ffffff1a;
  box-shadow: inset 0 1px #ffffff0f, 0 14px 26px #00000029;
}

html[data-theme="moonlight"] .sidebar-auth small {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .sidebar-auth button:hover {
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
}

.sidebar-admin-menu {
  border-radius: 18px;
  position: relative;
}

.sidebar-admin-menu summary {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  font-weight: 1000;
  list-style: none;
  display: flex;
  box-shadow: 0 14px 28px #4f46e52e, inset 0 1px #ffffff47;
}

.sidebar-admin-menu summary::-webkit-details-marker {
  display: none;
}

.sidebar-admin-menu summary:before {
  content: "✦";
  background: #fff3;
  border-radius: 999px;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 11px;
  display: grid;
}

.sidebar-admin-menu summary:after {
  content: "⌄";
  opacity: .86;
  font-size: 14px;
  transition: transform .18s;
}

.sidebar-admin-menu[open] summary:after {
  transform: rotate(180deg);
}

.sidebar-admin-menu > div {
  background: #ffffff6b;
  border: 1px solid #ffffffad;
  border-radius: 20px;
  gap: 8px;
  margin-top: 8px;
  padding: 9px;
  display: grid;
  box-shadow: inset 0 1px #ffffffc7, 0 12px 24px #237ac412;
}

.sidebar nav .sidebar-admin-menu > div a, .sidebar nav .sidebar-admin-menu > div button {
  text-align: left;
  width: 100%;
  min-height: 38px;
  color: #1264b5 !important;
  box-shadow: none !important;
  background: #ffffff94 !important;
  border: 1px solid #3a84be1a !important;
  border-radius: 14px !important;
  padding: 10px 11px !important;
  font-size: 12px !important;
}

.sidebar nav .sidebar-admin-menu > div a:hover, .sidebar nav .sidebar-admin-menu > div button:hover {
  transform: translateY(-1px);
  background: #ffffffd1 !important;
  border-color: #7dd3fc52 !important;
}

html[data-theme="moonlight"] .sidebar-admin-menu > div {
  background: #ffffff0e;
  border-color: #ffffff1a;
  box-shadow: inset 0 1px #ffffff0f, 0 14px 26px #00000029;
}

html[data-theme="moonlight"] .sidebar nav .sidebar-admin-menu > div a, html[data-theme="moonlight"] .sidebar nav .sidebar-admin-menu > div button {
  color: #eff9ff !important;
  background: #ffffff12 !important;
  border-color: #ffffff1a !important;
}

.sidebar {
  scrollbar-width: thin;
  scrollbar-color: #38bdf857 transparent;
  padding-bottom: 28px !important;
  overflow: hidden auto !important;
}

.sidebar::-webkit-scrollbar {
  width: 6px;
}

.sidebar::-webkit-scrollbar-track {
  background: none;
}

.sidebar::-webkit-scrollbar-thumb {
  background: #38bdf847;
  border-radius: 999px;
}

.sidebar nav {
  padding-bottom: 8px;
}

.sidebar-admin-menu > div {
  gap: 6px !important;
  margin-top: 7px !important;
  padding: 7px !important;
}

.sidebar nav .sidebar-admin-menu > div a, .sidebar nav .sidebar-admin-menu > div button {
  border-radius: 13px !important;
  min-height: 34px !important;
  padding: 8px 10px !important;
}

.sidebar-auth {
  margin-bottom: 10px !important;
}

@media (min-width: 901px) {
  .sidebar {
    max-height: 100vh;
  }
}

.blue-chat-tone-row {
  background: #ffffff94;
  border: 1px solid #3a84be24;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding: 8px;
  display: flex;
  box-shadow: inset 0 1px #ffffffc7;
}

.blue-chat-tone-row > span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .16em;
  white-space: nowrap;
  padding-left: 6px;
  font-size: 10px;
  font-weight: 1000;
}

.blue-chat-tone-row > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.blue-chat-tone-row button {
  color: #174a78;
  cursor: pointer;
  text-transform: capitalize;
  background: #ffffffbd;
  border: 1px solid #3a84be1f;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 1000;
  transition: transform .16s, background .16s, color .16s;
  box-shadow: inset 0 1px #ffffffdb;
}

.blue-chat-tone-row button:hover {
  background: #fffffff0;
  transform: translateY(-1px);
}

.blue-chat-tone-row button.active {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border-color: #0000;
  box-shadow: 0 10px 22px #4f46e52e, inset 0 1px #ffffff47;
}

.blue-chat-head select, .blue-chat-card select, .blue-chat-card option {
  color: #123955 !important;
  background: #fff !important;
}

html[data-theme="moonlight"] .blue-chat-tone-row {
  background: #fff1;
  border-color: #ffffff1f;
  box-shadow: inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .blue-chat-tone-row button:hover {
  background: #ffffff21;
}

html[data-theme="moonlight"] .blue-chat-tone-row button.active {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
}

@media (max-width: 760px) {
  .blue-chat-tone-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .blue-chat-tone-row > div {
    justify-content: flex-start;
  }
}

.dashboard-chat-main > .blue-chat-card:first-child {
  border-color: #38bdf857 !important;
  box-shadow: 0 26px 70px #237ac429, inset 0 1px #ffffffe0 !important;
}

.dashboard-chat-main > .blue-chat-card:first-child:after {
  content: "Start here";
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .12em;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 11px;
  font-weight: 1000;
  position: absolute;
  top: 18px;
  right: 18px;
  box-shadow: 0 12px 24px #4f46e52e;
}

.dashboard-chat-main > .blue-chat-card:first-child .blue-chat-head h2 {
  letter-spacing: -.06em;
  font-size: clamp(34px, 4vw, 52px);
  line-height: .95;
}

.dashboard-chat-main > .blue-chat-card:first-child .blue-chat-subcopy {
  max-width: 760px;
  font-size: 15px;
}

.dashboard-chat-main > .idea-drop-hero {
  margin-top: 0;
}

html[data-theme="moonlight"] .dashboard-chat-main > .blue-chat-card:first-child {
  border-color: #38bdf83d !important;
  box-shadow: 0 26px 80px #0000004d, inset 0 1px #ffffff12 !important;
}

@media (max-width: 760px) {
  .dashboard-chat-main > .blue-chat-card:first-child:after {
    margin-bottom: 10px;
    display: inline-block;
    position: static;
  }
}

.dashboard-top-chat {
  margin-bottom: 18px;
}

.dashboard-top-chat .blue-chat-card {
  border-color: #38bdf85c !important;
  min-height: auto !important;
  box-shadow: 0 28px 74px #237ac42b, inset 0 1px #ffffffe0 !important;
}

.dashboard-top-chat .blue-chat-card:after {
  content: "Start here";
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .12em;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 11px;
  font-weight: 1000;
  position: absolute;
  top: 18px;
  right: 18px;
  box-shadow: 0 12px 24px #4f46e52e;
}

.dashboard-top-chat .blue-chat-messages {
  min-height: 170px;
  max-height: 260px;
}

.dashboard-top-chat .blue-chat-head h2 {
  letter-spacing: -.06em;
  font-size: clamp(34px, 4vw, 54px);
  line-height: .94;
}

html[data-theme="moonlight"] .dashboard-top-chat .blue-chat-card {
  border-color: #38bdf83d !important;
  box-shadow: 0 26px 80px #0000004d, inset 0 1px #ffffff12 !important;
}

@media (max-width: 760px) {
  .dashboard-top-chat .blue-chat-card:after {
    margin-bottom: 10px;
    display: inline-block;
    position: static;
  }
}

.dashboard-top-chat .blue-chat-card {
  padding-bottom: 54px !important;
}

.dashboard-top-chat .blue-chat-card:after, .dashboard-chat-main > .blue-chat-card:first-child:after {
  top: auto !important;
  bottom: 18px !important;
  right: 18px !important;
}

.dashboard-top-chat .blue-chat-actions {
  padding-right: 128px;
}

@media (max-width: 760px) {
  .dashboard-top-chat .blue-chat-card {
    padding-bottom: 20px !important;
  }

  .dashboard-top-chat .blue-chat-card:after, .dashboard-chat-main > .blue-chat-card:first-child:after {
    margin-top: 12px;
    margin-bottom: 0;
    display: inline-block;
    position: static !important;
  }

  .dashboard-top-chat .blue-chat-actions {
    padding-right: 0;
  }
}

.dashboard-chat-main > .blue-chat-card:first-child {
  min-height: auto !important;
  padding-bottom: 54px !important;
}

.dashboard-chat-main > .blue-chat-card:first-child .blue-chat-messages {
  min-height: 170px !important;
  max-height: 260px !important;
}

.dashboard-chat-main > .blue-chat-card:first-child:after {
  top: auto !important;
  bottom: 18px !important;
  right: 18px !important;
}

.dashboard-chat-main > .blue-chat-card:first-child .blue-chat-actions {
  padding-right: 128px;
}

.dashboard-chat-main > .blue-chat-card:first-child .blue-chat-head h2 {
  font-size: clamp(32px, 3.4vw, 48px) !important;
}

@media (max-width: 760px) {
  .dashboard-chat-main > .blue-chat-card:first-child {
    padding-bottom: 20px !important;
  }

  .dashboard-chat-main > .blue-chat-card:first-child .blue-chat-actions {
    padding-right: 0;
  }
}

.blue-chat-composer textarea::placeholder {
  opacity: .92;
  font-weight: 900;
  color: #d8efff !important;
}

.blue-chat-composer:focus-within textarea::placeholder {
  font-weight: 750;
  color: #6d8aa1 !important;
}

.dashboard-top-chat .blue-chat-composer textarea::placeholder, .dashboard-chat-main > .blue-chat-card:first-child .blue-chat-composer textarea::placeholder {
  text-shadow: 0 0 18px #38bdf829;
}

html[data-theme="moonlight"] .blue-chat-composer textarea::placeholder {
  opacity: .86;
  color: #e7f6ff !important;
}

html[data-theme="moonlight"] .blue-chat-composer:focus-within textarea::placeholder {
  color: #9fb3c8 !important;
}

.nest-launchpad, .team-action-deck, .nest-focus-card {
  background: linear-gradient(#ffffffc7, #ecfaff94);
  border: 1px solid #ffffffd1;
  border-radius: 30px;
  margin-bottom: 16px;
  padding: 18px;
  box-shadow: 0 18px 48px #237ac41a, inset 0 1px #ffffffd6;
}

.nest-launchpad {
  position: relative;
  overflow: hidden;
}

.nest-launchpad:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(135deg, #38bdf857, #8b5cf647);
  border-radius: 44px;
  width: 150px;
  height: 150px;
  position: absolute;
  top: -54px;
  right: -42px;
  transform: rotate(18deg);
}

.launchpad-head {
  z-index: 1;
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  margin-bottom: 14px;
  display: flex;
  position: relative;
}

.launchpad-head h2 {
  color: #174a78;
  letter-spacing: -.055em;
  max-width: 680px;
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: .98;
}

.launchpad-head > span {
  color: #1264b5;
  white-space: nowrap;
  background: #ffffffad;
  border: 1px solid #3a84be1f;
  border-radius: 999px;
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 1000;
}

.nest-launchpad form {
  z-index: 1;
  gap: 10px;
  display: grid;
  position: relative;
}

.nest-launchpad textarea {
  color: #123955;
  resize: vertical;
  background: #ffffffa3;
  border: 1px solid #3a84be29;
  border-radius: 22px;
  min-height: 94px;
  padding: 14px;
  font-weight: 850;
  box-shadow: inset 0 1px #fffc;
}

.nest-launchpad .idea-drop-fields {
  grid-template-columns: minmax(0, 1fr) 180px auto;
  gap: 10px;
  display: grid;
}

.nest-launchpad input, .nest-launchpad select {
  color: #123955;
  background: #ffffffa3;
  border: 1px solid #3a84be29;
  border-radius: 18px;
  min-width: 0;
  padding: 12px;
  font-weight: 900;
}

.nest-launchpad button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border: 0;
  border-radius: 18px;
  padding: 12px 16px;
  font-weight: 1000;
  box-shadow: 0 14px 28px #4f46e52e;
}

.section-mini-head {
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  margin-bottom: 12px;
  display: flex;
}

.section-mini-head h2 {
  color: #174a78;
  letter-spacing: -.045em;
  margin: 0;
  font-size: 26px;
  line-height: 1;
}

.team-action-deck > div:last-child {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.team-action-deck a {
  background: #ffffff94;
  border: 1px solid #3a84be1f;
  border-radius: 22px;
  align-content: start;
  gap: 5px;
  min-height: 104px;
  padding: 13px;
  text-decoration: none;
  transition: transform .16s, background .16s, border-color .16s;
  display: grid;
}

.team-action-deck a:hover {
  background: #ffffffd1;
  border-color: #38bdf84d;
  transform: translateY(-2px);
}

.team-action-deck b {
  background: linear-gradient(135deg, #38bdf829, #8b5cf624);
  border-radius: 13px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.team-action-deck strong {
  color: #174a78;
  font-size: 16px;
  line-height: 1;
}

.team-action-deck span {
  color: #42677f;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

.nest-focus-card {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  display: grid;
}

.nest-focus-card strong {
  color: #174a78;
  letter-spacing: -.045em;
  margin: 2px 0 6px;
  font-size: 28px;
  line-height: 1;
  display: block;
}

.nest-focus-card span {
  color: #42677f;
  font-weight: 850;
}

.focus-ring {
  --focus: 0%;
  background: conic-gradient(#38bdf8 var(--focus), #3a84be1f 0);
  color: #174a78;
  border-radius: 999px;
  grid-template-columns: auto auto;
  justify-content: center;
  place-items: baseline center;
  width: 70px;
  height: 70px;
  display: grid;
  box-shadow: inset 0 0 0 8px #ffffffa8;
}

.focus-ring b {
  font-size: 24px;
  line-height: 1;
}

.focus-ring small {
  font-size: 12px;
  font-weight: 1000;
}

html[data-theme="moonlight"] .nest-launchpad, html[data-theme="moonlight"] .team-action-deck, html[data-theme="moonlight"] .nest-focus-card {
  background: linear-gradient(#080e1fe6, #12102bbd);
  border-color: #ffffff1f;
  box-shadow: 0 18px 48px #0000003d, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .launchpad-head h2, html[data-theme="moonlight"] .section-mini-head h2, html[data-theme="moonlight"] .team-action-deck strong, html[data-theme="moonlight"] .nest-focus-card strong, html[data-theme="moonlight"] .focus-ring {
  color: #fff;
}

html[data-theme="moonlight"] .launchpad-head > span, html[data-theme="moonlight"] .nest-launchpad textarea, html[data-theme="moonlight"] .nest-launchpad input, html[data-theme="moonlight"] .nest-launchpad select, html[data-theme="moonlight"] .team-action-deck a {
  color: #eff9ff;
  background: #ffffff12;
  border-color: #ffffff1c;
}

html[data-theme="moonlight"] .team-action-deck span, html[data-theme="moonlight"] .nest-focus-card span {
  color: #c8d6e6;
}

@media (max-width: 760px) {
  .launchpad-head, .nest-focus-card {
    grid-template-columns: 1fr;
    display: grid;
  }

  .nest-launchpad .idea-drop-fields, .team-action-deck > div:last-child {
    grid-template-columns: 1fr;
  }
}

html:not([data-theme="moonlight"]) .content > .page-header p, html:not([data-theme="dark"]) .content > .page-header p {
  text-shadow: 0 1px #ffffff6b;
  color: #214c67 !important;
  font-weight: 850 !important;
}

html:not([data-theme="moonlight"]) .dashboard-chat-main > .blue-chat-card:first-child, html:not([data-theme="moonlight"]) .dashboard-top-chat .blue-chat-card, html:not([data-theme="dark"]) .dashboard-chat-main > .blue-chat-card:first-child, html:not([data-theme="dark"]) .dashboard-top-chat .blue-chat-card {
  background: linear-gradient(#fffffff0, #e5f6ffe0) !important;
  border-color: #fffffff5 !important;
}

html:not([data-theme="moonlight"]) .blue-chat-head h2, html:not([data-theme="dark"]) .blue-chat-head h2 {
  color: #123955 !important;
}

html:not([data-theme="moonlight"]) .blue-chat-subcopy, html:not([data-theme="dark"]) .blue-chat-subcopy {
  color: #214c67 !important;
  font-weight: 900 !important;
}

html:not([data-theme="moonlight"]) .blue-chat-messages .from-blue, html:not([data-theme="dark"]) .blue-chat-messages .from-blue {
  border: 1px solid #3a84be1f;
  box-shadow: 0 10px 22px #237ac40f;
  color: #123955 !important;
  background: #ffffffdb !important;
}

html:not([data-theme="moonlight"]) .blue-chat-composer, html:not([data-theme="dark"]) .blue-chat-composer {
  background: #ffffffeb !important;
  border-color: #3a84be2e !important;
  box-shadow: 0 18px 34px #237ac41c, inset 0 1px #ffffffeb !important;
}

html:not([data-theme="moonlight"]) .blue-chat-composer textarea, html:not([data-theme="dark"]) .blue-chat-composer textarea {
  font-weight: 850;
  color: #123955 !important;
}

html:not([data-theme="moonlight"]) .blue-chat-composer textarea::placeholder, html:not([data-theme="dark"]) .blue-chat-composer textarea::placeholder {
  color: #4b728c !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html:not([data-theme="moonlight"]) .blue-chat-actions button, html:not([data-theme="dark"]) .blue-chat-actions button {
  color: #1264b5 !important;
  background: #ffffffe0 !important;
  border: 1px solid #3a84be21 !important;
  box-shadow: 0 10px 20px #237ac414 !important;
}

html:not([data-theme="moonlight"]) .blue-chat-tone-row, html:not([data-theme="dark"]) .blue-chat-tone-row {
  background: #ffffffc2 !important;
  border-color: #3a84be29 !important;
}

html:not([data-theme="moonlight"]) .blue-chat-tone-row button, html:not([data-theme="dark"]) .blue-chat-tone-row button {
  color: #174a78 !important;
  background: #ffffffd6 !important;
}

html:not([data-theme="moonlight"]) .blue-chat-tone-row button.active, html:not([data-theme="dark"]) .blue-chat-tone-row button.active {
  color: #fff !important;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6) !important;
}

.ideas-wizard-layout {
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.idea-wizard {
  background: linear-gradient(135deg, #ffffffeb, #e6f7ffb8);
  border: 1px solid #ffffffe0;
  border-radius: 34px;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
  display: grid;
  box-shadow: 0 24px 70px #237ac424, inset 0 1px #ffffffe0;
}

.idea-wizard-rail {
  background: radial-gradient(circle at 0 0, #38bdf847, #0000 36%), linear-gradient(#ffffffb3, #ffffff61);
  border: 1px solid #3a84be1f;
  border-radius: 26px;
  padding: 18px;
  position: relative;
  overflow: hidden;
}

.idea-wizard-rail h2 {
  color: #174a78;
  letter-spacing: -.055em;
  margin: 0 0 14px;
  font-size: 28px;
  line-height: 1;
}

.idea-wizard-progress {
  background: #3a84be1f;
  border-radius: 999px;
  height: 10px;
  margin-bottom: 14px;
  overflow: hidden;
}

.idea-wizard-progress span {
  background: linear-gradient(90deg, #38bdf8, #8b5cf6, #22c55e);
  border-radius: 999px;
  height: 100%;
  transition: width .22s;
  display: block;
}

.idea-wizard-steps {
  gap: 8px;
  margin-bottom: 16px;
  display: grid;
}

.idea-wizard-steps button {
  color: #315d7b;
  cursor: pointer;
  text-align: left;
  background: #ffffff8a;
  border: 1px solid #3a84be1a;
  border-radius: 16px;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px;
  font-weight: 950;
  display: grid;
}

.idea-wizard-steps b {
  color: #1264b5;
  background: #38bdf824;
  border-radius: 11px;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  display: grid;
}

.idea-wizard-steps button.active {
  color: #174a78;
  background: #fff;
  border-color: #38bdf84d;
  box-shadow: 0 10px 22px #237ac414;
}

.idea-wizard-steps button.active b {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
}

.idea-wizard-steps button.done b {
  color: #047857;
  background: #10b98124;
}

.idea-wizard-rail small {
  color: #42677f;
  font-weight: 850;
  line-height: 1.35;
  display: block;
}

.idea-wizard-panel {
  background: #ffffff9e;
  border: 1px solid #3a84be1a;
  border-radius: 28px;
  flex-direction: column;
  min-height: 620px;
  padding: 22px;
  display: flex;
}

.idea-wizard-head {
  margin-bottom: 18px;
}

.idea-wizard-head span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
  font-weight: 1000;
}

.idea-wizard-head h2 {
  color: #123955;
  letter-spacing: -.065em;
  margin: 5px 0 0;
  font-size: clamp(34px, 4vw, 54px);
  line-height: .95;
}

.wizard-step-body {
  gap: 14px;
  display: grid;
}

.wizard-step-body.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wizard-field {
  background: #ffffffad;
  border: 1px solid #3a84be1f;
  border-radius: 22px;
  gap: 8px;
  padding: 12px;
  display: grid;
}

.wizard-field.full, .wizard-chip-field.full {
  grid-column: 1 / -1;
}

.wizard-field span, .wizard-chip-field > span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 10px;
  font-weight: 1000;
}

.wizard-field input, .wizard-field select, .wizard-field textarea {
  color: #123955;
  background: none;
  border: 0;
  outline: none;
  padding: 4px 0;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.45;
}

.wizard-field textarea {
  resize: vertical;
  min-height: 130px;
}

.wizard-field input::placeholder, .wizard-field textarea::placeholder {
  color: #6a879a;
}

.wizard-hint-card, .wizard-empty-nest {
  background: linear-gradient(135deg, #38bdf81a, #8b5cf614);
  border: 1px solid #38bdf824;
  border-radius: 24px;
  padding: 16px;
}

.wizard-hint-card b, .wizard-empty-nest strong {
  color: #174a78;
  margin-bottom: 6px;
  font-size: 20px;
  display: block;
}

.wizard-hint-card p, .wizard-empty-nest p {
  color: #42677f;
  margin: 0;
  font-weight: 850;
  line-height: 1.35;
}

.wizard-chip-field {
  background: #ffffff94;
  border: 1px solid #3a84be1f;
  border-radius: 22px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.wizard-chip-field div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.wizard-chip-field button {
  color: #174a78;
  cursor: pointer;
  background: #fff;
  border: 1px solid #3a84be1f;
  border-radius: 999px;
  padding: 9px 11px;
  font-weight: 950;
}

.wizard-chip-field button.active {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border-color: #0000;
  box-shadow: 0 10px 20px #4f46e526;
}

.wizard-review-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.wizard-review-grid article {
  background: #ffffffa8;
  border: 1px solid #3a84be1f;
  border-radius: 22px;
  align-content: start;
  gap: 6px;
  min-height: 120px;
  padding: 14px;
  display: grid;
}

.wizard-review-grid b {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border-radius: 12px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.wizard-review-grid strong {
  color: #174a78;
  font-size: 18px;
}

.wizard-review-grid span {
  color: #42677f;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.3;
}

.idea-wizard-actions {
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 18px;
  display: flex;
}

.idea-wizard-actions button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border: 0;
  border-radius: 999px;
  padding: 13px 18px;
  font-weight: 1000;
  box-shadow: 0 14px 28px #4f46e52e;
}

.idea-wizard-actions button.secondary {
  color: #1264b5;
  box-shadow: none;
  background: #ffffffb8;
  border: 1px solid #3a84be1f;
}

.idea-wizard-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.idea-wizard-side {
  position: sticky;
  top: 18px;
}

html[data-theme="moonlight"] .idea-wizard {
  background: linear-gradient(135deg, #080e1ff0, #12102bc7);
  border-color: #ffffff1f;
  box-shadow: 0 24px 70px #00000047, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .idea-wizard-rail, html[data-theme="moonlight"] .idea-wizard-panel, html[data-theme="moonlight"] .wizard-field, html[data-theme="moonlight"] .wizard-chip-field, html[data-theme="moonlight"] .wizard-review-grid article, html[data-theme="moonlight"] .idea-wizard-steps button, html[data-theme="moonlight"] .wizard-hint-card, html[data-theme="moonlight"] .wizard-empty-nest {
  background: #fff1;
  border-color: #ffffff1c;
}

html[data-theme="moonlight"] .idea-wizard-rail h2, html[data-theme="moonlight"] .idea-wizard-head h2, html[data-theme="moonlight"] .wizard-hint-card b, html[data-theme="moonlight"] .wizard-empty-nest strong, html[data-theme="moonlight"] .wizard-review-grid strong, html[data-theme="moonlight"] .wizard-field input, html[data-theme="moonlight"] .wizard-field select, html[data-theme="moonlight"] .wizard-field textarea {
  color: #fff;
}

html[data-theme="moonlight"] .idea-wizard-rail small, html[data-theme="moonlight"] .wizard-hint-card p, html[data-theme="moonlight"] .wizard-empty-nest p, html[data-theme="moonlight"] .wizard-review-grid span {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .wizard-field input::placeholder, html[data-theme="moonlight"] .wizard-field textarea::placeholder {
  color: #9fb3c8;
}

@media (max-width: 1180px) {
  .ideas-wizard-layout, .idea-wizard {
    grid-template-columns: 1fr;
  }

  .idea-wizard-side {
    position: static;
  }

  .idea-wizard-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .idea-wizard-panel {
    min-height: auto;
  }
}

@media (max-width: 720px) {
  .wizard-step-body.two, .wizard-review-grid, .idea-wizard-steps {
    grid-template-columns: 1fr;
  }

  .idea-wizard-head h2 {
    font-size: 34px;
  }
}

.ideas-wizard-layout + .idea-inbox-board {
  margin-top: 22px;
}

.idea-wizard-panel {
  background: #ffffffbd !important;
}

.idea-wizard-head h2 {
  max-width: 760px;
}

.wizard-field {
  background: #ffffffc2 !important;
}

.wizard-field textarea {
  min-height: 116px !important;
}

.wizard-field.compact textarea {
  min-height: 72px !important;
}

.wizard-field input::placeholder, .wizard-field textarea::placeholder {
  color: #5f7e92 !important;
  opacity: 1 !important;
  font-weight: 750 !important;
}

html[data-theme="moonlight"] .content > .page-header p {
  color: #c8d6e6 !important;
  opacity: 1 !important;
  font-weight: 850 !important;
}

html[data-theme="moonlight"] .idea-wizard-panel {
  background: #0d142ad6 !important;
  border-color: #ffffff24 !important;
}

html[data-theme="moonlight"] .wizard-field {
  background: #ffffff13 !important;
  border-color: #ffffff21 !important;
}

html[data-theme="moonlight"] .wizard-field input, html[data-theme="moonlight"] .wizard-field textarea, html[data-theme="moonlight"] .wizard-field select {
  color: #f8fbff !important;
  font-weight: 850 !important;
}

html[data-theme="moonlight"] .wizard-field input::placeholder, html[data-theme="moonlight"] .wizard-field textarea::placeholder {
  color: #aebed0 !important;
  opacity: .9 !important;
  font-weight: 700 !important;
}

html[data-theme="moonlight"] .idea-wizard-head span, html[data-theme="moonlight"] .wizard-field span, html[data-theme="moonlight"] .wizard-chip-field > span {
  color: #66c8ff !important;
}

html[data-theme="moonlight"] .idea-wizard-rail small {
  color: #d4e1ee !important;
}

.simplified-action-deck > div:last-child {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.simplified-action-deck a {
  min-height: 118px !important;
}

.simplified-action-deck a:first-child {
  background: linear-gradient(135deg, #38bdf824, #8b5cf621) !important;
  border-color: #38bdf83d !important;
}

.simplified-action-deck a:first-child strong {
  font-size: 18px;
}

.idea-wizard-rail h2 {
  font-size: 32px !important;
}

.idea-wizard-steps button span, .idea-process-grid article p {
  font-size: 13px;
}

@media (max-width: 760px) {
  .simplified-action-deck > div:last-child {
    grid-template-columns: 1fr !important;
  }
}

html[data-theme="moonlight"] .dashboard-chat-main > .blue-chat-card:first-child, html[data-theme="moonlight"] .dashboard-top-chat .blue-chat-card, html[data-theme="moonlight"] .blue-chat-card {
  background: radial-gradient(circle at 100% 0, #38bdf81a, #0000 34%), radial-gradient(circle at 0 100%, #8b5cf621, #0000 38%), linear-gradient(#0b1226f5, #111831e6) !important;
  border-color: #94a3b82e !important;
  box-shadow: 0 26px 80px #00000057, inset 0 1px #ffffff0f !important;
}

html[data-theme="moonlight"] .blue-chat-card:before, html[data-theme="moonlight"] .obvious-chat-card:before {
  box-shadow: inset 0 0 0 1px #38bdf821 !important;
}

html[data-theme="moonlight"] .blue-chat-head h2, html[data-theme="moonlight"] .dashboard-chat-main > .blue-chat-card:first-child .blue-chat-head h2 {
  text-shadow: 0 1px #0000002e;
  color: #f8fbff !important;
}

html[data-theme="moonlight"] .blue-chat-subcopy {
  color: #c8d6e6 !important;
  font-weight: 850 !important;
}

html[data-theme="moonlight"] .blue-chat-messages .from-blue, html[data-theme="moonlight"] .blue-chat-messages div.from-blue {
  color: #e8f5ff !important;
  background: #ffffff13 !important;
  border: 1px solid #ffffff1a !important;
  box-shadow: 0 12px 28px #00000024 !important;
}

html[data-theme="moonlight"] .blue-chat-messages .from-user {
  color: #fff !important;
  background: linear-gradient(135deg, #38bdf838, #8b5cf638) !important;
  border: 1px solid #7dd3fc33 !important;
}

html[data-theme="moonlight"] .blue-chat-composer {
  background: #0307126b !important;
  border-color: #94a3b829 !important;
  box-shadow: 0 18px 42px #00000038, inset 0 1px #ffffff0f !important;
}

html[data-theme="moonlight"] .blue-chat-composer textarea {
  color: #f8fbff !important;
  font-weight: 850 !important;
}

html[data-theme="moonlight"] .blue-chat-composer textarea::placeholder {
  color: #b8cce0 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="moonlight"] .blue-chat-composer button {
  color: #fff !important;
  background: linear-gradient(135deg, #38bdf8, #7c3aed) !important;
  box-shadow: 0 14px 30px #2563eb38 !important;
}

html[data-theme="moonlight"] .blue-chat-actions button {
  color: #dff5ff !important;
  background: #ffffff13 !important;
  border: 1px solid #ffffff1a !important;
  box-shadow: inset 0 1px #ffffff0d, 0 10px 20px #00000024 !important;
}

html[data-theme="moonlight"] .blue-chat-actions button:hover {
  color: #fff !important;
  background: #38bdf829 !important;
  border-color: #7dd3fc3d !important;
}

html[data-theme="moonlight"] .blue-chat-tone-row {
  background: #03071257 !important;
  border-color: #94a3b829 !important;
}

html[data-theme="moonlight"] .blue-chat-tone-row > span {
  color: #7dd3fc !important;
}

html[data-theme="moonlight"] .blue-chat-tone-row button {
  color: #cfe8f7 !important;
  background: #ffffff0f !important;
  border-color: #ffffff1a !important;
}

html[data-theme="moonlight"] .blue-chat-tone-row button.active {
  color: #fff !important;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6) !important;
  box-shadow: 0 10px 24px #4f46e53d, inset 0 1px #ffffff2e !important;
}

html[data-theme="moonlight"] .sidebar nav a, html[data-theme="moonlight"] .sidebar nav button, html[data-theme="moonlight"] .sidebar nav .tour-button, html[data-theme="moonlight"] .sidebar nav [data-tour-button] {
  color: #e9f6ff !important;
  background: #ffffff0e !important;
  border-color: #ffffff1a !important;
  box-shadow: inset 0 1px #ffffff0b, 0 8px 18px #0000001f !important;
}

html[data-theme="moonlight"] .sidebar nav a:hover, html[data-theme="moonlight"] .sidebar nav button:hover {
  background: #38bdf81f !important;
  border-color: #7dd3fc38 !important;
}

html[data-theme="moonlight"] .sidebar-admin-menu summary {
  color: #fff !important;
  background: linear-gradient(135deg, #0ea5e9, #7c3aed) !important;
  box-shadow: 0 14px 28px #2563eb2e, inset 0 1px #ffffff29 !important;
}

html[data-theme="moonlight"] .sidebar-admin-menu > div {
  background: #03071257 !important;
  border-color: #ffffff1a !important;
}

html[data-theme="moonlight"] .sidebar-auth {
  background: #ffffff0e !important;
  border-color: #ffffff1a !important;
}

html[data-theme="moonlight"] .sidebar-auth button {
  color: #e9f6ff !important;
  background: #ffffff14 !important;
}

html[data-theme="moonlight"] .sidebar-auth button:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6) !important;
}

.onboarding-next-whizzer {
  background: radial-gradient(circle at 0 0, #38bdf829, #0000 36%), linear-gradient(135deg, #ffffffc7, #ecfaff94);
  border: 1px solid #7dd3fc38;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  padding: 14px;
  display: flex;
  box-shadow: 0 16px 36px #237ac41a, inset 0 1px #ffffffc2;
}

.onboarding-next-whizzer div {
  gap: 3px;
  display: grid;
}

.onboarding-next-whizzer span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 10px;
  font-weight: 1000;
}

.onboarding-next-whizzer strong {
  color: #174a78;
  letter-spacing: -.04em;
  font-size: 22px;
  line-height: 1;
}

.onboarding-next-whizzer p {
  color: #315d7b;
  max-width: 620px;
  margin: 0;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

.onboarding-next-whizzer > b {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6);
  border-radius: 18px;
  flex: none;
  place-items: center;
  width: 54px;
  height: 54px;
  font-size: 13px;
  display: grid;
  box-shadow: 0 12px 24px #4f46e52e, inset 0 1px #ffffff3d;
}

html[data-theme="moonlight"] .onboarding-next-whizzer {
  background: radial-gradient(circle at 0 0, #38bdf81f, #0000 36%), linear-gradient(135deg, #080e1fdb, #12102bb8);
  border-color: #7dd3fc29;
  box-shadow: 0 16px 38px #00000038, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .onboarding-next-whizzer span {
  color: #7dd3fc;
}

html[data-theme="moonlight"] .onboarding-next-whizzer strong {
  color: #fff;
}

html[data-theme="moonlight"] .onboarding-next-whizzer p {
  color: #c8d6e6;
}

@media (max-width: 760px) {
  .onboarding-next-whizzer {
    align-items: flex-start;
  }

  .onboarding-next-whizzer > b {
    border-radius: 15px;
    width: 46px;
    height: 46px;
  }
}

.onboarding-next-whizzer.compact {
  background: linear-gradient(135deg, #ffffffb3, #ecfaff6b) !important;
  border-radius: 18px !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
}

.onboarding-next-whizzer.compact div {
  gap: 1px !important;
}

.onboarding-next-whizzer.compact span {
  letter-spacing: .18em !important;
  font-size: 9px !important;
}

.onboarding-next-whizzer.compact strong {
  letter-spacing: -.035em !important;
  font-size: 17px !important;
}

.onboarding-next-whizzer.compact p {
  max-width: 560px !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
}

.onboarding-next-whizzer.compact > b {
  border-radius: 14px !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 11px !important;
}

.onboarding-joke-strip {
  background: #ffffff61;
  border: 1px solid #ffffffb3;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding: 10px 12px;
  display: grid;
  box-shadow: inset 0 1px #ffffff9e, 0 10px 24px #237ac40f;
}

.onboarding-joke-strip span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .14em;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 1000;
}

.onboarding-joke-strip p {
  color: #315d7b;
  margin: 0;
  font-size: 12px;
  font-style: italic;
  font-weight: 850;
  line-height: 1.3;
}

.onboarding-joke-strip div {
  gap: 5px;
  display: flex;
}

.onboarding-joke-strip button {
  cursor: pointer;
  background: #3a84be38;
  border: 0;
  border-radius: 999px;
  width: 7px;
  height: 7px;
  padding: 0;
}

.onboarding-joke-strip button.active {
  background: linear-gradient(90deg, #38bdf8, #8b5cf6);
  width: 18px;
}

html[data-theme="moonlight"] .onboarding-joke-strip {
  background: #ffffff0b;
  border-color: #ffffff17;
  box-shadow: inset 0 1px #ffffff0a, 0 10px 24px #00000024;
}

html[data-theme="moonlight"] .onboarding-joke-strip span {
  color: #7dd3fc;
}

html[data-theme="moonlight"] .onboarding-joke-strip p {
  color: #c8d6e6;
}

html[data-theme="moonlight"] .onboarding-joke-strip button {
  background: #ffffff2e;
}

@media (max-width: 760px) {
  .onboarding-joke-strip {
    grid-template-columns: 1fr;
  }

  .onboarding-joke-strip div {
    justify-content: flex-start;
  }
}

.onboarding-next-whizzer.compact {
  background: #ffffff52 !important;
  border-radius: 14px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  margin: 0 0 6px !important;
  padding: 7px 10px !important;
  display: grid !important;
  box-shadow: inset 0 1px #ffffff6b !important;
}

.onboarding-next-whizzer.compact div {
  min-width: 0;
  align-items: center !important;
  gap: 8px !important;
  display: flex !important;
}

.onboarding-next-whizzer.compact span {
  flex: none;
  letter-spacing: .16em !important;
  font-size: 8px !important;
}

.onboarding-next-whizzer.compact strong {
  white-space: nowrap;
  font-size: 13px !important;
  line-height: 1 !important;
}

.onboarding-next-whizzer.compact p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: none !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
}

.onboarding-next-whizzer.compact > b {
  min-width: 34px;
  padding: 5px 8px;
  border-radius: 999px !important;
  width: auto !important;
  height: auto !important;
  font-size: 10px !important;
}

.onboarding-joke-strip {
  border-radius: 14px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  margin: 0 0 12px !important;
  padding: 7px 10px !important;
}

.onboarding-joke-strip span {
  font-size: 8px !important;
}

.onboarding-joke-strip p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 11px !important;
  line-height: 1.18 !important;
}

.onboarding-joke-strip button {
  width: 6px !important;
  height: 6px !important;
}

.onboarding-joke-strip button.active {
  width: 14px !important;
}

html[data-theme="moonlight"] .onboarding-next-whizzer.compact {
  background: #ffffff0b !important;
}

@media (max-width: 760px) {
  .onboarding-next-whizzer.compact div {
    gap: 2px !important;
    display: grid !important;
  }

  .onboarding-next-whizzer.compact p, .onboarding-joke-strip p {
    white-space: normal;
  }

  .onboarding-joke-strip {
    grid-template-columns: 1fr !important;
  }
}

.onboarding-next-whizzer, .onboarding-next-whizzer.compact {
  background: #ffffff61 !important;
  border-radius: 14px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 6px !important;
  padding: 7px 10px !important;
  display: grid !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px #ffffff9e, 0 10px 24px #237ac40f !important;
}

.onboarding-next-whizzer div, .onboarding-next-whizzer.compact div {
  display: contents !important;
}

.onboarding-next-whizzer span, .onboarding-next-whizzer.compact span {
  color: #1679d8 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  white-space: nowrap !important;
  font-size: 8px !important;
  font-weight: 1000 !important;
}

.onboarding-next-whizzer strong, .onboarding-next-whizzer.compact strong {
  color: #315d7b !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
}

.onboarding-next-whizzer p, .onboarding-next-whizzer.compact p {
  display: none !important;
}

.onboarding-next-whizzer > b, .onboarding-next-whizzer.compact > b {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  padding: 3px 7px !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
}

html[data-theme="moonlight"] .onboarding-next-whizzer, html[data-theme="moonlight"] .onboarding-next-whizzer.compact {
  background: #ffffff0b !important;
  border-color: #ffffff17 !important;
  box-shadow: inset 0 1px #ffffff0a, 0 10px 24px #00000024 !important;
}

html[data-theme="moonlight"] .onboarding-next-whizzer span, html[data-theme="moonlight"] .onboarding-next-whizzer.compact span {
  color: #7dd3fc !important;
}

@media (max-width: 760px) {
  .onboarding-next-whizzer, .onboarding-next-whizzer.compact {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }
}

.onboarding-wizard {
  flex-direction: column !important;
  grid-template-rows: none !important;
  place-content: stretch flex-start !important;
  gap: 10px !important;
  display: flex !important;
}

.onboarding-wizard > .onboarding-progress, .onboarding-wizard > .onboarding-next-whizzer, .onboarding-wizard > .onboarding-joke-strip, .onboarding-wizard > section, .onboarding-wizard > .onboarding-actions {
  flex: none !important;
}

.onboarding-wizard > section {
  align-self: stretch !important;
  max-width: 1000px !important;
  margin-top: 12px !important;
}

.onboarding-wizard > .onboarding-actions {
  margin-top: 14px !important;
}

.onboarding-wizard.waking > section, .onboarding-wizard.waking > .nest-waking-screen {
  margin-top: 0 !important;
}

.onboarding-next-whizzer, .onboarding-next-whizzer.compact {
  border-radius: 16px !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
  display: flex !important;
  overflow: visible !important;
}

.onboarding-next-whizzer div, .onboarding-next-whizzer.compact div {
  gap: 2px !important;
  min-width: 0 !important;
  display: grid !important;
}

.onboarding-next-whizzer span, .onboarding-next-whizzer.compact span {
  letter-spacing: .16em !important;
  white-space: nowrap !important;
  font-size: 9px !important;
}

.onboarding-next-whizzer strong, .onboarding-next-whizzer.compact strong {
  color: #174a78 !important;
  white-space: normal !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.onboarding-next-whizzer p, .onboarding-next-whizzer.compact p {
  color: #315d7b !important;
  white-space: normal !important;
  text-overflow: clip !important;
  max-width: 640px !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  display: block !important;
  overflow: visible !important;
}

.onboarding-next-whizzer > b, .onboarding-next-whizzer.compact > b {
  border-radius: 999px !important;
  flex: none !important;
  width: auto !important;
  height: auto !important;
  padding: 5px 8px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

html[data-theme="moonlight"] .onboarding-next-whizzer strong, html[data-theme="moonlight"] .onboarding-next-whizzer.compact strong {
  color: #fff !important;
}

html[data-theme="moonlight"] .onboarding-next-whizzer p, html[data-theme="moonlight"] .onboarding-next-whizzer.compact p {
  color: #c8d6e6 !important;
}

@media (max-width: 760px) {
  .onboarding-next-whizzer, .onboarding-next-whizzer.compact {
    align-items: flex-start !important;
  }
}

.byok-key-panel {
  gap: 12px;
  max-width: 760px;
  margin-top: 14px;
  display: grid;
}

.byok-key-panel .onboarding-wide-label {
  margin: 0;
}

.byok-disclaimer {
  background: linear-gradient(135deg, #fffbebdb, #ffffff9e);
  border: 1px solid #fbbf2442;
  border-radius: 20px;
  padding: 13px 14px;
  box-shadow: 0 12px 28px #92400e14, inset 0 1px #ffffffbf;
}

.byok-disclaimer strong {
  color: #92400e;
  margin-bottom: 5px;
  font-size: 14px;
  display: block;
}

.byok-disclaimer p {
  color: #6f4b12 !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.42 !important;
}

html[data-theme="moonlight"] .byok-disclaimer {
  background: linear-gradient(135deg, #78350f38, #ffffff0e);
  border-color: #fbbf2433;
  box-shadow: 0 12px 28px #0000002e, inset 0 1px #ffffff0d;
}

html[data-theme="moonlight"] .byok-disclaimer strong {
  color: #fbbf24;
}

html[data-theme="moonlight"] .byok-disclaimer p {
  color: #f8e6bd !important;
}

.ideanest-plan-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
  display: grid;
}

.ideanest-plan-grid label {
  cursor: pointer;
  background: #ffffffad;
  border: 1px solid #3a84be24;
  border-radius: 22px;
  gap: 7px;
  min-height: 156px;
  padding: 15px;
  display: grid;
  position: relative;
  box-shadow: 0 12px 28px #237ac412, inset 0 1px #ffffffc7;
}

.ideanest-plan-grid label.active {
  border-color: #38bdf88c;
  box-shadow: 0 18px 36px #237ac421, 0 0 0 4px #38bdf81f, inset 0 1px #ffffffd1;
}

.ideanest-plan-grid input {
  accent-color: #38bdf8;
  position: absolute;
  top: 14px;
  right: 14px;
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
}

.ideanest-plan-grid strong {
  color: #174a78;
  font-size: 19px;
  line-height: 1;
}

.ideanest-plan-grid b {
  color: #1264b5;
  letter-spacing: -.05em;
  font-size: 28px;
  line-height: 1;
}

.ideanest-plan-grid span {
  color: #315d7b !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

.byok-disclaimer strong {
  color: #92400e;
}

html[data-theme="moonlight"] .ideanest-plan-grid label {
  background: #fff1;
  border-color: #ffffff1f;
  box-shadow: 0 12px 28px #00000029, inset 0 1px #ffffff0d;
}

html[data-theme="moonlight"] .ideanest-plan-grid label.active {
  border-color: #38bdf86b;
  box-shadow: 0 18px 36px #00000038, 0 0 0 4px #38bdf81a, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .ideanest-plan-grid strong {
  color: #fff;
}

html[data-theme="moonlight"] .ideanest-plan-grid b {
  color: #7dd3fc;
}

html[data-theme="moonlight"] .ideanest-plan-grid span {
  color: #c8d6e6 !important;
}

@media (max-width: 900px) {
  .ideanest-plan-grid {
    grid-template-columns: 1fr;
  }
}

.ideanest-plan-grid label {
  overflow: hidden;
  padding-top: 18px !important;
}

.ideanest-plan-grid label em {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .12em;
  background: linear-gradient(135deg, #22c55e, #38bdf8);
  border-radius: 0 0 14px;
  padding: 5px 10px;
  font-size: 9px;
  font-style: normal;
  font-weight: 1000;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 8px 18px #22c55e2e;
}

.ideanest-plan-grid label i {
  color: #1264b5;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-style: normal;
  font-weight: 1000;
  line-height: 1.2;
}

.ideanest-plan-grid label.active i {
  color: #075985;
}

html[data-theme="moonlight"] .ideanest-plan-grid label i {
  color: #7dd3fc;
}

html[data-theme="moonlight"] .ideanest-plan-grid label.active i {
  color: #a7f3d0;
}

html[data-theme="moonlight"] .ideanest-plan-grid label em {
  background: linear-gradient(135deg, #16a34a, #0ea5e9);
  box-shadow: 0 8px 18px #0ea5e92e;
}

.nest-explainer-card {
  background: radial-gradient(circle at 0 0, #38bdf824, #0000 38%), linear-gradient(135deg, #ffffff9e, #ecfaff6b);
  border: 1px solid #7dd3fc2e;
  border-radius: 24px;
  max-width: 760px;
  margin-top: 16px;
  padding: 16px 18px;
  box-shadow: 0 16px 34px #237ac414, inset 0 1px #ffffffad;
}

.nest-explainer-card strong {
  color: #174a78;
  letter-spacing: -.045em;
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 1;
  display: block;
}

.nest-explainer-card p {
  color: #315d7b !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.42 !important;
}

html[data-theme="moonlight"] .nest-explainer-card {
  background: radial-gradient(circle at 0 0, #38bdf81c, #0000 38%), linear-gradient(135deg, #ffffff0f, #ffffff09);
  border-color: #7dd3fc29;
  box-shadow: 0 16px 34px #0000002e, inset 0 1px #ffffff0b;
}

html[data-theme="moonlight"] .nest-explainer-card strong {
  color: #fff;
}

html[data-theme="moonlight"] .nest-explainer-card p {
  color: #c8d6e6 !important;
}

@media (min-width: 1051px) {
  .onboarding-page {
    justify-content: center !important;
    align-items: center !important;
    min-height: 100vh !important;
    display: flex !important;
  }

  .onboarding-shell {
    align-items: stretch !important;
    width: 100% !important;
    max-width: 1180px !important;
    min-height: 0 !important;
  }

  .onboarding-side {
    justify-content: flex-start !important;
    align-self: stretch !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
    position: relative !important;
    top: auto !important;
    overflow: hidden !important;
  }

  .onboarding-side-team {
    min-height: 76px !important;
    margin: 0 !important;
  }

  .onboarding-step-checklist.collapsed {
    gap: 5px !important;
    margin-top: auto !important;
  }

  .onboarding-wizard {
    align-self: stretch !important;
    max-height: calc(100vh - 36px) !important;
    overflow: auto !important;
  }

  .onboarding-shell {
    grid-template-columns: 299px minmax(0, 1fr) !important;
    gap: 18px !important;
    max-width: 1357px !important;
  }

  .onboarding-side {
    gap: 12px !important;
    padding: 21px !important;
  }

  .onboarding-brand-lockup img {
    width: 170px !important;
    max-height: 55px !important;
  }

  .onboarding-side-copy {
    gap: 8px !important;
  }

  .onboarding-side h2 {
    max-width: 230px !important;
    font-size: 30px !important;
  }

  .onboarding-side p {
    font-size: 13.2px !important;
    line-height: 1.32 !important;
  }

  .onboarding-side-team {
    min-height: 87px !important;
  }

  .onboarding-side-team img {
    width: 71px !important;
    height: 90px !important;
    margin: 0 -14px !important;
  }

  .onboarding-step-checklist.collapsed {
    gap: 6px !important;
  }

  .onboarding-step-checklist.collapsed button {
    min-height: 36px !important;
    padding: 6px 8px !important;
  }

  .onboarding-step-checklist.collapsed button.active {
    min-height: 41px !important;
  }

  .onboarding-step-checklist button b {
    flex-basis: 21px !important;
    width: 21px !important;
    height: 21px !important;
    font-size: 10px !important;
  }

  .onboarding-step-checklist.collapsed button span {
    font-size: 11px !important;
  }

  .onboarding-step-checklist.collapsed button.active span {
    font-size: 12px !important;
  }

  .onboarding-wizard {
    gap: 18px !important;
    padding: 25px 30px !important;
  }

  .onboarding-wizard section {
    max-width: 989px !important;
  }

  .onboarding-wizard h1 {
    font-size: clamp(39px, 3.8vw, 55px) !important;
  }

  .onboarding-wizard section > p {
    max-width: 748px !important;
    font-size: 16px !important;
  }

  .onboarding-choice-grid button, .onboarding-choice-grid label, .onboarding-pill-grid label, .voice-sampler-grid label, .destination-readiness-grid label {
    min-height: 83px !important;
    padding: 16px 18px !important;
  }

  .onboarding-actions button, .onboarding-inline-button {
    min-height: 48px !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
  }
}

html[data-theme="moonlight"] .onboarding-wizard label span, html[data-theme="moonlight"] .onboarding-wide-label span, html[data-theme="moonlight"] .onboarding-fields label span {
  color: #7dd3fc !important;
  text-shadow: 0 0 14px #7dd3fc38 !important;
}

html[data-theme="moonlight"] .onboarding-wizard input, html[data-theme="moonlight"] .onboarding-wizard select, html[data-theme="moonlight"] .onboarding-wizard textarea {
  color: #f8fbff !important;
  background: #ffffff1d !important;
  border-color: #bfdbfe47 !important;
  box-shadow: inset 0 1px #ffffff14, 0 12px 28px #00000029 !important;
}

html[data-theme="moonlight"] .onboarding-wizard input::placeholder, html[data-theme="moonlight"] .onboarding-wizard textarea::placeholder {
  color: #e2eeffad !important;
  opacity: 1 !important;
}

html[data-theme="moonlight"] .onboarding-fields label, html[data-theme="moonlight"] .onboarding-wide-label, html[data-theme="moonlight"] .campaign-preview-card, html[data-theme="moonlight"] .invite-reviewer-box, html[data-theme="moonlight"] .goal-path-note, html[data-theme="moonlight"] .onboarding-choice-grid button, html[data-theme="moonlight"] .onboarding-choice-grid label, html[data-theme="moonlight"] .onboarding-pill-grid label, html[data-theme="moonlight"] .voice-sampler-grid label, html[data-theme="moonlight"] .destination-readiness-grid label {
  color: #f4f8ff !important;
  background: #ffffff18 !important;
  border-color: #bfdbfe33 !important;
}

html[data-theme="moonlight"] .campaign-preview-card strong, html[data-theme="moonlight"] .campaign-preview-card p, html[data-theme="moonlight"] .campaign-preview-card li, html[data-theme="moonlight"] .invite-reviewer-box strong, html[data-theme="moonlight"] .invite-reviewer-box p, html[data-theme="moonlight"] .goal-path-note, html[data-theme="moonlight"] .onboarding-choice-grid small, html[data-theme="moonlight"] .onboarding-choice-grid span, html[data-theme="moonlight"] .onboarding-pill-grid span, html[data-theme="moonlight"] .voice-sampler-grid p, html[data-theme="moonlight"] .destination-readiness-grid span {
  color: #e8f2ff !important;
}

html[data-theme="moonlight"] .campaign-preview-card {
  box-shadow: inset 0 1px #ffffff14, 0 18px 42px #00000038 !important;
}

html[data-theme="moonlight"] .onboarding-progress-copy, html[data-theme="moonlight"] .onboarding-testimonial-strip {
  color: #edf6ff !important;
}

html[data-theme="moonlight"] .onboarding-testimonial-strip em, html[data-theme="moonlight"] .onboarding-testimonial-strip strong {
  color: #fff !important;
}

.admin-metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
  display: grid;
}

.admin-metric-grid article, .admin-panel {
  background: linear-gradient(#ffffffdb, #eefaffad);
  border: 1px solid #3a84be26;
  border-radius: 26px;
  padding: 18px;
  box-shadow: 0 18px 50px #237ac41a, inset 0 1px #ffffffd9;
}

.admin-metric-grid span, .admin-feed span, .admin-nest-list span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 950;
}

.admin-metric-grid strong {
  color: #103d66;
  letter-spacing: -.05em;
  margin: 6px 0;
  font-size: 42px;
  display: block;
}

.admin-metric-grid p, .admin-panel p, .admin-feed small, .admin-table small, .admin-nest-list small {
  color: #486d87;
  margin: 0;
  line-height: 1.4;
}

.admin-grid-two {
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.admin-panel {
  overflow: hidden;
}

.admin-table-wrap {
  overflow: auto;
}

.admin-table {
  border-collapse: separate;
  border-spacing: 0 8px;
  width: 100%;
  min-width: 720px;
}

.admin-table th {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .1em;
  text-align: left;
  padding: 0 10px 4px;
  font-size: 11px;
}

.admin-table td {
  color: #315d7b;
  vertical-align: top;
  background: #ffffff9e;
  border-top: 1px solid #3a84be1f;
  border-bottom: 1px solid #3a84be1f;
  padding: 12px 10px;
}

.admin-table td:first-child {
  border-left: 1px solid #3a84be1f;
  border-radius: 16px 0 0 16px;
}

.admin-table td:last-child {
  border-right: 1px solid #3a84be1f;
  border-radius: 0 16px 16px 0;
}

.admin-table strong {
  color: #103d66;
  display: block;
}

.admin-table small {
  font-size: 12px;
  display: block;
}

.admin-pill {
  color: #1264b5;
  background: #5fc7ff24;
  border: 1px solid #5fc7ff38;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 950;
  display: inline-flex;
}

.admin-nest-list, .admin-feed {
  gap: 10px;
  display: grid;
}

.admin-nest-list a, .admin-feed article {
  background: #ffffff9e;
  border: 1px solid #3a84be21;
  border-radius: 18px;
  padding: 13px;
  text-decoration: none;
  display: block;
}

.admin-nest-list strong, .admin-feed strong {
  color: #103d66;
  margin: 4px 0;
  font-size: 18px;
  display: block;
}

.admin-feed small {
  margin-top: 6px;
  font-size: 12px;
  display: block;
}

html[data-theme="moonlight"] .admin-metric-grid article, html[data-theme="moonlight"] .admin-panel {
  background: linear-gradient(#ffffff16, #ffffff0b);
  border-color: #b2e2ff24;
  box-shadow: 0 20px 60px #00000038, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .admin-metric-grid strong, html[data-theme="moonlight"] .admin-table strong, html[data-theme="moonlight"] .admin-nest-list strong, html[data-theme="moonlight"] .admin-feed strong {
  color: #f8fbff;
}

html[data-theme="moonlight"] .admin-metric-grid p, html[data-theme="moonlight"] .admin-panel p, html[data-theme="moonlight"] .admin-feed small, html[data-theme="moonlight"] .admin-table small, html[data-theme="moonlight"] .admin-nest-list small, html[data-theme="moonlight"] .admin-table td {
  color: #cfe4f7;
}

html[data-theme="moonlight"] .admin-table td, html[data-theme="moonlight"] .admin-nest-list a, html[data-theme="moonlight"] .admin-feed article {
  background: #ffffff12;
  border-color: #b2e2ff1f;
}

@media (max-width: 1100px) {
  .admin-metric-grid, .admin-grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .admin-metric-grid, .admin-grid-two {
    grid-template-columns: 1fr;
  }
}

.integrations-hero-clean {
  background: radial-gradient(circle at 12% 18%, #5fc7ff2e, #0000 34%), linear-gradient(135deg, #ffffffeb, #eefaffbd);
  border: 1px solid #5fc7ff38;
  border-radius: 32px;
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: stretch;
  gap: 18px;
  margin-bottom: 20px;
  padding: 24px;
  display: grid;
  box-shadow: 0 24px 70px #237ac421, inset 0 1px #ffffffe6;
}

.integrations-hero-clean span, .integration-clean-top span, .integrations-receipts-clean article span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 11px;
  font-weight: 950;
}

.integrations-hero-clean strong {
  color: #103d66;
  letter-spacing: -.06em;
  margin: 8px 0 10px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: .96;
  display: block;
}

.integrations-hero-clean p, .integration-clean-card p, .integration-clean-card small, .integrations-receipts-clean article p, .integrations-empty-note {
  color: #486d87;
  margin: 0;
  line-height: 1.45;
}

.integrations-hero-actions {
  align-content: center;
  gap: 10px;
  display: grid;
}

.integrations-hero-actions small {
  color: #486d87;
  font-weight: 800;
}

.integrations-clean-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
  display: grid;
}

.integration-clean-card {
  background: linear-gradient(#ffffffdb, #f0fbffa8);
  border: 1px solid #3a84be24;
  border-radius: 26px;
  gap: 14px;
  padding: 18px;
  display: grid;
  box-shadow: 0 18px 48px #237ac41a, inset 0 1px #ffffffdb;
}

.integration-clean-card.ready {
  background: radial-gradient(circle at 100% 0, #22c55e1a, #0000 35%), linear-gradient(#ffffffe0, #f0fbffb3);
  border-color: #22c55e40;
}

.integration-clean-top {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  display: grid;
}

.integration-clean-top b {
  background: #5fc7ff24;
  border: 1px solid #5fc7ff38;
  border-radius: 18px;
  place-items: center;
  width: 48px;
  height: 48px;
  font-size: 24px;
  display: grid;
}

.integration-clean-top h2 {
  color: #103d66;
  letter-spacing: -.03em;
  margin: 2px 0 0;
  font-size: 22px;
}

.integration-clean-top em {
  color: #1264b5;
  background: #5fc7ff21;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

.integration-clean-card.ready .integration-clean-top em {
  color: #16723a;
  background: #22c55e21;
}

.integration-clean-details {
  border-top: 1px solid #3a84be1f;
  padding-top: 12px;
}

.integration-clean-details summary {
  cursor: pointer;
  color: #1264b5;
  font-weight: 950;
}

.integration-clean-details form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.integration-clean-details label {
  gap: 6px;
  display: grid;
}

.integration-clean-details label span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 10px;
  font-weight: 950;
}

.integration-clean-details input, .integration-clean-details select {
  color: #103d66;
  background: #ffffffb8;
  border: 1px solid #3a84be29;
  border-radius: 14px;
  width: 100%;
  padding: 11px 12px;
}

.integration-clean-details select, .integration-clean-details button {
  grid-column: 1 / -1;
}

.integration-clean-details button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 950;
}

.integrations-receipts-clean {
  background: #ffffffa3;
  border: 1px solid #3a84be24;
  border-radius: 26px;
  padding: 18px;
}

.integrations-receipts-clean > div:last-child {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.integrations-receipts-clean article {
  background: #ffffffad;
  border: 1px solid #3a84be1f;
  border-radius: 18px;
  padding: 13px;
}

.integrations-receipts-clean article strong {
  color: #103d66;
  margin: 4px 0;
  font-size: 17px;
  display: block;
}

.integrations-receipts-clean article small {
  color: #6a8097;
  margin-top: 8px;
  font-weight: 800;
  display: block;
}

html[data-theme="moonlight"] .integrations-hero-clean, html[data-theme="moonlight"] .integration-clean-card, html[data-theme="moonlight"] .integrations-receipts-clean {
  background: linear-gradient(#ffffff16, #ffffff0b);
  border-color: #b2e2ff24;
  box-shadow: 0 20px 60px #00000038, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .integrations-hero-clean strong, html[data-theme="moonlight"] .integration-clean-top h2, html[data-theme="moonlight"] .integrations-receipts-clean article strong {
  color: #f8fbff;
}

html[data-theme="moonlight"] .integrations-hero-clean p, html[data-theme="moonlight"] .integrations-hero-actions small, html[data-theme="moonlight"] .integration-clean-card p, html[data-theme="moonlight"] .integration-clean-card small, html[data-theme="moonlight"] .integrations-receipts-clean article p, html[data-theme="moonlight"] .integrations-empty-note {
  color: #cfe4f7;
}

html[data-theme="moonlight"] .integration-clean-top b, html[data-theme="moonlight"] .integrations-receipts-clean article, html[data-theme="moonlight"] .integration-clean-details input, html[data-theme="moonlight"] .integration-clean-details select {
  color: #f8fbff;
  background: #ffffff14;
  border-color: #b2e2ff24;
}

html[data-theme="moonlight"] .integration-clean-details input::placeholder {
  color: #e2eeff9e;
}

@media (max-width: 1200px) {
  .integrations-clean-grid, .integrations-receipts-clean > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .integrations-hero-clean, .integrations-clean-grid, .integrations-receipts-clean > div:last-child, .integration-clean-details form {
    grid-template-columns: 1fr;
  }
}

.billing-hero-clean {
  background: radial-gradient(circle at 12% 16%, #5fc7ff2e, #0000 34%), linear-gradient(135deg, #ffffffeb, #eefaffbd);
  border: 1px solid #5fc7ff38;
  border-radius: 32px;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: stretch;
  gap: 18px;
  margin-bottom: 20px;
  padding: 24px;
  display: grid;
  box-shadow: 0 24px 70px #237ac421, inset 0 1px #ffffffe6;
}

.billing-hero-clean span, .billing-plan-top span, .billing-receipts-clean article span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 11px;
  font-weight: 950;
}

.billing-hero-clean strong {
  color: #103d66;
  letter-spacing: -.06em;
  margin: 8px 0 10px;
  font-size: clamp(36px, 4vw, 58px);
  line-height: .95;
  display: block;
}

.billing-hero-clean p, .billing-plan-card-clean p, .billing-plan-card-clean small, .billing-next-steps-clean p, .billing-receipts-clean article p, .billing-empty-note {
  color: #486d87;
  margin: 0;
  line-height: 1.45;
}

.billing-hero-status {
  background: #ffffff94;
  border: 1px solid #3a84be21;
  border-radius: 24px;
  align-content: center;
  gap: 10px;
  padding: 18px;
  display: grid;
}

.billing-hero-status b {
  color: #103d66;
  font-size: 22px;
}

.billing-hero-status button, .billing-plan-card-clean button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#5fc7ff, #238ef2);
  border: 0;
  border-radius: 999px;
  width: 100%;
  padding: 12px 16px;
  font-weight: 950;
}

.billing-hero-status small {
  color: #6a8097;
  font-weight: 850;
}

.billing-plan-grid-clean {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
  display: grid;
}

.billing-plan-card-clean {
  background: linear-gradient(#ffffffdb, #f0fbffa8);
  border: 1px solid #3a84be24;
  border-radius: 26px;
  gap: 13px;
  padding: 18px;
  display: grid;
  box-shadow: 0 18px 48px #237ac41a, inset 0 1px #ffffffdb;
}

.billing-plan-card-clean.active {
  background: radial-gradient(circle at 100% 0, #5fc7ff2e, #0000 36%), linear-gradient(#ffffffeb, #eefaffb8);
  border-color: #5fc7ff5c;
}

.billing-plan-top {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.billing-plan-top em {
  color: #1264b5;
  background: #5fc7ff21;
  border-radius: 999px;
  padding: 7px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

.billing-plan-card-clean.active .billing-plan-top em {
  color: #16723a;
  background: #22c55e21;
}

.billing-plan-card-clean h2 {
  color: #103d66;
  letter-spacing: -.04em;
  margin: 0;
  font-size: 25px;
}

.billing-plan-card-clean > strong {
  color: #1679d8;
  letter-spacing: -.05em;
  font-size: 34px;
  display: block;
}

.billing-plan-card-clean form {
  gap: 8px;
  display: grid;
}

.billing-plan-card-clean input {
  color: #103d66;
  background: #ffffffb8;
  border: 1px solid #3a84be29;
  border-radius: 14px;
  width: 100%;
  padding: 11px 12px;
}

.billing-plan-card-clean form:last-child button {
  color: #1264b5;
  background: #ffffffb8;
  border: 1px solid #2798ff2e;
}

.billing-next-steps-clean, .billing-receipts-clean {
  background: #ffffffa3;
  border: 1px solid #3a84be24;
  border-radius: 26px;
  margin-bottom: 18px;
  padding: 18px;
}

.billing-next-steps-clean > div:last-child, .billing-receipts-clean > div:last-child {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.billing-next-steps-clean article, .billing-receipts-clean article {
  background: #ffffffad;
  border: 1px solid #3a84be1f;
  border-radius: 18px;
  padding: 13px;
}

.billing-next-steps-clean article b {
  color: #1264b5;
  background: #5fc7ff24;
  border-radius: 12px;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  display: grid;
}

.billing-next-steps-clean article strong, .billing-receipts-clean article strong {
  color: #103d66;
  margin: 4px 0;
  font-size: 17px;
  display: block;
}

.billing-receipts-clean article small {
  color: #6a8097;
  margin-top: 8px;
  font-weight: 800;
  display: block;
}

html[data-theme="moonlight"] .billing-hero-clean, html[data-theme="moonlight"] .billing-plan-card-clean, html[data-theme="moonlight"] .billing-next-steps-clean, html[data-theme="moonlight"] .billing-receipts-clean {
  background: linear-gradient(#ffffff16, #ffffff0b);
  border-color: #b2e2ff24;
  box-shadow: 0 20px 60px #00000038, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .billing-hero-status, html[data-theme="moonlight"] .billing-next-steps-clean article, html[data-theme="moonlight"] .billing-receipts-clean article {
  background: #ffffff12;
  border-color: #b2e2ff1f;
}

html[data-theme="moonlight"] .billing-hero-clean strong, html[data-theme="moonlight"] .billing-hero-status b, html[data-theme="moonlight"] .billing-plan-card-clean h2, html[data-theme="moonlight"] .billing-next-steps-clean article strong, html[data-theme="moonlight"] .billing-receipts-clean article strong {
  color: #f8fbff;
}

html[data-theme="moonlight"] .billing-hero-clean p, html[data-theme="moonlight"] .billing-plan-card-clean p, html[data-theme="moonlight"] .billing-plan-card-clean small, html[data-theme="moonlight"] .billing-next-steps-clean p, html[data-theme="moonlight"] .billing-receipts-clean article p, html[data-theme="moonlight"] .billing-empty-note {
  color: #cfe4f7;
}

html[data-theme="moonlight"] .billing-plan-card-clean input {
  color: #f8fbff;
  background: #ffffff14;
  border-color: #b2e2ff24;
}

html[data-theme="moonlight"] .billing-plan-card-clean input::placeholder {
  color: #e2eeff9e;
}

@media (max-width: 1250px) {
  .billing-plan-grid-clean {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .billing-hero-clean, .billing-next-steps-clean > div:last-child, .billing-receipts-clean > div:last-child {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .billing-plan-grid-clean {
    grid-template-columns: 1fr;
  }
}

.admin-hero-clean {
  background: radial-gradient(circle at 12% 16%, #5fc7ff33, #0000 34%), linear-gradient(135deg, #ffffffed, #eefaffbd);
  border: 1px solid #5fc7ff38;
  border-radius: 32px;
  grid-template-columns: minmax(0, 1fr) 260px;
  align-items: stretch;
  gap: 18px;
  margin-bottom: 20px;
  padding: 24px;
  display: grid;
  box-shadow: 0 24px 70px #237ac421, inset 0 1px #ffffffe6;
}

.admin-hero-clean span, .admin-kpi-clean-grid span, .admin-workspace-list-clean span, .admin-nest-list-clean-v2 span, .admin-plan-mix span, .admin-module-list-clean span, .admin-activity-feed-clean > article > span {
  color: #1679d8;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 11px;
  font-weight: 950;
}

.admin-hero-clean strong {
  color: #103d66;
  letter-spacing: -.06em;
  margin: 8px 0 10px;
  font-size: clamp(38px, 4vw, 58px);
  line-height: .95;
  display: block;
}

.admin-hero-clean p, .admin-kpi-clean-grid p, .admin-clean-panel p, .admin-clean-panel small, .admin-activity-feed-clean small {
  color: #486d87;
  margin: 0;
  line-height: 1.45;
}

.admin-hero-actions {
  align-content: center;
  gap: 10px;
  display: grid;
}

.admin-kpi-clean-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  display: grid;
}

.admin-kpi-clean-grid article, .admin-clean-panel {
  background: linear-gradient(#ffffffdb, #f0fbffa8);
  border: 1px solid #3a84be24;
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 18px 48px #237ac417, inset 0 1px #ffffffdb;
}

.admin-kpi-clean-grid strong {
  color: #103d66;
  letter-spacing: -.055em;
  margin: 4px 0;
  font-size: 38px;
  display: block;
}

.admin-command-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr);
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.admin-command-grid .wide:first-child {
  grid-column: auto;
}

.admin-clean-panel {
  overflow: hidden;
}

.admin-workspace-list-clean, .admin-user-list-clean, .admin-nest-list-clean-v2, .admin-plan-mix, .admin-module-list-clean, .admin-activity-feed-clean {
  gap: 10px;
  display: grid;
}

.admin-workspace-list-clean article, .admin-user-list-clean article, .admin-nest-list-clean-v2 article, .admin-plan-mix article, .admin-module-list-clean article, .admin-activity-feed-clean article {
  background: #ffffffa8;
  border: 1px solid #3a84be1f;
  border-radius: 18px;
  padding: 13px;
}

.admin-workspace-list-clean article {
  grid-template-columns: minmax(0, 1fr) 150px auto;
  align-items: center;
  gap: 12px;
  display: grid;
}

.admin-workspace-list-clean strong, .admin-user-list-clean strong, .admin-nest-list-clean-v2 strong, .admin-plan-mix strong, .admin-module-list-clean strong, .admin-activity-feed-clean strong {
  color: #103d66;
  margin: 3px 0;
  font-size: 18px;
  display: block;
}

.admin-health-meter {
  gap: 6px;
  display: grid;
}

.admin-health-meter > b, .admin-module-list-clean div {
  background: #3a84be1f;
  border-radius: 999px;
  height: 9px;
  display: block;
  overflow: hidden;
}

.admin-health-meter > b {
  background: linear-gradient(90deg, #5fc7ff, #22c55e);
}

.admin-health-meter small {
  font-size: 11px;
  font-weight: 900;
}

.admin-mini-stats {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.admin-mini-stats em, .admin-status-hot, .admin-status-cool {
  color: #1264b5;
  background: #5fc7ff21;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

.admin-status-hot {
  color: #16723a;
  background: #22c55e21;
}

.admin-status-cool {
  color: #64748b;
  background: #94a3b821;
}

.admin-user-list-clean article, .admin-nest-list-clean-v2 article, .admin-activity-feed-clean article {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  display: grid;
}

.admin-nest-list-clean-v2 article {
  grid-template-columns: minmax(0, 1fr) 72px minmax(160px, .7fr);
}

.admin-block-score {
  color: #1264b5;
  background: #5fc7ff21;
  border-radius: 20px;
  place-items: center;
  width: 58px;
  height: 58px;
  display: grid;
}

.admin-block-score b {
  font-size: 22px;
  line-height: 1;
}

.admin-block-score small {
  font-size: 10px;
}

.admin-plan-mix article {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

.admin-plan-mix strong {
  color: #1679d8;
  font-size: 30px;
}

.admin-module-list-clean article {
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: center;
  gap: 10px;
  display: grid;
}

.admin-module-list-clean div {
  grid-column: 1 / -1;
}

.admin-module-list-clean div b {
  background: linear-gradient(90deg, #5fc7ff, #a855f7);
  border-radius: 999px;
  height: 100%;
  display: block;
}

.admin-activity-feed-clean article {
  grid-template-columns: 66px minmax(0, 1fr) 96px;
  align-items: start;
}

.admin-activity-feed-clean em {
  color: #6a8097;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

html[data-theme="moonlight"] .admin-hero-clean, html[data-theme="moonlight"] .admin-kpi-clean-grid article, html[data-theme="moonlight"] .admin-clean-panel {
  background: linear-gradient(#ffffff16, #ffffff0b);
  border-color: #b2e2ff24;
  box-shadow: 0 20px 60px #00000038, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .admin-workspace-list-clean article, html[data-theme="moonlight"] .admin-user-list-clean article, html[data-theme="moonlight"] .admin-nest-list-clean-v2 article, html[data-theme="moonlight"] .admin-plan-mix article, html[data-theme="moonlight"] .admin-module-list-clean article, html[data-theme="moonlight"] .admin-activity-feed-clean article {
  background: #ffffff12;
  border-color: #b2e2ff1f;
}

html[data-theme="moonlight"] .admin-hero-clean strong, html[data-theme="moonlight"] .admin-kpi-clean-grid strong, html[data-theme="moonlight"] .admin-workspace-list-clean strong, html[data-theme="moonlight"] .admin-user-list-clean strong, html[data-theme="moonlight"] .admin-nest-list-clean-v2 strong, html[data-theme="moonlight"] .admin-plan-mix strong, html[data-theme="moonlight"] .admin-module-list-clean strong, html[data-theme="moonlight"] .admin-activity-feed-clean strong {
  color: #f8fbff;
}

html[data-theme="moonlight"] .admin-hero-clean p, html[data-theme="moonlight"] .admin-kpi-clean-grid p, html[data-theme="moonlight"] .admin-clean-panel p, html[data-theme="moonlight"] .admin-clean-panel small, html[data-theme="moonlight"] .admin-activity-feed-clean small, html[data-theme="moonlight"] .admin-activity-feed-clean em {
  color: #cfe4f7;
}

@media (max-width: 1250px) {
  .admin-kpi-clean-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-command-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .admin-hero-clean, .admin-kpi-clean-grid, .admin-workspace-list-clean article, .admin-nest-list-clean-v2 article, .admin-activity-feed-clean article {
    grid-template-columns: 1fr;
  }

  .admin-activity-feed-clean em {
    text-align: left;
  }
}

.onboarding-nestlings .nestling-active-card {
  background: radial-gradient(circle at 8% 14%, #d8f99d61, #0000 32%), linear-gradient(#fffffff5, #e5f7ffd1);
  border: 1px solid #38bdf8;
  border-radius: 24px;
  grid-template-rows: 118px auto auto auto;
  align-content: start;
  gap: 7px;
  min-height: 214px;
  padding: 14px;
  display: grid;
  position: relative;
  box-shadow: 0 0 0 4px #5fc7ff24, 0 18px 44px #237ac421, inset 0 1px #ffffffe6;
}

.onboarding-nestlings .nestling-active-card:before {
  content: "✓";
  color: #fff;
  background: linear-gradient(#5fc7ff, #238ef2);
  border-radius: 10px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 1000;
  display: grid;
  position: absolute;
  top: 12px;
  right: 12px;
}

.onboarding-nestlings .nestling-active-card em {
  color: #0369a1;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #38bdf824;
  border-radius: 999px;
  width: max-content;
  padding: 5px 9px;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

html[data-theme="moonlight"] .onboarding-nestlings .nestling-active-card {
  background: radial-gradient(circle at 8% 18%, #9dddff29, #0000 28%), linear-gradient(#ffffff1f, #ffffff12);
  border-color: #9dddff61;
  box-shadow: 0 18px 46px #00000038, inset 0 1px #ffffff0f;
}

html[data-theme="moonlight"] .onboarding-nestlings .nestling-active-card em {
  color: #dff7ff;
  background: #5fc7ff29;
}

.omah-product-page {
  color: #0f2740;
  background: radial-gradient(circle at 15% 0, #38bdf82e, #0000 30%), radial-gradient(circle at 90% 4%, #a855f724, #0000 28%), linear-gradient(#f8fbff, #eef7ff 48%, #f8fbff);
  min-height: 100vh;
  padding: 24px;
}

.omah-product-nav {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffc2;
  border: 1px solid #1f5f911a;
  border-radius: 26px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 1320px;
  margin: 0 auto 26px;
  padding: 12px;
  display: flex;
  box-shadow: 0 18px 54px #1e5a9614;
}

.omah-wordmark {
  color: #041827;
  letter-spacing: .12em;
  background: linear-gradient(135deg, #7dd3fc, #c4b5fd);
  border-radius: 18px;
  place-items: center;
  min-width: 112px;
  height: 48px;
  font-weight: 1000;
  display: grid;
}

.omah-product-nav div {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.omah-product-nav div a {
  color: #355a76;
  background: #ffffffad;
  border: 1px solid #1f5f9114;
  border-radius: 999px;
  padding: 10px 13px;
  font-size: 13px;
  font-weight: 900;
}

.omah-product-hero {
  grid-template-columns: 1fr 330px;
  align-items: stretch;
  gap: 20px;
  max-width: 1320px;
  margin: 0 auto 22px;
  display: grid;
}

.omah-product-hero > div, .omah-product-hero aside {
  background: #ffffffd1;
  border: 1px solid #1f5f911a;
  border-radius: 36px;
  padding: 34px;
  box-shadow: 0 24px 70px #1e5a9614;
}

.omah-product-hero h1 {
  color: #06192b;
  letter-spacing: -.075em;
  max-width: 860px;
  margin: 0;
  font-size: clamp(50px, 7vw, 92px);
  line-height: .88;
}

.omah-product-hero p {
  color: #49677f;
  max-width: 760px;
  margin: 22px 0 0;
  font-size: 20px;
  line-height: 1.55;
}

.omah-product-hero aside {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.omah-product-hero aside span {
  color: #1678c7;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  font-weight: 1000;
}

.omah-product-hero aside strong {
  color: #06192b;
  letter-spacing: -.04em;
  margin: 12px 0 4px;
  font-size: 30px;
  line-height: 1;
}

.omah-product-hero aside p {
  margin: 0 0 22px;
  font-size: 14px;
}

.omah-product-hero aside b {
  color: #065f46;
  background: #dcfce7;
  border-radius: 999px;
  width: max-content;
  padding: 10px 13px;
}

.omah-product-grid {
  grid-template-columns: 360px 1fr;
  align-items: start;
  gap: 20px;
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
}

.omah-brand-brain-card, .omah-content-workbench {
  background: #ffffffd1;
  border: 1px solid #1f5f911a;
  border-radius: 34px;
  box-shadow: 0 24px 70px #1e5a9614;
}

.omah-brand-brain-card {
  padding: 22px;
  position: sticky;
  top: 24px;
}

.omah-brand-brain-card h2, .omah-content-workbench h2, .omah-composer-card h2, .omah-output-head h2 {
  color: #06192b;
  letter-spacing: -.055em;
  margin: 0;
  font-size: 34px;
  line-height: .95;
}

.omah-brand-brain-card form {
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.omah-brand-brain-card label span {
  color: #244b69;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 1000;
  display: block;
}

.omah-brand-brain-card input, .omah-brand-brain-card textarea, .omah-composer-card textarea {
  color: #0c2538;
  background: #f8fcff;
  border: 1px solid #1d629a21;
  border-radius: 16px;
  outline: none;
  width: 100%;
  padding: 12px 13px;
}

.omah-brand-brain-card textarea {
  resize: vertical;
  min-height: 76px;
}

.omah-brand-brain-card button, .omah-composer-card button, .omah-card-actions button {
  color: #041a2c;
  background: linear-gradient(135deg, #62d4ff, #c6b1ff);
  border: 0;
  border-radius: 999px;
  min-height: 48px;
  padding: 13px 17px;
  font-weight: 1000;
  box-shadow: 0 14px 36px #258bda24;
}

.omah-content-workbench {
  padding: 24px;
}

.omah-composer-card {
  background: linear-gradient(135deg, #ebf9fff5, #f6f2ffeb);
  border: 1px solid #1f5f9117;
  border-radius: 28px;
  grid-template-columns: 330px 1fr;
  align-items: stretch;
  gap: 20px;
  padding: 22px;
  display: grid;
}

.omah-composer-card p {
  color: #49677f;
  margin: 12px 0 0;
  line-height: 1.5;
}

.omah-composer-card form {
  grid-template-columns: 1fr auto;
  align-items: stretch;
  gap: 12px;
  display: grid;
}

.omah-composer-card textarea {
  resize: vertical;
  min-height: 132px;
  font-size: 16px;
}

.omah-composer-card button {
  border-radius: 22px;
  padding-inline: 22px;
}

.omah-empty-state, .omah-no-output {
  color: #49677f;
  text-align: center;
  background: #ffffff9e;
  border: 1px dashed #1f5f9133;
  border-radius: 24px;
  place-items: center;
  min-height: 140px;
  padding: 22px;
  display: grid;
}

.omah-output-head {
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  padding: 26px 4px 16px;
  display: flex;
}

.omah-output-head span {
  color: #0d5e91;
  background: #e6f8ff;
  border-radius: 999px;
  padding: 9px 12px;
  font-weight: 1000;
}

.omah-post-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.omah-post-card {
  background: linear-gradient(#fff, #f6fbff);
  border: 1px solid #1f5f911a;
  border-radius: 28px;
  padding: 22px;
  box-shadow: inset 0 1px #ffffffe6;
}

.omah-post-top {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  display: flex;
}

.omah-post-top span, .omah-post-top b {
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 1000;
}

.omah-post-top b {
  color: #065f46;
  background: #dcfce7;
}

.omah-post-top b.needs_edit {
  color: #9a3412;
  background: #ffedd5;
}

.omah-post-card h3 {
  color: #06192b;
  letter-spacing: -.05em;
  margin: 0 0 14px;
  font-size: 32px;
  line-height: .95;
}

.omah-post-card > strong {
  color: #133d5e;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.25;
  display: block;
}

.omah-post-card p {
  color: #385b75;
  white-space: pre-line;
  line-height: 1.55;
}

.omah-cta, .omah-review-note {
  color: #385b75;
  border-top: 1px solid #1f5f911a;
  grid-template-columns: 80px 1fr;
  gap: 10px;
  padding: 13px 0;
  display: grid;
}

.omah-cta b, .omah-review-note b {
  color: #0d5e91;
}

.omah-card-actions {
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 16px;
  display: flex;
}

.omah-card-actions button {
  min-height: 40px;
  box-shadow: none;
  padding: 10px 13px;
  font-size: 13px;
}

.omah-card-actions form:nth-child(2) button, .omah-card-actions > button {
  color: #244b69;
  background: #fff;
  border: 1px solid #1f5f911f;
}

@media (max-width: 1100px) {
  .omah-product-hero, .omah-product-grid, .omah-composer-card, .omah-composer-card form, .omah-post-grid {
    grid-template-columns: 1fr;
  }

  .omah-brand-brain-card {
    position: static;
  }
}

@media (max-width: 720px) {
  .omah-product-page {
    padding: 12px;
  }

  .omah-product-nav, .omah-output-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .omah-product-hero h1 {
    font-size: 48px;
  }

  .omah-product-hero > div, .omah-product-hero aside, .omah-content-workbench, .omah-brand-brain-card {
    border-radius: 26px;
    padding: 18px;
  }
}

.omah-sales-page {
  color: #0f2740;
  background: radial-gradient(circle at 10% 0, #38bdf833, #0000 32%), radial-gradient(circle at 90% 3%, #a855f729, #0000 28%), linear-gradient(#f8fbff, #edf7ff 48%, #f8fbff);
  min-height: 100vh;
  padding: 24px;
}

.omah-sales-nav {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffc2;
  border: 1px solid #1f5f911a;
  border-radius: 26px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 1240px;
  margin: 0 auto 44px;
  padding: 12px;
  display: flex;
  box-shadow: 0 18px 54px #1e5a9614;
}

.omah-sales-nav div {
  align-items: center;
  gap: 8px;
  display: flex;
}

.omah-sales-nav div a {
  color: #355a76;
  background: #ffffffb3;
  border: 1px solid #1f5f9114;
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 900;
}

.omah-sales-nav div a.nav-cta {
  color: #041a2c;
  background: linear-gradient(135deg, #62d4ff, #c6b1ff);
}

.omah-sales-hero {
  grid-template-columns: 1fr 380px;
  align-items: stretch;
  gap: 24px;
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
}

.omah-sales-hero > div, .omah-sales-hero aside {
  background: #ffffffd1;
  border: 1px solid #1f5f911a;
  border-radius: 38px;
  padding: 38px;
  box-shadow: 0 24px 70px #1e5a9614;
}

.omah-sales-hero h1 {
  color: #06192b;
  letter-spacing: -.075em;
  max-width: 850px;
  margin: 0;
  font-size: clamp(54px, 7vw, 96px);
  line-height: .88;
}

.omah-sales-hero p {
  color: #49677f;
  max-width: 750px;
  margin: 24px 0 0;
  font-size: 20px;
  line-height: 1.55;
}

.omah-sales-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
  display: flex;
}

.omah-sales-actions a {
  border-radius: 999px;
  align-items: center;
  min-height: 52px;
  padding: 14px 20px;
  font-weight: 1000;
  display: inline-flex;
}

.omah-sales-actions a:first-child {
  color: #041a2c;
  background: linear-gradient(135deg, #62d4ff, #c6b1ff);
  box-shadow: 0 18px 46px #258bda2e;
}

.omah-sales-actions a:last-child {
  color: #174763;
  background: #fff;
  border: 1px solid #1f5f911a;
}

.omah-sales-hero aside span {
  color: #1678c7;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  font-weight: 1000;
}

.omah-sales-hero aside strong {
  color: #06192b;
  letter-spacing: -.055em;
  margin: 14px 0 10px;
  font-size: 44px;
  line-height: .95;
  display: block;
}

.omah-sales-hero aside p {
  margin: 0 0 20px;
  font-size: 16px;
}

.omah-sales-hero aside div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.omah-sales-hero aside b {
  color: #0d5e91;
  background: #e6f8ff;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
}

.omah-sales-steps, .omah-sales-proof {
  max-width: 1240px;
  margin: 22px auto 0;
}

.omah-sales-steps {
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  display: grid;
}

.omah-sales-steps article, .omah-sales-proof {
  background: #ffffffc7;
  border: 1px solid #1f5f911a;
  border-radius: 30px;
  padding: 24px;
  box-shadow: 0 18px 54px #1e5a9612;
}

.omah-sales-steps article b {
  color: #041a2c;
  background: #9ce5ff;
  border-radius: 12px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.omah-sales-steps article strong {
  color: #06192b;
  letter-spacing: -.03em;
  margin: 18px 0 10px;
  font-size: 22px;
  line-height: 1;
  display: block;
}

.omah-sales-steps article p, .omah-sales-proof p {
  color: #49677f;
  margin: 0;
  line-height: 1.55;
}

.omah-sales-proof {
  grid-template-columns: .9fr 1.1fr;
  gap: 22px;
  padding: 32px;
  display: grid;
}

.omah-sales-proof h2 {
  color: #06192b;
  letter-spacing: -.065em;
  margin: 0 0 18px;
  font-size: clamp(38px, 5vw, 70px);
  line-height: .9;
}

.omah-plan-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  display: grid;
}

.omah-plan-grid article {
  background: linear-gradient(#fff, #f6fbff);
  border: 1px solid #1f5f911a;
  border-radius: 24px;
  padding: 20px;
}

.omah-plan-grid span {
  color: #1678c7;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 1000;
}

.omah-plan-grid strong {
  color: #06192b;
  letter-spacing: -.05em;
  margin: 12px 0;
  font-size: 34px;
  display: block;
}

.omah-plan-grid b {
  color: #123d5e;
  margin-bottom: 10px;
  display: block;
}

@media (max-width: 1050px) {
  .omah-sales-hero, .omah-sales-steps, .omah-sales-proof, .omah-plan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .omah-sales-page {
    padding: 12px;
  }

  .omah-sales-nav {
    flex-direction: column;
    align-items: flex-start;
  }

  .omah-sales-hero > div, .omah-sales-hero aside, .omah-sales-proof {
    border-radius: 28px;
    padding: 20px;
  }

  .omah-sales-hero h1 {
    font-size: 50px;
  }
}

.brandbalance-sales-page .omah-wordmark {
  letter-spacing: -.02em;
  min-width: 180px;
}

.brandbalance-hero aside strong {
  font-size: 38px;
}

.brandbalance-mix article:first-child b {
  background: #dcfce7;
}

.brandbalance-mix article:nth-child(2) b {
  background: #fef3c7;
}

.brandbalance-mix article:nth-child(3) b {
  background: #fce7f3;
}

.brandbalance-mix article:nth-child(4) b {
  background: #dbeafe;
}

.brandbalance-auth-logo {
  color: #041a2c;
  letter-spacing: -.02em;
  background: linear-gradient(135deg, #62d4ff, #c6b1ff);
  border-radius: 18px;
  place-items: center;
  min-height: 54px;
  padding: 0 18px;
  font-weight: 1000;
  text-decoration: none;
  display: inline-grid;
}

.omah-output-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.omah-output-actions > button {
  color: #244b69;
  background: #fff;
  border: 1px solid #1f5f911f;
  border-radius: 999px;
  padding: 10px 13px;
  font-weight: 900;
}

@media print {
  .omah-product-nav, .omah-brand-brain-card, .omah-composer-card, .omah-card-actions, .omah-output-actions button {
    display: none !important;
  }

  .omah-product-page {
    background: #fff !important;
    padding: 0 !important;
  }

  .omah-product-hero, .omah-product-grid, .omah-post-grid {
    display: block !important;
  }

  .omah-content-workbench, .omah-post-card, .omah-product-hero > div {
    break-inside: avoid;
    margin-bottom: 16px;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
  }
}

.brandbalance-learning-loop {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
  display: grid;
}

.brandbalance-learning-loop article {
  background: linear-gradient(#fff, #f5fbff);
  border: 1px solid #1f5f911a;
  border-radius: 24px;
  padding: 18px;
}

.brandbalance-learning-loop span {
  color: #1678c7;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 11px;
  font-weight: 1000;
}

.brandbalance-learning-loop strong {
  color: #06192b;
  margin: 9px 0;
  font-size: 18px;
  line-height: 1.15;
  display: block;
}

.brandbalance-learning-loop p {
  color: #49677f;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.omah-visual-prompt {
  color: #385b75;
  border-top: 1px solid #1f5f911a;
  grid-template-columns: 120px 1fr;
  gap: 10px;
  padding: 13px 0;
  display: grid;
}

.omah-visual-prompt b {
  color: #7c3aed;
}

@media (max-width: 900px) {
  .brandbalance-learning-loop, .omah-visual-prompt {
    grid-template-columns: 1fr;
  }
}

.omah-sales-page, .omah-product-page {
  overflow-x: hidden;
}

.brandbalance-hero-art {
  min-height: 540px;
  position: relative;
  overflow: hidden;
  background: #07131f !important;
  padding: 0 !important;
}

.brandbalance-hero-art img {
  object-fit: cover;
  filter: saturate(1.08) contrast(1.03);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.brandbalance-hero-art:after {
  content: "";
  background: linear-gradient(#040c1805, #040c18c2);
  position: absolute;
  inset: 0;
}

.brandbalance-hero-art > div {
  z-index: 2;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #fff;
  background: #061120b8;
  border: 1px solid #ffffff29;
  border-radius: 26px;
  padding: 20px;
  position: absolute;
  bottom: 22px;
  left: 22px;
  right: 22px;
}

.brandbalance-hero-art > div span {
  color: #9ce5ff;
}

.brandbalance-hero-art > div strong {
  color: #fff;
  font-size: 34px;
}

.brandbalance-hero-art > div p {
  color: #dbeafe;
  margin: 10px 0 0;
}

.brandbalance-product-showcase {
  grid-template-columns: 1.08fr .92fr;
  align-items: stretch;
  gap: 18px;
  max-width: 1240px;
  margin: 22px auto 0;
  display: grid;
}

.brandbalance-product-showcase > div, .brandbalance-product-showcase article {
  background: #ffffffc7;
  border: 1px solid #1f5f911a;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: 0 24px 70px #1e5a9614;
}

.brandbalance-product-showcase img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 430px;
  display: block;
}

.brandbalance-product-showcase article {
  padding: 34px;
}

.brandbalance-product-showcase h2 {
  color: #06192b;
  letter-spacing: -.065em;
  margin: 0 0 18px;
  font-size: clamp(36px, 5vw, 64px);
  line-height: .9;
}

.brandbalance-product-showcase p {
  color: #49677f;
  line-height: 1.55;
}

.brandbalance-product-showcase ul {
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.brandbalance-product-showcase li {
  color: #123d5e;
  background: #f1f9ff;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 900;
}

.brandbalance-dashboard-hero-card {
  min-height: 320px;
  position: relative;
  overflow: hidden;
  padding: 0 !important;
}

.brandbalance-dashboard-hero-card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.brandbalance-dashboard-hero-card:after {
  content: "";
  background: linear-gradient(#040c1814, #040c18d1);
  position: absolute;
  inset: 0;
}

.brandbalance-dashboard-hero-card > div {
  z-index: 2;
  color: #fff;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #050c18ad;
  border: 1px solid #ffffff24;
  border-radius: 22px;
  padding: 18px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.brandbalance-dashboard-hero-card > div strong {
  color: #fff;
}

.brandbalance-dashboard-hero-card > div p {
  color: #dbeafe;
}

.omah-brand-brain-card, .omah-content-workbench, .omah-post-card, .omah-composer-card {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.omah-post-card {
  transition: transform .18s, box-shadow .18s, border-color .18s;
}

.omah-post-card:hover {
  border-color: #38bdf847;
  transform: translateY(-2px);
  box-shadow: 0 20px 55px #1e5a961f;
}

@media (max-width: 1050px) {
  .brandbalance-product-showcase {
    grid-template-columns: 1fr;
  }

  .brandbalance-hero-art {
    min-height: 420px;
  }

  .brandbalance-product-showcase img {
    min-height: 360px;
  }
}

@media (max-width: 720px) {
  .brandbalance-hero-art {
    border-radius: 28px;
    min-height: 390px;
  }

  .brandbalance-hero-art > div {
    padding: 16px;
    bottom: 14px;
    left: 14px;
    right: 14px;
  }

  .brandbalance-hero-art > div strong {
    font-size: 26px;
  }

  .brandbalance-product-showcase article {
    padding: 22px;
  }

  .brandbalance-product-showcase img {
    min-height: 280px;
  }

  .brandbalance-dashboard-hero-card {
    min-height: 260px;
  }

  .omah-post-card:hover {
    transform: none;
  }
}

@media (max-width: 430px) {
  .omah-sales-actions a, .primary, .secondary {
    justify-content: center;
    width: 100%;
  }

  .omah-product-nav div, .omah-sales-nav div {
    justify-content: stretch;
    width: 100%;
  }

  .omah-product-nav div a, .omah-sales-nav div a {
    text-align: center;
    flex: 1;
  }

  .omah-card-actions > *, .omah-card-actions button {
    width: 100%;
  }
}

.brandbalance-visual-library {
  border-top: 1px solid #1f5f911f;
  margin-top: 22px;
  padding-top: 18px;
}

.brandbalance-visual-library h3 {
  color: #06192b;
  letter-spacing: -.03em;
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1;
}

.brandbalance-visual-library form {
  gap: 10px;
  display: grid;
}

.brandbalance-visual-library select {
  color: #0c2538;
  background: #f8fcff;
  border: 1px solid #1d629a21;
  border-radius: 16px;
  outline: none;
  width: 100%;
  padding: 12px 13px;
}

.brandbalance-asset-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.brandbalance-asset-grid figure {
  background: #fff;
  border: 1px solid #1f5f911a;
  border-radius: 18px;
  margin: 0;
  overflow: hidden;
}

.brandbalance-asset-grid img {
  object-fit: cover;
  width: 100%;
  height: 92px;
  display: block;
}

.brandbalance-asset-grid figcaption {
  color: #385b75;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 8px;
  font-size: 11px;
  font-weight: 800;
  overflow: hidden;
}

.brandbalance-generated-preview {
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid #1f5f911a;
  border-radius: 22px;
  width: 100%;
  margin: 0 0 16px;
  box-shadow: 0 16px 40px #1e5a961a;
}

@media (max-width: 430px) {
  .brandbalance-asset-grid {
    grid-template-columns: 1fr;
  }
}

.brandbalance-simple-hero .brandbalance-big-next {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  display: flex;
}

.brandbalance-big-next a {
  color: #032015;
  background: linear-gradient(135deg, #16c784, #7dd3fc);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 58px;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 1000;
  display: inline-flex;
  box-shadow: 0 18px 44px #16c78433;
}

.brandbalance-big-next span, .brandbalance-helper {
  color: #55738a;
  font-weight: 800;
  line-height: 1.45;
}

.brandbalance-grandma-wizard, .brandbalance-simple-checklist {
  max-width: 1320px;
  margin: 0 auto 20px;
}

.brandbalance-grandma-wizard {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.brandbalance-grandma-wizard article {
  background: #ffffffc7;
  border: 1px solid #1f5f911a;
  border-radius: 26px;
  padding: 18px;
  box-shadow: 0 16px 46px #1e5a9612;
}

.brandbalance-grandma-wizard b {
  color: #075985;
  background: #e6f8ff;
  border-radius: 14px;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 12px;
  display: grid;
}

.brandbalance-grandma-wizard .done b {
  color: #166534;
  background: #dcfce7;
}

.brandbalance-grandma-wizard strong {
  color: #06192b;
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 1.05;
  display: block;
}

.brandbalance-grandma-wizard p {
  color: #49677f;
  margin: 0;
  line-height: 1.35;
}

.brandbalance-simple-checklist {
  background: #ffffffd1;
  border: 1px solid #1f5f911a;
  border-radius: 30px;
  grid-template-columns: 260px 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 20px;
  display: grid;
  box-shadow: 0 20px 58px #1e5a9614;
}

.brandbalance-simple-checklist h2 {
  color: #06192b;
  margin: 0;
  font-size: 30px;
}

.brandbalance-simple-checklist ul {
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.brandbalance-simple-checklist li {
  color: #456982;
  background: #f1f7fb;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 950;
}

.brandbalance-simple-checklist li:before {
  content: "○ ";
}

.brandbalance-simple-checklist li.done:before {
  content: "✓ ";
}

.brandbalance-simple-checklist a, .brandbalance-concierge-card a {
  color: #fff;
  white-space: nowrap;
  background: #06192b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 12px 16px;
  font-weight: 950;
  display: inline-flex;
}

.brandbalance-demo-form {
  margin: 12px 0 4px !important;
}

.brandbalance-example-button {
  width: 100%;
  color: #17415e !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #1f5f911f !important;
}

.brandbalance-advanced-details {
  background: #f8fcff;
  border: 1px solid #1f5f911a;
  border-radius: 20px;
  margin-top: 4px;
  padding: 14px;
}

.brandbalance-advanced-details summary {
  cursor: pointer;
  color: #0d5e91;
  font-weight: 1000;
}

.brandbalance-advanced-details label {
  margin-top: 12px;
}

.brandbalance-photo-first h3 {
  margin-bottom: 5px;
}

.brandbalance-one-button {
  border: 2px solid #16c78438;
  background: linear-gradient(135deg, #ecfdf5, #eef9ff) !important;
}

.brandbalance-one-button button {
  min-height: 64px;
  padding: 18px 24px;
  font-size: 18px;
  background: linear-gradient(135deg, #16c784, #7dd3fc) !important;
}

.brandbalance-one-button textarea {
  min-height: 170px;
  font-size: 18px;
}

.brandbalance-plain-loop article {
  background: linear-gradient(#fff, #f8fcff);
}

.brandbalance-simple-post-card {
  border-radius: 32px;
  position: relative;
}

.brandbalance-simple-post-card h3 {
  font-size: 28px;
}

.brandbalance-do-this {
  color: #6b4b00;
  background: #fff8e6;
  border: 1px solid #f59e0b2e;
  border-radius: 18px;
  margin-top: 14px;
  padding: 14px;
  font-weight: 950;
  line-height: 1.4;
}

.brandbalance-traffic-actions button.green {
  color: #052e16 !important;
  background: #22c55e !important;
}

.brandbalance-traffic-actions form, .brandbalance-traffic-actions > button {
  flex: 150px;
}

.brandbalance-traffic-actions button {
  width: 100%;
  font-size: 14px;
}

.brandbalance-concierge-card {
  color: #fff;
  background: linear-gradient(135deg, #07192c, #163b61);
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 22px;
  padding: 24px;
  display: flex;
}

.brandbalance-concierge-card h2 {
  color: #fff;
  margin: 0 0 10px;
}

.brandbalance-concierge-card p:not(.eyebrow) {
  color: #dbeafe;
  max-width: 760px;
  margin: 0;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .brandbalance-grandma-wizard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .brandbalance-simple-checklist {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .brandbalance-grandma-wizard {
    grid-template-columns: 1fr;
  }

  .brandbalance-simple-checklist, .brandbalance-concierge-card {
    display: block;
  }

  .brandbalance-simple-checklist a, .brandbalance-concierge-card a {
    width: 100%;
    margin-top: 14px;
  }

  .brandbalance-big-next a, .brandbalance-one-button button {
    width: 100%;
  }
}

.brandbalance-sidebar-logo {
  color: #06192b;
  background: linear-gradient(135deg, #eefaff, #f6f0ff);
  border: 1px solid #1f5f911f;
  border-radius: 22px;
  grid-template-rows: auto auto;
  grid-template-columns: 52px 1fr;
  align-items: center;
  column-gap: 12px;
  padding: 10px;
  display: grid;
  box-shadow: 0 18px 40px #1e5a961a;
}

.brandbalance-sidebar-logo b {
  color: #031525;
  letter-spacing: -.05em;
  background: linear-gradient(135deg, #7dd3fc, #c4b5fd);
  border-radius: 18px;
  grid-row: 1 / 3;
  place-items: center;
  width: 52px;
  height: 52px;
  font-size: 20px;
  font-weight: 1000;
  display: grid;
}

.brandbalance-sidebar-logo span {
  color: #06192b;
  letter-spacing: -.045em;
  font-size: 17px;
  font-weight: 1000;
  line-height: 1;
}

.brandbalance-sidebar-logo small {
  color: #46708b;
  font-size: 12px;
  font-weight: 900;
}

.current-nest-picker .nest-picker-top span {
  font-size: 0;
}

.current-nest-picker .nest-picker-top span:after {
  content: "Current Brand";
  font-size: 12px;
}

.current-nest-picker {
  color: #102a43;
  background: linear-gradient(#ffffffdb, #f1f9ffb8) !important;
  border-color: #1f5f9124 !important;
}

.current-nest-picker strong, .current-nest-picker label span {
  color: #06192b !important;
}

.current-nest-picker small {
  color: #49677f !important;
}

.current-nest-picker select {
  color: #173b55 !important;
  background: #fff !important;
  border-color: #1f5f9129 !important;
}

.shell .sidebar {
  background: radial-gradient(circle at 20% 0, #7dd3fc29, #0000 34%), linear-gradient(#f8fbffeb, #ecf6ffe0);
  border-right: 1px solid #1f5f911f;
}

.shell .sidebar nav a, .sidebar-admin-menu summary {
  color: #173b55 !important;
  background: #ffffffb8 !important;
  border-color: #1f5f911a !important;
}

.shell .sidebar nav a:hover, .sidebar-admin-menu summary:hover {
  background: #eaf8ff !important;
  border-color: #38bdf857 !important;
}

.sidebar-auth {
  color: #49677f !important;
  background: #ffffffb3 !important;
  border-color: #1f5f911a !important;
}

.sidebar-auth button {
  color: #06192b !important;
}

.admin-hero-clean, .admin-clean-panel, .admin-kpi-clean-grid article, .integrations-hero-clean, .integration-clean-card, .billing-hero-clean, .billing-plan-card-clean {
  box-shadow: 0 22px 64px #1e5a9614;
}

@media (max-width: 980px) {
  .brandbalance-sidebar-logo {
    max-width: 360px;
  }
}

:root {
  --bb-bg: #f5f5f7;
  --bb-bg-soft: #fbfbfd;
  --bb-card: #ffffffc7;
  --bb-card-solid: #fff;
  --bb-line: #00000013;
  --bb-text: #1d1d1f;
  --bb-muted: #6e6e73;
  --bb-blue: #0071e3;
  --bb-blue-soft: #e8f2ff;
  --bb-green: #34c759;
  --bb-yellow: #fc0;
  --bb-radius: 28px;
  --bb-radius-lg: 40px;
  --bb-shadow: 0 18px 50px #00000012;
  --bb-shadow-soft: 0 8px 28px #0000000b;
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  background: var(--bb-bg) !important;
  color: var(--bb-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro Text, Inter, Segoe UI, Arial, sans-serif !important;
}

body:before, body:after {
  opacity: .45;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #00000038 transparent;
}

::selection {
  color: var(--bb-text);
  background: #0071e32e;
}

.shell {
  background: linear-gradient(#f5f5f7, #fff 48%, #f5f5f7) !important;
  grid-template-columns: 252px minmax(0, 1fr) !important;
}

.sidebar {
  border-right: 1px solid var(--bb-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: saturate(180%) blur(28px) !important;
  backdrop-filter: saturate(180%) blur(28px) !important;
  background: #f5f5f7b8 !important;
  padding: 18px !important;
  top: 0 !important;
}

.content {
  max-width: 1240px !important;
  padding: 34px !important;
}

.page-header {
  padding: 4px 2px 0;
  margin-bottom: 24px !important;
}

.page-header h1, h1 {
  text-wrap: balance;
  color: var(--bb-text) !important;
  letter-spacing: -.06em !important;
  text-shadow: none !important;
  font-weight: 800 !important;
  line-height: .94 !important;
}

h2, .page-header h2 {
  color: var(--bb-text) !important;
  letter-spacing: -.045em !important;
  text-shadow: none !important;
  font-weight: 760 !important;
  line-height: 1.02 !important;
}

h3, strong {
  color: var(--bb-text);
}

p, small, li {
  color: var(--bb-muted);
}

.eyebrow {
  color: var(--bb-blue) !important;
  letter-spacing: .08em !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.page-header p, .page-subcopy p, .hero-card p, .empty-state p {
  color: var(--bb-muted) !important;
  font-size: 18px !important;
  line-height: 1.48 !important;
}

.brandbalance-sidebar-logo {
  border: 1px solid var(--bb-line) !important;
  box-shadow: var(--bb-shadow-soft) !important;
  background: #ffffffbd !important;
  border-radius: 24px !important;
}

.brandbalance-sidebar-logo b {
  color: #0071e3 !important;
  background: linear-gradient(#fefefe, #e9eef7) !important;
  box-shadow: inset 0 1px #fff, 0 8px 18px #0000000f !important;
}

.brandbalance-sidebar-logo span {
  color: var(--bb-text) !important;
}

.brandbalance-sidebar-logo small {
  color: var(--bb-muted) !important;
}

.sidebar nav {
  gap: 6px !important;
}

.sidebar nav a, .sidebar-admin-menu summary, .start-tour-button.compact {
  transition: background .15s, color .15s, transform .15s;
  color: #424245 !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  font-weight: 650 !important;
}

.sidebar nav a:hover, .sidebar-admin-menu summary:hover {
  color: var(--bb-text) !important;
  background: #0000000b !important;
  transform: none !important;
}

.start-tour-button.compact:before, .start-tour-button.compact:after {
  display: none !important;
}

.sidebar-admin-menu div {
  border: 1px solid var(--bb-line) !important;
  box-shadow: var(--bb-shadow-soft) !important;
  background: #ffffffeb !important;
  border-radius: 18px !important;
}

.sidebar-auth {
  color: var(--bb-muted) !important;
  box-shadow: none !important;
  background: #ffffffa8 !important;
  border: 0 !important;
  border-radius: 18px !important;
}

.sidebar-auth button {
  color: var(--bb-blue) !important;
  font-weight: 700 !important;
}

.current-nest-picker {
  border: 1px solid var(--bb-line) !important;
  box-shadow: var(--bb-shadow-soft) !important;
  background: #ffffffc2 !important;
  border-radius: 24px !important;
}

.current-nest-picker strong {
  letter-spacing: -.03em;
  color: var(--bb-text) !important;
}

.current-nest-picker small, .current-nest-picker label span {
  color: var(--bb-muted) !important;
}

.current-nest-picker select {
  border: 1px solid var(--bb-line) !important;
  color: var(--bb-text) !important;
  background: #fff !important;
  border-radius: 12px !important;
}

.nest-picker-progress {
  background: #0000000f !important;
}

.nest-picker-progress i {
  background: linear-gradient(90deg, #0071e3, #5ac8fa) !important;
}

.nest-picker-actions a, .nest-picker-empty {
  background: var(--bb-blue) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

.primary-link, .form-card button, .generate-button, button, .omah-brand-brain-card button, .omah-composer-card button, .omah-card-actions button, .billing-plan-card-clean button, .integration-clean-card button {
  min-height: 44px;
  transition: transform .14s, background .14s, box-shadow .14s;
  background: var(--bb-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

button:hover, .primary-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px #0071e32e !important;
}

.primary-link.secondary, .secondary, .omah-card-actions form:nth-child(2) button, .omah-card-actions > button, .modal-actions .secondary-button, .onboarding-actions button.secondary {
  color: var(--bb-text) !important;
  background: #f2f2f7 !important;
  border: 0 !important;
}

input, textarea, select {
  box-shadow: inset 0 1px 2px #00000006;
  border: 1px solid var(--bb-line) !important;
  color: var(--bb-text) !important;
  background: #ffffffe6 !important;
  border-radius: 16px !important;
}

input::placeholder, textarea::placeholder {
  color: #9a9aa0 !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #0071e373 !important;
  box-shadow: 0 0 0 4px #0071e31f !important;
}

label span {
  color: #424245 !important;
  font-weight: 700 !important;
}

.metric-grid article, .hero-card, .form-card, .client-row, .profile-card, .empty-state, .run-log, .form-section, .step-card, .admin-hero-clean, .admin-clean-panel, .admin-kpi-clean-grid article, .integrations-hero-clean, .integration-clean-card, .integrations-receipts-clean, .billing-hero-clean, .billing-plan-card-clean, .billing-next-steps-clean, .billing-receipts-clean, .omah-product-hero > div, .omah-product-hero aside, .omah-brand-brain-card, .omah-content-workbench, .omah-composer-card, .omah-post-card, .brandbalance-grandma-wizard article, .brandbalance-simple-checklist, .brandbalance-learning-loop article, .brandbalance-concierge-card, .brandbalance-product-showcase > div, .brandbalance-product-showcase article, .idea-inbox-board, .campaign-library-grid article, .integration-grid article, .brand-memory-grid article, .launch-command-grid article, .launch-summary-card, .share-approval-hero, .share-draft-list article, .share-package-strip, .blue-chat-card, .team-sidebar-panel, .team-command-card, .team-activity-card, .team-status-grid article, .team-feed-card, .settings-section-card, .settings-integrations-panel, .approval-gate-hero, .results-loop-card, .client-status-strip article, .onboarding-side, .onboarding-wizard {
  background: var(--bb-card) !important;
  border: 1px solid var(--bb-line) !important;
  border-radius: var(--bb-radius-lg) !important;
  box-shadow: var(--bb-shadow) !important;
  -webkit-backdrop-filter: saturate(180%) blur(24px) !important;
  backdrop-filter: saturate(180%) blur(24px) !important;
}

.admin-kpi-clean-grid article, .brandbalance-grandma-wizard article, .brandbalance-learning-loop article, .integration-clean-card, .billing-plan-card-clean, .omah-post-card {
  box-shadow: var(--bb-shadow-soft) !important;
  border-radius: 30px !important;
}

.omah-product-page, .omah-sales-page, .onboarding-page {
  color: var(--bb-text) !important;
  background: linear-gradient(#f5f5f7, #fff 44%, #f5f5f7) !important;
}

.omah-product-nav, .omah-sales-nav, .sales-nav {
  border: 1px solid var(--bb-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: saturate(180%) blur(28px) !important;
  backdrop-filter: saturate(180%) blur(28px) !important;
  background: #f5f5f7bd !important;
}

.omah-wordmark {
  color: #fff !important;
  background: var(--bb-text) !important;
  letter-spacing: -.02em !important;
  border-radius: 999px !important;
  min-width: auto !important;
  padding: 0 18px !important;
}

.omah-product-nav div a, .omah-sales-nav div a {
  color: #424245 !important;
  background: none !important;
  border: 0 !important;
  font-weight: 650 !important;
}

.omah-product-nav div a:hover, .omah-sales-nav div a:hover {
  background: #0000000b !important;
}

.omah-product-hero h1, .brandbalance-product-showcase h2, .omah-brand-brain-card h2, .omah-content-workbench h2, .omah-composer-card h2, .omah-output-head h2 {
  color: var(--bb-text) !important;
  letter-spacing: -.06em !important;
}

.omah-product-hero p, .omah-composer-card p, .brandbalance-product-showcase p, .brandbalance-learning-loop p, .omah-post-card p {
  color: var(--bb-muted) !important;
}

.brandbalance-big-next a, .brandbalance-one-button button, .brandbalance-traffic-actions button.green {
  background: var(--bb-blue) !important;
  color: #fff !important;
}

.brandbalance-traffic-actions button.yellow {
  color: #5c4200 !important;
  background: #fff3bf !important;
}

.brandbalance-simple-checklist li {
  color: #424245 !important;
  background: #f2f2f7 !important;
}

.brandbalance-simple-checklist li.done {
  color: #1f7a3b !important;
  background: #e8f8ee !important;
}

.brandbalance-do-this {
  color: #5c4200 !important;
  background: #fff8e1 !important;
  border: 1px solid #ffcc0047 !important;
}

.brandbalance-concierge-card h2, .brandbalance-concierge-card p:not(.eyebrow) {
  color: #fff !important;
}

.brandbalance-concierge-card a {
  color: #1d1d1f !important;
  background: #fff !important;
}

.brandbalance-generated-preview, .brandbalance-asset-grid img, .brandbalance-dashboard-hero-card img, .brandbalance-hero-art img, .brandbalance-product-showcase img {
  filter: none !important;
}

.brandbalance-dashboard-hero-card > div, .brandbalance-hero-art > div {
  box-shadow: none !important;
  background: #1d1d1fb8 !important;
  border: 1px solid #ffffff29 !important;
}

.admin-hero-clean span, .admin-clean-panel span, .admin-kpi-clean-grid span, .integration-clean-card span, .billing-plan-card-clean span, .omah-post-top span, .omah-post-top b, .risk, .status-pill {
  letter-spacing: .05em !important;
  border: 0 !important;
  font-weight: 700 !important;
}

.admin-health-meter, .admin-module-list-clean article div {
  background: #f2f2f7 !important;
}

.admin-health-meter b, .admin-module-list-clean article div b {
  background: linear-gradient(90deg, #0071e3, #5ac8fa) !important;
}

@media (max-width: 1000px) {
  .shell {
    grid-template-columns: 1fr !important;
  }

  .sidebar {
    border-right: 0 !important;
    border-bottom: 1px solid var(--bb-line) !important;
    height: auto !important;
    position: static !important;
  }

  .content {
    max-width: 100% !important;
    padding: 18px !important;
  }

  .sidebar nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .content, .omah-product-page, .omah-sales-page {
    padding: 14px !important;
  }

  .page-header h1, h1 {
    font-size: clamp(38px, 12vw, 58px) !important;
  }

  .omah-product-hero > div, .omah-product-hero aside, .omah-content-workbench, .omah-brand-brain-card, .brandbalance-simple-checklist {
    border-radius: 28px !important;
    padding: 20px !important;
  }

  .sidebar nav {
    grid-template-columns: 1fr;
  }
}

.brandbalance-start-here {
  border: 1px solid var(--bb-line, #00000013);
  max-width: 1320px;
  box-shadow: var(--bb-shadow, 0 18px 50px #00000012);
  background: #ffffffd1;
  border-radius: 36px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  margin: 0 auto 20px;
  padding: 24px;
  display: grid;
}

.brandbalance-start-here h2 {
  color: var(--bb-text, #1d1d1f);
  letter-spacing: -.055em;
  margin: 0 0 8px;
  font-size: clamp(32px, 4vw, 54px);
}

.brandbalance-start-here p:not(.eyebrow) {
  color: var(--bb-muted, #6e6e73);
  margin: 0;
  font-size: 18px;
}

.brandbalance-start-here > div:last-child {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.brandbalance-start-here a, .brandbalance-big-text-toggle, .brandbalance-facebook-ready a, .brandbalance-helper-access a {
  background: var(--bb-blue, #0071e3);
  color: #fff;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 13px 17px;
  font-weight: 750;
  display: inline-flex;
}

.brandbalance-start-here a:nth-child(2), .brandbalance-start-here a:nth-child(3), .brandbalance-big-text-toggle, .brandbalance-facebook-ready a:nth-child(2) {
  color: #1d1d1f;
  background: #f2f2f7;
}

.brandbalance-autosave-note, .brandbalance-coach-bubble {
  color: #075985;
  background: #eef7ff;
  border: 1px solid #0071e31f;
  border-radius: 18px;
  margin: 14px 0;
  padding: 13px 15px;
  font-weight: 750;
  line-height: 1.4;
}

.brandbalance-repeat-week {
  color: #1d1d1f !important;
  background: #f2f2f7 !important;
}

.brandbalance-facebook-ready {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.brandbalance-helper-access {
  border: 1px solid var(--bb-line, #00000013);
  box-shadow: var(--bb-shadow, 0 18px 50px #00000012);
  background: #ffffffd1;
  border-radius: 36px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 22px;
  padding: 24px;
  display: flex;
}

.brandbalance-helper-access h2 {
  color: #1d1d1f;
  letter-spacing: -.045em;
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 44px);
}

.brandbalance-helper-access p:not(.eyebrow) {
  color: #6e6e73;
  max-width: 720px;
  margin: 0;
  line-height: 1.5;
}

.brandbalance-big-text-mode body, .brandbalance-big-text-mode input, .brandbalance-big-text-mode textarea, .brandbalance-big-text-mode button, .brandbalance-big-text-mode a, .brandbalance-big-text-mode p, .brandbalance-big-text-mode span, .brandbalance-big-text-mode small {
  font-size: 118% !important;
}

.brandbalance-big-text-mode button, .brandbalance-big-text-mode a, .brandbalance-big-text-mode input, .brandbalance-big-text-mode textarea {
  min-height: 56px !important;
}

@media (max-width: 900px) {
  .brandbalance-start-here, .brandbalance-helper-access {
    grid-template-columns: 1fr;
    display: block;
  }

  .brandbalance-start-here > div:last-child {
    justify-content: stretch;
    margin-top: 16px;
  }

  .brandbalance-start-here a, .brandbalance-big-text-toggle, .brandbalance-helper-access a, .brandbalance-facebook-ready a {
    width: 100%;
  }

  .brandbalance-helper-access a {
    margin-top: 14px;
  }
}

:root {
  --bb-pink: #ff4fd8;
  --bb-coral: #ff7a59;
  --bb-mint: #35e6a4;
  --bb-sun: #ffd166;
  --bb-purple: #8b5cf6;
  --bb-sky: #38bdf8;
}

.omah-product-page, .omah-sales-page, .shell {
  background: radial-gradient(circle at 8% 4%, #ff4fd838, #0000 28%), radial-gradient(circle at 92% 8%, #38bdf842, #0000 30%), radial-gradient(circle at 50% 100%, #35e6a42e, #0000 34%), linear-gradient(#fff7fd, #f7fbff 46%, #fffaf2) !important;
}

.omah-product-hero > div, .brandbalance-start-here, .brandbalance-simple-checklist, .omah-composer-card, .brandbalance-concierge-card, .brandbalance-helper-access, .admin-hero-clean, .integrations-hero-clean, .billing-hero-clean {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffffe6, #ffffffad) !important;
  border: 1px solid #ffffffb8 !important;
  box-shadow: 0 24px 70px #5743911f, inset 0 1px #fffc !important;
}

.omah-product-hero > div:before, .brandbalance-start-here:before, .omah-composer-card:before, .brandbalance-simple-checklist:before {
  content: "";
  background: linear-gradient(90deg,var(--bb-pink),var(--bb-purple),var(--bb-sky),var(--bb-mint),var(--bb-sun),var(--bb-coral));
  height: 7px;
  position: absolute;
  inset: 0 0 auto;
}

.brandbalance-dashboard-hero-card {
  border: 0 !important;
  box-shadow: 0 28px 90px #57439133 !important;
}

.brandbalance-dashboard-hero-card img, .brandbalance-hero-art img, .brandbalance-product-showcase img {
  filter: saturate(1.1) contrast(1.02) !important;
}

.brandbalance-vibe-pills {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

.brandbalance-vibe-pills span {
  color: #3b2c54;
  background: #ffffffc2;
  border: 1px solid #ffffffe6;
  border-radius: 999px;
  padding: 10px 13px;
  font-weight: 850;
  box-shadow: 0 10px 26px #57439114;
}

.brandbalance-grandma-wizard article:first-child, .brandbalance-learning-loop article:first-child {
  background: linear-gradient(135deg, #fff, #fff0fb) !important;
}

.brandbalance-grandma-wizard article:nth-child(2), .brandbalance-learning-loop article:nth-child(2) {
  background: linear-gradient(135deg, #fff, #eff8ff) !important;
}

.brandbalance-grandma-wizard article:nth-child(3), .brandbalance-learning-loop article:nth-child(3) {
  background: linear-gradient(135deg, #fff, #effff8) !important;
}

.brandbalance-grandma-wizard article:nth-child(4) {
  background: linear-gradient(135deg, #fff, #fff8df) !important;
}

.brandbalance-grandma-wizard b {
  background: #fff !important;
  width: 48px !important;
  height: 48px !important;
  font-size: 24px !important;
  box-shadow: 0 12px 28px #5743911a !important;
}

.brandbalance-start-here a:first-child, .brandbalance-big-next a, .brandbalance-one-button button, .brandbalance-traffic-actions button.green {
  background: linear-gradient(135deg,var(--bb-purple),var(--bb-sky)) !important;
  color: #fff !important;
}

.brandbalance-start-here a:nth-child(2), .brandbalance-repeat-week {
  background: linear-gradient(135deg,var(--bb-pink),var(--bb-coral)) !important;
  color: #fff !important;
}

.brandbalance-start-here a:nth-child(3), .brandbalance-facebook-ready a {
  background: linear-gradient(135deg,var(--bb-mint),var(--bb-sky)) !important;
  color: #042018 !important;
}

.brandbalance-big-text-toggle {
  background: linear-gradient(135deg,#fff,var(--bb-sun)) !important;
  color: #3b2c00 !important;
}

.omah-post-card {
  background: linear-gradient(#ffffffeb, #ffffffb8) !important;
  border: 1px solid #ffffffc2 !important;
  box-shadow: 0 18px 54px #5743911a !important;
}

.omah-post-card:nth-child(5n+1) {
  background: linear-gradient(#fff, #fff1fb) !important;
}

.omah-post-card:nth-child(5n+2) {
  background: linear-gradient(#fff, #edf8ff) !important;
}

.omah-post-card:nth-child(5n+3) {
  background: linear-gradient(#fff, #effff7) !important;
}

.omah-post-card:nth-child(5n+4) {
  background: linear-gradient(#fff, #fff7de) !important;
}

.omah-post-card:nth-child(5n+5) {
  background: linear-gradient(#fff, #f5f0ff) !important;
}

.omah-post-top span {
  color: #4b3b76 !important;
  background: #fff !important;
}

.omah-post-top b.approved, .omah-post-top b {
  color: #166534 !important;
  background: #dcfce7 !important;
}

.brandbalance-do-this {
  background: linear-gradient(135deg, #fff8df, #fff0fb) !important;
  border: 1px solid #ffd16661 !important;
}

.brandbalance-empty-alive {
  overflow: hidden;
  padding: 0 !important;
}

.brandbalance-empty-alive img {
  object-fit: cover;
  border-radius: 28px 28px 0 0;
  width: 100%;
  max-height: 360px;
  display: block;
}

.brandbalance-empty-alive strong, .brandbalance-empty-alive p {
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.brandbalance-empty-alive strong {
  padding-top: 20px;
}

.brandbalance-empty-alive p {
  padding-bottom: 24px;
}

.brandbalance-concierge-card {
  color: #fff !important;
  background: linear-gradient(135deg, #1d1d1f, #432371 55%, #0f6b75) !important;
}

.brandbalance-helper-access {
  background: linear-gradient(135deg, #fff, #eff8ff 45%, #fff2fb) !important;
}

.brandbalance-sidebar-logo b {
  background: linear-gradient(135deg,var(--bb-pink),var(--bb-purple),var(--bb-sky)) !important;
  color: #fff !important;
}

.primary-link, button {
  box-shadow: 0 10px 26px #5743911f !important;
}

@media (max-width: 720px) {
  .brandbalance-vibe-pills span {
    text-align: center;
    flex: 100%;
  }
}

.brandbalance-showcase-hero {
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: stretch;
  gap: 24px;
  max-width: 1440px;
  margin: 0 auto 22px;
  display: grid;
}

.brandbalance-left-rail {
  padding: 30px 18px 30px 8px;
  position: relative;
}

.brandbalance-logo-lockup {
  color: #0d1230;
  align-items: center;
  gap: 12px;
  margin-bottom: 34px;
  display: flex;
}

.brandbalance-logo-lockup span {
  color: #fff;
  background: linear-gradient(135deg, #2f6df6, #8b5cf6, #ff4fd8);
  border-radius: 16px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 25px;
  display: grid;
  box-shadow: 0 18px 38px #5360ee3d;
}

.brandbalance-logo-lockup strong {
  letter-spacing: -.04em;
  font-size: 24px;
}

.brandbalance-left-rail h1 {
  color: #0b1238 !important;
  letter-spacing: -.075em !important;
  margin: 0 0 22px !important;
  font-size: clamp(58px, 7vw, 82px) !important;
  line-height: .88 !important;
}

.brandbalance-left-rail h1 em {
  background: linear-gradient(90deg, #1578ff, #8b5cf6, #ff4fd8);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
}

.brandbalance-left-rail > p {
  margin: 0 0 24px;
  font-size: 20px;
  font-weight: 650;
  line-height: 1.35;
  color: #151a3c !important;
}

.brandbalance-benefit-list {
  gap: 16px;
  margin: 22px 0 26px;
  display: grid;
}

.brandbalance-benefit-list article {
  grid-template-columns: 44px 1fr;
  align-items: center;
  gap: 12px;
  display: grid;
}

.brandbalance-benefit-list b {
  color: #fff;
  background: linear-gradient(135deg, #2f6df6, #28d6c6);
  border-radius: 14px;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
  box-shadow: 0 12px 26px #2f6df638;
}

.brandbalance-benefit-list article:first-child b {
  background: linear-gradient(135deg, #8b5cf6, #ff4fd8);
}

.brandbalance-benefit-list article:nth-child(2) b {
  background: linear-gradient(135deg, #2f6df6, #38bdf8);
}

.brandbalance-benefit-list strong {
  color: #111633;
  font-size: 16px;
  display: block;
}

.brandbalance-benefit-list small {
  color: #424766;
  font-weight: 650;
  line-height: 1.25;
  display: block;
}

.brandbalance-trial-button {
  color: #fff;
  background: linear-gradient(135deg, #1678ff, #8b5cf6, #ff4fd8);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 54px;
  padding: 14px 28px;
  font-weight: 900;
  display: inline-flex;
  box-shadow: 0 18px 40px #5360ee42;
}

.brandbalance-no-card {
  color: #596075;
  margin-top: 14px;
  font-weight: 750;
  display: block;
}

.brandbalance-board-preview {
  gap: 14px;
  min-width: 0;
  display: grid;
}

.brandbalance-good-morning {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffd1;
  border: 1px solid #ffffffd9;
  border-radius: 22px;
  grid-template-columns: 1.45fr repeat(3, minmax(120px, .55fr)) 58px;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: grid;
  box-shadow: 0 20px 58px #5056a01f;
}

.brandbalance-good-morning > div:first-child strong {
  color: #161a34;
  font-size: 18px;
  display: block;
}

.brandbalance-good-morning > div:first-child span, .brandbalance-good-morning article span {
  color: #5a6075;
  font-size: 12px;
  font-weight: 650;
}

.brandbalance-good-morning article {
  background: linear-gradient(#fff, #f8fbff);
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: inset 0 1px #fff;
}

.brandbalance-good-morning article b {
  color: #141832;
  font-size: 21px;
  display: block;
}

.brandbalance-good-morning article em {
  color: #00a85a;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.brandbalance-avatar-dot {
  color: #fff;
  background: linear-gradient(135deg, #ffd1ba, #ff7a59);
  border-radius: 999px;
  place-items: center;
  width: 50px;
  height: 50px;
  font-size: 22px;
  font-weight: 950;
  display: grid;
}

.brandbalance-pillar-board {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.brandbalance-pillar-board article {
  text-align: center;
  background: #ffffffd6;
  border: 1px solid #ffffffe6;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  min-height: 430px;
  padding: 18px 12px 12px;
  display: flex;
  box-shadow: 0 18px 52px #5056a01a;
}

.brandbalance-pillar-board article > b {
  background: linear-gradient(135deg, #1d7cff, #5ac8fa);
  border-radius: 999px;
  place-items: center;
  width: 54px;
  height: 54px;
  font-size: 26px;
  display: grid;
  box-shadow: 0 14px 30px #1d7cff33;
}

.brandbalance-pillar-board article:nth-child(2) > b {
  background: linear-gradient(135deg, #8b5cf6, #d946ef);
}

.brandbalance-pillar-board article:nth-child(3) > b {
  background: linear-gradient(135deg, #ff5c7a, #ff9f6e);
}

.brandbalance-pillar-board article:nth-child(4) > b {
  background: linear-gradient(135deg, #19c7ad, #34d399);
}

.brandbalance-pillar-board article:nth-child(5) > b {
  background: linear-gradient(135deg, #2f9bf6, #38bdf8);
}

.brandbalance-pillar-board h3 {
  color: #1d3770;
  letter-spacing: -.03em;
  margin: 12px 0 6px;
  font-size: 18px;
}

.brandbalance-pillar-board p {
  color: #5e6478;
  min-height: 50px;
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
}

.brandbalance-pillar-board article > div {
  text-align: left;
  background: linear-gradient(135deg, #f3f8ff, #fff);
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  margin: 0 0 10px;
  padding: 14px;
  display: flex;
}

.brandbalance-pillar-board article:nth-child(2) > div {
  background: linear-gradient(135deg, #fff2fb, #f7f0ff);
}

.brandbalance-pillar-board article:nth-child(3) > div {
  background: linear-gradient(135deg, #fff3ed, #fff8f2);
}

.brandbalance-pillar-board article:nth-child(4) > div {
  background: linear-gradient(135deg, #e8fff8, #effffb);
}

.brandbalance-pillar-board article:nth-child(5) > div {
  background: linear-gradient(135deg, #eef8ff, #fff);
}

.brandbalance-pillar-board article > div strong {
  color: #20243d;
  font-size: 13px;
  line-height: 1.25;
}

.brandbalance-pillar-board article > div small {
  color: #667085;
  font-weight: 750;
}

.brandbalance-pillar-board article > span {
  color: #09864c;
  background: #dcfce7;
  border-radius: 999px;
  align-self: flex-start;
  padding: 7px 9px;
  font-size: 12px;
  font-weight: 850;
}

.brandbalance-rhythm-bar {
  background: #ffffffdb;
  border: 1px solid #ffffffe6;
  border-radius: 22px;
  grid-template-columns: 1.2fr repeat(7, .55fr) 1.2fr;
  align-items: stretch;
  gap: 8px;
  padding: 14px;
  display: grid;
  box-shadow: 0 18px 48px #5056a01a;
}

.brandbalance-rhythm-bar > div:first-child, .brandbalance-win {
  align-content: center;
  gap: 3px;
  display: grid;
}

.brandbalance-rhythm-bar strong {
  color: #151936;
}

.brandbalance-rhythm-bar span {
  color: #667085;
  font-size: 12px;
  font-weight: 650;
}

.brandbalance-rhythm-bar article {
  background: #f8fbff;
  border-radius: 16px;
  justify-items: center;
  gap: 5px;
  padding: 8px 4px;
  display: grid;
}

.brandbalance-rhythm-bar article b {
  background: linear-gradient(135deg, #eaf4ff, #fff);
  border-radius: 999px;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 20px;
  display: grid;
}

.brandbalance-bottom-banner {
  color: #fff;
  background: linear-gradient(90deg, #2257f5, #7057ff, #9b4dff);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 28px;
  display: flex;
  box-shadow: 0 24px 60px #404edd3d;
}

.brandbalance-bottom-banner span {
  font-size: 30px;
}

.brandbalance-bottom-banner strong {
  color: #fff;
  font-size: 18px;
}

.brandbalance-bottom-banner em {
  color: #fff;
  font-family: cursive;
  font-size: 22px;
}

@media (max-width: 1180px) {
  .brandbalance-showcase-hero {
    grid-template-columns: 1fr;
  }

  .brandbalance-left-rail {
    background: #ffffff9e;
    border-radius: 30px;
    padding: 20px;
  }

  .brandbalance-pillar-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .brandbalance-pillar-board article {
    min-height: 330px;
  }

  .brandbalance-good-morning, .brandbalance-rhythm-bar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .brandbalance-pillar-board, .brandbalance-good-morning, .brandbalance-rhythm-bar {
    grid-template-columns: 1fr;
  }

  .brandbalance-left-rail h1 {
    font-size: 58px !important;
  }

  .brandbalance-bottom-banner {
    flex-direction: column;
    align-items: flex-start;
  }
}

.brandbalance-week-wizard {
  gap: 16px;
  display: grid;
}

.brandbalance-wizard-progress {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.brandbalance-wizard-progress button {
  justify-items: center;
  gap: 5px;
  min-height: 76px;
  display: grid;
  color: #394055 !important;
  background: #ffffffb8 !important;
  border-radius: 18px !important;
  padding: 10px 6px !important;
  box-shadow: 0 10px 24px #5056a014 !important;
}

.brandbalance-wizard-progress button b {
  font-size: 22px;
}

.brandbalance-wizard-progress button span {
  font-size: 12px;
  font-weight: 900;
}

.brandbalance-wizard-progress button.active {
  transform: translateY(-1px);
  color: #fff !important;
  background: linear-gradient(135deg, #1678ff, #8b5cf6) !important;
}

.brandbalance-wizard-progress button.done {
  color: #166534 !important;
  background: linear-gradient(135deg, #dcfce7, #e8fff8) !important;
}

.brandbalance-wizard-step {
  background: linear-gradient(135deg, #fffffff0, #ffffffb8);
  border: 1px solid #ffffffe0;
  border-radius: 28px;
  padding: 22px;
  box-shadow: 0 18px 48px #5056a01a;
}

.brandbalance-wizard-step h3 {
  color: #111633;
  letter-spacing: -.05em;
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1;
}

.brandbalance-wizard-step p:not(.eyebrow) {
  color: #596075;
  margin: 0 0 16px;
  font-weight: 700;
  line-height: 1.4;
}

.brandbalance-choice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.brandbalance-choice-grid label {
  cursor: pointer;
  color: #20243d;
  background: #fff;
  border: 1px solid #5056a01a;
  border-radius: 18px;
  align-items: center;
  gap: 10px;
  padding: 14px;
  font-weight: 900;
  display: flex;
  box-shadow: 0 8px 20px #5056a00f;
}

.brandbalance-choice-grid input {
  accent-color: #8b5cf6;
  width: auto !important;
}

.brandbalance-wizard-step textarea {
  min-height: 150px;
  font-size: 17px;
}

.brandbalance-wizard-step.review pre {
  color: #eef4ff;
  background: #111633;
  border-radius: 18px;
  max-height: 230px;
  padding: 16px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.45;
  overflow: auto;
}

.brandbalance-wizard-actions {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.brandbalance-wizard-actions button:first-child {
  color: #1d1d1f !important;
  background: #f2f2f7 !important;
}

.brandbalance-wizard-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
  transform: none;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  .brandbalance-wizard-progress, .brandbalance-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .brandbalance-wizard-progress, .brandbalance-choice-grid {
    grid-template-columns: 1fr;
  }

  .brandbalance-wizard-actions {
    flex-direction: column;
  }

  .brandbalance-wizard-actions button {
    width: 100%;
  }
}

.brandbalance-showcase-hero {
  align-items: start;
}

.brandbalance-left-rail > p {
  max-width: 270px;
}

.brandbalance-good-morning {
  font-size: 14px;
}

.brandbalance-pillar-board article {
  justify-content: space-between;
}

.brandbalance-pillar-board h3 {
  line-height: 1.05;
  font-size: 17px !important;
}

.brandbalance-pillar-board p {
  color: #4e566c !important;
  font-size: 12.5px !important;
  line-height: 1.28 !important;
}

.brandbalance-pillar-board article > div strong {
  font-size: 12.5px !important;
}

.brandbalance-rhythm-bar article span {
  font-size: 11px !important;
}

.brandbalance-bottom-banner strong {
  line-height: 1.2;
}

.brandbalance-simple-grid {
  align-items: start;
  grid-template-columns: 390px minmax(0, 1fr) !important;
  gap: 28px !important;
}

.brandbalance-simple-card {
  padding: 24px !important;
}

.brandbalance-simple-card .section-mini-head {
  display: block !important;
}

.brandbalance-simple-card .section-mini-head h2 {
  max-width: 260px;
  font-size: 34px !important;
  line-height: .95 !important;
}

.brandbalance-simple-card .section-mini-head .brandbalance-helper {
  max-width: 300px;
  margin-top: 12px;
  line-height: 1.35;
  color: #334155 !important;
  font-size: 14px !important;
}

.brandbalance-simple-card form {
  gap: 14px !important;
}

.brandbalance-simple-card label span {
  color: #334155 !important;
  font-size: 13px !important;
}

.brandbalance-simple-card input, .brandbalance-simple-card textarea, .brandbalance-simple-card select {
  min-height: 46px;
  font-size: 15px !important;
}

.brandbalance-one-button {
  grid-template-columns: 260px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 28px !important;
}

.brandbalance-one-button > div:first-child h2 {
  font-size: 38px !important;
  line-height: .95 !important;
}

.brandbalance-one-button > div:first-child p {
  line-height: 1.45;
  color: #4b5563 !important;
  font-size: 15px !important;
}

.brandbalance-week-wizard {
  width: 100%;
}

.brandbalance-wizard-step {
  min-height: 315px;
}

.brandbalance-wizard-step h3 {
  max-width: 760px;
}

@media (max-width: 1180px) {
  .brandbalance-simple-grid, .brandbalance-one-button {
    grid-template-columns: 1fr !important;
  }

  .brandbalance-simple-card .section-mini-head h2, .brandbalance-simple-card .section-mini-head .brandbalance-helper {
    max-width: none;
  }
}

@media (max-width: 720px) {
  .brandbalance-left-rail > p {
    max-width: none;
  }

  .brandbalance-pillar-board article {
    min-height: auto !important;
  }

  .brandbalance-wizard-step {
    min-height: auto;
  }
}

.brandbalance-one-button {
  padding: 30px !important;
  display: block !important;
}

.brandbalance-one-button > div:first-child {
  max-width: 780px;
  margin-bottom: 22px;
}

.brandbalance-one-button > div:first-child h2 {
  max-width: 620px;
}

.brandbalance-week-wizard {
  width: 100%;
  max-width: 100%;
  display: block !important;
}

.brandbalance-wizard-progress {
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  margin: 0 0 18px;
  display: flex !important;
}

.brandbalance-wizard-progress button {
  flex-direction: column;
  flex: 105px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 96px;
  line-height: 1.05;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
  min-height: 64px !important;
  max-height: 72px !important;
  padding: 9px 10px !important;
  display: flex !important;
}

.brandbalance-wizard-progress button b {
  line-height: 1;
  display: block;
  font-size: 20px !important;
}

.brandbalance-wizard-progress button span {
  white-space: nowrap;
  line-height: 1.05;
  display: block;
  font-size: 11px !important;
}

.brandbalance-wizard-progress button.active {
  background: linear-gradient(135deg, #1678ff, #8b5cf6, #35c7f4) !important;
  box-shadow: 0 14px 28px #5360ee2e !important;
}

.brandbalance-wizard-step {
  width: 100%;
  min-height: auto !important;
  padding: 28px !important;
}

.brandbalance-wizard-step h3 {
  max-width: 820px;
  font-size: clamp(34px, 4.6vw, 58px) !important;
}

.brandbalance-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.brandbalance-choice-grid label {
  align-items: center;
  min-height: 74px;
}

.brandbalance-wizard-actions {
  margin-top: 16px;
}

@media (max-width: 900px) {
  .brandbalance-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .brandbalance-wizard-progress button {
    flex: 30%;
  }
}

@media (max-width: 560px) {
  .brandbalance-one-button {
    padding: 20px !important;
  }

  .brandbalance-wizard-progress button {
    flex: 45%;
    min-width: 0;
  }

  .brandbalance-choice-grid {
    grid-template-columns: 1fr !important;
  }

  .brandbalance-wizard-step {
    padding: 20px !important;
  }
}

.brandbalance-simple-page {
  padding-top: 32px !important;
}

.brandbalance-logo-lockup {
  margin-bottom: 34px;
}

.brandbalance-logo-lockup img {
  filter: drop-shadow(0 18px 32px #333a781f);
  width: min(100%, 315px);
  height: auto;
  display: block;
}

.brandbalance-public-logo {
  background: #ffffffb8;
  border: 1px solid #fffc;
  border-radius: 18px;
  align-items: center;
  min-height: 50px;
  padding: 8px 12px;
  display: flex;
  box-shadow: 0 12px 30px #5056a014;
}

.brandbalance-public-logo img {
  width: auto;
  height: 42px;
  display: block;
}

.brandbalance-good-morning {
  position: relative;
  grid-template-columns: 1.45fr repeat(3, minmax(120px, .55fr)) 62px !important;
}

.brandbalance-profile-menu {
  z-index: 50;
  justify-self: end;
  position: relative;
}

.brandbalance-profile-menu summary {
  cursor: pointer;
  list-style: none;
}

.brandbalance-profile-menu summary::-webkit-details-marker {
  display: none;
}

.brandbalance-profile-menu summary span {
  color: #fff;
  background: linear-gradient(135deg, #ffd1ba, #ff7a59);
  border-radius: 999px;
  place-items: center;
  width: 52px;
  height: 52px;
  font-size: 22px;
  font-weight: 950;
  display: grid;
  box-shadow: 0 12px 28px #ff7a5938;
}

.brandbalance-profile-menu[open] summary span {
  outline: 4px solid #ff7a5929;
}

.brandbalance-profile-menu > div {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #fffffff5;
  border: 1px solid #ffffffeb;
  border-radius: 22px;
  gap: 6px;
  width: 238px;
  padding: 14px;
  display: grid;
  position: absolute;
  top: 62px;
  right: 0;
  box-shadow: 0 24px 70px #1f29582e;
}

.brandbalance-profile-menu > div strong {
  color: #111633;
  font-size: 15px;
}

.brandbalance-profile-menu > div small {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 6px;
  overflow: hidden;
}

.brandbalance-profile-menu > div a {
  color: #20243d;
  background: #f7f9ff;
  border-radius: 14px;
  padding: 11px 12px;
  font-weight: 850;
}

.brandbalance-profile-menu > div a:hover {
  color: #1678ff;
  background: #edf4ff;
}

@media (max-width: 1180px) {
  .brandbalance-good-morning {
    grid-template-columns: 1fr 1fr !important;
  }

  .brandbalance-profile-menu {
    justify-self: start;
  }
}

@media (max-width: 720px) {
  .brandbalance-simple-page {
    padding-top: 16px !important;
  }

  .brandbalance-logo-lockup img {
    width: min(100%, 285px);
  }

  .brandbalance-good-morning {
    grid-template-columns: 1fr !important;
  }

  .brandbalance-profile-menu > div {
    left: 0;
    right: auto;
  }
}

.brandbalance-profile-menu summary span {
  padding-right: 10px;
  position: relative;
}

.brandbalance-profile-menu summary span:after {
  content: "⌄";
  color: #ff7a59;
  background: #ffffffeb;
  border-radius: 999px;
  place-items: center;
  width: 16px;
  height: 16px;
  font-size: 12px;
  font-weight: 1000;
  display: grid;
  position: absolute;
  bottom: 8px;
  right: 7px;
  box-shadow: 0 4px 10px #0000001f;
}

.brandbalance-profile-menu[open] summary span:after {
  content: "⌃";
}

.brandbalance-pillar-board article.empty {
  opacity: .78;
}

.brandbalance-pillar-board article.needs_edit > span {
  color: #8a5a00;
  background: #fff3bf;
}

.brandbalance-pillar-board article.generated > span {
  color: #2846a8;
  background: #e8f0ff;
}

.brandbalance-pillar-board article.empty > span {
  color: #667085;
  background: #f2f4f7;
}

.brandbalance-pillar-board article > div strong {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.brandbalance-good-morning article em {
  margin-top: 2px;
  display: block;
}

.brandbalance-week-chip {
  color: #3354aa;
  background: linear-gradient(135deg, #eef4ff, #fff2fb);
  border: 1px solid #5056a01a;
  border-radius: 999px;
  width: max-content;
  margin-top: 8px;
  padding: 7px 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  display: inline-flex;
}

.brandbalance-rhythm-bar article small {
  color: #667085;
  font-size: 10px;
  font-weight: 850;
  line-height: 1;
}

.brandbalance-rhythm-bar article {
  min-width: 0;
}

.brandbalance-board-preview {
  position: relative;
  overflow: visible !important;
}

.brandbalance-good-morning {
  z-index: 200 !important;
  position: relative !important;
  overflow: visible !important;
}

.brandbalance-profile-menu {
  z-index: 1000 !important;
  pointer-events: auto !important;
  position: relative !important;
}

.brandbalance-profile-menu summary {
  z-index: 1001 !important;
  pointer-events: auto !important;
  position: relative !important;
}

.brandbalance-profile-menu > div {
  z-index: 1002 !important;
  pointer-events: auto !important;
  box-shadow: 0 28px 90px #1f295847, 0 0 0 1px #fffffff2 !important;
}

.brandbalance-pillar-board, .brandbalance-rhythm-bar {
  z-index: 1;
  position: relative;
}

@media (max-width: 720px) {
  .brandbalance-profile-menu > div {
    width: min(280px, 100vw - 36px) !important;
    left: auto !important;
    right: 0 !important;
  }
}

.brandbalance-office-kicker {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #4f6fb8 !important;
  margin: 8px 0 4px !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}

.brandbalance-backoffice-rail h1 {
  margin-top: 4px !important;
}

.brandbalance-client-snapshot {
  background: #ffffff94;
  border: 1px solid #ffffffb8;
  border-radius: 24px;
  margin: 18px 0;
  padding: 16px;
  box-shadow: inset 0 1px #ffffffc7;
}

.brandbalance-client-snapshot strong {
  color: #172044;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 1000;
  display: block;
}

.brandbalance-client-snapshot span {
  color: #34405f;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
  display: block;
}

.brandbalance-backoffice-rail .brandbalance-benefit-list small {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.brandbalance-backoffice-rail {
  gap: 10px !important;
}

.brandbalance-backoffice-rail h1 {
  max-width: 360px;
  letter-spacing: -.085em !important;
  margin: 2px 0 10px !important;
  font-size: clamp(46px, 5.2vw, 74px) !important;
  line-height: .86 !important;
}

.brandbalance-rail-short-copy {
  max-width: 300px;
  margin: 0 0 8px !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
}

.brandbalance-backoffice-rail .brandbalance-client-snapshot {
  border-radius: 18px !important;
  margin: 10px 0 !important;
  padding: 12px 13px !important;
}

.brandbalance-backoffice-rail .brandbalance-client-snapshot span {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  font-size: 12px !important;
  line-height: 1.28 !important;
}

.brandbalance-backoffice-rail .brandbalance-benefit-list {
  gap: 8px !important;
  margin: 8px 0 !important;
}

.brandbalance-backoffice-rail .brandbalance-benefit-list article {
  gap: 10px !important;
  padding: 0 !important;
}

.brandbalance-backoffice-rail .brandbalance-benefit-list article b {
  border-radius: 13px !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  font-size: 15px !important;
}

.brandbalance-backoffice-rail .brandbalance-benefit-list strong {
  font-size: 14px !important;
  line-height: 1.05 !important;
}

.brandbalance-backoffice-rail .brandbalance-benefit-list small {
  -webkit-line-clamp: 2 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.brandbalance-backoffice-rail .brandbalance-trial-button {
  margin-top: 8px !important;
  padding: 14px 16px !important;
  font-size: 14px !important;
}

.brandbalance-backoffice-rail .brandbalance-no-card {
  margin-top: 6px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

@media (min-width: 960px) {
  .brandbalance-showcase-hero {
    align-items: start !important;
  }

  .brandbalance-left-rail {
    position: sticky;
    top: 14px;
  }
}

.brandbalance-quick-tabs {
  z-index: 80;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffb8;
  border: 1px solid #ffffffdb;
  border-radius: 999px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: max-content;
  max-width: calc(100vw - 28px);
  margin: 16px auto 18px;
  padding: 10px;
  display: flex;
  position: sticky;
  top: 10px;
  box-shadow: 0 18px 55px #4a5bac21, inset 0 1px #fffc;
}

.brandbalance-quick-tabs button {
  color: #34405f;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 11px 16px;
  font-size: 13px;
  font-weight: 1000;
  display: inline-flex;
}

.brandbalance-quick-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #6b7cff, #ff61b6, #34d399);
  box-shadow: 0 12px 28px #6559ff3b;
}

.brandbalance-quick-tabs button span {
  line-height: 1;
}

.bb-tab-setup, .bb-tab-create, .bb-tab-review, html[data-bb-dashboard-tab="overview"] .brandbalance-simple-grid, html[data-bb-dashboard-tab="setup"] .bb-tab, html[data-bb-dashboard-tab="create"] .bb-tab, html[data-bb-dashboard-tab="review"] .bb-tab {
  display: none !important;
}

html[data-bb-dashboard-tab="setup"] .bb-tab-setup, html[data-bb-dashboard-tab="create"] .bb-tab-create, html[data-bb-dashboard-tab="review"] .bb-tab-review {
  display: block !important;
}

html[data-bb-dashboard-tab="setup"] .brandbalance-simple-grid, html[data-bb-dashboard-tab="create"] .brandbalance-simple-grid, html[data-bb-dashboard-tab="review"] .brandbalance-simple-grid {
  max-width: 1040px;
  margin-inline: auto;
  display: block !important;
}

html[data-bb-dashboard-tab="setup"] .bb-dashboard-workbench, html[data-bb-dashboard-tab="create"] .bb-tab-setup, html[data-bb-dashboard-tab="review"] .bb-tab-setup {
  display: none !important;
}

html[data-bb-dashboard-tab="create"] .bb-dashboard-workbench, html[data-bb-dashboard-tab="review"] .bb-dashboard-workbench {
  gap: 18px;
  display: grid !important;
}

html[data-bb-dashboard-tab="create"] .brandbalance-one-button, html[data-bb-dashboard-tab="review"] .omah-output-head {
  margin-top: 0 !important;
}

html[data-bb-dashboard-tab="overview"] .brandbalance-showcase-hero {
  margin-bottom: 10px !important;
}

@media (max-width: 720px) {
  .brandbalance-quick-tabs {
    border-radius: 24px;
    justify-content: stretch;
    width: 100%;
  }

  .brandbalance-quick-tabs button {
    flex: 42%;
    justify-content: center;
    padding: 10px 12px;
  }
}

.brandbalance-command-strip {
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr);
  gap: 16px;
  margin: 18px 0;
  display: grid;
}

.brandbalance-next-step-card, .brandbalance-health-card, .brandbalance-calendar-card {
  background: linear-gradient(135deg, #ffffffe0, #eef4ffb8);
  border: 1px solid #ffffffd6;
  border-radius: 30px;
  padding: 18px;
  box-shadow: 0 20px 60px #4a5bac1f, inset 0 1px #ffffffe6;
}

.brandbalance-next-step-card {
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  display: grid;
}

.brandbalance-next-step-card > b {
  background: linear-gradient(135deg, #e5f3ff, #ffe6f6);
  border-radius: 18px;
  place-items: center;
  width: 54px;
  height: 54px;
  font-size: 24px;
  display: grid;
}

.brandbalance-next-step-card h2, .brandbalance-health-card h2, .brandbalance-calendar-card h2 {
  color: #172044;
  letter-spacing: -.04em;
  margin: 2px 0 4px;
}

.brandbalance-next-step-card span, .brandbalance-health-card span, .brandbalance-calendar-card p {
  color: #4a5878;
  font-weight: 750;
  line-height: 1.35;
}

.brandbalance-next-step-card a {
  color: #fff;
  white-space: nowrap;
  background: #172044;
  border-radius: 999px;
  padding: 12px 14px;
  font-weight: 950;
}

.brandbalance-health-card {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

.brandbalance-health-card > b {
  background: conic-gradient(#34d399 calc(var(--score, 75) * 1%), #e7ecf8 0);
  color: #172044;
  border-radius: 999px;
  place-items: center;
  width: 82px;
  height: 82px;
  font-size: 24px;
  font-weight: 1000;
  display: grid;
  box-shadow: inset 0 0 0 10px #ffffffdb;
}

.brandbalance-calendar-card {
  margin: 18px 0;
}

.brandbalance-calendar-card > div:first-child {
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  margin-bottom: 14px;
  display: flex;
}

.brandbalance-calendar-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.brandbalance-calendar-grid article {
  background: #ffffffb8;
  border: 1px solid #485ca017;
  border-radius: 22px;
  align-content: start;
  gap: 6px;
  min-height: 128px;
  padding: 13px;
  display: grid;
}

.brandbalance-calendar-grid article strong {
  color: #172044;
  font-size: 14px;
}

.brandbalance-calendar-grid article small {
  color: #667085;
  font-weight: 900;
}

.brandbalance-calendar-grid article b {
  background: #eef4ff;
  border-radius: 13px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.brandbalance-calendar-grid article span {
  color: #26324f;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.15;
}

.brandbalance-calendar-grid article em {
  color: #15803d;
  background: #eefaf3;
  border-radius: 999px;
  width: max-content;
  padding: 5px 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 1000;
}

.brandbalance-calendar-grid article.needs_edit em {
  color: #9a6700;
  background: #fff7db;
}

.brandbalance-calendar-grid article.empty em {
  color: #667085;
  background: #f2f4f7;
}

.brandbalance-quick-edit-row {
  background: #f6f8ff;
  border: 1px solid #485ca014;
  border-radius: 18px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
  padding: 10px;
  display: flex;
}

.brandbalance-quick-edit-row strong {
  color: #33405f;
  margin-right: 2px;
  font-size: 12px;
}

.brandbalance-quick-edit-row form {
  margin: 0;
}

.brandbalance-quick-edit-row button {
  color: #34405f;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 6px 16px #4a5bac14;
}

.brandbalance-quick-edit-row button:hover {
  color: #fff;
  background: #172044;
}

@media (max-width: 900px) {
  .brandbalance-command-strip {
    grid-template-columns: 1fr;
  }

  .brandbalance-next-step-card {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .brandbalance-next-step-card a {
    text-align: center;
    grid-column: 1 / -1;
  }

  .brandbalance-calendar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .brandbalance-calendar-card > div:first-child {
    display: block;
  }
}

.brandbalance-command-strip, .brandbalance-calendar-card, .brandbalance-grandma-wizard, .brandbalance-simple-checklist {
  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.brandbalance-calendar-card {
  overflow: hidden;
  padding: 22px !important;
}

.brandbalance-calendar-card > div:first-child {
  align-items: flex-start !important;
}

.brandbalance-calendar-card > div:first-child h2 {
  white-space: nowrap;
  font-size: clamp(24px, 3vw, 40px) !important;
}

.brandbalance-calendar-card > div:first-child p {
  text-align: right;
  max-width: 360px;
}

.brandbalance-calendar-grid {
  padding-bottom: 4px;
  overflow-x: auto;
  grid-template-columns: repeat(7, minmax(105px, 1fr)) !important;
  gap: 12px !important;
}

.brandbalance-calendar-grid article {
  min-width: 105px;
  box-shadow: 0 10px 26px #4a5bac12;
  min-height: 132px !important;
}

.brandbalance-grandma-wizard {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.brandbalance-simple-checklist {
  grid-template-columns: minmax(220px, .45fr) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  display: grid !important;
}

.brandbalance-simple-checklist ul {
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  display: flex !important;
}

.brandbalance-simple-checklist li {
  white-space: nowrap;
  width: auto !important;
}

@media (max-width: 900px) {
  .brandbalance-calendar-card > div:first-child p {
    text-align: left;
    max-width: none;
  }

  .brandbalance-grandma-wizard {
    grid-template-columns: 1fr 1fr !important;
  }

  .brandbalance-simple-checklist {
    grid-template-columns: 1fr !important;
  }

  .brandbalance-simple-checklist li {
    white-space: normal;
  }
}

@media (max-width: 560px) {
  .brandbalance-grandma-wizard {
    grid-template-columns: 1fr !important;
  }
}

.brandbalance-kanban-planner {
  background: linear-gradient(135deg, #ffffffd6, #eff5ffb3);
  border: 1px solid #ffffffdb;
  border-radius: 30px;
  margin: 14px 0;
  padding: 16px;
  box-shadow: 0 20px 55px #4a5bac1c;
}

.brandbalance-kanban-head {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  display: flex;
}

.brandbalance-kanban-head h3 {
  color: #172044;
  letter-spacing: -.045em;
  margin: 0;
  font-size: 24px;
}

.brandbalance-kanban-head span {
  color: #4a5878;
  font-size: 13px;
  font-weight: 750;
}

.brandbalance-kanban-head button, .brandbalance-lock-week {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background: #172044;
  border: 0;
  border-radius: 999px;
  padding: 11px 14px;
  font-weight: 1000;
}

.brandbalance-kanban-shelf {
  grid-template-columns: 90px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: grid;
}

.brandbalance-kanban-shelf > strong {
  color: #34405f;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
}

.brandbalance-kanban-shelf > div {
  gap: 8px;
  padding: 3px 2px 8px;
  display: flex;
  overflow-x: auto;
}

.brandbalance-kanban-shelf button {
  text-align: left;
  cursor: grab;
  background: #ffffffc7;
  border: 1px solid #485ca01a;
  border-radius: 18px;
  min-width: 150px;
  max-width: 180px;
  padding: 10px;
  box-shadow: 0 8px 22px #4a5bac14;
}

.brandbalance-kanban-shelf button.selected {
  background: #eef2ff;
  outline: 3px solid #6366f140;
}

.brandbalance-kanban-shelf b {
  margin-bottom: 4px;
  font-size: 18px;
  display: block;
}

.brandbalance-kanban-shelf span, .brandbalance-kanban-days span {
  color: #172044;
  font-size: 12px;
  font-weight: 1000;
  line-height: 1.1;
  display: block;
}

.brandbalance-kanban-shelf small, .brandbalance-kanban-days small {
  -webkit-line-clamp: 2;
  color: #64708f;
  -webkit-box-orient: vertical;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.15;
  display: -webkit-box;
  overflow: hidden;
}

.brandbalance-kanban-days {
  grid-template-columns: repeat(7, minmax(95px, 1fr));
  gap: 9px;
  padding-bottom: 8px;
  display: grid;
  overflow-x: auto;
}

.brandbalance-kanban-days article {
  cursor: pointer;
  background: #ffffff8a;
  border: 1px dashed #485ca03d;
  border-radius: 20px;
  align-content: start;
  gap: 6px;
  min-width: 95px;
  min-height: 126px;
  padding: 10px;
  display: grid;
}

.brandbalance-kanban-days article.filled {
  background: linear-gradient(#fff, #f6f8ffd1);
  border-style: solid;
  box-shadow: 0 10px 24px #4a5bac14;
}

.brandbalance-kanban-days strong {
  color: #172044;
  font-size: 13px;
}

.brandbalance-kanban-days article > b {
  background: #eef4ff;
  border-radius: 12px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.brandbalance-kanban-days em {
  color: #7b849d;
  margin-top: 20px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.brandbalance-lock-week {
  background: linear-gradient(135deg, #5967ff, #ff61b6);
  margin: 8px 0 0 auto;
  display: block;
  box-shadow: 0 12px 28px #6559ff33;
}

@media (max-width: 820px) {
  .brandbalance-kanban-head, .brandbalance-kanban-shelf {
    display: block;
  }

  .brandbalance-kanban-head button {
    margin-top: 10px;
  }

  .brandbalance-kanban-shelf > strong {
    margin-bottom: 8px;
    display: block;
  }
}

.brandbalance-profile-menu form {
  margin: 0;
}

.brandbalance-profile-menu form button {
  text-align: left;
  color: #b42318;
  cursor: pointer;
  background: #fff4f2;
  border: 0;
  border-radius: 14px;
  width: 100%;
  padding: 11px 12px;
  font-weight: 900;
}

.brandbalance-profile-menu form button:hover {
  color: #8f1f14;
  background: #ffe4df;
}

.brandbalance-settings-page {
  background: radial-gradient(circle at 0 0, #60a5fa38, #0000 32%), radial-gradient(circle at 100% 12%, #f472b62e, #0000 34%), #f6f8ff;
  min-height: 100vh;
  padding: 32px;
}

.brandbalance-settings-hero {
  background: #ffffffc7;
  border: 1px solid #ffffffe0;
  border-radius: 34px;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  max-width: 1120px;
  margin: 0 auto 18px;
  padding: 28px;
  display: flex;
  box-shadow: 0 24px 70px #4a5bac1f;
}

.brandbalance-settings-hero h1 {
  color: #172044;
  letter-spacing: -.075em;
  margin: 0 0 8px;
  font-size: clamp(38px, 5vw, 72px);
  line-height: .9;
}

.brandbalance-settings-hero p {
  color: #4a5878;
  max-width: 620px;
  font-weight: 750;
  line-height: 1.45;
}

.brandbalance-settings-hero a, .brandbalance-settings-card em {
  color: #fff;
  white-space: nowrap;
  background: #172044;
  border-radius: 999px;
  padding: 12px 15px;
  font-style: normal;
  font-weight: 1000;
}

.brandbalance-settings-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: 1120px;
  margin: 0 auto 18px;
  display: grid;
}

.brandbalance-settings-card {
  color: #172044;
  background: #ffffffc7;
  border: 1px solid #ffffffdb;
  border-radius: 30px;
  flex-direction: column;
  gap: 10px;
  min-height: 220px;
  padding: 20px;
  display: flex;
  box-shadow: 0 20px 55px #4a5bac1a;
}

.brandbalance-settings-card.primary {
  background: linear-gradient(135deg, #eef2fff0, #ffeef9e0);
}

.brandbalance-settings-card b {
  background: linear-gradient(135deg, #e0f2fe, #fae8ff);
  border-radius: 18px;
  place-items: center;
  width: 52px;
  height: 52px;
  font-size: 24px;
  display: grid;
}

.brandbalance-settings-card span {
  letter-spacing: -.035em;
  font-size: 20px;
  font-weight: 1000;
}

.brandbalance-settings-card p {
  color: #53617f;
  flex: 1;
  font-weight: 750;
  line-height: 1.35;
}

.brandbalance-settings-card em {
  width: max-content;
  padding: 10px 12px;
  font-size: 12px;
}

.brandbalance-settings-panel {
  background: #ffffffc7;
  border: 1px solid #ffffffdb;
  border-radius: 32px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px;
  box-shadow: 0 20px 55px #4a5bac1a;
}

.brandbalance-settings-panel h2 {
  color: #172044;
  letter-spacing: -.05em;
  margin: 0 0 6px;
  font-size: 32px;
}

.brandbalance-settings-panel > div:first-child p:not(.eyebrow) {
  color: #53617f;
  font-weight: 750;
}

@media (max-width: 980px) {
  .brandbalance-settings-grid {
    grid-template-columns: 1fr 1fr;
  }

  .brandbalance-settings-hero {
    flex-direction: column;
    align-items: start;
  }
}

@media (max-width: 620px) {
  .brandbalance-settings-page {
    padding: 16px;
  }

  .brandbalance-settings-grid {
    grid-template-columns: 1fr;
  }
}

.brandbalance-account-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
  display: flex;
}

.brandbalance-account-actions a, .brandbalance-account-actions button {
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 13px 16px;
  font-weight: 1000;
}

.brandbalance-account-actions a {
  color: #fff;
  background: #172044;
}

.brandbalance-account-actions button {
  color: #b42318;
  background: #fff4f2;
}

.brandbalance-intake-deep-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 14px 0;
  display: grid;
}

.brandbalance-intake-deep-grid label:last-child {
  grid-column: 1 / -1;
}

.brandbalance-month-card, .brandbalance-demo-examples, .brandbalance-launch-readiness {
  background: linear-gradient(135deg, #12172ae0, #2a1b47b8);
  border: 1px solid #ffffff1f;
  border-radius: 28px;
  max-width: 1180px;
  margin: 18px auto;
  padding: 24px;
  box-shadow: 0 24px 70px #00000038;
}

.brandbalance-month-card > div:first-child, .brandbalance-demo-examples > div:first-child {
  margin-bottom: 18px;
}

.brandbalance-month-grid {
  grid-template-columns: repeat(7, minmax(82px, 1fr));
  gap: 8px;
  display: grid;
  overflow-x: auto;
}

.brandbalance-month-grid > strong {
  color: #ffffffa6;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78rem;
}

.brandbalance-month-grid article {
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-direction: column;
  gap: 6px;
  min-height: 86px;
  padding: 10px;
  display: flex;
}

.brandbalance-month-grid article.muted {
  opacity: .35;
}

.brandbalance-month-grid article.generated {
  border-color: #73aaff6b;
}

.brandbalance-month-grid article.needs_edit {
  border-color: #ffcd5a8c;
}

.brandbalance-month-grid article span {
  color: #ffffffbf;
  font-size: .86rem;
}

.brandbalance-month-grid article b {
  font-size: 1.1rem;
}

.brandbalance-month-grid article em {
  color: #fff;
  font-size: .78rem;
  font-style: normal;
  line-height: 1.2;
}

.brandbalance-demo-examples > div:last-child, .brandbalance-launch-readiness {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.brandbalance-demo-examples article, .brandbalance-launch-readiness article {
  background: #ffffff12;
  border: 1px solid #ffffff1f;
  border-radius: 22px;
  padding: 18px;
}

.brandbalance-demo-examples article span, .brandbalance-launch-readiness article span {
  color: #c7fbff;
  background: #ffffff1f;
  border-radius: 999px;
  width: fit-content;
  margin-bottom: 8px;
  padding: 5px 10px;
  font-size: .78rem;
  font-weight: 800;
  display: inline-flex;
}

.brandbalance-demo-examples article strong, .brandbalance-launch-readiness article strong {
  color: #fff;
  margin-bottom: 8px;
  display: block;
}

.brandbalance-demo-examples small, .brandbalance-launch-readiness small {
  color: #ffffffad;
}

.brandbalance-launch-readiness article > div {
  gap: 10px;
  display: grid;
}

.brandbalance-launch-readiness article > div > div {
  background: #0000002e;
  border-radius: 16px;
  padding: 12px;
}

.brandbalance-launch-readiness a, .omah-plan-grid article a {
  color: #101426;
  background: #fff;
  border-radius: 999px;
  margin-top: 12px;
  padding: 10px 14px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

@media (max-width: 860px) {
  .brandbalance-intake-deep-grid, .brandbalance-demo-examples > div:last-child, .brandbalance-launch-readiness {
    grid-template-columns: 1fr;
  }

  .brandbalance-month-grid {
    grid-template-columns: repeat(7, minmax(74px, 1fr));
  }
}

.brandbalance-phase-two, .brandbalance-phase-two-sales {
  background: radial-gradient(circle at 0 0, #5fe1ff2e, #0000 38%), linear-gradient(135deg, #0c1222f0, #2b1944d6);
  border: 1px solid #ffffff21;
  border-radius: 30px;
  max-width: 1180px;
  margin: 18px auto;
  padding: 26px;
  box-shadow: 0 28px 80px #00000042;
}

.brandbalance-phase-two-head {
  max-width: 820px;
  margin-bottom: 18px;
}

.brandbalance-phase-two-head h2, .brandbalance-phase-two-sales h2 {
  color: #fff;
  margin: 0 0 8px;
}

.brandbalance-phase-two-head p, .brandbalance-phase-two-sales p {
  color: #ffffffbd;
}

.brandbalance-phase-two-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.brandbalance-phase-two-grid article, .brandbalance-outreach-queue article, .brandbalance-phase-two-sales article {
  background: #ffffff12;
  border: 1px solid #ffffff1f;
  border-radius: 22px;
  padding: 18px;
}

.brandbalance-phase-two-grid article b {
  margin-bottom: 10px;
  font-size: 1.7rem;
  display: block;
}

.brandbalance-phase-two-grid article strong, .brandbalance-phase-two-sales article strong {
  color: #fff;
  margin-bottom: 8px;
  display: block;
}

.brandbalance-phase-two-grid article p, .brandbalance-phase-two-sales article p {
  margin: 0;
  font-size: .92rem;
}

.brandbalance-outreach-queue {
  grid-template-columns: 1.1fr repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.brandbalance-outreach-queue > div {
  background: #ffffff1a;
  border-radius: 22px;
  padding: 18px;
}

.brandbalance-outreach-queue h3 {
  color: #fff;
  margin: 0 0 6px;
}

.brandbalance-outreach-queue span {
  color: #c9f8ff;
  background: #8be9ff24;
  border-radius: 999px;
  width: fit-content;
  padding: 5px 9px;
  font-size: .74rem;
  font-weight: 800;
  display: inline-flex;
}

.brandbalance-outreach-queue strong {
  color: #fff;
  margin: 9px 0 6px;
  display: block;
}

.brandbalance-outreach-queue em {
  color: #ffd98a;
  font-size: .82rem;
  font-style: normal;
}

.brandbalance-phase-two-sales > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
  display: grid;
}

@media (max-width: 920px) {
  .brandbalance-phase-two-grid, .brandbalance-outreach-queue, .brandbalance-phase-two-sales > div {
    grid-template-columns: 1fr;
  }
}

.brandbalance-kanban-planner {
  background: linear-gradient(135deg, #f8fbff, #edf5ff) !important;
  border: 1px solid #2a4f9124 !important;
}

.brandbalance-kanban-head h3, .brandbalance-kanban-head span, .brandbalance-kanban-shelf > strong, .brandbalance-kanban-shelf span, .brandbalance-kanban-days span, .brandbalance-kanban-days strong, .brandbalance-kanban-days small {
  color: #172044 !important;
  opacity: 1 !important;
}

.brandbalance-kanban-shelf button {
  color: #fff !important;
  background: #0b82f0 !important;
  border: 0 !important;
  box-shadow: 0 12px 24px #0b82f038 !important;
}

.brandbalance-kanban-shelf button span, .brandbalance-kanban-shelf button small, .brandbalance-kanban-shelf button b {
  color: #fff !important;
  opacity: 1 !important;
}

.brandbalance-kanban-shelf small {
  -webkit-line-clamp: 1 !important;
  font-weight: 700 !important;
}

.brandbalance-kanban-days article {
  background: #fff !important;
  border-color: #2a4f9129 !important;
  box-shadow: 0 10px 26px #14285014 !important;
}

.brandbalance-kanban-days article.filled {
  background: #fff !important;
  border-color: #0b82f042 !important;
}

.brandbalance-month-card, .brandbalance-demo-examples, .brandbalance-launch-readiness, .brandbalance-phase-two {
  background: linear-gradient(135deg, #f8fbff, #edf4ff) !important;
  border-color: #2a4f9121 !important;
  box-shadow: 0 20px 56px #182c561f !important;
}

.brandbalance-month-card h2, .brandbalance-demo-examples h2, .brandbalance-launch-readiness h2, .brandbalance-phase-two h2, .brandbalance-phase-two h3, .brandbalance-month-card p, .brandbalance-demo-examples p, .brandbalance-launch-readiness p, .brandbalance-phase-two p, .brandbalance-phase-two .eyebrow, .brandbalance-demo-examples .eyebrow, .brandbalance-launch-readiness .eyebrow, .brandbalance-month-card .eyebrow, .brandbalance-month-grid > strong, .brandbalance-month-grid article span, .brandbalance-month-grid article em, .brandbalance-month-grid article b {
  color: #172044 !important;
  opacity: 1 !important;
}

.brandbalance-month-grid article, .brandbalance-demo-examples article, .brandbalance-launch-readiness article, .brandbalance-phase-two-grid article, .brandbalance-outreach-queue article, .brandbalance-outreach-queue > div {
  background: #fff !important;
  border-color: #2a4f9124 !important;
  box-shadow: 0 12px 28px #182c5614 !important;
}

.brandbalance-month-grid article.approved {
  background: #eefdf5 !important;
  border-color: #1fa1665c !important;
}

.brandbalance-demo-examples article strong, .brandbalance-launch-readiness article strong, .brandbalance-phase-two-grid article strong, .brandbalance-outreach-queue strong, .brandbalance-outreach-queue h3 {
  color: #172044 !important;
  opacity: 1 !important;
}

.brandbalance-demo-examples article p, .brandbalance-launch-readiness article p, .brandbalance-phase-two-grid article p, .brandbalance-outreach-queue p, .brandbalance-demo-examples small, .brandbalance-launch-readiness small {
  color: #34405f !important;
  opacity: 1 !important;
}

.brandbalance-demo-examples article span, .brandbalance-launch-readiness article span, .brandbalance-outreach-queue span {
  color: #075fb8 !important;
  background: #e7f3ff !important;
}

.brandbalance-outreach-queue em {
  color: #9a5a00 !important;
  font-weight: 900 !important;
}

.brandbalance-launch-readiness article > div > div {
  background: #f0f6ff !important;
  border: 1px solid #2a4f911a !important;
}

.brandbalance-launch-readiness a, .omah-plan-grid article a {
  color: #fff !important;
  background: #0b82f0 !important;
}

.brandbalance-launch-readiness {
  align-items: stretch;
}

.brandbalance-launch-readiness article {
  min-height: 0 !important;
}

@media (min-width: 920px) {
  .brandbalance-launch-readiness article h2 {
    font-size: 1.65rem !important;
    line-height: 1.05 !important;
  }
}

.brandbalance-board-preview {
  gap: 16px !important;
}

.brandbalance-kanban-planner {
  margin-top: 8px !important;
  padding: 22px !important;
}

.brandbalance-kanban-head h3 {
  font-size: 32px !important;
}

.brandbalance-kanban-head span {
  font-size: 15px !important;
}

.brandbalance-kanban-shelf {
  grid-template-columns: 80px minmax(0, 1fr) !important;
  margin: 16px 0 !important;
}

.brandbalance-kanban-shelf button {
  min-width: 176px !important;
  max-width: 210px !important;
  padding: 12px 14px !important;
}

.brandbalance-kanban-days {
  grid-template-columns: repeat(7, minmax(120px, 1fr)) !important;
  gap: 12px !important;
}

.brandbalance-kanban-days article {
  cursor: grab;
  min-height: 150px !important;
}

.brandbalance-kanban-days article:active, .brandbalance-kanban-shelf button:active {
  cursor: grabbing;
}

.brandbalance-kanban-days article em {
  background: #f4f9ff;
  border: 1px dashed #0b82f057;
  border-radius: 16px;
  place-items: center;
  min-height: 88px;
  display: grid;
  color: #557093 !important;
}

.brandbalance-grandma-wizard {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.brandbalance-kanban-planner {
  border-radius: 34px !important;
  padding: 24px !important;
}

.brandbalance-kanban-shelf {
  margin: 18px 0 22px !important;
  display: block !important;
}

.brandbalance-kanban-shelf > strong {
  color: #52627f !important;
  margin: 0 0 10px !important;
  display: block !important;
}

.brandbalance-kanban-shelf > div {
  grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
  gap: 14px !important;
  padding: 3px 2px 12px !important;
  display: grid !important;
  overflow-x: auto !important;
}

.brandbalance-kanban-shelf button {
  color: #172044 !important;
  text-align: center !important;
  background: linear-gradient(#fff, #f7fbff) !important;
  border: 1px solid #2a4f9121 !important;
  border-radius: 24px !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 150px !important;
  max-width: none !important;
  min-height: 250px !important;
  padding: 18px 14px !important;
  display: flex !important;
  box-shadow: 0 16px 36px #182c561a !important;
}

.brandbalance-kanban-shelf button:first-child {
  background: linear-gradient(#fff, #eef7ff) !important;
}

.brandbalance-kanban-shelf button:nth-child(2) {
  background: linear-gradient(#fff, #f7efff) !important;
}

.brandbalance-kanban-shelf button:nth-child(3) {
  background: linear-gradient(#fff, #fff4ec) !important;
}

.brandbalance-kanban-shelf button:nth-child(4) {
  background: linear-gradient(#fff, #edfdf7) !important;
}

.brandbalance-kanban-shelf button:nth-child(5) {
  background: linear-gradient(#fff, #eef6ff) !important;
}

.brandbalance-kanban-shelf button b {
  color: #fff !important;
  background: linear-gradient(135deg, #0b82f0, #53d8ff) !important;
  border-radius: 999px !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 2px !important;
  font-size: 22px !important;
  display: grid !important;
}

.brandbalance-kanban-shelf button:nth-child(2) b {
  background: linear-gradient(135deg, #8b5cf6, #f052ff) !important;
}

.brandbalance-kanban-shelf button:nth-child(3) b {
  background: linear-gradient(135deg, #ff7a59, #ffd166) !important;
}

.brandbalance-kanban-shelf button:nth-child(4) b {
  background: linear-gradient(135deg, #00c2a8, #65e2b5) !important;
}

.brandbalance-kanban-shelf button span {
  color: #172044 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.brandbalance-kanban-shelf button em {
  order: 5;
  margin-top: auto;
  color: #0b8754 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.brandbalance-kanban-shelf button small {
  color: #34405f !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  min-height: 82px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.brandbalance-kanban-shelf button strong {
  color: #075fb8 !important;
  background: #eef6ff !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
}

.brandbalance-kanban-shelf button.selected {
  outline: 4px solid #0b82f047 !important;
  transform: translateY(-2px) !important;
}

.brandbalance-kanban-shelf button.on-calendar {
  border-color: #2ecc7161 !important;
}

.brandbalance-kanban-days {
  margin-top: 4px !important;
}

@media (max-width: 980px) {
  .brandbalance-kanban-shelf > div {
    grid-template-columns: repeat(5, minmax(170px, 170px)) !important;
  }
}

.brandbalance-week-hero-days {
  background: linear-gradient(135deg, #edf6ff, #f8fbff) !important;
  border: 1px solid #2a4f911f !important;
  border-radius: 28px !important;
  margin: 18px 0 14px !important;
  padding: 14px !important;
}

.brandbalance-week-hero-days article {
  border-radius: 22px !important;
  min-height: 178px !important;
}

.brandbalance-week-hero-days article strong {
  font-size: 16px !important;
}

.brandbalance-week-hero-days article > b {
  border-radius: 999px !important;
  width: 44px !important;
  height: 44px !important;
  font-size: 20px !important;
}

.brandbalance-week-hero-days article span {
  font-size: 14px !important;
  font-weight: 900 !important;
}

.brandbalance-post-bank {
  border-top: 1px solid #2a4f911f !important;
  margin-top: 20px !important;
  padding-top: 16px !important;
}

.brandbalance-post-bank > strong:after {
  content: " - drag these into the week above";
  text-transform: none;
  letter-spacing: 0;
  color: #73809c;
  font-weight: 700;
}

.brandbalance-post-bank article {
  cursor: grab;
  color: #172044 !important;
  text-align: center !important;
  background: linear-gradient(#fff, #f7fbff) !important;
  border: 1px solid #2a4f9121 !important;
  border-radius: 24px !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 150px !important;
  max-width: none !important;
  min-height: 278px !important;
  padding: 18px 14px !important;
  display: flex !important;
  box-shadow: 0 16px 36px #182c561a !important;
}

.brandbalance-post-bank article:first-child {
  background: linear-gradient(#fff, #eef7ff) !important;
}

.brandbalance-post-bank article:nth-child(2) {
  background: linear-gradient(#fff, #f7efff) !important;
}

.brandbalance-post-bank article:nth-child(3) {
  background: linear-gradient(#fff, #fff4ec) !important;
}

.brandbalance-post-bank article:nth-child(4) {
  background: linear-gradient(#fff, #edfdf7) !important;
}

.brandbalance-post-bank article:nth-child(5) {
  background: linear-gradient(#fff, #eef6ff) !important;
}

.brandbalance-post-bank article > b {
  color: #fff !important;
  background: linear-gradient(135deg, #0b82f0, #53d8ff) !important;
  border-radius: 999px !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  font-size: 22px !important;
  display: grid !important;
}

.brandbalance-post-bank article:nth-child(2) > b {
  background: linear-gradient(135deg, #8b5cf6, #f052ff) !important;
}

.brandbalance-post-bank article:nth-child(3) > b {
  background: linear-gradient(135deg, #ff7a59, #ffd166) !important;
}

.brandbalance-post-bank article:nth-child(4) > b {
  background: linear-gradient(135deg, #00c2a8, #65e2b5) !important;
}

.brandbalance-post-bank article span {
  color: #172044 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.brandbalance-post-bank article em {
  order: 5;
  color: #0b8754 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.brandbalance-post-bank article small {
  color: #34405f !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  min-height: 64px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.brandbalance-post-bank article > strong {
  color: #075fb8 !important;
  background: #eef6ff !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
}

.brandbalance-post-bank article > button {
  color: #fff;
  cursor: pointer;
  background: #172044;
  border: 0;
  border-radius: 999px;
  margin-top: auto;
  padding: 9px 12px;
  font-weight: 900;
}

.brandbalance-post-preview-modal {
  z-index: 9999;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #0a101e9e;
  place-items: center;
  padding: 22px;
  display: grid;
  position: fixed;
  inset: 0;
}

.brandbalance-post-preview-modal > section {
  background: #fff;
  border-radius: 30px;
  grid-template-columns: minmax(260px, .9fr) 1fr;
  gap: 22px;
  width: min(920px, 96vw);
  max-height: 90vh;
  padding: 22px;
  display: grid;
  position: relative;
  overflow: auto;
  box-shadow: 0 34px 90px #00000047;
}

.brandbalance-post-preview-close {
  color: #172044;
  cursor: pointer;
  background: #edf4ff;
  border: 0;
  border-radius: 999px;
  width: 38px;
  height: 38px;
  font-size: 24px;
  font-weight: 900;
  position: absolute;
  top: 14px;
  right: 14px;
}

.brandbalance-post-preview-visual {
  text-align: center;
  background: linear-gradient(135deg, #eaf6ff, #f7efff);
  border-radius: 24px;
  place-items: center;
  min-height: 360px;
  display: grid;
  overflow: hidden;
}

.brandbalance-post-preview-visual img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.brandbalance-post-preview-visual div {
  color: #34405f;
  gap: 14px;
  padding: 28px;
  display: grid;
}

.brandbalance-post-preview-visual b {
  font-size: 54px;
}

.brandbalance-post-preview-modal article p {
  color: #0b82f0;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 900;
}

.brandbalance-post-preview-modal article h3 {
  color: #172044;
  margin: 0 0 18px;
  font-size: 30px;
  line-height: 1.05;
}

.brandbalance-post-preview-modal article div {
  background: #f5f8ff;
  border-radius: 18px;
  margin: 14px 0;
  padding: 14px;
}

.brandbalance-post-preview-modal article strong {
  color: #172044;
  margin-bottom: 6px;
  display: block;
}

.brandbalance-post-preview-modal article span {
  white-space: pre-wrap;
  color: #34405f;
  line-height: 1.5;
}

.brandbalance-post-preview-modal article em {
  color: #0b8754;
  margin-top: 12px;
  font-style: normal;
  font-weight: 900;
  display: inline-flex;
}

@media (max-width: 760px) {
  .brandbalance-post-preview-modal > section {
    grid-template-columns: 1fr;
  }

  .brandbalance-post-preview-visual {
    min-height: 240px;
  }
}

.brandbalance-kanban-shelf.brandbalance-post-bank article > button, .brandbalance-post-bank article > button {
  all: unset !important;
  box-sizing: border-box !important;
  color: #fff !important;
  text-align: center !important;
  cursor: pointer !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  height: auto !important;
  min-height: 0 !important;
  box-shadow: none !important;
  background: #172044 !important;
  border-radius: 999px !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: auto !important;
  padding: 9px 14px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  transform: none !important;
}

.brandbalance-kanban-shelf.brandbalance-post-bank article > button:hover, .brandbalance-post-bank article > button:hover {
  background: #0b82f0 !important;
}

.brandbalance-calendar-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}

.brandbalance-calendar-actions button:first-child {
  color: #172044 !important;
  background: #fff !important;
  border: 1px solid #2a4f9129 !important;
  box-shadow: 0 12px 24px #182c5614 !important;
}

.brandbalance-clear-week-modal {
  z-index: 9999;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #0a101e80;
  place-items: center;
  padding: 22px;
  display: grid;
  position: fixed;
  inset: 0;
}

.brandbalance-clear-week-modal > section {
  text-align: center;
  background: linear-gradient(135deg, #fff, #f2f8ff);
  border: 1px solid #2a4f9121;
  border-radius: 30px;
  width: min(460px, 94vw);
  padding: 24px;
  box-shadow: 0 34px 90px #0000003d;
}

.brandbalance-clear-week-modal b {
  color: #fff;
  background: linear-gradient(135deg, #0b82f0, #53d8ff);
  border-radius: 999px;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 12px;
  font-size: 28px;
  display: inline-grid;
}

.brandbalance-clear-week-modal h3 {
  color: #172044;
  letter-spacing: -.04em;
  margin: 4px 0 8px;
  font-size: 30px;
}

.brandbalance-clear-week-modal span {
  color: #34405f;
  line-height: 1.45;
  display: block;
}

.brandbalance-clear-week-modal > section > div:last-child {
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

.brandbalance-clear-week-modal button {
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 900;
}

.brandbalance-clear-week-modal button:first-child {
  color: #172044;
  background: #edf4ff;
}

.brandbalance-clear-week-modal button:last-child {
  color: #fff;
  background: #0b82f0;
}

@media (max-width: 620px) {
  .brandbalance-calendar-actions {
    justify-content: flex-start;
  }

  .brandbalance-clear-week-modal > section > div:last-child {
    flex-direction: column;
  }
}

.brandbalance-lock-week.unlocked {
  color: #fff !important;
  background: #172044 !important;
}

.brandbalance-lock-week-modal form {
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

.brandbalance-lock-week-modal form button {
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 900;
}

.brandbalance-lock-week-modal form button:first-of-type {
  color: #172044;
  background: #edf4ff;
}

.brandbalance-lock-week-modal form button:last-child {
  color: #fff;
  background: #0b82f0;
}

@media (max-width: 620px) {
  .brandbalance-lock-week-modal form {
    flex-direction: column;
  }
}

.brandbalance-backoffice-rail h1, .brandbalance-left-rail h1 {
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  -webkit-hyphens: auto !important;
  hyphens: auto !important;
  letter-spacing: -.07em !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 12px !important;
  font-size: clamp(38px, 3.9vw, 62px) !important;
  line-height: .9 !important;
}

.brandbalance-backoffice-rail {
  overflow: hidden !important;
}

@media (min-width: 1181px) {
  .brandbalance-showcase-hero {
    grid-template-columns: minmax(260px, 315px) minmax(0, 1fr) !important;
  }

  .brandbalance-backoffice-rail h1, .brandbalance-left-rail h1 {
    font-size: clamp(36px, 3.35vw, 56px) !important;
  }
}

@media (max-width: 720px) {
  .brandbalance-backoffice-rail h1, .brandbalance-left-rail h1 {
    font-size: clamp(42px, 13vw, 58px) !important;
  }
}

.brandbalance-backoffice-rail h1, .brandbalance-left-rail h1 {
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  letter-spacing: -.065em !important;
  font-size: clamp(32px, 3.05vw, 50px) !important;
  line-height: .94 !important;
}

@media (min-width: 1181px) {
  .brandbalance-showcase-hero {
    grid-template-columns: minmax(300px, 350px) minmax(0, 1fr) !important;
    gap: 22px !important;
  }

  .brandbalance-left-rail {
    padding-right: 14px !important;
  }
}

.brandbalance-week-locked-pill {
  white-space: nowrap;
  background: #172044;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 11px 14px;
  font-size: 13px;
  font-weight: 1000;
  display: inline-flex;
  box-shadow: 0 12px 28px #17204429;
  color: #fff !important;
}

.brandbalance-week-hero-days article.filled {
  position: relative;
}

.brandbalance-day-remove {
  color: #fff;
  cursor: pointer;
  z-index: 2;
  background: #ff3b30;
  border: 0;
  border-radius: 999px;
  place-items: center;
  width: 23px;
  height: 23px;
  font-size: 17px;
  font-weight: 1000;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
  box-shadow: 0 8px 18px #ff3b3047;
}

.brandbalance-day-remove:hover {
  background: #d92d20;
  transform: translateY(-1px);
}

.brandbalance-day-lock {
  z-index: 2;
  background: #172044;
  border-radius: 999px;
  place-items: center;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 8px;
  right: 8px;
  box-shadow: 0 8px 18px #1720442e;
  color: #fff !important;
  font-size: 13px !important;
  display: grid !important;
}

.brandbalance-week-hero-days article.locked {
  cursor: default !important;
  background: linear-gradient(#fff, #f5f7fb) !important;
  border-color: #17204433 !important;
}

.brandbalance-week-hero-days article.locked:active {
  cursor: default !important;
}

@media (max-width: 900px) {
  .brandbalance-showcase-hero, .brandbalance-simple-grid, html[data-bb-dashboard-tab="setup"] .brandbalance-simple-grid, html[data-bb-dashboard-tab="create"] .brandbalance-simple-grid, html[data-bb-dashboard-tab="review"] .brandbalance-simple-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    display: grid !important;
  }

  .brandbalance-left-rail {
    background: #ffffffc7 !important;
    border-radius: 28px !important;
    padding: 18px !important;
    position: static !important;
  }

  .brandbalance-left-rail h1 {
    letter-spacing: -.06em !important;
    font-size: clamp(34px, 10vw, 52px) !important;
    line-height: .96 !important;
  }

  .brandbalance-good-morning {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .brandbalance-good-morning > div:first-child, .brandbalance-profile-menu {
    grid-column: 1 / -1;
  }

  .brandbalance-kanban-head {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    display: grid !important;
  }

  .brandbalance-calendar-actions {
    justify-content: flex-start !important;
  }

  .brandbalance-post-bank {
    display: block !important;
  }

  .brandbalance-post-bank > strong {
    margin-bottom: 10px !important;
    display: block !important;
  }
}

@media (max-width: 640px) {
  .brandbalance-simple-page, .omah-product-page {
    padding: 10px !important;
  }

  .brandbalance-showcase-hero, .brandbalance-command-strip, .brandbalance-calendar-card, .brandbalance-demo-examples, .brandbalance-launch-readiness, .brandbalance-phase-two, .brandbalance-start-here {
    max-width: 100% !important;
  }

  .brandbalance-good-morning, .brandbalance-command-strip, .brandbalance-next-step-card, .brandbalance-health-card, .brandbalance-calendar-card, .brandbalance-kanban-planner, .brandbalance-one-button, .brandbalance-simple-card, .omah-content-workbench, .brandbalance-simple-post-card {
    border-radius: 22px !important;
    padding: 14px !important;
  }

  .brandbalance-good-morning {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .brandbalance-good-morning article {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 2px 10px;
    display: grid !important;
  }

  .brandbalance-good-morning article b {
    grid-row: span 2;
  }

  .brandbalance-week-chip {
    white-space: normal;
    text-align: center;
    justify-content: center;
    width: 100% !important;
  }

  .brandbalance-kanban-days, .brandbalance-week-hero-days, .brandbalance-calendar-grid {
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    gap: 10px !important;
    padding: 12px 2px 14px !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  .brandbalance-kanban-days article, .brandbalance-week-hero-days article, .brandbalance-calendar-grid article {
    scroll-snap-align: start;
    flex: 0 0 min(76vw, 260px) !important;
    min-width: 0 !important;
  }

  .brandbalance-post-bank > div {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    display: grid !important;
    overflow: visible !important;
  }

  .brandbalance-post-bank article, .brandbalance-simple-post-card, .brandbalance-asset-grid figure {
    width: 100% !important;
    max-width: 100% !important;
  }

  .brandbalance-quick-edit-row, .omah-card-actions, .brandbalance-facebook-ready, .omah-output-actions, .brandbalance-calendar-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    display: grid !important;
  }

  .brandbalance-quick-edit-row form, .brandbalance-quick-edit-row button, .omah-card-actions form, .omah-card-actions button, .omah-card-actions > button, .brandbalance-facebook-ready a, .omah-output-actions button, .brandbalance-calendar-actions button, .brandbalance-lock-week {
    width: 100% !important;
  }

  .brandbalance-post-preview-modal, .brandbalance-clear-week-modal {
    padding: 10px !important;
  }

  .brandbalance-post-preview-modal > section, .brandbalance-clear-week-modal > section {
    border-radius: 24px !important;
    width: 100% !important;
    max-height: calc(100dvh - 24px) !important;
    overflow: auto !important;
  }

  .integrations-hero-clean, .billing-hero-clean, .admin-hero-clean {
    border-radius: 24px !important;
    padding: 18px !important;
  }
}

.brandbalance-mobile-tap-hint {
  background: #fff7ed;
  border: 1px solid #fb923c47;
  border-radius: 16px;
  margin: 10px 2px 0;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 900;
  display: none;
  color: #9a3412 !important;
}

.brandbalance-week-hero-days article.tap-target {
  outline-offset: 2px;
  outline: 2px dashed #0b82f057;
}

.brandbalance-image-status-note {
  color: #9a3412;
  background: #fff7ed;
  border: 1px solid #fb923c3d;
  border-radius: 16px;
  margin: 12px 0 0;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 900;
}

@media (max-width: 760px), (pointer: coarse) {
  .brandbalance-mobile-tap-hint {
    display: block;
  }
}

.auth-page {
  min-height: 100dvh !important;
  overflow: hidden auto !important;
}

.auth-page:before {
  pointer-events: none;
}

.brandbalance-setup-wizard {
  gap: 14px;
  display: grid;
}

.brandbalance-setup-progress-card {
  background: linear-gradient(135deg, #edf6ff, #fff7fb);
  border: 1px solid #2a4f911a;
  border-radius: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.brandbalance-setup-progress-card h3 {
  color: #172044;
  letter-spacing: -.04em;
  margin: 0;
  font-size: 22px;
}

.brandbalance-setup-progress-card span {
  color: #4a5878;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 750;
  display: block;
}

.brandbalance-setup-progress-card > strong {
  color: #fff;
  background: #0b82f0;
  border-radius: 999px;
  place-items: center;
  width: 54px;
  height: 54px;
  font-weight: 1000;
  display: grid;
  box-shadow: 0 12px 24px #0b82f038;
}

.brandbalance-setup-progress-bar {
  background: #0b82f01f;
  border-radius: 999px;
  grid-column: 1 / -1;
  height: 9px;
  overflow: hidden;
}

.brandbalance-setup-progress-bar i {
  border-radius: inherit;
  background: linear-gradient(135deg, #0b82f0, #a855f7);
  height: 100%;
  transition: width .25s;
  display: block;
}

.brandbalance-setup-step-tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.brandbalance-setup-step-tabs button {
  color: #4a5878;
  cursor: pointer;
  text-align: left;
  background: #fff;
  border: 1px solid #2a4f911f;
  border-radius: 18px;
  align-items: center;
  gap: 8px;
  padding: 10px;
  font-weight: 900;
  display: flex;
  box-shadow: 0 8px 22px #1428500f;
}

.brandbalance-setup-step-tabs b {
  color: #0b82f0;
  background: #edf4ff;
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: grid;
}

.brandbalance-setup-step-tabs button.active {
  color: #fff;
  background: #0b82f0;
  border-color: #0000;
}

.brandbalance-setup-step-tabs button.active b, .brandbalance-setup-step-tabs button.done b {
  color: #0b82f0;
  background: #fff;
}

.brandbalance-setup-step-tabs button.done {
  color: #166534;
  background: #ecfdf3;
}

.brandbalance-setup-wizard form {
  gap: 14px;
  display: grid;
}

.brandbalance-setup-wizard form > section {
  background: #fff;
  border: 1px solid #2a4f911a;
  border-radius: 24px;
  padding: 16px;
  display: none;
  box-shadow: 0 12px 30px #1428500f;
}

.brandbalance-setup-wizard form > section.active {
  gap: 12px;
  animation: .18s ease-out brandbalanceWizardIn;
  display: grid;
}

@keyframes brandbalanceWizardIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.brandbalance-setup-actions {
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0 0;
  display: flex;
}

.brandbalance-setup-actions button {
  cursor: pointer;
  color: #172044;
  background: #edf4ff;
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 1000;
}

.brandbalance-setup-actions button:last-child {
  color: #fff;
  background: linear-gradient(135deg, #0b82f0, #a855f7);
  box-shadow: 0 12px 24px #0b82f033;
}

.brandbalance-setup-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

@media (max-width: 760px) {
  .brandbalance-setup-step-tabs {
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    display: flex;
    overflow-x: auto;
  }

  .brandbalance-setup-step-tabs button {
    flex: 0 0 170px;
  }

  .brandbalance-setup-progress-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .brandbalance-setup-progress-card > strong {
    justify-self: start;
    width: auto;
    height: auto;
    padding: 8px 12px;
  }

  .brandbalance-setup-actions {
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .brandbalance-setup-actions button {
    width: 100%;
  }
}

.brandbalance-sidekick {
  z-index: 1200;
  pointer-events: none;
  justify-items: end;
  gap: 12px;
  display: grid;
  position: fixed;
  bottom: 22px;
  right: 22px;
}

.brandbalance-sidekick * {
  pointer-events: auto;
}

.brandbalance-sidekick-launcher {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #0b82f0, #a855f7);
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-weight: 1000;
  display: inline-flex;
  box-shadow: 0 18px 40px #0b82f04d;
}

.brandbalance-sidekick-launcher b {
  background: #ffffff2e;
  border-radius: 999px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.brandbalance-sidekick-panel {
  background: #fffffff5;
  border: 1px solid #ffffffe0;
  border-radius: 28px;
  grid-template-rows: auto minmax(160px, 1fr) auto auto;
  width: min(390px, 100vw - 28px);
  max-height: min(620px, 100dvh - 108px);
  display: grid;
  overflow: hidden;
  box-shadow: 0 28px 90px #1720443d;
}

.brandbalance-sidekick-panel header {
  background: linear-gradient(135deg, #edf6ff, #fff7fb);
  border-bottom: 1px solid #2a4f911a;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 16px;
  display: flex;
}

.brandbalance-sidekick-panel header div {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 2px 10px;
  display: grid;
}

.brandbalance-sidekick-panel header span {
  background: #0b82f0;
  border-radius: 14px;
  grid-row: span 2;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.brandbalance-sidekick-panel header strong {
  color: #172044;
  font-size: 15px;
}

.brandbalance-sidekick-panel header small {
  color: #64708f;
  font-weight: 800;
}

.brandbalance-sidekick-panel header button {
  color: #172044;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 999px;
  width: 32px;
  height: 32px;
  font-size: 20px;
}

.brandbalance-sidekick-messages {
  background: #f6f8ff;
  align-content: start;
  gap: 10px;
  padding: 14px;
  display: grid;
  overflow-y: auto;
}

.brandbalance-sidekick-messages article {
  white-space: pre-wrap;
  border-radius: 16px;
  max-width: 88%;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.brandbalance-sidekick-messages article.sidekick {
  color: #26324f;
  background: #fff;
  justify-self: start;
  box-shadow: 0 8px 20px #1428500f;
}

.brandbalance-sidekick-messages article.user {
  color: #fff;
  background: #0b82f0;
  justify-self: end;
}

.brandbalance-sidekick-panel form {
  background: #fff;
  border-top: 1px solid #2a4f911a;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 12px;
  display: grid;
}

.brandbalance-sidekick-panel form input {
  color: #172044;
  border: 1px solid #2a4f9124;
  border-radius: 999px;
  padding: 11px 13px;
  font-weight: 800;
}

.brandbalance-sidekick-panel form button, .brandbalance-sidekick-prompts button {
  color: #fff;
  cursor: pointer;
  background: #172044;
  border: 0;
  border-radius: 999px;
  padding: 10px 13px;
  font-weight: 900;
}

.brandbalance-sidekick-prompts {
  background: #fff;
  gap: 7px;
  padding: 0 12px 12px;
  display: flex;
  overflow-x: auto;
}

.brandbalance-sidekick-prompts button {
  color: #172044;
  background: #edf4ff;
  flex: none;
  font-size: 11px;
}

@media (max-width: 620px) {
  .brandbalance-sidekick {
    bottom: 12px;
    right: 12px;
  }

  .brandbalance-sidekick.open {
    left: 12px;
  }

  .brandbalance-sidekick-panel {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 92px);
  }

  .brandbalance-sidekick-launcher span {
    display: none;
  }
}

.brandbalance-mobile-planner {
  display: none;
}

.brandbalance-mobile-drag-ghost {
  z-index: 4000;
  pointer-events: none;
  color: #fff;
  opacity: .96;
  background: linear-gradient(135deg, #0b82f0, #a855f7);
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  width: min(230px, 68vw);
  padding: 12px;
  display: grid;
  position: fixed;
  transform: translate(-50%, -50%)rotate(-2deg);
  box-shadow: 0 24px 60px #17204452;
}

.brandbalance-mobile-drag-ghost b {
  background: #fff3;
  border-radius: 999px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.brandbalance-mobile-drag-ghost span {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
}

@media (max-width: 760px), (pointer: coarse) {
  .brandbalance-week-hero-days, .brandbalance-post-bank {
    display: none !important;
  }

  .brandbalance-mobile-planner {
    touch-action: pan-y;
    gap: 16px;
    margin: 16px 0 12px;
    display: grid;
  }

  .brandbalance-mobile-week-strip {
    background: linear-gradient(135deg, #edf6ff, #f8fbff);
    border: 1px solid #2a4f911f;
    border-radius: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
    display: grid;
  }

  .brandbalance-mobile-week-strip article {
    background: #fff;
    border: 2px dashed #0b82f03d;
    border-radius: 18px;
    align-content: start;
    gap: 8px;
    min-height: 132px;
    padding: 10px;
    transition: transform .14s, border-color .14s, background .14s;
    display: grid;
    position: relative;
    box-shadow: 0 10px 24px #1428500f;
  }

  .brandbalance-mobile-week-strip article.drop-ready {
    background: #f0f8ff;
    border-color: #0b82f0b3;
    transform: translateY(-1px);
  }

  .brandbalance-mobile-week-strip article.filled {
    border-style: solid;
    border-color: #0b82f03d;
  }

  .brandbalance-mobile-week-strip article strong {
    color: #172044;
    font-size: 15px;
    font-weight: 1000;
  }

  .brandbalance-mobile-week-strip article em {
    background: #f4f9ff;
    border: 1px dashed #0b82f04d;
    border-radius: 14px;
    place-items: center;
    min-height: 76px;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    display: grid;
    color: #557093 !important;
  }

  .brandbalance-mobile-assigned-card, .brandbalance-mobile-drag-handle {
    text-align: left;
    cursor: grab;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    border: 0;
    width: 100%;
  }

  .brandbalance-mobile-assigned-card {
    background: #eef4ff;
    border-radius: 14px;
    gap: 5px;
    padding: 8px;
    display: grid;
  }

  .brandbalance-mobile-assigned-card:active, .brandbalance-mobile-drag-handle:active {
    cursor: grabbing;
  }

  .brandbalance-mobile-assigned-card b {
    background: #fff;
    border-radius: 999px;
    place-items: center;
    width: 34px;
    height: 34px;
    display: grid;
  }

  .brandbalance-mobile-assigned-card span, .brandbalance-mobile-drag-handle span {
    line-height: 1.1;
    color: #172044 !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
  }

  .brandbalance-mobile-assigned-card small, .brandbalance-mobile-drag-handle small {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
    color: #64708f !important;
  }

  .brandbalance-mobile-drag-bank {
    gap: 10px;
    display: grid;
  }

  .brandbalance-mobile-drag-bank > strong {
    color: #34405f;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px;
  }

  .brandbalance-mobile-drag-bank > div {
    gap: 10px;
    display: grid;
  }

  .brandbalance-mobile-drag-bank article {
    background: #fff;
    border: 1px solid #2a4f911f;
    border-radius: 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 10px;
    display: grid;
    box-shadow: 0 10px 24px #1428500f;
  }

  .brandbalance-mobile-drag-bank article.selected {
    background: #f0f8ff;
    outline: 3px solid #0b82f040;
  }

  .brandbalance-mobile-drag-handle {
    background: none;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 2px 10px;
    padding: 0;
    display: grid;
  }

  .brandbalance-mobile-drag-handle b {
    background: #eef4ff;
    border-radius: 14px;
    grid-row: span 3;
    place-items: center;
    width: 42px;
    height: 42px;
    display: grid;
  }

  .brandbalance-mobile-drag-handle em {
    color: #0b82f0;
    font-size: 11px;
    font-style: normal;
    font-weight: 1000;
  }

  .brandbalance-mobile-drag-bank article > button:last-child {
    color: #fff;
    white-space: nowrap;
    background: #172044;
    border: 0;
    border-radius: 999px;
    padding: 9px 11px;
    font-size: 11px;
    font-weight: 900;
  }
}

@media (max-width: 420px) {
  .brandbalance-mobile-week-strip, .brandbalance-mobile-drag-bank article {
    grid-template-columns: minmax(0, 1fr);
  }

  .brandbalance-mobile-drag-bank article > button:last-child {
    width: 100%;
  }
}

.postingpilot-page {
  --pp-navy: #17233f;
  --pp-blue: #2f6df6;
  --pp-sky: #dff3ff;
  --pp-red: #e94d45;
  --pp-gold: #f4b94d;
  --pp-cream: #fff6e7;
  --pp-ink: #151827;
  --pp-muted: #687087;
  min-height: 100vh;
  color: var(--pp-ink);
  background: radial-gradient(circle at 8% 8%, #2f6df624, #0000 28%), radial-gradient(circle at 88% 2%, #f4b94d33, #0000 24%), linear-gradient(#fff 0%, #f7fbff 42%, #fff8ec 100%);
  overflow: hidden;
}

.postingpilot-nav {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  width: min(1180px, 100% - 32px);
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
}

.postingpilot-mark {
  color: var(--pp-navy);
  letter-spacing: -.04em;
  align-items: center;
  gap: 12px;
  font-size: 24px;
  font-weight: 950;
  text-decoration: none;
  display: inline-flex;
}

.postingpilot-mark img {
  object-fit: cover;
  border-radius: 18px;
  width: 58px;
  height: 58px;
  box-shadow: 0 14px 34px #17233f1f;
}

.postingpilot-nav > div {
  align-items: center;
  gap: 12px;
  display: flex;
}

.postingpilot-nav a {
  color: var(--pp-navy);
  font-weight: 850;
  text-decoration: none;
}

.postingpilot-nav-cta {
  background: var(--pp-navy);
  border-radius: 999px;
  padding: 12px 18px;
  box-shadow: 0 16px 32px #17233f29;
  color: #fff !important;
}

.postingpilot-alert {
  color: #19562e;
  background: #e9f8ef;
  border: 1px solid #b9e8c9;
  border-radius: 18px;
  width: min(980px, 100% - 32px);
  margin: 8px auto 0;
  padding: 14px 18px;
  font-weight: 800;
}

.postingpilot-alert-warn {
  color: #6f4300;
  background: #fff4dd;
  border-color: #ffd58b;
}

.postingpilot-hero {
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  gap: 42px;
  width: min(1180px, 100% - 32px);
  min-height: 680px;
  margin: 22px auto 0;
  display: grid;
}

.postingpilot-eyebrow {
  color: var(--pp-blue);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 13px;
  font-size: 12px;
  font-weight: 950;
}

.postingpilot-hero h1, .postingpilot-section h2, .postingpilot-product-preview h2, .postingpilot-preorder h2, .postingpilot-success-card h1 {
  color: var(--pp-navy);
  letter-spacing: -.065em;
  margin: 0;
  line-height: .92;
}

.postingpilot-hero h1 {
  max-width: 850px;
  font-size: clamp(56px, 8.6vw, 118px);
}

.postingpilot-lede {
  color: #4f5973;
  max-width: 720px;
  margin: 24px 0 0;
  font-size: clamp(18px, 1.65vw, 23px);
  line-height: 1.55;
}

.postingpilot-hero-actions {
  flex-wrap: wrap;
  gap: 14px;
  margin: 34px 0 22px;
  display: flex;
}

.postingpilot-hero-actions a, .postingpilot-success-card a {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 54px;
  padding: 15px 24px;
  font-weight: 950;
  text-decoration: none;
  display: inline-flex;
}

.postingpilot-hero-actions a:first-child, .postingpilot-success-card a {
  background: linear-gradient(135deg, var(--pp-red), #ff7a57);
  color: #fff;
  box-shadow: 0 20px 44px #e94d4540;
}

.postingpilot-hero-actions a:last-child {
  color: var(--pp-navy);
  background: #fff;
  border: 1px solid #17233f1f;
  box-shadow: 0 14px 32px #17233f14;
}

.postingpilot-proof-row {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.postingpilot-proof-row span {
  color: var(--pp-navy);
  background: #fff;
  border: 1px solid #2f6df624;
  border-radius: 999px;
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 900;
}

.postingpilot-hero-card {
  place-items: center;
  min-height: 560px;
  display: grid;
  position: relative;
}

.postingpilot-logo-orbit {
  z-index: 2;
  background: #fff;
  border: 1px solid #17233f1a;
  border-radius: 46px;
  padding: 22px;
  position: relative;
  transform: rotate(2deg);
  box-shadow: 0 34px 90px #17233f29;
}

.postingpilot-logo-orbit:before {
  content: "";
  z-index: -1;
  border: 2px dashed #2f6df62e;
  border-radius: 60px;
  position: absolute;
  inset: -34px;
  transform: rotate(-7deg);
}

.postingpilot-logo-orbit img {
  border-radius: 34px;
  width: min(420px, 78vw);
  height: auto;
  display: block;
}

.postingpilot-flight-card {
  z-index: 3;
  background: var(--pp-navy);
  color: #fff;
  border-radius: 28px;
  width: min(310px, 80%);
  padding: 22px;
  position: absolute;
  bottom: 48px;
  right: 0;
  box-shadow: 0 24px 70px #17233f40;
}

.postingpilot-flight-card span {
  color: var(--pp-gold);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 950;
}

.postingpilot-flight-card strong {
  letter-spacing: -.04em;
  margin: 8px 0;
  font-size: 24px;
  line-height: 1;
  display: block;
}

.postingpilot-flight-card p {
  color: #d8e4ff;
  margin: 0;
  line-height: 1.45;
}

.postingpilot-strip {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  width: min(1180px, 100% - 32px);
  margin: 0 auto 76px;
  display: grid;
}

.postingpilot-strip span {
  background: var(--pp-navy);
  color: #fff;
  text-align: center;
  border-radius: 22px;
  padding: 18px;
  font-weight: 950;
  box-shadow: 0 16px 42px #17233f1f;
}

.postingpilot-section, .postingpilot-product-preview, .postingpilot-preorder {
  width: min(1180px, 100% - 32px);
  margin: 0 auto 92px;
}

.postingpilot-section-head {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 34px;
}

.postingpilot-section h2, .postingpilot-product-preview h2, .postingpilot-preorder h2 {
  font-size: clamp(38px, 5vw, 72px);
}

.postingpilot-section-head p:not(.postingpilot-eyebrow), .postingpilot-product-preview p, .postingpilot-preorder-copy p {
  color: var(--pp-muted);
  font-size: 19px;
  line-height: 1.55;
}

.postingpilot-feature-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  display: grid;
}

.postingpilot-feature-grid article {
  background: #fff;
  border: 1px solid #17233f1a;
  border-radius: 30px;
  padding: 25px;
  box-shadow: 0 20px 55px #17233f14;
}

.postingpilot-feature-grid b {
  background: var(--pp-sky);
  width: 46px;
  height: 46px;
  color: var(--pp-blue);
  border-radius: 16px;
  place-items: center;
  margin-bottom: 22px;
  display: grid;
}

.postingpilot-feature-grid strong {
  color: var(--pp-navy);
  letter-spacing: -.035em;
  font-size: 22px;
  display: block;
}

.postingpilot-feature-grid p {
  color: var(--pp-muted);
  line-height: 1.5;
}

.postingpilot-product-preview {
  background: #fff;
  border: 1px solid #17233f1a;
  border-radius: 42px;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 34px;
  padding: 44px;
  display: grid;
  box-shadow: 0 26px 74px #17233f17;
}

.postingpilot-product-preview ul, .postingpilot-preorder ul {
  color: #46506a;
  padding-left: 20px;
  font-weight: 750;
  line-height: 1.9;
}

.postingpilot-window {
  background: #17233f;
  border-radius: 34px;
  padding: 18px;
  box-shadow: inset 0 0 0 1px #ffffff14, 0 30px 80px #17233f2e;
}

.postingpilot-window-top {
  gap: 8px;
  padding: 0 0 14px;
  display: flex;
}

.postingpilot-window-top span {
  background: var(--pp-red);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.postingpilot-window-top span:nth-child(2) {
  background: var(--pp-gold);
}

.postingpilot-window-top span:nth-child(3) {
  background: #45d483;
}

.postingpilot-week {
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  display: grid;
}

.postingpilot-week article {
  background: #f9fbff;
  border-radius: 22px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 210px;
  padding: 16px;
  display: flex;
}

.postingpilot-week small {
  color: var(--pp-blue);
  font-weight: 950;
}

.postingpilot-week strong {
  color: var(--pp-navy);
  font-size: 18px;
  line-height: 1.05;
}

.postingpilot-week p {
  color: var(--pp-muted);
  margin: 0;
  font-weight: 800;
}

.postingpilot-preorder {
  grid-template-columns: 1fr 420px;
  align-items: stretch;
  gap: 34px;
  display: grid;
}

.postingpilot-preorder-copy, .postingpilot-preorder-form {
  background: #fff;
  border: 1px solid #17233f1a;
  border-radius: 42px;
  padding: 42px;
  box-shadow: 0 24px 70px #17233f17;
}

.postingpilot-preorder-form {
  background: var(--pp-navy);
  color: #fff;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.postingpilot-price {
  background: var(--pp-gold);
  width: fit-content;
  color: var(--pp-navy);
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 950;
}

.postingpilot-preorder-form h3 {
  letter-spacing: -.05em;
  margin: 0 0 4px;
  font-size: 34px;
  line-height: 1;
}

.postingpilot-preorder-form label {
  color: #eaf1ff;
  gap: 8px;
  font-weight: 850;
  display: grid;
}

.postingpilot-preorder-form em {
  color: #b7c6e6;
  font-size: 12px;
  font-style: normal;
}

.postingpilot-preorder-form input {
  color: #fff;
  width: 100%;
  min-height: 50px;
  font: inherit;
  background: #ffffff1a;
  border: 1px solid #ffffff1f;
  border-radius: 16px;
  outline: none;
  padding: 0 14px;
}

.postingpilot-preorder-form button {
  background: linear-gradient(135deg, var(--pp-red), #ff7a57);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  min-height: 56px;
  font-size: 16px;
  font-weight: 950;
  box-shadow: 0 18px 42px #e94d4547;
}

.postingpilot-preorder-form p {
  color: #c9d6f2;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.postingpilot-success-page {
  place-items: center;
  padding: 32px;
  display: grid;
}

.postingpilot-success-card {
  text-align: center;
  background: #fff;
  border: 1px solid #17233f1a;
  border-radius: 42px;
  max-width: 720px;
  padding: 48px;
  box-shadow: 0 28px 80px #17233f1f;
}

.postingpilot-success-card h1 {
  font-size: clamp(44px, 6vw, 76px);
}

.postingpilot-success-card p:not(.postingpilot-eyebrow) {
  color: var(--pp-muted);
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 980px) {
  .postingpilot-hero, .postingpilot-product-preview, .postingpilot-preorder {
    grid-template-columns: 1fr;
  }

  .postingpilot-hero {
    min-height: auto;
    padding: 28px 0 54px;
  }

  .postingpilot-hero-card {
    min-height: auto;
  }

  .postingpilot-feature-grid, .postingpilot-strip, .postingpilot-week {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 620px) {
  .postingpilot-nav {
    align-items: flex-start;
  }

  .postingpilot-nav > div {
    flex-direction: column;
    align-items: flex-end;
  }

  .postingpilot-mark span {
    font-size: 20px;
  }

  .postingpilot-hero h1 {
    font-size: 50px;
  }

  .postingpilot-feature-grid, .postingpilot-strip, .postingpilot-week {
    grid-template-columns: 1fr;
  }

  .postingpilot-product-preview, .postingpilot-preorder-copy, .postingpilot-preorder-form, .postingpilot-success-card {
    border-radius: 30px;
    padding: 26px;
  }

  .postingpilot-flight-card {
    margin-top: -16px;
    position: relative;
    bottom: auto;
    right: auto;
  }
}

.postingpilot-platform-page {
  background: radial-gradient(circle at 12% 10%, #5782ff2e, #0000 28%), radial-gradient(circle at 82% 4%, #ffc05738, #0000 25%), linear-gradient(#f6f3ff 0%, #fff7ec 52%, #f7fbff 100%);
}

.postingpilot-platform-hero {
  grid-template-columns: 330px minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
  width: min(1220px, 100% - 32px);
  margin: 22px auto 42px;
  display: grid;
}

.postingpilot-platform-rail, .postingpilot-platform-board, .postingpilot-start-strip, .postingpilot-next-step, .postingpilot-health-card, .postingpilot-workflow-grid article {
  border: 1px solid #3336601a;
  box-shadow: 0 24px 70px #2f275c17;
}

.postingpilot-platform-rail {
  background: linear-gradient(#fff, #fff7ea);
  border-radius: 38px;
  flex-direction: column;
  gap: 16px;
  min-height: 760px;
  padding: 26px;
  display: flex;
}

.postingpilot-platform-rail > img {
  object-fit: cover;
  border-radius: 26px;
  width: 102px;
  height: 102px;
  box-shadow: 0 18px 40px #17233f21;
}

.postingpilot-platform-rail > p {
  color: #7b7195;
  text-transform: uppercase;
  letter-spacing: .14em;
  margin: 4px 0 -10px;
  font-size: 11px;
  font-weight: 950;
}

.postingpilot-platform-rail h1 {
  color: #1c2443;
  letter-spacing: -.07em;
  margin: 0;
  font-size: clamp(42px, 4vw, 66px);
  line-height: .86;
}

.postingpilot-platform-rail > span {
  color: #666b82;
  font-size: 16px;
  line-height: 1.45;
}

.postingpilot-platform-rail div {
  gap: 12px;
  margin-top: 8px;
  display: grid;
}

.postingpilot-platform-rail article {
  background: #fff;
  border: 1px solid #33366017;
  border-radius: 22px;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 10px;
  padding: 13px;
  display: grid;
}

.postingpilot-platform-rail article b {
  background: #edf4ff;
  border-radius: 15px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.postingpilot-platform-rail article strong {
  color: #1c2443;
  font-size: 15px;
  display: block;
}

.postingpilot-platform-rail article small {
  color: #7a8092;
  line-height: 1.35;
  display: block;
}

.postingpilot-platform-rail > a {
  color: #fff;
  background: linear-gradient(135deg, #e94d45, #ff8a55);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  margin-top: auto;
  font-weight: 950;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 18px 42px #e94d453d;
}

.postingpilot-platform-rail > small {
  color: #6b7186;
  font-weight: 800;
}

.postingpilot-platform-board {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffffc7;
  border-radius: 38px;
  min-width: 0;
  padding: 18px;
}

.postingpilot-board-top {
  grid-template-columns: 1fr repeat(3, 140px);
  gap: 12px;
  margin-bottom: 14px;
  display: grid;
}

.postingpilot-board-top > div, .postingpilot-board-top article {
  background: #fff;
  border: 1px solid #33366014;
  border-radius: 24px;
  padding: 18px;
}

.postingpilot-board-top strong {
  color: #1c2443;
  letter-spacing: -.04em;
  font-size: 24px;
  display: block;
}

.postingpilot-board-top span {
  color: #73788d;
  margin-top: 5px;
  display: block;
}

.postingpilot-board-top em {
  color: #3868d8;
  background: #edf4ff;
  border-radius: 999px;
  margin-top: 10px;
  padding: 6px 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  display: inline-flex;
}

.postingpilot-board-top article b {
  color: #1c2443;
  font-size: 32px;
  line-height: 1;
  display: block;
}

.postingpilot-week-planner {
  background: linear-gradient(#fff, #f9fbff);
  border: 1px solid #33366014;
  border-radius: 30px;
  padding: 22px;
}

.postingpilot-planner-head {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  display: flex;
}

.postingpilot-planner-head p {
  color: #3868d8;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 950;
}

.postingpilot-planner-head h2 {
  color: #1c2443;
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(30px, 4vw, 54px);
  line-height: .92;
}

.postingpilot-planner-head button {
  color: #fff;
  background: #1c2443;
  border: 0;
  border-radius: 999px;
  padding: 13px 18px;
  font-weight: 950;
}

.postingpilot-days {
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  display: grid;
}

.postingpilot-days article {
  background: #f4f7ff;
  border: 2px dashed #3868d82e;
  border-radius: 24px;
  flex-direction: column;
  min-height: 210px;
  padding: 15px;
  display: flex;
}

.postingpilot-days strong {
  color: #3868d8;
  font-size: 14px;
}

.postingpilot-days small {
  color: #8a8fa3;
  margin-left: auto;
  font-weight: 900;
}

.postingpilot-days b {
  color: #1c2443;
  margin-top: auto;
  font-size: 20px;
  line-height: 1.05;
}

.postingpilot-days p {
  color: #697086;
  margin: 8px 0 0;
  line-height: 1.35;
}

.postingpilot-post-bank {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.postingpilot-post-bank article {
  background: #fff7ea;
  border: 1px solid #f4b94d47;
  border-radius: 24px;
  padding: 17px;
  box-shadow: 0 14px 30px #2f275c0f;
}

.postingpilot-post-bank strong {
  color: #1c2443;
  margin-top: 10px;
  font-size: 20px;
  display: block;
}

.postingpilot-post-bank p {
  color: #697086;
  line-height: 1.4;
}

.postingpilot-post-bank button {
  color: #fff;
  background: #1c2443;
  border: 0;
  border-radius: 999px;
  padding: 9px 12px;
  font-weight: 900;
}

.postingpilot-start-strip, .postingpilot-platform-preview, .postingpilot-workflow-grid {
  width: min(1180px, 100% - 32px);
  margin: 0 auto 26px;
}

.postingpilot-start-strip {
  background: #fff;
  border-radius: 32px;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  padding: 26px;
  display: flex;
}

.postingpilot-start-strip p, .postingpilot-next-step p, .postingpilot-health-card p {
  color: #3868d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 950;
}

.postingpilot-start-strip h2, .postingpilot-next-step h2, .postingpilot-health-card h2 {
  color: #1c2443;
  letter-spacing: -.05em;
  margin: 0;
  line-height: .95;
}

.postingpilot-start-strip span, .postingpilot-next-step span, .postingpilot-health-card span {
  color: #697086;
  line-height: 1.45;
}

.postingpilot-start-strip div:last-child {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.postingpilot-start-strip a, .postingpilot-next-step a {
  color: #fff;
  background: #1c2443;
  border-radius: 999px;
  padding: 13px 18px;
  font-weight: 950;
  text-decoration: none;
}

.postingpilot-start-strip a:last-child {
  color: #3868d8;
  background: #edf4ff;
}

.postingpilot-platform-preview {
  grid-template-columns: 1.3fr .7fr;
  gap: 18px;
  display: grid;
}

.postingpilot-next-step, .postingpilot-health-card {
  background: #fff;
  border-radius: 30px;
  align-items: center;
  gap: 18px;
  padding: 24px;
  display: flex;
}

.postingpilot-next-step > b {
  background: #fff0d6;
  border-radius: 22px;
  place-items: center;
  width: 64px;
  height: 64px;
  font-size: 30px;
  display: grid;
}

.postingpilot-next-step div {
  flex: 1;
}

.postingpilot-health-card {
  display: block;
  position: relative;
  overflow: hidden;
}

.postingpilot-health-card b {
  color: #3868d81f;
  font-size: 96px;
  line-height: 1;
  position: absolute;
  bottom: -12px;
  right: 20px;
}

.postingpilot-workflow-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 72px;
  display: grid;
}

.postingpilot-workflow-grid article {
  background: #fff;
  border-radius: 28px;
  padding: 24px;
}

.postingpilot-workflow-grid b {
  font-size: 30px;
}

.postingpilot-workflow-grid strong {
  color: #1c2443;
  letter-spacing: -.03em;
  margin: 15px 0 8px;
  font-size: 20px;
  display: block;
}

.postingpilot-workflow-grid p {
  color: #697086;
  line-height: 1.45;
}

.postingpilot-platform-preorder {
  margin-top: 0;
}

.postingpilot-sidekick-bubble {
  color: #fff;
  z-index: 20;
  background: #1c2443;
  border-radius: 24px;
  padding: 14px 18px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 22px 60px #1c24433d;
}

.postingpilot-sidekick-bubble span {
  color: #c8d7ff;
  font-size: 12px;
  font-weight: 850;
  display: block;
}

.postingpilot-sidekick-bubble strong {
  font-size: 16px;
  display: block;
}

@media (max-width: 1080px) {
  .postingpilot-platform-hero, .postingpilot-platform-preview {
    grid-template-columns: 1fr;
  }

  .postingpilot-platform-rail {
    min-height: auto;
  }

  .postingpilot-board-top {
    grid-template-columns: 1fr;
  }

  .postingpilot-days, .postingpilot-post-bank, .postingpilot-workflow-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .postingpilot-platform-hero {
    width: min(100% - 20px, 1220px);
  }

  .postingpilot-platform-board, .postingpilot-platform-rail {
    border-radius: 26px;
    padding: 16px;
  }

  .postingpilot-days, .postingpilot-post-bank, .postingpilot-workflow-grid {
    grid-template-columns: 1fr;
  }

  .postingpilot-start-strip, .postingpilot-next-step {
    flex-direction: column;
    align-items: flex-start;
  }

  .postingpilot-sidekick-bubble {
    display: none;
  }
}

.postingpilot-full-logo img {
  object-fit: contain !important;
  width: min(260px, 54vw) !important;
  height: auto !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
}

.postingpilot-platform-rail > p:first-child {
  margin-top: 10px;
}

@media (max-width: 620px) {
  .postingpilot-full-logo img {
    width: min(220px, 58vw) !important;
  }
}

.postingpilot-sales-hero-copy {
  text-align: center;
  width: min(1180px, 100% - 32px);
  margin: 24px auto 22px;
}

.postingpilot-sales-hero-copy h1 {
  color: #18213f;
  letter-spacing: -.075em;
  max-width: 980px;
  margin: 0 auto;
  font-size: clamp(48px, 7vw, 96px);
  line-height: .9;
}

.postingpilot-sales-hero-copy p:not(.postingpilot-eyebrow) {
  color: #5e657a;
  max-width: 830px;
  margin: 22px auto 0;
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.55;
}

.postingpilot-sales-hero-copy div {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
  display: flex;
}

.postingpilot-sales-hero-copy a {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  padding: 14px 22px;
  font-weight: 950;
  text-decoration: none;
  display: inline-flex;
}

.postingpilot-sales-hero-copy a:first-child {
  color: #fff;
  background: linear-gradient(135deg, #e94d45, #ff8a55);
  box-shadow: 0 18px 42px #e94d4538;
}

.postingpilot-sales-hero-copy a:last-child {
  color: #2f6df6;
  background: #fff;
  border: 1px solid #2f6df626;
}

.postingpilot-platform-hero {
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 22px !important;
}

.postingpilot-platform-rail {
  background: linear-gradient(#ffffffeb, #fff9edeb) !important;
  border-radius: 34px !important;
  min-height: 0 !important;
  padding: 24px !important;
}

.postingpilot-platform-rail h1 {
  font-size: clamp(42px, 4.2vw, 58px) !important;
  line-height: .9 !important;
}

.postingpilot-platform-rail > span {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.postingpilot-platform-rail div {
  gap: 10px !important;
}

.postingpilot-platform-rail article {
  background: #ffffffc7 !important;
  border-radius: 20px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
  padding: 14px !important;
}

.postingpilot-platform-rail article b {
  flex: none;
  font-size: 18px;
}

.postingpilot-platform-rail article div {
  min-width: 0;
  margin: 0 !important;
  display: block !important;
}

.postingpilot-platform-rail article strong {
  margin-bottom: 5px;
  font-size: 15px !important;
  line-height: 1.1 !important;
}

.postingpilot-platform-rail article small {
  color: #6f7487 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.postingpilot-platform-board {
  border-radius: 34px !important;
  padding: 20px !important;
}

.postingpilot-board-top {
  grid-template-columns: minmax(0, 1fr) repeat(3, minmax(110px, 132px)) !important;
  gap: 10px !important;
}

.postingpilot-board-top > div, .postingpilot-board-top article {
  border-radius: 22px !important;
  padding: 16px !important;
}

.postingpilot-board-top strong {
  font-size: 22px !important;
}

.postingpilot-board-top article b {
  font-size: 30px !important;
}

.postingpilot-board-top article span {
  font-size: 14px !important;
}

.postingpilot-week-planner {
  border-radius: 28px !important;
  padding: 20px !important;
}

.postingpilot-planner-head {
  margin-bottom: 16px !important;
}

.postingpilot-planner-head h2 {
  max-width: 680px;
  font-size: clamp(32px, 4.3vw, 56px) !important;
}

.postingpilot-days {
  gap: 10px !important;
}

.postingpilot-days article {
  gap: 8px;
  background: linear-gradient(#f7f9ff, #eef4ff) !important;
  border: 1px solid #3868d824 !important;
  border-radius: 20px !important;
  min-height: 132px !important;
  padding: 14px !important;
  display: flex !important;
}

.postingpilot-days article header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.postingpilot-days article header strong {
  color: #2f6df6;
  font-size: 13px;
}

.postingpilot-days article header small {
  color: #8790a7;
  font-size: 11px;
  font-weight: 900;
}

.postingpilot-days article b {
  margin-top: auto !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
}

.postingpilot-days article p {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

.postingpilot-post-bank {
  gap: 12px !important;
  margin-top: 14px !important;
}

.postingpilot-post-bank article {
  flex-direction: column;
  min-height: 178px;
  display: flex;
  background: linear-gradient(#fff7ea, #fff1dc) !important;
  border-radius: 22px !important;
  padding: 18px !important;
}

.postingpilot-post-bank span {
  font-size: 24px !important;
}

.postingpilot-post-bank strong {
  margin-top: 8px !important;
  font-size: 19px !important;
}

.postingpilot-post-bank p {
  margin: 8px 0 14px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.postingpilot-post-bank button {
  align-self: flex-start;
  margin-top: auto;
}

.postingpilot-start-strip h2 {
  max-width: 760px;
  font-size: clamp(26px, 3vw, 42px);
}

.postingpilot-next-step h2, .postingpilot-health-card h2 {
  font-size: clamp(28px, 3vw, 44px);
}

@media (max-width: 1080px) {
  .postingpilot-platform-hero {
    grid-template-columns: 1fr !important;
  }

  .postingpilot-board-top, .postingpilot-days, .postingpilot-post-bank {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 680px) {
  .postingpilot-sales-hero-copy h1 {
    font-size: 44px;
  }

  .postingpilot-board-top, .postingpilot-days, .postingpilot-post-bank {
    grid-template-columns: 1fr !important;
  }

  .postingpilot-platform-rail, .postingpilot-platform-board {
    padding: 16px !important;
  }
}

.postingpilot-preorder-form h3 {
  text-shadow: 0 2px 16px #00000038;
  color: #fff !important;
}

.postingpilot-preorder-form label {
  color: #fff !important;
}

.postingpilot-preorder-form p {
  color: #dfe8ff !important;
}

.postingpilot-preorder-form input {
  color: #17233f !important;
  background: #f7f8fc !important;
  border-color: #ffffff47 !important;
}

.postingpilot-preorder-form input::placeholder {
  color: #8a91a4 !important;
}

.postingpilot-preorder-form em {
  color: #dfe8ff !important;
}

.postingpilot-flight-path {
  grid-template-columns: .82fr 1.18fr;
  align-items: stretch;
  gap: 24px;
  width: min(1180px, 100% - 32px);
  margin: 0 auto 76px;
  display: grid;
}

.postingpilot-flight-copy, .postingpilot-flight-animation {
  background: #ffffffd1;
  border: 1px solid #3336601a;
  border-radius: 36px;
  box-shadow: 0 24px 70px #2f275c17;
}

.postingpilot-flight-copy {
  flex-direction: column;
  justify-content: center;
  padding: 34px;
  display: flex;
}

.postingpilot-flight-copy h2 {
  color: #18213f;
  letter-spacing: -.065em;
  margin: 0;
  font-size: clamp(36px, 4.7vw, 68px);
  line-height: .92;
}

.postingpilot-flight-copy p:not(.postingpilot-eyebrow) {
  color: #626a7f;
  font-size: 18px;
  line-height: 1.55;
}

.postingpilot-flight-animation {
  background: radial-gradient(circle at 18% 18%, #2f6df61f, #0000 28%), radial-gradient(circle at 82% 75%, #f4b94d2e, #0000 30%), #fff;
  min-height: 450px;
  padding: 28px;
  position: relative;
  overflow: hidden;
}

.postingpilot-flight-animation:before {
  content: "";
  pointer-events: none;
  background-image: linear-gradient(#2f6df60e 1px, #0000 1px), linear-gradient(90deg, #2f6df60e 1px, #0000 1px);
  background-size: 34px 34px;
  border-radius: 28px;
  position: absolute;
  inset: 18px;
}

.postingpilot-flight-line {
  border-top: 3px dashed #2f6df647;
  border-radius: 50%;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  transform: translateY(-50%);
}

.postingpilot-plane-dot {
  z-index: 3;
  background: #18213f;
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  animation: 7.5s ease-in-out infinite postingpilotFlight;
  display: grid;
  position: absolute;
  top: -25px;
  left: 0;
  box-shadow: 0 16px 36px #18213f3d;
}

.postingpilot-flight-animation article {
  z-index: 2;
  background: #fffffff0;
  border: 1px solid #3336601a;
  border-radius: 24px;
  width: 190px;
  min-height: 122px;
  padding: 16px;
  animation: 7.5s ease-in-out infinite postingpilotPulse;
  position: absolute;
  box-shadow: 0 18px 48px #2f275c1a;
}

.postingpilot-flight-animation article b {
  color: #2f6df6;
  background: #edf4ff;
  border-radius: 12px;
  place-items: center;
  width: 32px;
  height: 32px;
  font-size: 13px;
  display: grid;
}

.postingpilot-flight-animation article strong {
  color: #18213f;
  letter-spacing: -.03em;
  margin-top: 10px;
  font-size: 18px;
  display: block;
}

.postingpilot-flight-animation article span, .postingpilot-flight-animation article em {
  color: #687086;
  margin-top: 6px;
  font-size: 13px;
  font-style: normal;
  line-height: 1.35;
  display: block;
}

.postingpilot-flight-animation article em {
  color: #18213f;
  background: #fff7ea;
  border-radius: 14px;
  padding: 9px;
}

.postingpilot-flight-animation .socials {
  color: #2f6df6;
  font-weight: 900;
}

.postingpilot-flight-animation .step-one {
  animation-delay: 0s;
  top: 34px;
  left: 4%;
}

.postingpilot-flight-animation .step-two {
  animation-delay: 1.4s;
  top: 116px;
  left: 29%;
}

.postingpilot-flight-animation .step-three {
  width: 220px;
  animation-delay: 2.8s;
  top: 34px;
  left: 51%;
}

.postingpilot-flight-animation .step-four {
  animation-delay: 4.2s;
  bottom: 30px;
  left: 38%;
}

.postingpilot-flight-animation .step-five {
  animation-delay: 5.6s;
  bottom: 78px;
  right: 4%;
}

@keyframes postingpilotFlight {
  0% {
    transform: translate(0)rotate(4deg)scale(.92);
  }

  20% {
    transform: translate(135px, 70px)rotate(10deg)scale(.96);
  }

  40% {
    transform: translate(285px, -8px)rotate(-3deg)scale(1);
  }

  60% {
    transform: translate(410px, 82px)rotate(9deg)scale(.98);
  }

  80% {
    transform: translate(565px, 26px)rotate(0)scale(1);
  }

  100% {
    transform: translate(0)rotate(4deg)scale(.92);
  }
}

@keyframes postingpilotPulse {
  0%, 100% {
    border-color: #3336601a;
    transform: translateY(0);
  }

  50% {
    border-color: #2f6df647;
    transform: translateY(-5px);
  }
}

@media (max-width: 980px) {
  .postingpilot-flight-path {
    grid-template-columns: 1fr;
  }

  .postingpilot-flight-animation {
    min-height: 650px;
  }

  .postingpilot-flight-line, .postingpilot-plane-dot {
    display: none;
  }

  .postingpilot-flight-animation article {
    margin-bottom: 12px;
    position: relative;
    width: auto !important;
    inset: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .postingpilot-plane-dot, .postingpilot-flight-animation article {
    animation: none !important;
  }
}

.postingpilot-demo-lab {
  gap: 22px;
  width: min(1180px, 100% - 32px);
  margin: 0 auto 76px;
  display: grid;
}

.postingpilot-demo-copy {
  text-align: center;
  background: linear-gradient(135deg, #ffffffe6, #fff7e7e0);
  border: 1px solid #3336601a;
  border-radius: 36px;
  padding: 34px;
  box-shadow: 0 24px 70px #2f275c14;
}

.postingpilot-demo-copy h2 {
  color: #18213f;
  letter-spacing: -.065em;
  max-width: 940px;
  margin: 0 auto;
  font-size: clamp(34px, 4.6vw, 68px);
  line-height: .92;
}

.postingpilot-demo-copy p:not(.postingpilot-eyebrow) {
  color: #626a7f;
  max-width: 820px;
  margin: 18px auto 0;
  font-size: 18px;
  line-height: 1.55;
}

.postingpilot-demo-shell {
  grid-template-columns: 310px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.postingpilot-demo-tabs {
  gap: 10px;
  max-height: calc(100vh - 36px);
  display: grid;
  position: sticky;
  top: 18px;
  overflow: auto;
}

.postingpilot-demo-tabs a {
  color: #18213f;
  background: #ffffffdb;
  border: 1px solid #3336601a;
  border-radius: 22px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 13px;
  display: grid;
  box-shadow: 0 12px 32px #2f275c0f;
}

.postingpilot-demo-tabs a span {
  background: #edf4ff;
  border-radius: 15px;
  grid-row: span 2;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 20px;
  display: grid;
}

.postingpilot-demo-tabs strong {
  font-size: 15px;
  line-height: 1.1;
}

.postingpilot-demo-tabs small {
  color: #6d7488;
  font-weight: 800;
  line-height: 1.25;
}

.postingpilot-demo-tabs a:hover, .postingpilot-demo-tabs a:focus {
  border-color: #2f6df652;
  transform: translateY(-1px);
}

.postingpilot-demo-stage {
  gap: 18px;
  display: grid;
}

.postingpilot-demo-card {
  background: radial-gradient(circle at 12% 12%, #2f6df61f, #0000 28%), radial-gradient(circle at 92% 8%, #ff8a5524, #0000 28%), #ffffffe6;
  border: 1px solid #3336601a;
  border-radius: 34px;
  grid-template-columns: .9fr .85fr 1.1fr;
  gap: 14px;
  padding: 18px;
  scroll-margin-top: 20px;
  display: grid;
  box-shadow: 0 24px 70px #2f275c14;
}

.postingpilot-demo-inputs, .postingpilot-reference-stack, .postingpilot-generated-post {
  background: #ffffffc2;
  border: 1px solid #3336601a;
  border-radius: 26px;
  padding: 18px;
}

.postingpilot-demo-inputs > span, .postingpilot-generated-post p {
  color: #2f6df6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 950;
}

.postingpilot-demo-inputs h3, .postingpilot-generated-post h3 {
  color: #18213f;
  letter-spacing: -.045em;
  margin: 0 0 16px;
  font-size: 28px;
  line-height: .98;
}

.postingpilot-demo-inputs div {
  border-top: 1px solid #33366014;
  padding: 12px 0;
}

.postingpilot-demo-inputs b {
  color: #18213f;
  margin-bottom: 4px;
  display: block;
}

.postingpilot-demo-inputs p {
  color: #687086;
  margin: 0;
  line-height: 1.35;
}

.postingpilot-reference-stack {
  gap: 10px;
  display: grid;
}

.postingpilot-reference-stack figure {
  text-align: center;
  background: linear-gradient(135deg, #2f6df61a, #ff8a551c), repeating-linear-gradient(45deg, #18213f09 0 9px, #0000 9px 18px), #f8fbff;
  border: 1px dashed #2f6df640;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 112px;
  margin: 0;
  display: flex;
}

.postingpilot-reference-stack figure span {
  font-size: 30px;
}

.postingpilot-reference-stack figcaption {
  color: #596276;
  font-size: 13px;
  font-weight: 900;
}

.postingpilot-generated-post {
  grid-template-rows: 160px 1fr;
  gap: 14px;
  display: grid;
}

.postingpilot-generated-visual {
  color: #fff;
  background: linear-gradient(135deg, #18213f, #2f6df6 58%, #ff8a55);
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.postingpilot-generated-visual:after {
  content: "";
  background: #ffffff2e;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  position: absolute;
  top: -44px;
  right: -44px;
}

.postingpilot-generated-visual span {
  z-index: 1;
  font-size: 42px;
  position: relative;
}

.postingpilot-generated-visual small {
  z-index: 1;
  max-width: 300px;
  font-weight: 900;
  line-height: 1.3;
  position: relative;
}

.postingpilot-generated-post blockquote {
  color: #4f596f;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.postingpilot-generated-post footer {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.postingpilot-generated-post footer b {
  color: #2f6df6;
  background: #edf4ff;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
}

@media (max-width: 1120px) {
  .postingpilot-demo-shell, .postingpilot-demo-card {
    grid-template-columns: 1fr;
  }

  .postingpilot-demo-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
    position: static;
  }
}

@media (max-width: 680px) {
  .postingpilot-demo-copy {
    padding: 24px;
  }

  .postingpilot-demo-tabs {
    grid-template-columns: 1fr;
  }

  .postingpilot-demo-card {
    border-radius: 26px;
    padding: 12px;
  }
}

.postingpilot-plane-dot {
  width: 118px !important;
  height: 90px !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  top: -54px !important;
}

.postingpilot-plane-dot img {
  filter: drop-shadow(0 14px 18px #18213f3d);
  object-fit: contain !important;
  width: 118px !important;
  height: auto !important;
}

.postingpilot-sky-hero {
  isolation: isolate;
  padding: 28px 0 18px;
  position: relative;
}

.postingpilot-sky-hero > p, .postingpilot-sky-hero > h1, .postingpilot-sky-hero > div:not(.postingpilot-cloud) {
  z-index: 2;
  position: relative;
}

.postingpilot-cloud {
  z-index: 0;
  filter: blur(.2px);
  opacity: .72;
  pointer-events: none;
  background: #ffffffb8;
  border-radius: 999px;
  width: 150px;
  height: 46px;
  animation: 22s linear infinite postingpilotCloudFloat;
  position: absolute;
  box-shadow: 38px -10px 0 3px #ffffff9e, 78px 4px 0 -2px #ffffff94, 18px 10px 0 -5px #ffffffb3;
}

.postingpilot-cloud.cloud-one {
  top: 48px;
  left: -80px;
  transform: scale(.82);
}

.postingpilot-cloud.cloud-two {
  animation-duration: 28s;
  animation-delay: -8s;
  top: 108px;
  right: 8%;
  transform: scale(1.05);
}

.postingpilot-cloud.cloud-three {
  opacity: .54;
  animation-duration: 32s;
  animation-delay: -15s;
  bottom: 4px;
  left: 15%;
  transform: scale(.68);
}

.postingpilot-hero-plane {
  z-index: 1;
  object-fit: contain;
  filter: drop-shadow(0 16px 24px #18213f2e);
  pointer-events: none;
  width: min(160px, 22vw);
  height: auto;
  animation: 9s ease-in-out infinite postingpilotHeroPlane;
  position: absolute;
  top: -18px;
  left: 4%;
}

@keyframes postingpilotCloudFloat {
  0% {
    transform: translateX(-25px) translateY(0) scale(var(--cloud-scale, 1));
  }

  50% {
    transform: translateX(42px) translateY(-8px) scale(var(--cloud-scale, 1));
  }

  100% {
    transform: translateX(-25px) translateY(0) scale(var(--cloud-scale, 1));
  }
}

@keyframes postingpilotHeroPlane {
  0%, 100% {
    transform: translate(0)rotate(-4deg)scale(.95);
  }

  25% {
    transform: translate(26px, 12px)rotate(1deg)scale(1);
  }

  50% {
    transform: translate(48px, -8px)rotate(-2deg)scale(.98);
  }

  75% {
    transform: translate(18px, 18px)rotate(3deg)scale(1.02);
  }
}

@media (max-width: 700px) {
  .postingpilot-hero-plane {
    opacity: .72;
    width: 96px;
    top: -8px;
    left: 2%;
  }

  .postingpilot-cloud {
    opacity: .45;
  }
}

@media (prefers-reduced-motion: reduce) {
  .postingpilot-cloud, .postingpilot-hero-plane {
    animation: none !important;
  }
}

.postingpilot-hero-plane, .postingpilot-plane-dot img {
  display: none !important;
}

.postingpilot-plane-dot {
  background: #2f6df65c !important;
  border-radius: 999px !important;
  width: 18px !important;
  height: 18px !important;
  top: -10px !important;
  box-shadow: 0 0 0 10px #2f6df614, 0 10px 24px #2f6df62e !important;
}

.postingpilot-cloud.cloud-four {
  opacity: .48;
  animation-duration: 26s;
  animation-delay: -4s;
  top: 28px;
  left: 58%;
  transform: scale(.56);
}

.postingpilot-cloud.cloud-five {
  opacity: .58;
  animation-duration: 34s;
  animation-delay: -11s;
  bottom: 26px;
  right: -90px;
  transform: scale(.78);
}

.postingpilot-sky-wisp {
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffffc2, #0000);
  border-radius: 999px;
  width: 240px;
  height: 2px;
  animation: 18s ease-in-out infinite postingpilotWispDrift;
  position: absolute;
}

.postingpilot-sky-wisp.wisp-one {
  opacity: .72;
  top: 78px;
  left: 8%;
}

.postingpilot-sky-wisp.wisp-two {
  opacity: .54;
  animation-duration: 24s;
  animation-delay: -9s;
  bottom: 54px;
  right: 12%;
}

.postingpilot-sky-hero:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  filter: blur(10px);
  opacity: .72;
  background: radial-gradient(circle at 25% 30%, #ffffff9e, #0000 18%), radial-gradient(circle at 68% 20%, #ffffff7a, #0000 16%), radial-gradient(circle at 82% 66%, #ffffff61, #0000 14%);
  height: 220px;
  animation: 16s ease-in-out infinite postingpilotSkyGlow;
  position: absolute;
  inset: -20px -80px auto;
}

@keyframes postingpilotWispDrift {
  0%, 100% {
    opacity: .38;
    transform: translateX(-18px);
  }

  50% {
    opacity: .82;
    transform: translateX(42px);
  }
}

@keyframes postingpilotSkyGlow {
  0%, 100% {
    opacity: .54;
    transform: translateY(0);
  }

  50% {
    opacity: .82;
    transform: translateY(14px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .postingpilot-sky-wisp, .postingpilot-sky-hero:before {
    animation: none !important;
  }
}

.postingpilot-flight-animation {
  min-height: 470px !important;
}

.postingpilot-flight-line {
  border-top: 3px dashed #2f6df63d !important;
  height: 150px !important;
  top: 52% !important;
  left: 9% !important;
  right: 9% !important;
  transform: translateY(-50%)rotate(2deg) !important;
}

.postingpilot-flight-animation .postingpilot-plane-dot {
  width: 118px !important;
  height: 90px !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  animation: 9s ease-in-out infinite postingpilotFlightFive !important;
  display: block !important;
  top: -56px !important;
}

.postingpilot-flight-animation .postingpilot-plane-dot img {
  filter: drop-shadow(0 14px 18px #18213f3d);
  object-fit: contain !important;
  width: 118px !important;
  height: auto !important;
  display: block !important;
}

.postingpilot-flight-animation article {
  width: 178px !important;
  min-height: 116px !important;
  padding: 15px !important;
}

.postingpilot-flight-animation .step-one {
  top: 32px !important;
  bottom: auto !important;
  left: 3% !important;
}

.postingpilot-flight-animation .step-two {
  top: 132px !important;
  bottom: auto !important;
  left: 25% !important;
}

.postingpilot-flight-animation .step-three {
  width: 220px !important;
  top: 32px !important;
  bottom: auto !important;
  left: 46% !important;
}

.postingpilot-flight-animation .step-four {
  top: 238px !important;
  bottom: auto !important;
  left: 62% !important;
}

.postingpilot-flight-animation .step-five {
  top: 184px !important;
  bottom: auto !important;
  right: 3% !important;
}

@keyframes postingpilotFlightFive {
  0% {
    transform: translate(0)rotate(3deg)scale(.9);
  }

  18% {
    transform: translate(150px, 95px)rotate(9deg)scale(.95);
  }

  38% {
    transform: translate(305px, -5px)rotate(-3deg)scale(1);
  }

  58% {
    transform: translate(445px, 205px)rotate(8deg)scale(.96);
  }

  78% {
    transform: translate(650px, 112px)rotate(0)scale(1);
  }

  100% {
    transform: translate(0)rotate(3deg)scale(.9);
  }
}

@media (max-width: 980px) {
  .postingpilot-flight-animation .postingpilot-plane-dot {
    display: none !important;
  }

  .postingpilot-flight-animation article {
    width: auto !important;
  }
}

.postingpilot-flight-path {
  grid-template-columns: .72fr 1.28fr !important;
}

.postingpilot-flight-animation {
  min-height: 500px !important;
  padding: 34px !important;
}

.postingpilot-flight-animation article {
  z-index: 4 !important;
  width: 190px !important;
  min-height: 126px !important;
}

.postingpilot-flight-animation .step-three {
  width: 230px !important;
  left: 43% !important;
}

.postingpilot-flight-animation .step-four {
  width: 220px !important;
  min-height: 132px !important;
  top: 284px !important;
  left: 55% !important;
}

.postingpilot-flight-animation .step-five {
  width: 204px !important;
  min-height: 126px !important;
  top: 188px !important;
  right: 2% !important;
}

.postingpilot-flight-animation .step-four strong, .postingpilot-flight-animation .step-five strong {
  font-size: 20px !important;
}

.postingpilot-flight-animation .step-four span, .postingpilot-flight-animation .step-five span {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1100px) {
  .postingpilot-flight-path {
    grid-template-columns: 1fr !important;
  }
}

.postingpilot-founder-spots, .postingpilot-value-stack, .postingpilot-audience-section, .postingpilot-before-after, .postingpilot-guarantee, .postingpilot-faq {
  width: min(1180px, 100% - 32px);
  margin: 0 auto 34px;
}

.postingpilot-founder-spots, .postingpilot-guarantee {
  background: #fff;
  border: 1px solid #3336601a;
  border-radius: 34px;
  grid-template-columns: 1fr 360px;
  align-items: center;
  gap: 22px;
  padding: 30px;
  display: grid;
  box-shadow: 0 24px 70px #2f275c17;
}

.postingpilot-founder-spots h2, .postingpilot-value-stack h2, .postingpilot-audience-section h2, .postingpilot-before-after h2, .postingpilot-guarantee h2, .postingpilot-faq h2 {
  color: #18213f;
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(32px, 4vw, 58px);
  line-height: .95;
}

.postingpilot-founder-spots span, .postingpilot-guarantee span {
  color: #626a7f;
  margin-top: 12px;
  line-height: 1.5;
  display: block;
}

.postingpilot-founder-spots aside {
  color: #fff;
  background: linear-gradient(#18213f, #263761);
  border-radius: 28px;
  padding: 24px;
}

.postingpilot-founder-spots aside strong {
  letter-spacing: -.04em;
  font-size: 22px;
  line-height: 1.05;
  display: block;
}

.postingpilot-founder-spots aside div {
  background: #ffffff29;
  border-radius: 999px;
  height: 13px;
  margin: 22px 0 10px;
  overflow: hidden;
}

.postingpilot-founder-spots aside div span {
  border-radius: inherit;
  background: linear-gradient(90deg, #e94d45, #ffb454);
  height: 100%;
  margin: 0;
  display: block;
}

.postingpilot-founder-spots aside small {
  color: #dce6ff;
  font-weight: 800;
}

.postingpilot-value-stack {
  background: #ffffffb8;
  border: 1px solid #33366014;
  border-radius: 34px;
  padding: 30px;
  box-shadow: 0 24px 70px #2f275c12;
}

.postingpilot-value-stack > div:first-child {
  max-width: 720px;
  margin-bottom: 22px;
}

.postingpilot-value-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  display: grid;
}

.postingpilot-value-grid article, .postingpilot-audience-section article, .postingpilot-before-after article, .postingpilot-faq details {
  background: #fff;
  border: 1px solid #33366017;
  border-radius: 26px;
  padding: 22px;
  box-shadow: 0 16px 44px #2f275c0f;
}

.postingpilot-value-grid b, .postingpilot-audience-section b {
  font-size: 28px;
}

.postingpilot-value-grid strong, .postingpilot-audience-section strong {
  color: #18213f;
  letter-spacing: -.03em;
  margin: 12px 0 8px;
  font-size: 20px;
  display: block;
}

.postingpilot-value-grid p, .postingpilot-audience-section span, .postingpilot-before-after li, .postingpilot-faq p {
  color: #626a7f;
  line-height: 1.5;
}

.postingpilot-audience-section {
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
  gap: 22px;
  display: grid;
}

.postingpilot-audience-section > div:last-child {
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  display: grid;
}

.postingpilot-before-after {
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  display: grid;
}

.postingpilot-before-after article:first-child {
  background: #fff7f1;
}

.postingpilot-before-after article:last-child {
  background: #f3f8ff;
}

.postingpilot-before-after ul {
  margin: 18px 0 0;
  padding-left: 20px;
}

.postingpilot-guarantee {
  color: #fff;
  background: linear-gradient(135deg, #18213f, #2f4477);
  grid-template-columns: 80px 1fr;
}

.postingpilot-guarantee b {
  background: #ffffff1f;
  border-radius: 22px;
  place-items: center;
  width: 68px;
  height: 68px;
  font-size: 34px;
  display: grid;
}

.postingpilot-guarantee h2 {
  color: #fff;
}

.postingpilot-guarantee .postingpilot-eyebrow {
  color: #ffcf78;
}

.postingpilot-guarantee span {
  color: #dce6ff;
}

.postingpilot-faq {
  grid-template-columns: .75fr 1.25fr;
  align-items: start;
  gap: 16px;
  display: grid;
}

.postingpilot-faq details {
  margin-bottom: 10px;
}

.postingpilot-faq summary {
  cursor: pointer;
  color: #18213f;
  font-size: 18px;
  font-weight: 950;
}

.postingpilot-faq p {
  margin: 12px 0 0;
}

@media (max-width: 900px) {
  .postingpilot-founder-spots, .postingpilot-audience-section, .postingpilot-before-after, .postingpilot-guarantee, .postingpilot-faq, .postingpilot-value-grid, .postingpilot-audience-section > div:last-child {
    grid-template-columns: 1fr;
  }
}

.postingpilot-full-logo img {
  transform-origin: 58% 52%;
  will-change: transform;
  animation: 4.8s ease-in-out infinite postingpilotLogoPlaneWobble;
}

.postingpilot-full-logo:hover img {
  animation-duration: 3.2s;
}

@keyframes postingpilotLogoPlaneWobble {
  0%, 100% {
    transform: translate3d(0, 0, 0)rotate(-1.2deg);
  }

  22% {
    transform: translate3d(1px, -2px, 0)rotate(1.1deg);
  }

  46% {
    transform: translate3d(0, 1px, 0)rotate(-.6deg);
  }

  70% {
    transform: translate3d(2px, -1px, 0)rotate(.8deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .postingpilot-full-logo img {
    animation: none !important;
  }
}

.auth-page {
  background: radial-gradient(circle at 12% 18%, #7eb3ff42, #0000 30%), radial-gradient(circle at 82% 16%, #ffb4542e, #0000 28%), linear-gradient(135deg, #eef7ff 0%, #f7f3ec 48%, #fff8ef 100%) !important;
}

.auth-card {
  background: linear-gradient(#fffffff0, #faf6efdb) !important;
  border: 1px solid #18213f17 !important;
  box-shadow: 0 34px 100px #18213f1f, 0 0 0 1px #ffffffc2, inset 0 1px #ffffffe6 !important;
}

.auth-card:before {
  background: radial-gradient(circle, #ffb4543d, #0000 68%) !important;
}

.postingpilot-auth-logo {
  align-items: center;
  text-decoration: none;
  overflow: visible;
  min-height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
}

.postingpilot-auth-logo img {
  filter: drop-shadow(0 16px 24px #18213f1f);
  transform-origin: 58% 52%;
  animation: 4.8s ease-in-out infinite postingpilotLogoPlaneWobble;
  object-fit: contain !important;
  width: min(250px, 58vw) !important;
  height: auto !important;
}

.auth-card .eyebrow {
  color: #2f6df6 !important;
}

.auth-card h1 {
  max-width: 470px;
  color: #18213f !important;
}

.auth-card .settings-form label {
  background: #ffffffc2 !important;
  border-color: #18213f17 !important;
}

.auth-card .settings-form label span {
  color: #18213f !important;
}

.auth-card input {
  color: #18213f !important;
  border-color: #18213f1f !important;
}

.auth-card input:focus {
  border-color: #2f6df66b !important;
  box-shadow: 0 0 0 4px #2f6df61f !important;
}

.auth-card button[type="submit"] {
  background: linear-gradient(135deg, #e94d45, #ff8a4c) !important;
  box-shadow: 0 18px 34px #e94d453d !important;
}

.auth-card small, .auth-card small a {
  color: #18213f !important;
}

.auth-card small a {
  text-underline-offset: 3px;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .postingpilot-auth-logo img {
    width: min(220px, 68vw) !important;
  }
}

.brandbalance-simple-page {
  --bb-blue: #2f6df6;
  --bb-sky: #eaf5ff;
  --bb-navy: #18213f;
  --bb-ink: #18213f;
  --bb-muted: #657089;
  --bb-orange: #ff8a4c;
  --bb-red: #e94d45;
  color: var(--bb-ink) !important;
  background: radial-gradient(circle at 10% 8%, #7eb3ff38, #0000 28%), radial-gradient(circle at 90% 14%, #ffb4542e, #0000 30%), linear-gradient(135deg, #eef7ff 0%, #f7f3ec 48%, #fff8ef 100%) !important;
}

.brandbalance-showcase-hero, .brandbalance-board-preview, .brandbalance-start-here, .brandbalance-command-strip, .brandbalance-calendar-card, .brandbalance-grandma-wizard, .brandbalance-simple-checklist, .brandbalance-demo-examples, .brandbalance-launch-readiness, .brandbalance-phase-two, .brandbalance-simple-card, .brandbalance-kanban-planner {
  border-color: #18213f17 !important;
  box-shadow: 0 24px 70px #18213f14 !important;
}

.brandbalance-backoffice-rail, .brandbalance-left-rail {
  background: linear-gradient(#ffffffdb, #fff8efb8) !important;
  border-right: 1px solid #18213f14 !important;
}

.postingpilot-backoffice-logo {
  align-items: center !important;
  width: min(255px, 100%) !important;
  min-height: 86px !important;
  margin-bottom: 18px !important;
  display: flex !important;
}

.postingpilot-backoffice-logo img {
  filter: drop-shadow(0 14px 22px #18213f24);
  transform-origin: 58% 52%;
  animation: 4.8s ease-in-out infinite postingpilotLogoPlaneWobble;
  object-fit: contain !important;
  object-position: left center !important;
  width: min(245px, 100%) !important;
  height: auto !important;
}

.brandbalance-office-kicker, .brandbalance-kanban-head .eyebrow, .brandbalance-start-here .eyebrow, .brandbalance-calendar-card .eyebrow, .brandbalance-phase-two .eyebrow, .section-mini-head .eyebrow, .brandbalance-good-morning em, .brandbalance-week-chip {
  color: #2f6df6 !important;
}

.brandbalance-left-rail h1, .brandbalance-kanban-head h3, .brandbalance-start-here h2, .brandbalance-calendar-card h2, .brandbalance-command-strip h2, .brandbalance-phase-two h2, .brandbalance-simple-card h2, .brandbalance-demo-examples h2, .brandbalance-launch-readiness h2 {
  color: #18213f !important;
}

.brandbalance-rail-short-copy, .brandbalance-client-snapshot span, .brandbalance-benefit-list small, .brandbalance-board-preview span, .brandbalance-kanban-head span, .brandbalance-calendar-card p, .brandbalance-simple-checklist li, .brandbalance-phase-two p {
  color: #657089 !important;
}

.brandbalance-trial-button, .brandbalance-lock-week, .brandbalance-calendar-actions button:last-child, .brandbalance-start-here a, .brandbalance-command-strip a, .brandbalance-launch-readiness a, .brandbalance-post-bank article > button, .brandbalance-sidekick form button, .brandbalance-sidekick-launcher {
  color: #fff !important;
  background: linear-gradient(135deg, #e94d45, #ff8a4c) !important;
  border: 0 !important;
  box-shadow: 0 18px 38px #e94d4538 !important;
}

.brandbalance-calendar-actions button:first-child, .brandbalance-clear-week-modal button:first-child, .brandbalance-lock-week.unlocked {
  color: #18213f !important;
  background: #fff !important;
  border: 1px solid #18213f1f !important;
  box-shadow: 0 12px 26px #18213f0f !important;
}

.brandbalance-good-morning, .brandbalance-kanban-planner, .brandbalance-kanban-days article, .brandbalance-post-bank article, .brandbalance-client-snapshot, .brandbalance-benefit-list article, .brandbalance-calendar-grid article, .brandbalance-grandma-wizard article, .brandbalance-next-step-card, .brandbalance-health-card, .brandbalance-sidekick-panel, .brandbalance-setup-wizard, .brandbalance-demo-examples article, .brandbalance-launch-readiness article, .brandbalance-phase-two article {
  background: #ffffffc7 !important;
  border-color: #18213f17 !important;
}

.brandbalance-kanban-days article.filled, .brandbalance-mobile-week-strip article.filled {
  background: linear-gradient(#fff, #fff7ee) !important;
}

.brandbalance-kanban-shelf article:nth-child(4n+1), .brandbalance-post-bank article:nth-child(4n+1) {
  background: linear-gradient(#fff, #eef6ff) !important;
}

.brandbalance-kanban-shelf article:nth-child(4n+2), .brandbalance-post-bank article:nth-child(4n+2) {
  background: linear-gradient(#fff, #fff2ec) !important;
}

.brandbalance-kanban-shelf article:nth-child(4n+3), .brandbalance-post-bank article:nth-child(4n+3) {
  background: linear-gradient(#fff, #f4f1ff) !important;
}

.brandbalance-kanban-shelf article:nth-child(4n+4), .brandbalance-post-bank article:nth-child(4n+4) {
  background: linear-gradient(#fff, #edfdf7) !important;
}

.brandbalance-day-remove {
  color: #fff !important;
  background: #e94d45 !important;
}

.brandbalance-profile-menu summary span {
  background: linear-gradient(135deg, #e94d45, #ffb454) !important;
}

.brandbalance-bottom-banner {
  color: #fff !important;
  background: linear-gradient(135deg, #18213f, #2f4477) !important;
}

.brandbalance-bottom-banner em {
  color: #ffcf78 !important;
}

.brandbalance-sidekick header span, .brandbalance-benefit-list b, .brandbalance-next-step-card > b, .brandbalance-grandma-wizard b, .brandbalance-phase-two b {
  color: #fff !important;
  background: linear-gradient(135deg, #2f6df6, #ff8a4c) !important;
}

@media (prefers-reduced-motion: reduce) {
  .postingpilot-backoffice-logo img {
    animation: none !important;
  }
}

.brandbalance-left-rail .postingpilot-backoffice-logo, .brandbalance-backoffice-rail .postingpilot-backoffice-logo {
  width: 100% !important;
  min-height: 108px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  margin: -8px 0 14px !important;
  padding: 0 !important;
  display: flex !important;
  overflow: visible !important;
}

.brandbalance-left-rail .postingpilot-backoffice-logo:before, .brandbalance-backoffice-rail .postingpilot-backoffice-logo:before {
  content: "";
  filter: blur(8px);
  pointer-events: none;
  background: radial-gradient(#2f6df621, #0000 68%);
  border-radius: 999px;
  width: 190px;
  height: 70px;
  position: absolute;
  transform: translateY(18px)rotate(-4deg);
}

.brandbalance-left-rail .postingpilot-backoffice-logo img, .brandbalance-backoffice-rail .postingpilot-backoffice-logo img {
  transform: rotate(-3deg);
  object-fit: contain !important;
  object-position: center !important;
  filter: drop-shadow(0 16px 18px #18213f2e) !important;
  width: min(210px, 92%) !important;
  max-height: 116px !important;
}

.brandbalance-left-rail .postingpilot-backoffice-logo:hover img, .brandbalance-backoffice-rail .postingpilot-backoffice-logo:hover img {
  transform: rotate(-2deg)translateY(-1px);
}

@media (max-width: 920px) {
  .brandbalance-left-rail .postingpilot-backoffice-logo, .brandbalance-backoffice-rail .postingpilot-backoffice-logo {
    justify-content: flex-start !important;
    min-height: 84px !important;
  }

  .brandbalance-left-rail .postingpilot-backoffice-logo img, .brandbalance-backoffice-rail .postingpilot-backoffice-logo img {
    width: min(180px, 78vw) !important;
  }
}

.brandbalance-simple-layout {
  gap: 24px !important;
}

.brandbalance-left-rail, .brandbalance-backoffice-rail {
  background: radial-gradient(circle at 55% 3%, #ffb4542e, #0000 28%), radial-gradient(circle at 22% 12%, #2f6df61f, #0000 30%), linear-gradient(#ffffffeb, #fffaf4c7) !important;
  border: 1px solid #18213f14 !important;
  border-radius: 34px !important;
  height: calc(100dvh - 36px) !important;
  margin: 18px 0 18px 18px !important;
  position: sticky !important;
  top: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 28px 80px #18213f1c, inset 0 1px #fffc !important;
}

.brandbalance-left-rail:before, .brandbalance-backoffice-rail:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(135deg, #ffffffb3, #0000 42%), radial-gradient(circle at 100% 70%, #2f6df614, #0000 32%);
  position: absolute;
  inset: 0;
}

.brandbalance-left-rail > *, .brandbalance-backoffice-rail > * {
  z-index: 1;
  position: relative;
}

.brandbalance-left-rail .postingpilot-backoffice-logo:before, .brandbalance-backoffice-rail .postingpilot-backoffice-logo:before {
  opacity: .8;
  width: 170px;
  height: 58px;
  top: 34px;
  left: 14px;
}

.brandbalance-office-kicker {
  letter-spacing: .18em !important;
  margin-top: 4px !important;
  font-size: 11px !important;
}

.brandbalance-left-rail h1, .brandbalance-backoffice-rail h1 {
  letter-spacing: -.07em !important;
  margin: 8px 0 14px !important;
  font-size: clamp(34px, 3.1vw, 48px) !important;
  line-height: .94 !important;
}

.brandbalance-rail-short-copy {
  margin-bottom: 18px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
}

.brandbalance-client-snapshot, .brandbalance-benefit-list article {
  background: #ffffff94 !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px #ffffffb3, 0 12px 28px #18213f0d !important;
}

.brandbalance-benefit-list {
  gap: 10px !important;
}

.brandbalance-benefit-list b {
  border-radius: 13px !important;
  width: 34px !important;
  height: 34px !important;
}

.brandbalance-trial-button {
  border-radius: 18px !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  margin: 16px 0 10px !important;
}

.brandbalance-rail-footnote {
  color: #18213f94 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1100px) {
  .brandbalance-left-rail, .brandbalance-backoffice-rail {
    border-radius: 28px !important;
    height: auto !important;
    margin: 12px !important;
    position: relative !important;
    top: auto !important;
  }
}

.postingpilot-video-studio {
  background: radial-gradient(circle at 9% 10%, #ffb45438, #0000 30%), radial-gradient(circle at 88% 18%, #2f6df629, #0000 30%), linear-gradient(135deg, #ffffffe6, #fff8efc7);
  border: 1px solid #18213f17;
  border-radius: 30px;
  grid-template-columns: .92fr 1.08fr;
  align-items: stretch;
  gap: 18px;
  margin: 24px 0;
  padding: 24px;
  display: grid;
  box-shadow: 0 24px 70px #18213f14;
}

.postingpilot-video-studio-copy {
  align-content: center;
  gap: 12px;
  display: grid;
}

.postingpilot-video-studio-copy h2 {
  color: #18213f;
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(32px, 3.6vw, 56px);
  line-height: .92;
}

.postingpilot-video-studio-copy p {
  color: #657089;
  margin: 0;
  font-weight: 750;
  line-height: 1.5;
}

.postingpilot-video-studio-copy > span {
  color: #2f6df6;
  background: #2f6df61a;
  border-radius: 999px;
  width: fit-content;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 950;
}

.postingpilot-video-form {
  background: #ffffffc2;
  border: 1px solid #18213f14;
  border-radius: 24px;
  gap: 12px;
  padding: 18px;
  display: grid;
  box-shadow: inset 0 1px #fffc;
}

.postingpilot-video-form label {
  color: #18213f;
  gap: 7px;
  font-weight: 950;
  display: grid;
}

.postingpilot-video-form label span {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #2f6df6;
  font-size: 11px;
}

.postingpilot-video-form select, .postingpilot-video-form textarea {
  color: #18213f;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #18213f1c;
  border-radius: 16px;
  outline: none;
  padding: 12px 13px;
  font-weight: 760;
}

.postingpilot-video-form textarea {
  resize: vertical;
  min-height: 92px;
}

.postingpilot-video-form button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #e94d45, #ff8a4c);
  border: 0;
  border-radius: 999px;
  justify-self: start;
  padding: 13px 18px;
  font-weight: 1000;
  box-shadow: 0 18px 38px #e94d4538;
}

.postingpilot-video-assets {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.postingpilot-video-assets article {
  background: #ffffffc7;
  border: 1px solid #18213f14;
  border-radius: 22px;
  padding: 16px;
}

.postingpilot-video-assets span {
  color: #2f6df6;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 11px;
  font-weight: 1000;
}

.postingpilot-video-assets strong {
  color: #18213f;
  margin: 8px 0;
  display: block;
}

.postingpilot-video-assets p, .postingpilot-video-assets small {
  color: #657089;
  font-weight: 750;
  line-height: 1.45;
}

.postingpilot-video-assets a {
  color: #e94d45;
  font-weight: 950;
  text-decoration: none;
}

@media (max-width: 900px) {
  .postingpilot-video-studio, .postingpilot-video-assets {
    grid-template-columns: 1fr;
  }

  .postingpilot-video-assets {
    grid-column: auto;
  }
}

.brandbalance-command-strip {
  background: linear-gradient(#ffffffeb, #fffaf4d1) !important;
  border-radius: 32px !important;
  grid-template-columns: minmax(260px, .74fr) minmax(420px, 1.26fr) !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 30px !important;
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
}

.brandbalance-command-strip:before {
  content: "";
  opacity: .7;
  background: linear-gradient(90deg, #e94d45f2, #2f6df6cc, #45d6b5cc, #ffb454eb);
  height: 5px;
  position: absolute;
  inset: 0 0 auto;
}

.brandbalance-command-strip h2 {
  max-width: 360px !important;
  margin: 0 !important;
  font-size: clamp(38px, 4.4vw, 64px) !important;
  line-height: .9 !important;
}

.brandbalance-command-strip p:not(.eyebrow) {
  color: #657089 !important;
  max-width: 360px !important;
  margin: 12px 0 0 !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.brandbalance-command-strip > div:last-child {
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  display: flex !important;
}

.brandbalance-command-strip > div:last-child a, .brandbalance-command-strip > div:last-child button, .brandbalance-command-strip .brandbalance-big-text-toggle {
  white-space: nowrap !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 11px 16px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 12px 26px #18213f14 !important;
}

.brandbalance-command-strip > div:last-child > span, .brandbalance-command-strip .tour-label, .brandbalance-command-strip small {
  display: none !important;
}

.brandbalance-command-strip .brandbalance-big-text-toggle {
  color: #18213f !important;
  background: #fff !important;
  border: 1px solid #18213f1a !important;
}

.brandbalance-command-strip [data-tour], .brandbalance-command-strip .tour-button, .brandbalance-command-strip button[type="button"] {
  align-self: center !important;
}

@media (max-width: 980px) {
  .brandbalance-command-strip {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 26px !important;
  }

  .brandbalance-command-strip > div:last-child {
    justify-content: flex-start !important;
  }
}

@media (max-width: 560px) {
  .brandbalance-command-strip > div:last-child a, .brandbalance-command-strip > div:last-child button, .brandbalance-command-strip .brandbalance-big-text-toggle {
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
  }
}

.brandbalance-start-here {
  border-radius: 32px !important;
  grid-template-columns: minmax(280px, .78fr) minmax(420px, 1.22fr) !important;
  align-items: center !important;
  gap: 26px !important;
  padding: 30px !important;
  display: grid !important;
  overflow: hidden !important;
}

.brandbalance-start-here > div:first-child h2 {
  max-width: 380px !important;
  margin: 0 !important;
  font-size: clamp(38px, 4.2vw, 62px) !important;
  line-height: .9 !important;
}

.brandbalance-start-here > div:last-child {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: stretch stretch !important;
  gap: 10px !important;
  display: grid !important;
}

.brandbalance-start-here > div:last-child a, .brandbalance-start-here > div:last-child button, .brandbalance-start-here .start-tour-button, .brandbalance-start-here .brandbalance-big-text-toggle {
  white-space: nowrap !important;
  text-align: center !important;
  border-radius: 999px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

.brandbalance-start-here .start-tour-button.compact:before {
  content: "🧭 ";
}

.brandbalance-start-here .start-tour-button.compact {
  color: #18213f !important;
  background: #fff !important;
  border: 1px solid #18213f1a !important;
  font-size: 0 !important;
  box-shadow: 0 12px 26px #18213f14 !important;
}

.brandbalance-start-here .start-tour-button.compact:after {
  content: "Guide";
  font-size: 13px;
}

.brandbalance-start-here .brandbalance-big-text-toggle {
  color: #18213f !important;
  background: #fff7d6 !important;
  border: 1px solid #ffb45447 !important;
}

.brandbalance-command-strip {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 18px !important;
  padding: 0 !important;
  display: grid !important;
  overflow: visible !important;
}

.brandbalance-command-strip:before {
  display: none !important;
}

.brandbalance-next-step-card, .brandbalance-health-card {
  background: linear-gradient(#ffffffe6, #fffaf4c2) !important;
  border: 1px solid #18213f17 !important;
  border-radius: 30px !important;
  min-height: 190px !important;
  padding: 26px !important;
  box-shadow: 0 20px 58px #18213f14, inset 0 1px #fffc !important;
}

.brandbalance-next-step-card {
  grid-template-columns: 60px minmax(0, 1fr) !important;
  grid-template-areas: "icon copy"
                       "action action" !important;
  align-items: center !important;
  gap: 14px 18px !important;
  display: grid !important;
}

.brandbalance-next-step-card > b {
  grid-area: icon;
  width: 58px !important;
  height: 58px !important;
}

.brandbalance-next-step-card > div {
  grid-area: copy;
  min-width: 0 !important;
}

.brandbalance-next-step-card > a {
  text-align: center !important;
  background: linear-gradient(135deg, #e94d45, #ff8a4c) !important;
  grid-area: action !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 150px !important;
}

.brandbalance-next-step-card h2, .brandbalance-health-card h2 {
  letter-spacing: -.06em !important;
  max-width: none !important;
  font-size: clamp(34px, 3.4vw, 48px) !important;
  line-height: .92 !important;
}

.brandbalance-health-card {
  grid-template-columns: minmax(0, 1fr) 86px !important;
  align-items: center !important;
  display: grid !important;
}

.brandbalance-health-card > b {
  width: 86px !important;
  height: 86px !important;
  font-size: 24px !important;
}

@media (max-width: 980px) {
  .brandbalance-start-here, .brandbalance-command-strip {
    grid-template-columns: 1fr !important;
  }

  .brandbalance-start-here > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .brandbalance-start-here > div:last-child, .brandbalance-health-card {
    grid-template-columns: 1fr !important;
  }
}

.brandbalance-start-here {
  grid-template-columns: minmax(240px, .7fr) minmax(360px, 1fr) !important;
  gap: 20px !important;
  min-height: 0 !important;
  padding: 22px 26px !important;
}

.brandbalance-start-here > div:first-child h2 {
  max-width: 330px !important;
  font-size: clamp(30px, 3.2vw, 46px) !important;
  line-height: .92 !important;
}

.brandbalance-start-here > div:first-child p:not(.eyebrow) {
  max-width: 340px !important;
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.brandbalance-start-here > div:last-child {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
}

.brandbalance-start-here > div:last-child a, .brandbalance-start-here > div:last-child button, .brandbalance-start-here .brandbalance-big-text-toggle {
  min-height: 40px !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  box-shadow: 0 10px 22px #18213f0f !important;
}

.postingpilot-sidebar-steps {
  background: #ffffff9e;
  border: 1px solid #18213f14;
  border-radius: 24px;
  margin-top: 18px;
  padding: 18px;
  box-shadow: inset 0 1px #ffffffbf, 0 18px 42px #18213f0f;
}

.postingpilot-sidebar-steps h2 {
  color: #18213f !important;
  letter-spacing: -.05em !important;
  margin: 2px 0 6px !important;
  font-size: 28px !important;
  line-height: .95 !important;
}

.postingpilot-sidebar-steps span {
  color: #657089;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.3;
}

.postingpilot-sidebar-steps ol {
  gap: 8px;
  margin: 14px 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.postingpilot-sidebar-steps li {
  background: #ffffffa8;
  border: 1px solid #18213f0f;
  border-radius: 16px;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  display: grid;
}

.postingpilot-sidebar-steps li b {
  color: #fff;
  background: linear-gradient(135deg, #2f6df6, #ff8a4c);
  border-radius: 12px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  display: grid;
}

.postingpilot-sidebar-steps .start-tour-button.compact {
  color: #fff !important;
  background: linear-gradient(135deg, #18213f, #2f4477) !important;
  border: 0 !important;
  border-radius: 999px !important;
  width: 100% !important;
  min-height: 42px !important;
  font-size: 0 !important;
  font-weight: 950 !important;
  box-shadow: 0 16px 32px #18213f26 !important;
}

.postingpilot-sidebar-steps .start-tour-button.compact:before {
  content: "🧭 Start guided tour";
  font-size: 13px;
}

@media (max-width: 980px) {
  .brandbalance-start-here {
    grid-template-columns: 1fr !important;
  }

  .brandbalance-start-here > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .brandbalance-start-here > div:last-child {
    grid-template-columns: 1fr !important;
  }
}

.postingpilot-review-queue {
  background: linear-gradient(#ffffffeb, #fffaf4c7);
  border: 1px solid #18213f17;
  border-radius: 34px;
  margin: 24px 0;
  padding: 22px;
  box-shadow: 0 24px 70px #18213f14;
}

.postingpilot-review-header {
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 18px;
  display: flex;
}

.postingpilot-review-header h2 {
  color: #18213f;
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(34px, 4vw, 58px);
  line-height: .9;
}

.postingpilot-review-header span, .postingpilot-review-detail p, .postingpilot-review-detail span {
  color: #657089;
  font-weight: 750;
  line-height: 1.45;
}

.postingpilot-review-progress {
  justify-items: end;
  gap: 9px;
  min-width: 230px;
  display: grid;
}

.postingpilot-review-progress strong {
  color: #18213f;
  font-size: 26px;
}

.postingpilot-review-progress div {
  background: #18213f14;
  border-radius: 999px;
  width: 100%;
  height: 10px;
  overflow: hidden;
}

.postingpilot-review-progress div span {
  border-radius: inherit;
  background: linear-gradient(90deg, #e94d45, #ffb454, #2f6df6);
  height: 100%;
  display: block;
}

.postingpilot-review-progress button, .postingpilot-review-nav button, .postingpilot-review-tabs button, .postingpilot-quick-edit-inline button {
  color: #18213f;
  cursor: pointer;
  background: #fff;
  border: 1px solid #18213f1a;
  border-radius: 999px;
  padding: 9px 12px;
  font-weight: 950;
}

.postingpilot-review-shell {
  grid-template-columns: 210px minmax(0, .95fr) minmax(340px, 1.05fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.postingpilot-review-list {
  gap: 8px;
  display: grid;
  position: sticky;
  top: 16px;
}

.postingpilot-review-list button {
  text-align: left;
  cursor: pointer;
  background: #ffffffb8;
  border: 1px solid #18213f14;
  border-radius: 18px;
  gap: 4px;
  padding: 12px;
  display: grid;
}

.postingpilot-review-list button.active {
  background: #fff;
  border-color: #2f6df659;
  outline: 3px solid #2f6df629;
}

.postingpilot-review-list b {
  color: #18213f;
}

.postingpilot-review-list span {
  color: #657089;
  font-size: 13px;
  font-weight: 850;
}

.postingpilot-review-list small {
  text-transform: uppercase;
  color: #2f6df6;
  background: #eef3ff;
  border-radius: 999px;
  width: max-content;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 1000;
}

.postingpilot-review-list small.approved {
  color: #15803d;
  background: #eafaf2;
}

.postingpilot-review-list small.needs_edit {
  color: #9a6700;
  background: #fff7db;
}

.postingpilot-preview-top {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.postingpilot-preview-top h3, .postingpilot-review-detail h3 {
  color: #18213f;
  letter-spacing: -.04em;
  margin: 0;
  font-size: 28px;
}

.postingpilot-preview-top > div:last-child {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.postingpilot-preview-top button, .postingpilot-review-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #18213f, #2f4477);
  border: 0;
}

.postingpilot-social-preview {
  background: #fff;
  border: 1px solid #18213f14;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 16px 44px #18213f0f;
}

.postingpilot-social-preview header {
  align-items: center;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.postingpilot-social-preview header b {
  color: #fff;
  background: linear-gradient(135deg, #2f6df6, #ff8a4c);
  border-radius: 50%;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.postingpilot-social-preview header strong, .postingpilot-social-preview h4 {
  color: #18213f;
}

.postingpilot-social-preview header small {
  color: #657089;
}

.postingpilot-preview-media {
  color: #657089;
  text-align: center;
  background: linear-gradient(135deg, #eef7ff, #fff2ec);
  place-items: center;
  min-height: 280px;
  display: grid;
}

.postingpilot-preview-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 360px;
}

.postingpilot-preview-media span {
  font-size: 42px;
  display: block;
}

.postingpilot-social-preview h4, .postingpilot-social-preview p, .postingpilot-social-preview em {
  padding: 0 16px;
  display: block;
}

.postingpilot-social-preview p {
  color: #30384f;
  line-height: 1.45;
}

.postingpilot-social-preview em {
  color: #e94d45;
  padding-bottom: 16px;
  font-weight: 900;
}

.postingpilot-review-nav {
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.postingpilot-review-tabs {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
  display: flex;
}

.postingpilot-review-detail article {
  gap: 12px;
  display: grid;
}

.postingpilot-review-detail article div {
  background: #fffaf4d1;
  border-radius: 18px;
  gap: 4px;
  padding: 12px;
  display: grid;
}

.postingpilot-review-detail form button, .postingpilot-sticky-actions button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #e94d45, #ff8a4c);
  border: 0;
  border-radius: 999px;
  padding: 11px 14px;
  font-weight: 1000;
}

.postingpilot-review-media-thumb {
  object-fit: cover;
  border-radius: 18px;
  width: 100%;
  max-height: 260px;
}

.postingpilot-sticky-actions {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffffdb;
  border: 1px solid #18213f14;
  border-radius: 22px;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  padding: 10px;
  display: flex;
  position: sticky;
  bottom: 12px;
  box-shadow: 0 18px 40px #18213f1f;
}

.postingpilot-quick-edit-inline {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  display: flex;
}

.postingpilot-quick-edit-inline strong {
  color: #18213f;
}

@media (max-width: 1180px) {
  .postingpilot-review-shell {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .postingpilot-review-detail {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .postingpilot-review-header, .postingpilot-preview-top {
    align-items: start;
    display: grid;
  }

  .postingpilot-review-progress {
    justify-items: start;
    width: 100%;
  }

  .postingpilot-review-shell {
    grid-template-columns: 1fr;
  }

  .postingpilot-review-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: static;
  }

  .postingpilot-preview-media {
    min-height: 220px;
  }
}

@media (max-width: 480px) {
  .postingpilot-review-list {
    grid-template-columns: 1fr;
  }

  .postingpilot-sticky-actions form, .postingpilot-sticky-actions button {
    flex: 42%;
  }
}

.postingpilot-review-queue {
  background: linear-gradient(#fbfdff 0%, #f4f7fb 100%) !important;
  border: 1px solid #18213f14 !important;
  padding: 26px !important;
  box-shadow: 0 18px 50px #18213f12 !important;
}

.postingpilot-review-header {
  border-bottom: 1px solid #18213f14 !important;
  align-items: center !important;
  padding: 0 4px 18px !important;
}

.postingpilot-review-header h2 {
  letter-spacing: -.045em !important;
  font-size: clamp(30px, 3.2vw, 48px) !important;
}

.postingpilot-review-header .eyebrow, .postingpilot-preview-top .eyebrow, .postingpilot-review-detail .eyebrow {
  color: #3a6df0 !important;
  letter-spacing: .13em !important;
}

.postingpilot-review-progress {
  background: #fff !important;
  border: 1px solid #18213f14 !important;
  border-radius: 22px !important;
  justify-items: stretch !important;
  min-width: 260px !important;
  padding: 14px !important;
}

.postingpilot-review-progress strong {
  text-align: right !important;
  font-size: 22px !important;
}

.postingpilot-review-progress button {
  color: #fff !important;
  box-shadow: none !important;
  background: #2f6df6 !important;
  border: 0 !important;
  justify-self: end !important;
}

.postingpilot-review-shell {
  grid-template-columns: 210px minmax(360px, 1.15fr) minmax(320px, .85fr) !important;
  gap: 18px !important;
  margin-top: 20px !important;
}

.postingpilot-review-list {
  gap: 10px !important;
  max-height: 720px !important;
  padding-right: 4px !important;
  overflow: auto !important;
}

.postingpilot-review-list button {
  all: unset !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  background: #fff !important;
  border: 1px solid #18213f14 !important;
  border-radius: 18px !important;
  grid-template-columns: 1fr auto !important;
  gap: 4px 10px !important;
  width: 100% !important;
  padding: 13px 14px !important;
  display: grid !important;
  box-shadow: 0 8px 24px #18213f0b !important;
}

.postingpilot-review-list button.active {
  background: linear-gradient(135deg, #fff 0%, #eef5ff 100%) !important;
  border-color: #2f6df673 !important;
  outline: none !important;
  box-shadow: 0 12px 30px #2f6df624 !important;
}

.postingpilot-review-list b {
  grid-column: 1;
  color: #17213d !important;
  font-size: 14px !important;
}

.postingpilot-review-list span {
  grid-column: 1 / -1;
  color: #5f6b82 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
  overflow: hidden !important;
}

.postingpilot-review-list small {
  grid-area: 1 / 2;
  box-shadow: none !important;
  border: 1px solid #0000 !important;
  align-self: center !important;
  padding: 4px 7px !important;
  font-size: 9px !important;
}

.postingpilot-review-preview, .postingpilot-review-detail {
  background: #fff !important;
  border: 1px solid #18213f14 !important;
  border-radius: 30px !important;
  padding: 18px !important;
  box-shadow: 0 14px 36px #18213f0e !important;
}

.postingpilot-preview-top {
  border-bottom: 1px solid #18213f12 !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
}

.postingpilot-preview-top h3, .postingpilot-review-detail h3 {
  letter-spacing: -.03em !important;
  font-size: 24px !important;
}

.postingpilot-preview-top > div:last-child, .postingpilot-review-tabs {
  background: #eef3fb !important;
  border-radius: 999px !important;
  gap: 4px !important;
  padding: 4px !important;
}

.postingpilot-preview-top button, .postingpilot-review-tabs button, .postingpilot-review-nav button, .postingpilot-quick-edit-inline button {
  all: unset !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  color: #53617a !important;
  border-radius: 999px !important;
  padding: 8px 11px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.postingpilot-preview-top button.active, .postingpilot-review-tabs button.active {
  color: #fff !important;
  background: #2f6df6 !important;
  box-shadow: 0 8px 16px #2f6df638 !important;
}

.postingpilot-social-preview {
  box-shadow: none !important;
  border: 1px solid #18213f17 !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}

.postingpilot-social-preview header {
  border-bottom: 1px solid #18213f0f !important;
  padding: 16px 18px !important;
}

.postingpilot-social-preview header b {
  background: linear-gradient(135deg, #ff8a4c, #2f6df6) !important;
  width: 36px !important;
  height: 36px !important;
}

.postingpilot-preview-media {
  background: linear-gradient(135deg, #f7faff, #fff8f3) !important;
  border-bottom: 1px solid #18213f0f !important;
  min-height: 240px !important;
}

.postingpilot-preview-media div {
  justify-items: center !important;
  gap: 6px !important;
  display: grid !important;
}

.postingpilot-preview-media span {
  font-size: 32px !important;
}

.postingpilot-preview-media strong {
  color: #17213d !important;
  font-size: 16px !important;
}

.postingpilot-preview-media small {
  color: #6c768b !important;
  max-width: 190px !important;
}

.postingpilot-social-preview h4, .postingpilot-social-preview p, .postingpilot-social-preview em {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.postingpilot-social-preview h4 {
  margin: 16px 0 8px !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

.postingpilot-social-preview p {
  margin: 0 0 12px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.postingpilot-social-preview em {
  color: #d64c3f !important;
  font-size: 14px !important;
}

.postingpilot-review-nav {
  margin-top: 14px !important;
}

.postingpilot-review-nav button {
  color: #17213d !important;
  background: #f3f6fb !important;
  border: 1px solid #18213f12 !important;
}

.postingpilot-review-detail article {
  gap: 10px !important;
  padding: 4px 2px 10px !important;
}

.postingpilot-review-detail article > strong {
  color: #17213d !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
}

.postingpilot-review-detail article p {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.postingpilot-review-detail article div {
  background: #f7f9fc !important;
  border: 1px solid #18213f0f !important;
  border-radius: 18px !important;
}

.postingpilot-sticky-actions {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: #f7f9fc !important;
  border-radius: 22px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 16px !important;
  padding: 12px !important;
  display: grid !important;
  position: static !important;
}

.postingpilot-sticky-actions form, .postingpilot-sticky-actions > button {
  min-width: 0 !important;
}

.postingpilot-sticky-actions button, .postingpilot-review-detail form button {
  width: 100% !important;
  min-height: 42px !important;
  box-shadow: none !important;
  background: #17213d !important;
  border-radius: 14px !important;
  font-size: 13px !important;
}

.postingpilot-sticky-actions .green {
  background: #18a957 !important;
}

.postingpilot-sticky-actions .yellow {
  color: #352100 !important;
  background: #ffb454 !important;
}

.postingpilot-quick-edit-inline {
  border-top: 1px solid #18213f14 !important;
  gap: 7px !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
}

.postingpilot-quick-edit-inline strong {
  color: #5f6b82 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  flex: 1 0 100% !important;
  font-size: 12px !important;
}

.postingpilot-quick-edit-inline form {
  flex: 0 auto !important;
}

.postingpilot-quick-edit-inline button {
  color: #2f6df6 !important;
  background: #fff !important;
  border: 1px solid #2f6df62e !important;
}

@media (max-width: 1180px) {
  .postingpilot-review-shell {
    grid-template-columns: 190px minmax(0, 1fr) !important;
  }

  .postingpilot-review-detail {
    grid-column: 2 !important;
  }
}

@media (max-width: 900px) {
  .postingpilot-review-shell {
    grid-template-columns: 1fr !important;
  }

  .postingpilot-review-detail {
    grid-column: auto !important;
  }

  .postingpilot-review-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-height: none !important;
    position: static !important;
  }
}

@media (max-width: 640px) {
  .postingpilot-review-queue {
    border-radius: 24px !important;
    padding: 16px !important;
  }

  .postingpilot-review-header {
    display: grid !important;
  }

  .postingpilot-review-progress {
    width: 100% !important;
    min-width: 0 !important;
  }

  .postingpilot-review-list {
    grid-template-columns: 1fr !important;
  }

  .postingpilot-preview-top > div:last-child, .postingpilot-review-tabs {
    border-radius: 18px !important;
  }

  .postingpilot-sticky-actions {
    grid-template-columns: 1fr !important;
  }
}

.brandbalance-demo-examples, .brandbalance-launch-readiness, .brandbalance-phase-two, .brandbalance-learning-loop, .postingpilot-video-studio, .brandbalance-helper-access, .brandbalance-concierge-card {
  display: none !important;
}

.brandbalance-quick-tabs {
  background: #fff !important;
  border: 1px solid #18213f14 !important;
  border-radius: 999px !important;
  max-width: 860px !important;
  margin: 22px auto !important;
  padding: 8px !important;
  box-shadow: 0 14px 34px #18213f0f !important;
}

.brandbalance-quick-tabs button {
  border-radius: 999px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.brandbalance-quick-tabs button span {
  background: #2f6df61a !important;
  border-radius: 50% !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-grid !important;
}

.brandbalance-quick-tabs button.active {
  color: #fff !important;
  background: #2f6df6 !important;
}

.brandbalance-quick-tabs button.active span {
  background: #ffffff38 !important;
}

.brandbalance-start-here, .brandbalance-calendar-card, .brandbalance-grandma-wizard, .brandbalance-simple-checklist, .brandbalance-simple-card, .brandbalance-one-button, .omah-output-head {
  background: #fff !important;
  border: 1px solid #18213f14 !important;
  border-radius: 30px !important;
  box-shadow: 0 16px 42px #18213f0e !important;
}

.brandbalance-start-here h2, .brandbalance-calendar-card h2, .section-mini-head h2, .brandbalance-one-button h2, .omah-output-head h2 {
  letter-spacing: -.045em !important;
  color: #17213d !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  line-height: 1 !important;
}

.brandbalance-start-here p, .brandbalance-calendar-card p, .section-mini-head p, .brandbalance-one-button p {
  color: #53617a !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

.brandbalance-start-here a, .brandbalance-one-button button[type="submit"], .brandbalance-week-wizard .brandbalance-wizard-actions button:last-child, .brandbalance-visual-library button[type="submit"] {
  color: #fff !important;
  min-height: 58px !important;
  box-shadow: none !important;
  background: #2f6df6 !important;
  border-radius: 18px !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
}

.brandbalance-start-here a:first-child {
  background: #17213d !important;
}

.brandbalance-start-here a:last-of-type {
  background: #18a957 !important;
}

.brandbalance-grandma-wizard {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 18px !important;
}

.brandbalance-grandma-wizard article {
  background: #f7f9fc !important;
  border: 2px solid #18213f0f !important;
  border-radius: 22px !important;
  min-height: 150px !important;
}

.brandbalance-grandma-wizard article.active {
  background: #eef5ff !important;
  border-color: #2f6df68c !important;
}

.brandbalance-grandma-wizard article.done {
  background: #effbf4 !important;
  border-color: #18a95773 !important;
}

.brandbalance-grandma-wizard b {
  font-size: 28px !important;
}

.brandbalance-grandma-wizard strong {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.brandbalance-grandma-wizard p {
  font-size: 15px !important;
}

.brandbalance-simple-checklist ul {
  gap: 10px !important;
  display: grid !important;
}

.brandbalance-simple-checklist li {
  color: #17213d !important;
  background: #f7f9fc !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.brandbalance-simple-checklist > a {
  display: none !important;
}

.postingpilot-simple-week .brandbalance-wizard-progress {
  background: #f1f5fb !important;
  border-radius: 22px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 8px !important;
}

.postingpilot-simple-week .brandbalance-wizard-progress button {
  border-radius: 18px !important;
  min-height: 62px !important;
  font-size: 16px !important;
}

.postingpilot-simple-week .brandbalance-wizard-progress b {
  background: #2f6df61f !important;
  border-radius: 50% !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
}

.postingpilot-simple-week .brandbalance-wizard-step h3 {
  color: #17213d !important;
  letter-spacing: -.04em !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
}

.postingpilot-simple-week .brandbalance-wizard-step p, .postingpilot-simple-week textarea {
  font-size: 18px !important;
  line-height: 1.45 !important;
}

.postingpilot-yes-no-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.postingpilot-yes-no-grid label {
  background: #fff !important;
  border: 2px solid #2f6df61f !important;
  border-radius: 22px !important;
  min-height: 92px !important;
}

.postingpilot-yes-no-grid span {
  color: #17213d !important;
  font-size: 20px !important;
  font-weight: 1000 !important;
}

.postingpilot-simple-summary {
  background: #f7f9fc !important;
  border: 1px solid #18213f14 !important;
  border-radius: 22px !important;
  gap: 6px !important;
  padding: 18px !important;
  display: grid !important;
}

.postingpilot-simple-summary b {
  color: #17213d !important;
}

.postingpilot-simple-summary span {
  color: #53617a !important;
  font-size: 18px !important;
}

.postingpilot-review-queue .postingpilot-review-header h2 {
  font-size: clamp(30px, 3vw, 44px) !important;
}

.postingpilot-review-queue .postingpilot-review-header span {
  font-size: 18px !important;
}

.postingpilot-sticky-actions {
  grid-template-columns: 1.2fr 1.2fr 1fr !important;
}

.postingpilot-sticky-actions form:nth-of-type(3), .postingpilot-sticky-actions form:nth-of-type(4) {
  display: none !important;
}

.postingpilot-sticky-actions button {
  min-height: 54px !important;
  font-size: 16px !important;
}

@media (max-width: 900px) {
  .brandbalance-quick-tabs {
    border-radius: 24px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .brandbalance-grandma-wizard {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .postingpilot-yes-no-grid, .postingpilot-sticky-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .brandbalance-quick-tabs, .brandbalance-grandma-wizard {
    grid-template-columns: 1fr !important;
  }
}

.postingpilot-flow-page {
  color: #17213d;
  background: radial-gradient(circle at 0 0, #ffb45438, #0000 34%), linear-gradient(#f8fbff 0%, #eef4fb 100%);
  min-height: 100vh;
  padding: 28px;
}

.postingpilot-flow-nav-top {
  justify-content: space-between;
  align-items: center;
  max-width: 1120px;
  margin: 0 auto 24px;
  display: flex;
}

.postingpilot-flow-nav-top a, .postingpilot-flow-empty a {
  color: #2f6df6;
  font-weight: 1000;
  text-decoration: none;
}

.postingpilot-flow-wizard, .postingpilot-flow-empty {
  max-width: 1120px;
  margin: 0 auto;
}

.postingpilot-flow-empty {
  background: #fff;
  border: 1px solid #18213f14;
  border-radius: 36px;
  padding: clamp(24px, 5vw, 54px);
  box-shadow: 0 24px 70px #18213f14;
}

.postingpilot-flow-empty h1, .postingpilot-flow-header h1 {
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(42px, 6vw, 78px);
  line-height: .92;
}

.postingpilot-flow-empty p, .postingpilot-flow-header span {
  color: #53617a;
  max-width: 720px;
  font-size: 20px;
  line-height: 1.45;
}

.postingpilot-flow-header {
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 18px;
  display: flex;
}

.postingpilot-flow-score {
  background: #fff;
  border: 1px solid #18213f14;
  border-radius: 24px;
  min-width: 220px;
  padding: 16px;
  box-shadow: 0 14px 34px #18213f0f;
}

.postingpilot-flow-score strong {
  letter-spacing: -.04em;
  font-size: 38px;
  display: block;
}

.postingpilot-flow-score span {
  color: #53617a;
  margin-bottom: 10px;
  font-weight: 900;
  display: block;
}

.postingpilot-flow-score div {
  background: #eef3fb;
  border-radius: 999px;
  height: 12px;
  overflow: hidden;
}

.postingpilot-flow-score i {
  border-radius: inherit;
  background: linear-gradient(90deg, #18a957, #2f6df6);
  height: 100%;
  display: block;
}

.postingpilot-flow-steps {
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
  display: grid;
}

.postingpilot-flow-steps button {
  color: #17213d;
  cursor: pointer;
  background: #fff;
  border: 2px solid #18213f0f;
  border-radius: 22px;
  min-height: 72px;
  font-weight: 1000;
}

.postingpilot-flow-steps button b {
  font-size: 20px;
  display: block;
}

.postingpilot-flow-steps button span {
  color: #53617a;
}

.postingpilot-flow-steps button.active {
  background: #eef5ff;
  border-color: #2f6df6;
}

.postingpilot-flow-card {
  background: #fff;
  border: 1px solid #18213f14;
  border-radius: 40px;
  padding: clamp(18px, 4vw, 34px);
  box-shadow: 0 24px 70px #18213f14;
}

.postingpilot-flow-card-top {
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  margin-bottom: 20px;
  display: flex;
}

.postingpilot-flow-card-top p {
  color: #2f6df6;
  text-transform: uppercase;
  letter-spacing: .09em;
  margin: 0 0 6px;
  font-weight: 1000;
}

.postingpilot-flow-card-top h2 {
  letter-spacing: -.05em;
  margin: 0;
  font-size: clamp(30px, 4vw, 54px);
  line-height: 1;
}

.postingpilot-flow-card-top > span {
  color: #53617a;
  background: #f1f5fb;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 1000;
}

.postingpilot-flow-preview {
  grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.postingpilot-flow-picture {
  text-align: center;
  background: linear-gradient(135deg, #eef5ff, #fff6ee);
  border: 1px solid #18213f14;
  border-radius: 28px;
  place-items: center;
  min-height: 360px;
  padding: 24px;
  display: grid;
  overflow: hidden;
}

.postingpilot-flow-picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.postingpilot-flow-picture b {
  font-size: 28px;
  display: block;
}

.postingpilot-flow-picture span {
  color: #53617a;
  font-size: 17px;
}

.postingpilot-flow-copy {
  background: #f7f9fc;
  border: 1px solid #18213f12;
  border-radius: 28px;
  padding: clamp(20px, 3vw, 34px);
}

.postingpilot-flow-copy small {
  color: #2f6df6;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-weight: 1000;
}

.postingpilot-flow-copy h3 {
  letter-spacing: -.04em;
  margin: 12px 0;
  font-size: clamp(28px, 3.5vw, 48px);
  line-height: 1.06;
}

.postingpilot-flow-copy p {
  color: #30384f;
  font-size: 20px;
  line-height: 1.55;
}

.postingpilot-flow-copy em {
  color: #d64c3f;
  font-size: 20px;
  font-style: normal;
  font-weight: 1000;
  display: block;
}

.postingpilot-flow-choice {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.postingpilot-flow-choice button, .postingpilot-flow-more button, .postingpilot-flow-nav button {
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 20px;
  width: 100%;
  min-height: 66px;
  font-size: 20px;
  font-weight: 1000;
}

.postingpilot-flow-choice .yes {
  background: #18a957;
}

.postingpilot-flow-choice .no {
  color: #352100;
  background: #ffb454;
}

.postingpilot-flow-choice .copy {
  background: #17213d;
}

.postingpilot-flow-more {
  background: #f7f9fc;
  border-radius: 22px;
  margin-top: 14px;
  padding: 14px 16px;
}

.postingpilot-flow-more summary {
  cursor: pointer;
  color: #53617a;
  font-weight: 1000;
}

.postingpilot-flow-more div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.postingpilot-flow-more button {
  color: #2f6df6;
  background: #fff;
  border: 1px solid #2f6df629;
  min-height: 48px;
  font-size: 15px;
}

.postingpilot-flow-nav {
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  display: flex;
}

.postingpilot-flow-nav button {
  background: #2f6df6;
  max-width: 220px;
}

.postingpilot-flow-nav button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

@media (max-width: 820px) {
  .postingpilot-flow-page {
    padding: 16px;
  }

  .postingpilot-flow-header, .postingpilot-flow-card-top {
    display: grid;
  }

  .postingpilot-flow-score {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
  }

  .postingpilot-flow-preview, .postingpilot-flow-choice, .postingpilot-flow-more div {
    grid-template-columns: 1fr;
  }

  .postingpilot-flow-picture {
    min-height: 240px;
  }

  .postingpilot-flow-nav button {
    max-width: none;
  }
}

.postingpilot-flow-page {
  color: #1d2746 !important;
  background: radial-gradient(circle at 12% 12%, #ffd17861, #0000 26%), radial-gradient(circle at 88% 10%, #74c4ff52, #0000 30%), linear-gradient(#fff7ec 0%, #eef8ff 48%, #f8fbff 100%) !important;
}

.postingpilot-flow-nav-top {
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  background: #ffffffb8 !important;
  border: 1px solid #1d274614 !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  box-shadow: 0 14px 40px #1d27460f !important;
}

.postingpilot-flow-nav-top a {
  color: #c95b2d !important;
}

.postingpilot-flow-nav-top strong {
  color: #1d2746 !important;
}

.postingpilot-flow-empty, .postingpilot-flow-card, .postingpilot-flow-score {
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  background: #ffffffd1 !important;
  border: 1px solid #1d274614 !important;
  box-shadow: 0 26px 70px #1d274614 !important;
}

.postingpilot-flow-header h1, .postingpilot-flow-empty h1, .postingpilot-flow-card-top h2, .postingpilot-flow-copy h3 {
  color: #1d2746 !important;
}

.postingpilot-flow-header .eyebrow, .postingpilot-flow-card-top p, .postingpilot-flow-copy small, .postingpilot-flow-empty .eyebrow {
  color: #d96d38 !important;
}

.postingpilot-flow-header span, .postingpilot-flow-empty p, .postingpilot-flow-copy p, .postingpilot-flow-picture span {
  color: #59657d !important;
}

.postingpilot-flow-score strong {
  color: #1d2746 !important;
}

.postingpilot-flow-score div {
  background: #f2e8dc !important;
}

.postingpilot-flow-score i {
  background: linear-gradient(90deg, #f28b45, #ffbf69) !important;
}

.postingpilot-flow-steps button {
  background: #ffffffc7 !important;
  border: 1px solid #1d274614 !important;
  box-shadow: 0 10px 26px #1d27460b !important;
}

.postingpilot-flow-steps button b {
  color: #1d2746 !important;
  background: #fff1df !important;
  border-radius: 50% !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 auto 5px !important;
  display: grid !important;
}

.postingpilot-flow-steps button.active {
  background: linear-gradient(#fffaf4, #fff0df) !important;
  border-color: #f28b4594 !important;
  box-shadow: 0 14px 34px #f28b4524 !important;
}

.postingpilot-flow-steps button.approved {
  background: #f2fbf5 !important;
  border-color: #3d976359 !important;
}

.postingpilot-flow-card {
  position: relative !important;
  overflow: hidden !important;
}

.postingpilot-flow-card:before {
  content: "";
  background: linear-gradient(90deg, #f28b45, #ffbf69, #82cfff);
  height: 8px;
  position: absolute;
  inset: 0 0 auto;
}

.postingpilot-flow-card-top > span {
  color: #a64f25 !important;
  background: #fff1df !important;
}

.postingpilot-flow-picture {
  background: radial-gradient(circle at 30% 20%, #fffffff2, #0000 34%), linear-gradient(145deg, #fff3df 0%, #eaf8ff 100%) !important;
  border: 1px solid #1d274614 !important;
}

.postingpilot-flow-picture b {
  color: #1d2746 !important;
}

.postingpilot-flow-copy {
  background: linear-gradient(#fffaf4, #fff) !important;
  border: 1px solid #1d274614 !important;
}

.postingpilot-flow-copy em {
  color: #c95b2d !important;
}

.postingpilot-flow-choice {
  grid-template-columns: 1.15fr 1.15fr 1fr !important;
}

.postingpilot-flow-choice button, .postingpilot-flow-nav button, .postingpilot-flow-more button, .postingpilot-flow-empty a, .postingpilot-simple-week .brandbalance-wizard-actions button, .postingpilot-simple-week .brandbalance-wizard-actions button:last-child {
  box-shadow: none !important;
  transition: transform .16s, box-shadow .16s, filter .16s !important;
}

.postingpilot-flow-choice button:hover, .postingpilot-flow-nav button:hover, .postingpilot-flow-more button:hover {
  transform: translateY(-1px) !important;
}

.postingpilot-flow-choice .yes {
  color: #2d1d10 !important;
  background: linear-gradient(135deg, #f28b45, #ffb45f) !important;
}

.postingpilot-flow-choice .no {
  color: #9a4a22 !important;
  background: #fff7ed !important;
  border: 1px solid #f28b4557 !important;
}

.postingpilot-flow-choice .copy {
  color: #fff !important;
  background: #1d2746 !important;
}

.postingpilot-flow-more {
  background: #fff9 !important;
  border: 1px solid #1d274612 !important;
}

.postingpilot-flow-more summary {
  color: #9a4a22 !important;
}

.postingpilot-flow-more button {
  color: #9a4a22 !important;
  background: #fffaf4 !important;
  border: 1px solid #f28b4538 !important;
}

.postingpilot-flow-nav button {
  color: #fff !important;
  background: #1d2746 !important;
}

.postingpilot-flow-nav button:last-child {
  color: #2d1d10 !important;
  background: linear-gradient(135deg, #f28b45, #ffb45f) !important;
}

.postingpilot-flow-empty a {
  color: #2d1d10 !important;
  background: linear-gradient(135deg, #f28b45, #ffb45f) !important;
  border-radius: 18px !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 0 22px !important;
  font-weight: 1000 !important;
  display: inline-flex !important;
}

.postingpilot-simple-week .brandbalance-wizard-actions button:last-child, .postingpilot-simple-week .brandbalance-wizard-actions button:nth-child(2) {
  color: #2d1d10 !important;
  background: linear-gradient(135deg, #f28b45, #ffb45f) !important;
}

.postingpilot-simple-week .brandbalance-wizard-actions button:first-child {
  color: #fff !important;
  background: #1d2746 !important;
}

.postingpilot-yes-no-grid label:has(input:checked) {
  background: #fff1df !important;
  border-color: #f28b45 !important;
}

.postingpilot-yes-no-grid label {
  border-color: #f28b452e !important;
}

.postingpilot-yes-no-grid span {
  color: #1d2746 !important;
}

.postingpilot-simple-summary {
  background: #fffaf4 !important;
  border-color: #f28b452e !important;
}

@media (max-width: 820px) {
  .postingpilot-flow-nav-top {
    border-radius: 22px !important;
  }

  .postingpilot-flow-choice {
    grid-template-columns: 1fr !important;
  }
}

.postingpilot-flow-media-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.postingpilot-flow-media-actions button {
  color: #9a4a22;
  cursor: pointer;
  background: #fffaf4;
  border: 1px solid #f28b4538;
  border-radius: 18px;
  width: 100%;
  min-height: 58px;
  font-size: 18px;
  font-weight: 1000;
}

.postingpilot-flow-media-actions form:last-child button {
  color: #1d2746;
  background: #f4f7fb;
  border-color: #1d27461f;
}

@media (max-width: 820px) {
  .postingpilot-flow-media-actions {
    grid-template-columns: 1fr;
  }
}

.postingpilot-flow-nav-top {
  grid-template-columns: 1fr auto 1fr !important;
  gap: 14px !important;
  display: grid !important;
}

.postingpilot-flow-nav-top img {
  filter: drop-shadow(0 10px 18px #1d27461a);
  object-fit: contain !important;
  width: 170px !important;
  height: auto !important;
}

.postingpilot-flow-nav-top strong {
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  justify-self: end !important;
  font-size: 18px !important;
}

@media (max-width: 640px) {
  .postingpilot-flow-nav-top {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  .postingpilot-flow-nav-top a, .postingpilot-flow-nav-top strong {
    justify-self: center !important;
  }
}

.postingpilot-itinerary-rail-button {
  color: #9a4a22 !important;
  background: #fff7ec !important;
  border: 1px solid #f28b4547 !important;
  border-radius: 18px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 10px 0 0 !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  box-shadow: 0 10px 22px #1d27460f !important;
}

.postingpilot-sidebar-steps .start-tour-button.compact {
  color: #fff !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  opacity: 1 !important;
  background: #1d2746 !important;
  border: 0 !important;
  border-radius: 18px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 46px !important;
  margin-top: 12px !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
  display: inline-flex !important;
  box-shadow: 0 12px 26px #1d274624 !important;
}

.postingpilot-sidebar-steps .start-tour-button.compact:before, .postingpilot-sidebar-steps .start-tour-button.compact:after {
  content: none !important;
  display: none !important;
}

.postingpilot-preview-empty-visual {
  text-align: center !important;
  background: radial-gradient(circle at 30% 26%, #fffffff0, #0000 28%), linear-gradient(145deg, #fff4df 0%, #e9f8ff 100%) !important;
  align-content: center !important;
  place-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 100% !important;
  padding: 28px !important;
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
}

.postingpilot-preview-empty-visual:before, .postingpilot-preview-empty-visual:after {
  content: "";
  filter: blur(.2px);
  background: #ffffff9e;
  border-radius: 999px;
  width: 170px;
  height: 58px;
  animation: 9s linear infinite postingpilotPreviewCloud;
  position: absolute;
}

.postingpilot-preview-empty-visual:before {
  top: 22%;
  left: -35%;
}

.postingpilot-preview-empty-visual:after {
  opacity: .72;
  animation-delay: -4.5s;
  top: 58%;
  left: -50%;
}

.postingpilot-preview-empty-visual img {
  z-index: 1 !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 28px #1d27462e) !important;
  width: min(190px, 54%) !important;
  height: auto !important;
  animation: 3.8s ease-in-out infinite postingpilotPreviewDogFlight !important;
  position: relative !important;
}

.postingpilot-preview-empty-visual b {
  z-index: 1 !important;
  color: #1d2746 !important;
  font-size: 22px !important;
  font-weight: 1000 !important;
  position: relative !important;
}

.postingpilot-preview-empty-visual span {
  z-index: 1 !important;
  color: #59657d !important;
  max-width: 280px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  position: relative !important;
}

.postingpilot-preview-empty-visual form {
  z-index: 1 !important;
  margin-top: 4px !important;
  position: relative !important;
}

.postingpilot-preview-empty-visual button {
  color: #2d1d10 !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, #f28b45, #ffb45f) !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  box-shadow: 0 14px 28px #f28b4538 !important;
}

@keyframes postingpilotPreviewDogFlight {
  0%, 100% {
    transform: translate(-8px, 4px)rotate(-5deg);
  }

  35% {
    transform: translate(10px, -8px)rotate(4deg);
  }

  70% {
    transform: translate(5px, 7px)rotate(-2deg);
  }
}

@keyframes postingpilotPreviewCloud {
  0% {
    opacity: 0;
    transform: translateX(0);
  }

  12% {
    opacity: .85;
  }

  88% {
    opacity: .85;
  }

  100% {
    opacity: 0;
    transform: translateX(760px);
  }
}

.postingpilot-preview-approve-form {
  margin-top: 14px !important;
}

.postingpilot-preview-approve-form button {
  color: #073618 !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, #18a957, #57d986) !important;
  border: 0 !important;
  border-radius: 18px !important;
  width: 100% !important;
  min-height: 52px !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  box-shadow: 0 14px 28px #18a9572e !important;
}

.postingpilot-sidebar-generator-button, .postingpilot-sidebar-library-button {
  cursor: pointer !important;
  border: 1px solid #1d27461a !important;
  border-radius: 18px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 10px 0 0 !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  display: inline-flex !important;
  box-shadow: 0 10px 22px #1d27460f !important;
}

.postingpilot-sidebar-generator-button {
  color: #2d1d10 !important;
  background: linear-gradient(135deg, #f28b45, #ffb45f) !important;
  border: 0 !important;
}

.postingpilot-sidebar-library-button {
  color: #1d2746 !important;
  background: #f4f7fb !important;
}

.postingpilot-generator-modal {
  z-index: 9999;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #1d274694;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.postingpilot-generator-modal > section {
  background: linear-gradient(#fffaf4, #f3faff);
  border: 1px solid #ffffffc2;
  border-radius: 34px;
  width: min(940px, 100%);
  max-height: 92vh;
  padding: clamp(20px, 4vw, 34px);
  position: relative;
  overflow: auto;
  box-shadow: 0 34px 90px #0000003d;
}

.postingpilot-generator-close {
  color: #fff;
  cursor: pointer;
  background: #2f6df6;
  border: 0;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-size: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.postingpilot-generator-head h2 {
  color: #1d2746;
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(34px, 5vw, 64px);
  line-height: .95;
}

.postingpilot-generator-head span {
  color: #59657d;
  max-width: 640px;
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.45;
  display: block;
}

.postingpilot-generator-form {
  gap: 14px;
  margin-top: 22px;
  display: grid;
}

.postingpilot-generator-kind {
  background: #fff;
  border: 1px solid #1d274614;
  border-radius: 22px;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 6px;
  display: grid;
}

.postingpilot-generator-kind button {
  color: #59657d;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 17px;
  min-height: 52px;
  font-size: 18px;
  font-weight: 1000;
}

.postingpilot-generator-kind button.active {
  color: #2d1d10;
  background: linear-gradient(135deg, #f28b45, #ffb45f);
}

.postingpilot-generator-form label {
  color: #1d2746;
  gap: 8px;
  font-weight: 1000;
  display: grid;
}

.postingpilot-generator-form input:not([type="file"]), .postingpilot-generator-form textarea {
  box-sizing: border-box;
  width: 100%;
  font: inherit;
  color: #1d2746;
  background: #fff;
  border: 1px solid #1d27461f;
  border-radius: 18px;
  padding: 14px 16px;
}

.postingpilot-generator-form textarea {
  resize: vertical;
  min-height: 130px;
}

.postingpilot-dropzone {
  text-align: center;
  background: #fff7ec;
  border: 2px dashed #f28b456b;
  border-radius: 24px;
  padding: 18px;
}

.postingpilot-dropzone input {
  max-width: 100%;
  margin: auto;
}

.postingpilot-dropzone em {
  color: #9a4a22;
  font-size: 14px;
  font-style: normal;
}

.postingpilot-generator-form > button, .postingpilot-generator-form button[type="submit"] {
  color: #fff;
  cursor: pointer;
  background: #1d2746;
  border: 0;
  border-radius: 18px;
  min-height: 58px;
  font-size: 18px;
  font-weight: 1000;
}

.postingpilot-generator-form button:disabled {
  opacity: .75;
  cursor: wait;
}

.postingpilot-generator-loading {
  color: #1d2746;
  text-align: center;
  background: #fff;
  border-radius: 24px;
  place-items: center;
  gap: 8px;
  padding: 18px;
  display: grid;
}

.postingpilot-generator-loading img {
  filter: drop-shadow(0 18px 24px #1d274629);
  width: 150px;
  animation: 2.5s ease-in-out infinite postingpilotGeneratorDog;
}

.postingpilot-generator-loading strong {
  font-size: 20px;
}

@keyframes postingpilotGeneratorDog {
  0%, 100% {
    transform: translateX(-20px)translateY(4px)rotate(-5deg);
  }

  50% {
    transform: translateX(20px)translateY(-8px)rotate(5deg);
  }
}

.postingpilot-generator-result {
  background: #fff;
  border: 1px solid #1d274614;
  border-radius: 24px;
  gap: 12px;
  margin-top: 18px;
  padding: 16px;
  display: grid;
}

.postingpilot-generator-result img, .postingpilot-generator-result video {
  object-fit: contain;
  background: #10162a;
  border-radius: 18px;
  width: 100%;
  max-height: 520px;
}

.postingpilot-generator-result a, .postingpilot-library-grid a {
  color: #fff;
  background: #1d2746;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  font-weight: 1000;
  text-decoration: none;
  display: inline-flex;
}

.postingpilot-library-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px;
  margin-top: 22px;
  display: grid;
}

.postingpilot-library-grid article {
  background: #fff;
  border: 1px solid #1d274614;
  border-radius: 22px;
  gap: 9px;
  padding: 12px;
  display: grid;
}

.postingpilot-library-grid img, .postingpilot-library-grid video, .postingpilot-library-empty {
  aspect-ratio: 1;
  object-fit: cover;
  color: #59657d;
  background: #eef4fb;
  border-radius: 16px;
  place-items: center;
  width: 100%;
  font-weight: 1000;
  display: grid;
}

.postingpilot-library-grid strong {
  color: #1d2746;
}

.postingpilot-library-grid span, .postingpilot-library-none {
  color: #59657d;
}

@media (max-width: 640px) {
  .postingpilot-generator-kind, .postingpilot-library-grid {
    grid-template-columns: 1fr;
  }
}

.postingpilot-generator-modal {
  z-index: 2147483000 !important;
  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;
  box-sizing: border-box !important;
  background: #1d27469e !important;
  justify-content: center !important;
  align-items: center !important;
  padding: clamp(12px, 3vw, 28px) !important;
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
}

.postingpilot-generator-modal > section {
  box-sizing: border-box !important;
  isolation: isolate !important;
  width: min(880px, 100vw - 28px) !important;
  max-width: 880px !important;
  max-height: min(86vh, 820px) !important;
  margin: 0 auto !important;
  overflow: auto !important;
}

.postingpilot-generator-modal * {
  box-sizing: border-box !important;
}

.postingpilot-generator-head {
  padding-right: 48px !important;
}

.postingpilot-generator-head .eyebrow {
  color: #f28b45 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin: 0 0 8px !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}

.postingpilot-generator-form {
  z-index: 1 !important;
  position: relative !important;
}

.postingpilot-generator-form input[type="file"] {
  color: #1d2746 !important;
  width: 100% !important;
  max-width: 420px !important;
}

@media (max-width: 700px) {
  .postingpilot-generator-modal {
    align-items: flex-start !important;
    padding-top: 12px !important;
  }

  .postingpilot-generator-modal > section {
    border-radius: 24px !important;
    max-height: calc(100dvh - 24px) !important;
  }

  .postingpilot-generator-head h2 {
    font-size: 36px !important;
  }
}

.brandbalance-left-rail .postingpilot-backoffice-logo, .brandbalance-backoffice-rail .postingpilot-backoffice-logo {
  justify-content: center !important;
  min-height: 132px !important;
  margin: -8px 0 18px !important;
}

.brandbalance-left-rail .postingpilot-backoffice-logo:before, .brandbalance-backoffice-rail .postingpilot-backoffice-logo:before {
  width: 230px !important;
  height: 74px !important;
  top: 46px !important;
  left: 50% !important;
  transform: translateX(-50%)rotate(-5deg) !important;
}

.brandbalance-left-rail .postingpilot-backoffice-logo img, .brandbalance-backoffice-rail .postingpilot-backoffice-logo img {
  width: min(255px, 100%) !important;
  max-height: 128px !important;
}

@media (max-width: 920px) {
  .brandbalance-left-rail .postingpilot-backoffice-logo, .brandbalance-backoffice-rail .postingpilot-backoffice-logo {
    justify-content: flex-start !important;
    min-height: 102px !important;
  }

  .brandbalance-left-rail .postingpilot-backoffice-logo img, .brandbalance-backoffice-rail .postingpilot-backoffice-logo img {
    width: min(220px, 82vw) !important;
    max-height: 104px !important;
  }
}

.postingpilot-epic-onboarding {
  gap: 18px !important;
}

.postingpilot-onboarding-hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 14% 20%, #ffb45f57, #0000 30%), linear-gradient(135deg, #fff9ee, #eef7ff 58%, #fff3fb) !important;
  border: 1px solid #f28b452e !important;
  padding: 22px !important;
}

.postingpilot-onboarding-hero:after {
  content: "";
  opacity: .1;
  pointer-events: none;
  background: url("/postingpilot-plane-dog.png") center / contain no-repeat;
  width: 150px;
  height: 60px;
  position: absolute;
  bottom: 10px;
  right: 18px;
  transform: rotate(-5deg);
}

.postingpilot-onboarding-hero h3 {
  color: #1d2746 !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: .95 !important;
}

.postingpilot-onboarding-hero span {
  max-width: 720px;
  color: #56617a !important;
  font-size: 16px !important;
}

.postingpilot-onboarding-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.postingpilot-onboarding-tabs button {
  min-height: 58px;
  border-radius: 20px !important;
}

.postingpilot-onboarding-tabs button.active {
  color: #2d1d10 !important;
  background: linear-gradient(135deg, #f28b45, #ffb45f) !important;
}

.postingpilot-onboarding-tabs button.active b, .postingpilot-onboarding-tabs button.done b {
  color: #f28b45 !important;
}

.postingpilot-onboarding-section-head {
  padding: 10px 2px 4px;
}

.postingpilot-onboarding-section-head p {
  color: #f28b45;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 1000;
}

.postingpilot-onboarding-section-head h4 {
  color: #1d2746;
  letter-spacing: -.045em;
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1;
}

.postingpilot-epic-onboarding form > section.active {
  background: linear-gradient(#fff, #fbfdff) !important;
  border-radius: 30px !important;
  gap: 15px !important;
  padding: clamp(18px, 3vw, 28px) !important;
}

.postingpilot-epic-onboarding label span {
  color: #1d2746 !important;
  font-weight: 1000 !important;
}

.postingpilot-epic-onboarding input, .postingpilot-epic-onboarding textarea {
  background: #fff !important;
  border: 1px solid #1d27461f !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px #ffffffe6, 0 8px 18px #1d27460a !important;
}

.postingpilot-epic-onboarding textarea {
  min-height: 112px !important;
}

.postingpilot-onboarding-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.postingpilot-epic-onboarding .brandbalance-coach-bubble {
  color: #8a3b13 !important;
  background: #fff6e9 !important;
  border-color: #f28b4533 !important;
}

.postingpilot-epic-onboarding .brandbalance-setup-actions button:last-child {
  color: #2d1d10 !important;
  background: linear-gradient(135deg, #f28b45, #ffb45f) !important;
  box-shadow: 0 16px 30px #f28b4538 !important;
}

@media (max-width: 900px) {
  .postingpilot-onboarding-tabs {
    overflow-x: auto;
    display: flex !important;
  }

  .postingpilot-onboarding-tabs button {
    flex: 0 0 150px;
  }

  .postingpilot-onboarding-grid.two {
    grid-template-columns: 1fr;
  }
}

.tour-layer {
  z-index: 2147482000 !important;
  pointer-events: none !important;
  isolation: isolate !important;
  position: fixed !important;
  inset: 0 !important;
}

.tour-dim {
  pointer-events: auto !important;
  position: fixed !important;
  inset: 0 !important;
}

.tour-card.positioned, .tour-card:not(.positioned) {
  z-index: 2147482002 !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
}

.tour-spotlight {
  z-index: 2147482001 !important;
  box-sizing: border-box !important;
}

@media (min-width: 701px) {
  .tour-card.positioned {
    bottom: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

@media (max-width: 700px) {
  .tour-card.positioned, .tour-card:not(.positioned) {
    width: auto !important;
    max-height: 42vh !important;
    position: fixed !important;
    inset: auto 14px 14px !important;
    transform: none !important;
  }
}

.postingpilot-sidebar-steps {
  display: none !important;
}

.postingpilot-sidebar-tour-compact {
  background: #ffffff9e !important;
  border: 1px solid #1d274614 !important;
  border-radius: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding: 10px 12px !important;
  display: grid !important;
}

.postingpilot-sidebar-tour-compact span {
  color: #59657d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.postingpilot-sidebar-tour-compact .start-tour-button.compact {
  color: #fff !important;
  background: #1d2746 !important;
  border-radius: 999px !important;
  width: auto !important;
  min-width: 78px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  font-weight: 1000 !important;
}

.brandbalance-simple-page {
  background: radial-gradient(circle at 88% 8%, #ffb45f2e, #0000 18%), linear-gradient(120deg, #eaf6ff 0%, #fff8ed 48%, #f8fbff 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}

.brandbalance-simple-page:before, .brandbalance-simple-page:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .42;
  filter: blur(.2px);
  background: radial-gradient(at 20% 58%, #fffffff5 0 28%, #0000 29%), radial-gradient(at 42% 42%, #ffffffe6 0 34%, #0000 35%), radial-gradient(at 66% 58%, #ffffffdb 0 30%, #0000 31%), radial-gradient(at 84% 62%, #ffffffb8 0 22%, #0000 23%);
  width: 520px;
  height: 150px;
  animation: 46s linear infinite postingpilotCloudDrift;
  position: fixed;
}

.brandbalance-simple-page:before {
  top: 90px;
  left: -560px;
}

.brandbalance-simple-page:after {
  opacity: .28;
  animation-duration: 68s;
  animation-delay: -24s;
  top: 420px;
  left: -620px;
  transform: scale(.72);
}

.brandbalance-simple-page > * {
  z-index: 1;
  position: relative;
}

@keyframes postingpilotCloudDrift {
  from {
    translate: 0;
  }

  to {
    translate: calc(100vw + 1080px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .brandbalance-simple-page:before, .brandbalance-simple-page:after {
    animation: none !important;
    display: none !important;
  }
}

.postingpilot-sun-menu {
  z-index: 80;
  justify-self: end;
  position: relative;
}

.postingpilot-sun-trigger {
  isolation: isolate;
  position: relative;
  cursor: pointer !important;
  color: #7a360d !important;
  letter-spacing: -.04em !important;
  background: radial-gradient(circle at 35% 32%, #fff7b1 0 18%, #ffc84f 42%, #ff8a3d 100%) !important;
  border: 0 !important;
  border-radius: 50% !important;
  place-items: center !important;
  width: 56px !important;
  height: 56px !important;
  font-weight: 1000 !important;
  display: grid !important;
  box-shadow: 0 0 0 8px #ffc04e26, 0 14px 30px #f28b4547 !important;
}

.postingpilot-sun-trigger:before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  background: repeating-conic-gradient(from 8deg, #ffc74ae6 0deg 10deg, #0000 10deg 20deg);
  animation: 16s linear infinite postingpilotSunSpin;
  position: absolute;
  inset: -9px;
}

.postingpilot-sun-trigger span {
  text-shadow: 0 1px #ffffff73;
  font-size: 16px;
  position: relative;
}

@keyframes postingpilotSunSpin {
  to {
    transform: rotate(360deg);
  }
}

.postingpilot-sun-dropdown {
  background: #fffffff5;
  border: 1px solid #ffffffdb;
  border-radius: 24px;
  gap: 8px;
  width: 245px;
  padding: 14px;
  display: grid;
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  box-shadow: 0 24px 70px #1d27462e;
}

.postingpilot-sun-dropdown strong {
  color: #1d2746;
}

.postingpilot-sun-dropdown small {
  color: #59657d;
  margin-top: -4px;
}

.postingpilot-sun-dropdown button {
  width: 100%;
  color: #1d2746 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
  background: #f5f7fb !important;
  border: 0 !important;
  border-radius: 16px !important;
  padding: 11px 12px !important;
  font-weight: 900 !important;
}

.postingpilot-sun-dropdown button:hover {
  color: #8a3b13 !important;
  background: #fff3dc !important;
}

.postingpilot-sun-dropdown button.danger {
  color: #b42318 !important;
  background: #fff4f2 !important;
}

.postingpilot-sun-modal {
  z-index: 2147482500;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #1d27468c;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.postingpilot-sun-modal section {
  background: linear-gradient(#fffaf0, #f5fbff);
  border: 1px solid #ffffffdb;
  border-radius: 32px;
  gap: 14px;
  width: min(560px, 100vw - 28px);
  max-height: calc(100dvh - 28px);
  padding: clamp(22px, 4vw, 34px);
  display: grid;
  position: relative;
  overflow: auto;
  box-shadow: 0 34px 90px #00000038;
}

.postingpilot-sun-close {
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 14px;
  color: #fff !important;
  background: #1d2746 !important;
  border: 0 !important;
  border-radius: 50% !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 24px !important;
}

.postingpilot-sun-modal h2 {
  color: #1d2746;
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(36px, 6vw, 58px);
  line-height: .9;
}

.postingpilot-sun-modal p:not(.eyebrow) {
  color: #59657d;
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
}

.postingpilot-sun-modal a, .postingpilot-logout-confirm {
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  justify-self: start;
  align-items: center;
  min-height: 48px;
  padding: 0 18px;
  font-weight: 1000;
  text-decoration: none;
  display: inline-flex;
  color: #2d1d10 !important;
  background: linear-gradient(135deg, #f28b45, #ffb45f) !important;
  border: 0 !important;
}

.postingpilot-sun-info {
  background: #ffffffc2;
  border: 1px solid #1d274614;
  border-radius: 20px;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 9px 12px;
  padding: 14px;
  display: grid;
}

.postingpilot-sun-info span {
  color: #59657d;
  font-weight: 900;
}

.postingpilot-sun-info strong {
  color: #1d2746;
  overflow-wrap: anywhere;
}

.postingpilot-social-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.postingpilot-social-list span {
  color: #1d2746;
  background: #fff;
  border: 1px solid #1d274614;
  border-radius: 18px;
  padding: 13px;
  font-weight: 1000;
}

@media (max-width: 640px) {
  .postingpilot-sun-trigger {
    width: 48px !important;
    height: 48px !important;
  }

  .postingpilot-sun-dropdown {
    width: min(245px, 100vw - 30px);
    right: -6px;
  }

  .postingpilot-sun-info, .postingpilot-social-list {
    grid-template-columns: 1fr;
  }
}

.postingpilot-sun-modal {
  box-sizing: border-box !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: clamp(74px, 10vh, 128px) 18px 24px !important;
  display: flex !important;
  overflow-y: auto !important;
}

.postingpilot-sun-modal section {
  box-sizing: border-box !important;
  border-radius: 28px !important;
  width: min(520px, 100vw - 36px) !important;
  max-height: min(72vh, 620px) !important;
  margin: 0 auto !important;
  padding: clamp(22px, 3vw, 30px) !important;
}

.postingpilot-sun-modal h2 {
  font-size: clamp(34px, 5vw, 52px) !important;
}

.postingpilot-sun-close {
  top: 12px !important;
  right: 12px !important;
}

@media (max-width: 700px) {
  .postingpilot-sun-modal {
    padding: 72px 12px 16px !important;
  }

  .postingpilot-sun-modal section {
    width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 96px) !important;
  }
}

@media (max-height: 720px) {
  .postingpilot-sun-modal {
    padding-top: 48px !important;
  }

  .postingpilot-sun-modal section {
    max-height: calc(100dvh - 72px) !important;
  }
}

.postingpilot-sun-modal {
  -webkit-backdrop-filter: none !important;
  background: none !important;
}

.postingpilot-sun-modal:before {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
  background: linear-gradient(#ffffff1a, #ffffff0a) !important;
}

.postingpilot-sun-modal section {
  z-index: 1;
  box-shadow: 0 24px 70px #1d27462e, 0 0 0 1px #ffffffd1 !important;
}

body > .postingpilot-sun-modal {
  z-index: 2147483000 !important;
  box-sizing: border-box !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100vw !important;
  min-height: 100dvh !important;
  padding: clamp(84px, 12vh, 140px) 18px 28px !important;
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  overflow-y: auto !important;
}

body > .postingpilot-sun-modal section {
  width: min(560px, 100vw - 40px) !important;
  max-width: 560px !important;
  max-height: min(70vh, 620px) !important;
  margin: 0 auto !important;
  position: relative !important;
  overflow: auto !important;
  transform: none !important;
}

@media (max-height: 720px) {
  body > .postingpilot-sun-modal {
    padding-top: 54px !important;
  }

  body > .postingpilot-sun-modal section {
    max-height: calc(100dvh - 82px) !important;
  }
}

.campaign-studio-hero {
  grid-template-columns: minmax(0, 1.5fr) 360px;
  align-items: stretch;
  gap: 18px;
  margin-bottom: 20px;
  display: grid;
}

.campaign-studio-hero > div, .campaign-studio-hero > aside, .campaign-studio-panel, .campaign-studio-output, .campaign-studio-ad-lab {
  border: 1px solid var(--line);
  background: radial-gradient(circle at 90% 0, #7dd3fc21, #0000 34%), linear-gradient(#ffffff13, #ffffff09);
  border-radius: 30px;
  box-shadow: inset 0 1px #ffffff0d;
}

.campaign-studio-hero > div {
  padding: 30px;
}

.campaign-studio-hero h2 {
  max-width: 820px;
}

.campaign-studio-hero p {
  color: var(--muted);
  max-width: 820px;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

.campaign-studio-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
  display: flex;
}

.campaign-studio-hero > aside {
  background: linear-gradient(160deg, #7dd3fc24, #c084fc14);
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  display: flex;
}

.campaign-studio-hero > aside span, .campaign-studio-panel-head span, .campaign-studio-mode-grid span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.campaign-studio-hero > aside strong {
  color: #fff;
  letter-spacing: -.05em;
  margin: 12px 0;
  font-size: 34px;
  line-height: 1;
}

.campaign-studio-hero > aside small {
  color: #cbd5e1;
  margin-top: 14px;
  line-height: 1.45;
}

.campaign-studio-workbench {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
  display: grid;
}

.campaign-studio-panel {
  padding: 22px;
}

.campaign-studio-panel.wide {
  grid-column: 1 / -1;
}

.campaign-studio-panel-head {
  margin-bottom: 18px;
}

.campaign-studio-panel-head.split {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.campaign-studio-panel h3, .campaign-studio-assets h3 {
  color: #fff;
  letter-spacing: -.045em;
  margin: 8px 0;
  font-size: 30px;
}

.campaign-studio-panel p, .campaign-studio-output-head p, .campaign-studio-ad-lab p {
  color: var(--muted);
  margin: 0;
  line-height: 1.5;
}

.campaign-studio-input-stack {
  gap: 12px;
  display: grid;
}

.campaign-studio-fake-input {
  border: 1px solid var(--line);
  background: #0000002e;
  border-radius: 20px;
  padding: 16px;
  display: block;
}

.campaign-studio-fake-input span {
  color: #dbeafe;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.campaign-studio-fake-input b {
  color: #fff;
  margin: 8px 0;
  font-size: 18px;
  display: block;
}

.campaign-studio-fake-input small {
  color: var(--muted);
  line-height: 1.4;
}

.campaign-studio-chip-grid {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.campaign-studio-chip-grid button {
  border: 1px solid var(--line);
  color: #dbeafe;
  cursor: pointer;
  background: #ffffff0f;
  border-radius: 999px;
  padding: 12px 14px;
  font-weight: 900;
}

.campaign-studio-chip-grid button.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #06121b;
}

.campaign-studio-generate {
  background: var(--green);
  color: #142006;
  cursor: pointer;
  white-space: nowrap;
  border: 0;
  border-radius: 999px;
  padding: 13px 18px;
  font-weight: 950;
}

.campaign-studio-mode-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.campaign-studio-mode-grid article {
  border: 1px solid var(--line);
  background: #00000029;
  border-radius: 22px;
  padding: 18px;
  transition: all .18s;
}

.campaign-studio-mode-grid article.selected {
  background: #7dd3fc1a;
  border-color: #7dd3fcbf;
  box-shadow: 0 0 0 4px #7dd3fc14;
}

.campaign-studio-mode-grid h4 {
  color: #fff;
  letter-spacing: -.035em;
  margin: 10px 0;
  font-size: 22px;
}

.campaign-studio-output {
  margin-bottom: 20px;
  padding: 26px;
}

.campaign-studio-output-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
  display: flex;
}

.campaign-studio-score {
  border: 1px solid var(--line);
  text-align: center;
  background: #0003;
  border-radius: 24px;
  min-width: 150px;
  padding: 16px;
}

.campaign-studio-score b {
  color: var(--green);
  letter-spacing: -.06em;
  font-size: 56px;
  line-height: .9;
  display: block;
}

.campaign-studio-score span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 950;
}

.campaign-studio-output-grid {
  grid-template-columns: minmax(0, 1.35fr) 360px;
  gap: 16px;
  display: grid;
}

.campaign-studio-calendar-preview {
  gap: 10px;
  display: grid;
}

.campaign-studio-calendar-preview article {
  border: 1px solid var(--line);
  background: #0000002b;
  border-radius: 20px;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  padding: 14px;
  display: grid;
}

.campaign-studio-calendar-preview b {
  width: 48px;
  height: 48px;
  color: var(--accent);
  background: #7dd3fc21;
  border-radius: 16px;
  place-items: center;
  display: grid;
}

.campaign-studio-calendar-preview strong {
  color: #fff;
  margin-bottom: 6px;
  display: block;
}

.campaign-studio-calendar-preview p {
  color: #cbd5e1;
  margin: 0 0 8px;
  line-height: 1.45;
}

.campaign-studio-calendar-preview small {
  color: var(--green);
  font-weight: 900;
}

.campaign-studio-assets {
  border: 1px solid var(--line);
  background: #0000002e;
  border-radius: 24px;
  padding: 20px;
}

.campaign-studio-assets ul {
  color: #cbd5e1;
  margin: 0 0 18px;
  padding-left: 20px;
  line-height: 1.65;
}

.campaign-studio-ad-lab {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .8fr);
  align-items: center;
  gap: 18px;
  padding: 26px;
  display: grid;
}

.campaign-studio-ad-hooks {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.campaign-studio-ad-hooks span {
  color: #ecfccb;
  background: #a3e63514;
  border: 1px solid #a3e63547;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 900;
}

@media (max-width: 1100px) {
  .campaign-studio-hero, .campaign-studio-workbench, .campaign-studio-output-grid, .campaign-studio-ad-lab {
    grid-template-columns: 1fr;
  }

  .campaign-studio-mode-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .campaign-studio-mode-grid {
    grid-template-columns: 1fr;
  }

  .campaign-studio-panel-head.split, .campaign-studio-output-head {
    flex-direction: column;
  }
}

.postingpilot-campaign-intro-page {
  overflow: hidden;
}

.pp-campaign-hero {
  isolation: isolate;
  grid-template-columns: minmax(0, 1.35fr) 360px;
  align-items: stretch;
  gap: 22px;
  padding: 88px clamp(22px, 5vw, 78px) 42px;
  display: grid;
  position: relative;
}

.pp-campaign-hero:before {
  content: "";
  z-index: -2;
  background: radial-gradient(circle at 22% 28%, #7dd3fc8c, #0000 26%), radial-gradient(circle at 70% 18%, #ffd06673, #0000 22%), linear-gradient(#5fbcff6b, #fff0);
  height: 620px;
  position: absolute;
  inset: -160px -20% auto;
}

.pp-campaign-hero > div:not(.postingpilot-cloud), .pp-campaign-hero > aside, .pp-campaign-link-card, .pp-campaign-modes, .pp-campaign-output, .pp-campaign-final-cta {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: linear-gradient(#ffffffd1, #ffffff94);
  border: 1px solid #ffffff6b;
  border-radius: 38px;
  box-shadow: 0 26px 80px #133f6c29, inset 0 1px #fffc;
}

.pp-campaign-hero > div:not(.postingpilot-cloud) {
  padding: 36px;
}

.pp-campaign-hero h1 {
  color: #10243f;
  max-width: 860px;
}

.pp-campaign-hero p, .pp-campaign-link-card p, .pp-campaign-modes p, .pp-campaign-output p, .pp-campaign-final-cta p {
  color: #486178;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

.pp-campaign-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
  display: flex;
}

.pp-campaign-actions a, .pp-campaign-final-cta a, .pp-campaign-output aside a {
  color: #fff;
  background: #10243f;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 14px 19px;
  font-weight: 950;
  display: inline-flex;
  box-shadow: 0 12px 28px #10243f2e;
}

.pp-campaign-actions a + a {
  color: #10243f;
  background: #ffd166;
}

.pp-campaign-hero > aside {
  color: #fff;
  background: linear-gradient(160deg, #10243feb, #2563ebbd);
  flex-direction: column;
  justify-content: center;
  padding: 26px;
  display: flex;
}

.pp-campaign-hero > aside span {
  color: #a7e8ff;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.pp-campaign-hero > aside strong {
  color: #fff;
  letter-spacing: -.055em;
  margin: 14px 0;
  font-size: 38px;
  line-height: .95;
}

.pp-campaign-hero > aside p {
  color: #ffffffc7;
}

.pp-campaign-link-card {
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: center;
  gap: 22px;
  margin: 0 clamp(22px, 5vw, 78px) 22px;
  padding: 30px;
  display: grid;
}

.pp-campaign-link-card h2, .pp-campaign-modes h2, .pp-campaign-output h2, .pp-campaign-final-cta h2 {
  color: #10243f;
  letter-spacing: -.065em;
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 66px);
  line-height: .9;
}

.pp-campaign-url-box {
  background: #ffffffbf;
  border: 1px solid #10243f1f;
  border-radius: 28px;
  padding: 22px;
  box-shadow: inset 0 1px #fffc;
}

.pp-campaign-url-box span {
  color: #2563eb;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.pp-campaign-url-box strong {
  color: #10243f;
  letter-spacing: -.04em;
  margin: 10px 0;
  font-size: 28px;
  display: block;
}

.pp-campaign-url-box small {
  color: #5e7186;
  line-height: 1.45;
}

.pp-campaign-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0 clamp(22px, 5vw, 78px) 22px;
  display: grid;
}

.pp-campaign-steps article, .pp-campaign-mode-grid article {
  background: #ffffffb3;
  border: 1px solid #ffffff6b;
  border-radius: 28px;
  padding: 22px;
  box-shadow: 0 18px 50px #133f6c1a;
}

.pp-campaign-steps b {
  color: #10243f;
  background: #ffd166;
  border-radius: 16px;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  display: grid;
}

.pp-campaign-steps strong {
  color: #10243f;
  letter-spacing: -.035em;
  margin-bottom: 8px;
  font-size: 21px;
  display: block;
}

.pp-campaign-steps p {
  color: #5e7186;
  margin: 0;
  line-height: 1.45;
}

.pp-campaign-modes, .pp-campaign-output, .pp-campaign-final-cta {
  margin: 0 clamp(22px, 5vw, 78px) 22px;
  padding: 30px;
}

.pp-campaign-mode-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
  display: grid;
}

.pp-campaign-mode-grid article {
  background: #ffffff94;
}

.pp-campaign-mode-grid span {
  color: #2563eb;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.pp-campaign-mode-grid h3 {
  color: #10243f;
  letter-spacing: -.045em;
  margin: 12px 0 10px;
  font-size: 26px;
}

.pp-campaign-output-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 22px;
  display: flex;
}

.pp-campaign-output-head > div:last-child {
  color: #fff;
  text-align: center;
  background: #10243f;
  border: 1px solid #10243f1f;
  border-radius: 28px;
  min-width: 150px;
  padding: 18px;
}

.pp-campaign-output-head b {
  color: #a3e635;
  letter-spacing: -.07em;
  font-size: 58px;
  line-height: .9;
  display: block;
}

.pp-campaign-output-head span {
  color: #ffffffb3;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 950;
}

.pp-campaign-output-grid {
  grid-template-columns: minmax(0, 1.4fr) 340px;
  gap: 16px;
  display: grid;
}

.pp-campaign-calendar {
  gap: 10px;
  display: grid;
}

.pp-campaign-calendar article {
  background: #ffffffb8;
  border: 1px solid #10243f1a;
  border-radius: 24px;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 14px;
  padding: 15px;
  display: grid;
}

.pp-campaign-calendar b {
  color: #0369a1;
  background: #e0f2fe;
  border-radius: 18px;
  place-items: center;
  width: 50px;
  height: 50px;
  display: grid;
}

.pp-campaign-calendar strong, .pp-campaign-output aside h3 {
  color: #10243f;
  letter-spacing: -.035em;
  margin-bottom: 6px;
  font-size: 22px;
  display: block;
}

.pp-campaign-output aside {
  background: #ffffffb8;
  border: 1px solid #10243f1a;
  border-radius: 28px;
  padding: 22px;
}

.pp-campaign-output aside ul {
  color: #486178;
  margin: 0 0 20px;
  padding-left: 20px;
  line-height: 1.7;
}

.pp-campaign-final-cta {
  text-align: center;
  padding: 46px 30px 54px;
}

.pp-campaign-final-cta h2, .pp-campaign-final-cta p {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.pp-campaign-final-cta a {
  color: #10243f;
  background: #ffd166;
  margin-top: 22px;
}

@media (max-width: 1100px) {
  .pp-campaign-hero, .pp-campaign-link-card, .pp-campaign-output-grid {
    grid-template-columns: 1fr;
  }

  .pp-campaign-steps, .pp-campaign-mode-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .pp-campaign-steps, .pp-campaign-mode-grid {
    grid-template-columns: 1fr;
  }

  .pp-campaign-output-head {
    flex-direction: column;
  }

  .pp-campaign-hero {
    padding-top: 48px;
  }
}

/*# sourceMappingURL=src_app_globals_0p2ml0n.css.map*/