body.brand-body {
  --color-bg: #f4f3ef;
  --color-surface: rgba(255, 255, 255, 0.86);
  --color-border: rgba(27, 36, 49, 0.1);
  --color-text: #1b2431;
  --color-text-muted: #5b6678;
  --color-text-faint: #7e8898;
  --color-accent: #e8651a;
  --color-heading: #1b2431;
  --shadow-sm: 0 8px 20px rgba(27, 36, 49, 0.06);
  --shadow-md: 0 16px 34px rgba(27, 36, 49, 0.08);
  --shadow-lg: 0 24px 60px rgba(27, 36, 49, 0.12);
}

body.brand-body .hero {
  position: relative;
  overflow: hidden;
  padding: clamp(84px, 10vw, 132px) 0 clamp(58px, 8vw, 84px);
  background:
    radial-gradient(circle at top left, rgba(232, 101, 26, 0.18), transparent 22%),
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.12), transparent 16%),
    linear-gradient(145deg, #1b2431 0%, #263346 62%, #18212c 100%);
  color: #fff;
}

body.brand-body .hero::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 140px;
  background: linear-gradient(180deg, rgba(244, 243, 239, 0), rgba(244, 243, 239, 1));
  pointer-events: none;
}

body.brand-body .hero .container,
body.brand-body .section .container,
body.brand-body footer .container {
  position: relative;
  z-index: 1;
}

body.brand-body .hero__title {
  font-family: var(--font-display);
  color: #fff;
  font-size: clamp(2.6rem, 2rem + 2vw, 4.4rem);
  letter-spacing: -0.05em;
}

body.brand-body .hero__desc {
  color: rgba(255, 255, 255, 0.74);
  font-size: clamp(1rem, 0.96rem + 0.4vw, 1.2rem);
  line-height: 1.7;
}

body.brand-body .section {
  padding: clamp(58px, 8vw, 92px) 0;
  border-top: 1px solid rgba(27, 36, 49, 0.08);
}

body.brand-body .section:nth-of-type(even) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
}

body.brand-body .section__title {
  font-family: var(--font-display);
  letter-spacing: -0.04em;
}

body.brand-body .section__eyebrow {
  color: var(--color-accent);
}

body.brand-body .section__desc {
  color: var(--color-text-muted);
}

body.brand-body .section__sub {
  color: var(--color-text-muted);
}

body.brand-body .step,
body.brand-body .grid-col,
body.brand-body .faq-item,
body.brand-body .contact-box,
body.brand-body .address-box,
body.brand-body .form-container,
body.brand-body .rights-item,
body.brand-body .model-item,
body.brand-body .code-block,
body.brand-body .legal-notice,
body.brand-body .consent-box {
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(27, 36, 49, 0.08);
  border-radius: 24px;
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.brand-body .legal-page {
  max-width: 900px;
  margin: clamp(28px, 4vw, 52px) auto;
  padding: clamp(28px, 4vw, 48px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 242, 234, 0.84));
  border: 1px solid rgba(27, 36, 49, 0.08);
  border-radius: 32px;
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.brand-body .legal-page .updated {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(253, 240, 231, 0.86);
  border: 1px solid rgba(232, 101, 26, 0.18);
  color: var(--color-text-muted);
}

body.brand-body .legal-page hr {
  border-top-color: rgba(27, 36, 49, 0.08);
}

body.brand-body .grid-col h3,
body.brand-body .faq-item h4,
body.brand-body .contact-box__label,
body.brand-body .model-item__label,
body.brand-body .step__number,
body.brand-body .rights-item h4 {
  color: var(--color-accent);
}

body.brand-body .step__number {
  background: linear-gradient(135deg, var(--color-accent), #ff9f63);
  color: #fff;
  box-shadow: 0 14px 24px rgba(232, 101, 26, 0.18);
}

body.brand-body .contact-box__content,
body.brand-body .model-item__value,
body.brand-body .step__title,
body.brand-body .section h3,
body.brand-body .legal-page h1,
body.brand-body .legal-page h2,
body.brand-body .legal-page h3 {
  color: var(--color-heading);
}

body.brand-body .step__desc,
body.brand-body .faq-item p,
body.brand-body .contact-box__support,
body.brand-body .address-box p,
body.brand-body .model-item__desc,
body.brand-body .rights-item p,
body.brand-body .grid-col li,
body.brand-body .legal-page p,
body.brand-body .legal-page li,
body.brand-body .consent-box p,
body.brand-body .partner-table td {
  color: var(--color-text-muted);
}

body.brand-body .legal-page strong,
body.brand-body .grid-col strong,
body.brand-body .rights-item strong,
body.brand-body .faq-item strong {
  color: var(--color-heading);
}

body.brand-body .form-group input,
body.brand-body .form-group select,
body.brand-body .form-group textarea {
  background: rgba(248, 242, 234, 0.62);
  border: 1px solid rgba(27, 36, 49, 0.12);
  border-radius: 16px;
  color: var(--color-heading);
}

body.brand-body .form-group input:focus,
body.brand-body .form-group select:focus,
body.brand-body .form-group textarea:focus {
  border-color: rgba(232, 101, 26, 0.46);
  box-shadow: 0 0 0 4px rgba(232, 101, 26, 0.12);
}

body.brand-body .form-submit,
body.brand-body .hero__cta a,
body.brand-body .cta-button,
body.brand-body .link-section a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--color-accent), #ff9f63);
  color: #fff;
  box-shadow: 0 18px 30px rgba(232, 101, 26, 0.2);
  text-decoration: none;
  font-weight: 700;
}

body.brand-body .form-submit:hover,
body.brand-body .hero__cta a:hover,
body.brand-body .cta-button:hover,
body.brand-body .link-section a:hover {
  opacity: 1;
  transform: translateY(-1px);
}

body.brand-body .success-message {
  background: rgba(26, 138, 74, 0.08);
  border-color: rgba(26, 138, 74, 0.28);
  color: #166534;
}

body.brand-body .partner-table th {
  background: rgba(253, 240, 231, 0.86);
  color: var(--color-heading);
  border-color: rgba(27, 36, 49, 0.08);
}

body.brand-body .partner-table td {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(27, 36, 49, 0.08);
}

body.brand-body .partner-table {
  overflow: hidden;
  border-radius: 22px;
}

body.brand-body .footer {
  background:
    radial-gradient(circle at top right, rgba(232, 101, 26, 0.2), transparent 22%),
    linear-gradient(145deg, #1b2431 0%, #121924 100%);
}

body.brand-body .footer,
body.brand-body .footer a,
body.brand-body .footer__brand-desc,
body.brand-body .footer__col li,
body.brand-body .footer__col a {
  color: rgba(255, 255, 255, 0.72);
}

body.brand-body .footer__col h4,
body.brand-body .footer__brand-name {
  color: #fff;
}

body.brand-body .footer a:hover {
  color: #fff;
  opacity: 1;
}

body.brand-body .hero,
body.brand-body .section,
body.brand-body footer {
  animation: editorialLift 420ms ease both;
}

@keyframes editorialLift {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  body.brand-body .hero {
    padding-top: 84px;
  }

  body.brand-body .step,
  body.brand-body .grid-col,
  body.brand-body .faq-item,
  body.brand-body .contact-box,
  body.brand-body .form-container,
  body.brand-body .rights-item,
  body.brand-body .model-item {
    border-radius: 20px;
  }
}