.obiq-profit-gap {
  --obiq-accent: #56c424;
  --obiq-accent-alt: #fe3200;
  --obiq-bg: #334b77;
  --obiq-panel: #273b60;
  --obiq-panel-2: #20324f;
  --obiq-border: rgba(134, 187, 214, 0.2);
  --obiq-text: #f4f8fb;
  --obiq-muted: #9aabb8;
  --obiq-red: #fe3200;
  --obiq-amber: #f5ac45;
  --obiq-green: #56c424;
  box-sizing: border-box;
  color: var(--obiq-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0 auto;
  max-width: 920px;
}

.obiq-profit-gap *,
.obiq-profit-gap *::before,
.obiq-profit-gap *::after { box-sizing: border-box; }

.obiq-profit-gap .obiq-card {
  background:
    radial-gradient(circle at 95% 5%, color-mix(in srgb, var(--obiq-accent-alt) 12%, transparent), transparent 34%),
    var(--obiq-bg);
  border: 1px solid var(--obiq-border);
  border-radius: 22px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
  min-height: 600px;
  overflow: hidden;
  padding: clamp(26px, 5vw, 58px);
}

.obiq-profit-gap h1,
.obiq-profit-gap h2,
.obiq-profit-gap h3,
.obiq-profit-gap p { margin-top: 0; }

.obiq-profit-gap h1 {
  color: var(--obiq-text);
  font-size: clamp(42px, 7vw, 70px);
  font-weight: 650;
  letter-spacing: -0.055em;
  line-height: 0.98;
  margin: 24px 0 28px;
}

.obiq-profit-gap .obiq-logo {
  display: block;
  height: auto;
  margin: -18px 0 18px;
  max-width: 330px;
  width: min(65vw, 330px);
}

.obiq-profit-gap .obiq-intro > .obiq-logo {
  margin-left: auto;
  margin-right: 0;
}

.obiq-profit-gap h1 em {
  color: var(--obiq-accent);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.obiq-profit-gap .obiq-kicker,
.obiq-profit-gap .obiq-question-meta span {
  color: var(--obiq-accent);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.obiq-profit-gap .obiq-lead {
  color: #c4d0d8;
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
  max-width: 720px;
}

.obiq-profit-gap .obiq-form-panel,
.obiq-profit-gap .obiq-breakdown,
.obiq-profit-gap .obiq-cta {
  background: linear-gradient(145deg, var(--obiq-panel), var(--obiq-panel-2));
  border: 1px solid var(--obiq-border);
  border-radius: 16px;
  margin: 32px 0 24px;
  padding: clamp(22px, 4vw, 34px);
}

.obiq-profit-gap .obiq-form-panel > p { color: #c8d3da; }
.obiq-profit-gap .obiq-grid { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; }
.obiq-profit-gap label { color: #b4c1ca; display: block; font-size: 13px; font-weight: 700; }
.obiq-profit-gap label > span { color: var(--obiq-accent); }

.obiq-profit-gap input[type="text"],
.obiq-profit-gap input[type="email"],
.obiq-profit-gap input[type="tel"] {
  appearance: none;
  background: rgba(5, 15, 25, 0.48);
  border: 1px solid rgba(146, 184, 207, 0.24);
  border-radius: 10px;
  -webkit-text-fill-color: var(--obiq-text) !important;
  caret-color: var(--obiq-text);
  color: var(--obiq-text) !important;
  display: block;
  font: inherit;
  font-size: 16px;
  margin-top: 8px;
  min-height: 52px;
  padding: 12px 14px;
  width: 100%;
}

.obiq-profit-gap input[type="text"]:focus,
.obiq-profit-gap input[type="email"]:focus,
.obiq-profit-gap input[type="tel"]:focus,
.obiq-profit-gap input[type="text"]:active,
.obiq-profit-gap input[type="email"]:active,
.obiq-profit-gap input[type="tel"]:active {
  -webkit-text-fill-color: var(--obiq-text) !important;
  color: var(--obiq-text) !important;
}

.obiq-profit-gap input:-webkit-autofill,
.obiq-profit-gap input:-webkit-autofill:hover,
.obiq-profit-gap input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--obiq-text) !important;
  box-shadow: 0 0 0 1000px rgba(5, 15, 25, 0.96) inset !important;
  caret-color: var(--obiq-text);
}

.obiq-profit-gap input:focus {
  border-color: var(--obiq-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--obiq-accent) 20%, transparent);
  outline: none;
}

.obiq-profit-gap .obiq-consent {
  align-items: flex-start;
  display: flex;
  font-weight: 400;
  gap: 10px;
  line-height: 1.5;
  margin-top: 22px;
}
.obiq-profit-gap .obiq-consent input { accent-color: var(--obiq-accent); flex: 0 0 auto; margin-top: 3px; }
.obiq-profit-gap .obiq-consent span { color: var(--obiq-muted); }
.obiq-profit-gap a { color: var(--obiq-accent); }

.obiq-profit-gap .obiq-primary,
.obiq-profit-gap .obiq-download {
  align-items: center;
  background: linear-gradient(110deg, var(--obiq-accent), color-mix(in srgb, var(--obiq-accent) 65%, white));
  border: 0;
  border-radius: 10px;
  color: #04131b;
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: 16px;
  font-weight: 800;
  justify-content: center;
  min-height: 56px;
  padding: 14px 24px;
  text-align: center;
  text-decoration: none;
  transition: transform 160ms ease, filter 160ms ease, opacity 160ms ease;
  width: 100%;
}
.obiq-profit-gap .obiq-primary:not(:disabled):hover,
.obiq-profit-gap .obiq-download:hover { filter: brightness(1.08); transform: translateY(-2px); }
.obiq-profit-gap .obiq-primary:disabled { cursor: not-allowed; opacity: 0.38; }
.obiq-profit-gap .obiq-fine,
.obiq-profit-gap .obiq-assessing { color: #60707c; font-size: 11px; text-align: center; }

.obiq-profit-gap .obiq-progress { background: rgba(255, 255, 255, 0.09); border-radius: 99px; height: 5px; overflow: hidden; }
.obiq-profit-gap .obiq-progress span { background: linear-gradient(90deg, var(--obiq-accent), var(--obiq-accent-alt)); display: block; height: 100%; transition: width 300ms ease; }
.obiq-profit-gap .obiq-question-meta { align-items: center; display: flex; justify-content: space-between; margin: 38px 0 14px; }
.obiq-profit-gap .obiq-question-meta b { color: #6d7e89; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.obiq-profit-gap .obiq-question h2 { font-size: clamp(28px, 4vw, 43px); letter-spacing: -0.035em; line-height: 1.16; margin-bottom: 30px; max-width: 760px; }
.obiq-profit-gap .obiq-question,
.obiq-profit-gap .obiq-question h2,
.obiq-profit-gap .obiq-question p,
.obiq-profit-gap .obiq-question button {
  color: var(--obiq-text) !important;
  -webkit-text-fill-color: var(--obiq-text) !important;
}
.obiq-profit-gap .obiq-options { display: grid; gap: 12px; }
.obiq-profit-gap .obiq-options button {
  background: var(--obiq-panel);
  border: 1px solid var(--obiq-border);
  border-radius: 12px;
  color: #ecf4f8;
  cursor: pointer;
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 64px;
  padding: 16px 20px;
  text-align: left;
  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}
.obiq-profit-gap .obiq-options button:hover,
.obiq-profit-gap .obiq-options button.selected { background: color-mix(in srgb, var(--obiq-panel) 84%, var(--obiq-accent)); border-color: var(--obiq-accent); transform: translateX(3px); }
.obiq-profit-gap .obiq-options button:disabled:not(.selected) { cursor: default; opacity: 0.48; }
.obiq-profit-gap .obiq-assessing { margin: 24px 0 0; }

.obiq-profit-gap .obiq-results { min-height: 0; }
.obiq-profit-gap .obiq-results,
.obiq-profit-gap .obiq-results h2,
.obiq-profit-gap .obiq-results h3,
.obiq-profit-gap .obiq-results p,
.obiq-profit-gap .obiq-results .obiq-category > div:first-child span,
.obiq-profit-gap .obiq-results .obiq-insight,
.obiq-profit-gap .obiq-results .obiq-good-news {
  color: var(--obiq-text) !important;
  -webkit-text-fill-color: var(--obiq-text) !important;
}
.obiq-profit-gap .obiq-results-brand {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin: -18px 0 30px auto;
  text-align: right;
}
.obiq-profit-gap .obiq-results-brand .obiq-logo-small {
  margin: 0 0 8px auto;
  max-width: 250px;
  width: min(58vw, 250px);
}
.obiq-profit-gap .obiq-results-brand > span {
  color: var(--obiq-text) !important;
  -webkit-text-fill-color: var(--obiq-text) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .13em;
}
.obiq-profit-gap .obiq-score-row { align-items: center; display: grid; gap: 26px; grid-template-columns: 108px 1fr; margin: 30px 0; }
.obiq-profit-gap .obiq-score {
  align-items: center;
  aspect-ratio: 1;
  border: 3px solid currentColor;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.obiq-profit-gap .obiq-score strong { font-size: 34px; line-height: 1; }
.obiq-profit-gap .obiq-score small { color: var(--obiq-muted); font-size: 10px; margin-top: 5px; }
.obiq-profit-gap .critical { color: var(--obiq-red); }
.obiq-profit-gap .developing { color: var(--obiq-amber); }
.obiq-profit-gap .strong { color: var(--obiq-green); }
.obiq-profit-gap .obiq-results .critical { color: var(--obiq-red) !important; -webkit-text-fill-color: var(--obiq-red) !important; }
.obiq-profit-gap .obiq-results .developing { color: var(--obiq-amber) !important; -webkit-text-fill-color: var(--obiq-amber) !important; }
.obiq-profit-gap .obiq-results .strong { color: var(--obiq-green) !important; -webkit-text-fill-color: var(--obiq-green) !important; }
.obiq-profit-gap .obiq-tier { background: rgba(255,255,255,.06); border-radius: 7px; display: inline-block; font-size: 14px; font-weight: 800; margin-bottom: 12px; padding: 8px 12px; }
.obiq-profit-gap .obiq-score-row p { color: #c3ced5; line-height: 1.6; margin: 0; }
.obiq-profit-gap .obiq-opportunity { background: rgba(255,255,255,.05); border-left: 4px solid currentColor; border-radius: 10px; display: grid; gap: 5px; margin: 24px 0; padding: 20px; }
.obiq-profit-gap .obiq-opportunity small { color: var(--obiq-muted); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.obiq-profit-gap .obiq-opportunity strong { font-size: 25px; }
.obiq-profit-gap .obiq-results .obiq-opportunity strong { color: currentColor !important; -webkit-text-fill-color: currentColor !important; }
.obiq-profit-gap .obiq-opportunity span { color: var(--obiq-muted); font-size: 11px; }
.obiq-profit-gap .obiq-breakdown h3 { color: var(--obiq-muted); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.obiq-profit-gap .obiq-category-grid { display: grid; gap: 18px 26px; grid-template-columns: 1fr 1fr; }
.obiq-profit-gap .obiq-category > div:first-child { display: flex; font-size: 12px; justify-content: space-between; }
.obiq-profit-gap .obiq-category b { font-size: 11px; }
.obiq-profit-gap .obiq-category-track { background: rgba(255,255,255,.11); border-radius: 99px; height: 4px; margin-top: 8px; overflow: hidden; }
.obiq-profit-gap .obiq-category-track span { background: currentColor; display: block; height: 100%; }
.obiq-profit-gap .obiq-insight { border-left: 4px solid var(--obiq-accent); color: #d4dde3; line-height: 1.65; margin: 22px 0; padding: 14px 18px; }
.obiq-profit-gap .obiq-insight p { margin: 0; }
.obiq-profit-gap .obiq-good-news { background: rgba(255,255,255,.055); border-radius: 10px; color: #d4dde3; line-height: 1.65; margin: 22px 0; padding: 20px; }
.obiq-profit-gap .obiq-good-news h3 { color: var(--obiq-accent); font-size: 19px; margin-bottom: 8px; }
.obiq-profit-gap .obiq-good-news p { margin: 0; }
.obiq-profit-gap .obiq-delivery { background: rgba(56,204,158,.1); border: 1px solid rgba(56,204,158,.25); border-radius: 9px; color: var(--obiq-green); font-size: 13px; margin: 16px 0; padding: 14px; text-align: center; }
.obiq-profit-gap .obiq-delivery.warning { background: rgba(245,172,69,.1); border-color: rgba(245,172,69,.25); color: var(--obiq-amber); }
.obiq-profit-gap .obiq-download { background: transparent; border: 1px solid var(--obiq-accent); color: var(--obiq-accent); }
.obiq-profit-gap .obiq-cta { text-align: center; }
.obiq-profit-gap .obiq-cta h3 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(25px, 4vw, 36px); font-weight: 400; }
.obiq-profit-gap .obiq-cta p { color: #b9c6ce; line-height: 1.6; }
.obiq-profit-gap .obiq-next-steps { display: grid; gap: 12px; margin-top: 20px; }
.obiq-profit-gap .obiq-secondary {
  align-items: center;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 10px;
  color: var(--obiq-text);
  display: flex;
  font-weight: 700;
  justify-content: center;
  min-height: 52px;
  padding: 12px 20px;
  text-decoration: none;
  transition: border-color 160ms ease, transform 160ms ease;
}
.obiq-profit-gap .obiq-secondary:hover { border-color: var(--obiq-accent); transform: translateY(-2px); }
.obiq-profit-gap .obiq-brand { color: var(--obiq-text); font-size: 13px; font-weight: 800; letter-spacing: .15em; margin-top: 28px; text-align: center; }
.obiq-profit-gap .obiq-brand .obiq-logo-small { margin: 0 auto 8px; max-width: 210px; width: min(55vw, 210px); }
.obiq-profit-gap .obiq-brand span { color: #596b76; display: block; font-size: 8px; font-weight: 500; letter-spacing: .18em; margin-top: 8px; text-transform: uppercase; }

@media (max-width: 640px) {
  .obiq-profit-gap .obiq-card { border-radius: 14px; min-height: 540px; padding: 26px 20px; }
  .obiq-profit-gap .obiq-grid,
  .obiq-profit-gap .obiq-category-grid { grid-template-columns: 1fr; }
  .obiq-profit-gap .obiq-score-row { align-items: start; gap: 16px; grid-template-columns: 82px 1fr; }
  .obiq-profit-gap .obiq-question h2 { font-size: 29px; }
  .obiq-profit-gap .obiq-options button { font-size: 14px; min-height: 58px; }
}

@media (prefers-reduced-motion: reduce) {
  .obiq-profit-gap * { scroll-behavior: auto !important; transition: none !important; }
}