:root {
  --cdx-bg: #f5efe7;
  --cdx-surface: #fffdf9;
  --cdx-surface-soft: #f8f1e6;
  --cdx-text: #1a1a1a;
  --cdx-text-muted: #655d52;
  --cdx-border: #dfd2c2;
  --cdx-accent: #443127;
  --cdx-accent-hover: #5a4133;
  --cdx-gold: #b48b4a;
  --cdx-shadow: 0 18px 46px rgba(68, 49, 39, 0.07);
  --cdx-serif: "Playfair Display", Georgia, serif;
  --cdx-sans: "Inter", system-ui, sans-serif;
}

html {
  background: var(--cdx-bg);
}

body.design-one-shell {
  background:
    radial-gradient(circle at top left, rgba(197, 163, 104, 0.08), transparent 30%),
    radial-gradient(circle at 85% 18%, rgba(214, 189, 144, 0.12), transparent 28%),
    linear-gradient(180deg, #f8f3eb 0%, #f4eee5 100%) !important;
  color: var(--cdx-text) !important;
  font-family: var(--cdx-sans) !important;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

body.design-one-shell *,
body.design-one-shell *::before,
body.design-one-shell *::after {
  box-sizing: border-box;
}

body.design-one-shell a {
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

body.design-one-shell nav {
  position: sticky !important;
  top: 0;
  z-index: 100;
  background: rgba(248, 242, 233, 0.92) !important;
  border-bottom: 1px solid var(--cdx-border) !important;
  backdrop-filter: blur(10px);
}

body.design-one-shell .nav-inner,
body.design-one-shell .container {
  max-width: 1120px !important;
}

body.design-one-shell .nav-inner {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

body.design-one-shell .nav-logo,
body.design-one-shell .site-footer__brand,
body.design-one-shell .footer-title,
body.design-one-shell .footer-brand {
  font-family: var(--cdx-serif) !important;
  color: var(--cdx-text) !important;
  letter-spacing: 0.01em;
}

body.design-one-shell .nav-logo {
  font-size: 1.18rem !important;
  margin-left: 0.45rem !important;
}

body.design-one-shell .nav-logo span,
body.design-one-shell .site-footer__brand span {
  color: var(--cdx-gold) !important;
}

body.design-one-shell .nav-links a {
  font-family: var(--cdx-sans) !important;
  font-size: 0.96rem !important;
  color: var(--cdx-text-muted) !important;
}

body.design-one-shell .nav-links a:hover,
body.design-one-shell .nav-links a.active {
  color: var(--cdx-text) !important;
}

body.design-one-shell .nav-cta,
body.design-one-shell .btn-primary,
body.design-one-shell .btn-analyse,
body.design-one-shell .btn-primary:visited {
  background: var(--cdx-accent) !important;
  color: #fff !important;
  border: 1px solid var(--cdx-accent) !important;
  border-radius: 999px !important;
  font-family: var(--cdx-sans) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.design-one-shell .nav-cta:hover,
body.design-one-shell .btn-primary:hover,
body.design-one-shell .btn-analyse:hover {
  background: var(--cdx-accent-hover) !important;
  border-color: var(--cdx-accent-hover) !important;
}

body.design-one-shell .btn,
body.design-one-shell .btn-ghost,
body.design-one-shell .btn-secondary,
body.design-one-shell .report-nav-btn,
body.design-one-shell .btn-upload {
  border-radius: 999px !important;
  font-family: var(--cdx-sans) !important;
}

body.design-one-shell .hero__actions .btn {
  padding: 1.12rem 1.9rem !important;
  font-size: 1.06rem !important;
  font-weight: 600 !important;
}

body.design-one-shell .btn-ghost,
body.design-one-shell .btn-secondary,
body.design-one-shell .report-nav-btn,
body.design-one-shell .btn-upload {
  background: var(--cdx-surface) !important;
  border: 1px solid var(--cdx-border) !important;
  color: var(--cdx-text) !important;
}

body.design-one-shell .btn-ghost:hover,
body.design-one-shell .btn-secondary:hover,
body.design-one-shell .report-nav-btn:hover,
body.design-one-shell .btn-upload:hover {
  border-color: var(--cdx-accent) !important;
  background: #fffaf2 !important;
}

body.design-one-shell .hero,
body.design-one-shell .page-header,
body.design-one-shell .privacy,
body.design-one-shell .offer,
body.design-one-shell .pilot,
body.design-one-shell .roadmap,
body.design-one-shell .report-preview,
body.design-one-shell .step-value,
body.design-one-shell .request,
body.design-one-shell .faq,
body.design-one-shell .strip,
body.design-one-shell .cta-band {
  background: transparent !important;
  color: var(--cdx-text) !important;
}

body.design-one-shell .hero,
body.design-one-shell .page-header {
  background:
    radial-gradient(circle at top center, rgba(205, 174, 123, 0.14), transparent 36%),
    linear-gradient(180deg, rgba(255, 252, 247, 0.92), rgba(248, 242, 233, 0.55)) !important;
}

body.design-one-shell .report-preview,
body.design-one-shell .pilot,
body.design-one-shell .request,
body.design-one-shell .faq {
  background:
    linear-gradient(180deg, rgba(255, 251, 245, 0.72), rgba(247, 240, 229, 0.46)) !important;
}

body.design-one-shell .hero::before,
body.design-one-shell .page-header::before {
  display: none !important;
}

body.design-one-shell section,
body.design-one-shell .hero,
body.design-one-shell .page-header {
  padding-top: clamp(2.75rem, 7vw, 5.5rem) !important;
  padding-bottom: clamp(2.75rem, 7vw, 5.5rem) !important;
}

body.design-one-shell section + section {
  border-top: none !important;
}

body.design-one-shell .hero .container,
body.design-one-shell .page-header .container {
  position: static !important;
}

body.design-one-shell .hero-grid,
body.design-one-shell .hero__grid,
body.design-one-shell .info-grid,
body.design-one-shell .step-layout,
body.design-one-shell .pilot-shell,
body.design-one-shell .grid-2 {
  align-items: start !important;
  gap: 1.6rem !important;
}

body.design-one-shell .hero h1,
body.design-one-shell .hero__title,
body.design-one-shell .page-header h1,
body.design-one-shell .section-title,
body.design-one-shell .hero__title,
body.design-one-shell .hero__sub span:first-child + span,
body.design-one-shell .hero__sub span:first-child + span + span,
body.design-one-shell h1,
body.design-one-shell h2,
body.design-one-shell h3 {
  color: var(--cdx-text) !important;
}

body.design-one-shell .hero h1,
body.design-one-shell .hero__title,
body.design-one-shell .page-header h1,
body.design-one-shell .section-title,
body.design-one-shell h1,
body.design-one-shell h2,
body.design-one-shell h3,
body.design-one-shell .hero-card h2,
body.design-one-shell .report-top h2,
body.design-one-shell .pr-title-xl,
body.design-one-shell .pr-title-md {
  font-family: var(--cdx-serif) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em;
}

body.design-one-shell .hero h1,
body.design-one-shell .hero__title,
body.design-one-shell .page-header h1 {
  max-width: 920px !important;
  margin-bottom: 1.15rem !important;
}

body.design-one-shell .hero p,
body.design-one-shell .hero__sub,
body.design-one-shell .page-header p,
body.design-one-shell .section-intro,
body.design-one-shell .lead,
body.design-one-shell .card p,
body.design-one-shell .step-card p,
body.design-one-shell .privacy-card p,
body.design-one-shell .pilot-step p,
body.design-one-shell .hero-card p,
body.design-one-shell .offer-card .offer-copy,
body.design-one-shell .faq-card p,
body.design-one-shell .pr-muted,
body.design-one-shell .pr-insight p,
body.design-one-shell .pr-finding span,
body.design-one-shell .footer-copy,
body.design-one-shell .footer-brand p,
body.design-one-shell .site-footer__desc,
body.design-one-shell .site-footer__legal,
body.design-one-shell .site-footer__meta,
body.design-one-shell .site-footer__fine,
body.design-one-shell .site-footer__text,
body.design-one-shell .notice {
  color: var(--cdx-text-muted) !important;
  font-family: var(--cdx-sans) !important;
}

body.design-one-shell .section-label,
body.design-one-shell .hero__eyebrow,
body.design-one-shell .eyebrow,
body.design-one-shell .step-summary-label,
body.design-one-shell .report-page-num,
body.design-one-shell .pr-eyebrow,
body.design-one-shell .roadmap-badge,
body.design-one-shell .pilot-note,
body.design-one-shell .footer-heading,
body.design-one-shell .offer-alt-label,
body.design-one-shell label,
body.design-one-shell .meta-label {
  color: var(--cdx-gold) !important;
  font-family: var(--cdx-sans) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
}

body.design-one-shell .hero__eyebrow::before,
body.design-one-shell .eyebrow::before {
  background: var(--cdx-border) !important;
}

body.design-one-shell .card,
body.design-one-shell .offer-card,
body.design-one-shell .faq-card,
body.design-one-shell .preview-card,
body.design-one-shell .cred-card,
body.design-one-shell .report-shell,
body.design-one-shell .report-page,
body.design-one-shell .step-summary,
body.design-one-shell .step-card,
body.design-one-shell .roadmap-card,
body.design-one-shell .privacy-card,
body.design-one-shell .pilot-panel,
body.design-one-shell .pilot-step,
body.design-one-shell .hero-card,
body.design-one-shell .preview-shell,
body.design-one-shell .pr-card,
body.design-one-shell .pr-insight,
body.design-one-shell .pr-finding,
body.design-one-shell .pr-method-card,
body.design-one-shell .strip-card,
body.design-one-shell .request-shell,
body.design-one-shell .request-note,
body.design-one-shell form,
body.design-one-shell .confirm-box,
body.design-one-shell .support-card,
body.design-one-shell .drop-zone,
body.design-one-shell .file-info,
body.design-one-shell .success-card,
body.design-one-shell .meta-item {
  background: linear-gradient(180deg, #fffdfa 0%, #fcf6ee 100%) !important;
  border: 1px solid var(--cdx-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--cdx-shadow) !important;
}

body.design-one-shell .roadmap-card.active,
body.design-one-shell .pr-card-dark,
body.design-one-shell .cta-shell {
  background: var(--cdx-accent) !important;
  color: #fff !important;
  border-color: var(--cdx-accent) !important;
}

body.design-one-shell .roadmap-card.active h3,
body.design-one-shell .roadmap-card.active p,
body.design-one-shell .pr-card-dark .pr-title-md,
body.design-one-shell .pr-card-dark p,
body.design-one-shell .cta-shell p,
body.design-one-shell .cta-shell .section-title,
body.design-one-shell .cta-shell .section-label {
  color: #fff !important;
}

body.design-one-shell .roadmap-card.active .roadmap-badge,
body.design-one-shell .pr-card-dark .pr-eyebrow {
  color: rgba(255, 255, 255, 0.68) !important;
}

body.design-one-shell .report-tab.active,
body.design-one-shell .pr-num,
body.design-one-shell .step-card-num,
body.design-one-shell .pilot-step-num {
  background: var(--cdx-accent) !important;
  color: #fff !important;
}

body.design-one-shell .report-tab {
  background: transparent !important;
  color: var(--cdx-text-muted) !important;
  font-family: var(--cdx-sans) !important;
}

body.design-one-shell .report-tab:hover,
body.design-one-shell .report-tab.active:hover {
  color: #fff !important;
}

body.design-one-shell .pr-table,
body.design-one-shell .pr-table thead th,
body.design-one-shell .pr-table td {
  font-family: var(--cdx-sans) !important;
  color: var(--cdx-text) !important;
  border-color: var(--cdx-border) !important;
}

body.design-one-shell .pr-table thead th {
  background: var(--cdx-surface-soft) !important;
  color: var(--cdx-text-muted) !important;
}

body.design-one-shell .pr-method-card,
body.design-one-shell .pr-card-soft,
body.design-one-shell .step-card,
body.design-one-shell .preview-shell,
body.design-one-shell .request-note,
body.design-one-shell .support-card,
body.design-one-shell .privacy-note {
  background: linear-gradient(180deg, #fbf4e9 0%, #f6eedf 100%) !important;
}

body.design-one-shell .privacy-note {
  border-left: 1px solid var(--cdx-border) !important;
  color: var(--cdx-text-muted) !important;
}

body.design-one-shell .steps {
  background: transparent !important;
  border-bottom: none !important;
  padding-top: 0 !important;
}

body.design-one-shell .step.done .step-num,
body.design-one-shell .step.active .step-num,
body.design-one-shell .step.pending .step-num {
  background: var(--cdx-accent) !important;
  color: #fff !important;
}

body.design-one-shell .step.pending .step-num {
  opacity: 0.3;
}

body.design-one-shell .step.done span,
body.design-one-shell .step.active span,
body.design-one-shell .step.pending span {
  color: var(--cdx-text) !important;
  font-family: var(--cdx-sans) !important;
}

body.design-one-shell input,
body.design-one-shell select,
body.design-one-shell textarea,
body.design-one-shell .site-footer__input {
  background: #fff !important;
  border: 1px solid var(--cdx-border) !important;
  border-radius: 10px !important;
  color: var(--cdx-text) !important;
  font-family: var(--cdx-sans) !important;
}

body.design-one-shell input:focus,
body.design-one-shell select:focus,
body.design-one-shell textarea:focus,
body.design-one-shell .site-footer__input:focus {
  border-color: var(--cdx-text) !important;
  box-shadow: none !important;
}

body.design-one-shell .site-footer,
body.design-one-shell footer,
body.design-one-shell .site-footer__bottom {
  background: transparent !important;
  color: var(--cdx-text-muted) !important;
  border-top: 1px solid var(--cdx-border) !important;
}

body.design-one-shell footer {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

body.design-one-shell .site-footer__links a,
body.design-one-shell .footer-links a {
  color: var(--cdx-text-muted) !important;
  font-family: var(--cdx-sans) !important;
}

body.design-one-shell .site-footer__links a:hover,
body.design-one-shell .footer-links a:hover {
  color: var(--cdx-text) !important;
}

body.design-one-shell .footer-grid,
body.design-one-shell .site-footer__top,
body.design-one-shell .site-footer__inner {
  max-width: 1120px !important;
  margin-inline: auto !important;
}

body.design-one-shell .notice {
  background: rgba(255, 250, 242, 0.8) !important;
  border-bottom: 1px solid var(--cdx-border);
}

body.design-one-shell .confirm-overlay {
  background: rgba(26, 26, 26, 0.42) !important;
}

@media (max-width: 960px) {
  body.design-one-shell .hero-grid,
  body.design-one-shell .hero__grid,
  body.design-one-shell .info-grid,
  body.design-one-shell .step-layout,
  body.design-one-shell .pilot-shell,
  body.design-one-shell .grid-2,
  body.design-one-shell .preview-grid,
  body.design-one-shell .detail-grid,
  body.design-one-shell .faq-grid,
  body.design-one-shell .pr-split,
  body.design-one-shell .roadmap-grid,
  body.design-one-shell .privacy-grid,
  body.design-one-shell .step-grid,
  body.design-one-shell .strip-grid {
    grid-template-columns: 1fr !important;
  }
}