:root {
      --primaryColor: #690C1A;
      --secondaryColor: #4A0812;
      --accentColor: #861626;
      --gold: #E9BC57;
      --cream: #FAF6F0;
      --ink: #33302E;
      --muted: #6E6862;
      --line: #E9E2DA;
      --paper: #FFFFFF;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.55;
    }
    h1, h2, h3, .brand-face, button, .site-nav a {
      font-family: Poppins, "Segoe UI", sans-serif;
    }
    img { max-width: 100%; height: auto; }
    a { color: var(--primaryColor); }
    a:focus-visible,
    button:focus-visible,
    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible {
      outline: 3px solid var(--gold);
      outline-offset: 3px;
    }
    .skip {
      position: absolute;
      left: 12px;
      top: -40px;
      z-index: 10;
      padding: 8px 12px;
      background: var(--gold);
      color: var(--secondaryColor);
      font-weight: 700;
      text-decoration: none;
    }
    .skip:focus { top: 12px; }
    .wrap {
      width: min(1080px, calc(100% - 32px));
      margin: 0 auto;
    }
    header {
      background: var(--primaryColor);
      color: #fff;
    }
    .header-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      min-height: 64px;
      padding: 10px 0;
    }
    .logo-link {
      display: inline-flex;
      align-items: center;
      text-decoration: none;
    }
    .logo-link img {
      display: block;
      height: 36px;
      width: auto;
    }
    .site-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 18px;
      font-size: 14px;
      font-weight: 600;
    }
    .site-nav a {
      color: #fff;
      text-decoration: none;
      border-bottom: 2px solid transparent;
      padding-bottom: 2px;
    }
    .site-nav a:hover,
    .site-nav a[aria-current="page"] {
      border-bottom-color: var(--gold);
      color: var(--gold);
    }
    .hero {
      background: var(--primaryColor);
      color: #fff;
      padding: 36px 0 44px;
    }
    .hero-kicker {
      display: inline-block;
      margin: 0 0 12px;
      color: var(--gold);
      font-family: Poppins, "Segoe UI", sans-serif;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .hero h1 {
      max-width: 16ch;
      margin: 0 0 12px;
      font-size: clamp(1.85rem, 4vw, 2.6rem);
      line-height: 1.15;
      font-weight: 700;
    }
    .hero .lead {
      max-width: 38rem;
      margin: 0 0 22px;
      color: #F7EFE8;
      font-size: 1.125rem;
    }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 10px 18px;
      border: 2px solid transparent;
      border-radius: 4px;
      font-family: Poppins, "Segoe UI", sans-serif;
      font-size: 16px;
      font-weight: 700;
      text-decoration: none;
      cursor: pointer;
    }
    .btn-gold {
      background: var(--gold);
      color: var(--secondaryColor);
    }
    .btn-gold:hover { background: #F3CC6E; }
    .btn-ghost {
      background: transparent;
      border-color: rgba(255,255,255,.55);
      color: #fff;
    }
    .btn-ghost:hover { border-color: var(--gold); color: var(--gold); }
    .band {
      padding: 40px 0;
    }
    .band h2 {
      margin: 0 0 10px;
      color: var(--primaryColor);
      font-size: clamp(1.4rem, 2.4vw, 1.75rem);
      line-height: 1.2;
    }
    .band p { margin: 0 0 12px; color: var(--muted); max-width: 62ch; }
    .rule {
      width: 56px;
      height: 4px;
      margin: 0 0 16px;
      background: var(--gold);
      border: 0;
    }
    .split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px 48px;
      align-items: start;
    }
    .offer-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .offer-list li {
      margin: 0 0 12px;
      padding: 14px 16px;
      border-left: 4px solid var(--gold);
      background: var(--cream);
    }
    .offer-list strong {
      display: block;
      margin-bottom: 4px;
      color: var(--secondaryColor);
      font-family: Poppins, "Segoe UI", sans-serif;
    }
    .proof {
      background: var(--secondaryColor);
      color: #fff;
    }
    .proof h2 { color: #fff; }
    .proof p { color: #F3E6DC; }
    .proof-grid {
      display: grid;
      grid-template-columns: 1.2fr 1fr 1fr;
      gap: 18px;
      margin-top: 8px;
    }
    .proof-item {
      padding: 18px;
      border: 1px solid rgba(233,188,87,.35);
      background: rgba(0,0,0,.18);
    }
    .proof-item h3 {
      margin: 0 0 8px;
      color: var(--gold);
      font-size: 1rem;
    }
    .proof-item p { margin: 0; color: #F7EFE8; }
    .steps {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin-top: 8px;
      counter-reset: step;
    }
    .step {
      padding: 18px 18px 16px;
      border: 1px solid var(--line);
      background: var(--paper);
    }
    .step h3 {
      margin: 0 0 8px;
      color: var(--primaryColor);
      font-size: 1.05rem;
    }
    .step h3::before {
      counter-increment: step;
      content: counter(step) ". ";
      color: var(--accentColor);
    }
    .step p { margin: 0; }
    .register {
      background: var(--cream);
      padding: 44px 0 52px;
    }
    .register-intro { max-width: 62ch; }
    .preview-notice {
      margin: 0 0 22px;
      padding: 12px 14px;
      border-left: 4px solid var(--gold);
      background: #fff;
      color: var(--secondaryColor);
      font-weight: 500;
    }
    #partner-form {
      background: #fff;
      border: 1px solid var(--line);
      padding: 22px;
    }
    fieldset {
      margin: 0 0 22px;
      padding: 0;
      border: 0;
    }
    legend {
      width: 100%;
      margin: 0 0 14px;
      padding: 0 0 8px;
      border-bottom: 2px solid var(--gold);
      color: var(--primaryColor);
      font-family: Poppins, "Segoe UI", sans-serif;
      font-size: 1.15rem;
      font-weight: 700;
    }
    .fields {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px 18px;
    }
    .field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
    .field.full { grid-column: 1 / -1; }
    label {
      font-weight: 500;
      color: var(--ink);
    }
    .req {
      color: var(--accentColor);
      font-weight: 700;
    }
    .hint {
      margin: 0;
      color: var(--muted);
      font-size: 0.875rem;
    }
    input,
    select,
    textarea {
      width: 100%;
      min-height: 44px;
      padding: 10px 12px;
      border: 1px solid #C9B8A8;
      border-radius: 4px;
      background: #fff;
      color: var(--ink);
      font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 16px;
    }
    textarea {
      min-height: 132px;
      resize: vertical;
    }
    select {
      appearance: none;
      background-image: linear-gradient(45deg, transparent 50%, var(--primaryColor) 50%), linear-gradient(135deg, var(--primaryColor) 50%, transparent 50%);
      background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
      background-size: 6px 6px, 6px 6px;
      background-repeat: no-repeat;
      padding-right: 36px;
    }
    .form-actions { margin-top: 8px; }
    .req-key {
      margin: 0 0 16px;
      color: var(--muted);
      font-size: 0.875rem;
    }
    footer {
      background: var(--primaryColor);
      color: #F7EFE8;
      padding: 22px 0;
      font-size: 14px;
    }
    footer p { margin: 0 0 4px; }
    footer strong {
      color: #fff;
      font-family: Poppins, "Segoe UI", sans-serif;
    }
    @media (max-width: 800px) {
      .header-bar, .split, .proof-grid, .steps, .fields {
        grid-template-columns: 1fr;
      }
      .header-bar { align-items: flex-start; flex-direction: column; }
      .hero { padding: 28px 0 32px; }
      .band, .register { padding: 32px 0; }
      .field.full { grid-column: auto; }
    }