/* partner.html — Layout & Style */
.partner-hero { padding: 100px 0 40px; position: relative; overflow: hidden; }
  .partner-hero::before {
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(circle at 70% 30%, rgba(212,168,106,.1), transparent 55%);
    pointer-events: none;
  }
  .partner-hero .grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: end; position: relative; z-index: 1; }
  .partner-hero h1 { font-size: clamp(48px, 7vw, 108px); margin: 12px 0 30px; }
  .partner-hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
  .partner-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--line);
    border: 1px solid var(--line);
  }
  .p-stat { background: var(--ink); padding: 24px; }
  .p-stat .val { font-family: var(--serif); font-size: 40px; font-weight: 700; color: var(--red-2); line-height: 1; }
  .p-stat small { font-family: var(--mono); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); display: block; margin-top: 8px; }

  .tiers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 60px 0;
  }
  .tier {
    padding: 50px 40px;
    border: 1px solid var(--line);
    background: var(--ink-2);
    position: relative;
  }
  .tier.premium {
    border-color: var(--gold);
    background: linear-gradient(180deg, rgba(212,168,106,.08), var(--ink-2));
  }
  .tier .tier-ribbon {
    position: absolute; top: 0; right: 32px;
    padding: 6px 14px;
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
    transform: translateY(-50%);
  }
  .tier.standard .tier-ribbon { background: var(--ink); border: 1px solid var(--line-2); color: var(--ivory-dim); }
  .tier.premium .tier-ribbon { background: var(--gold); color: var(--ink); }
  .tier h2 { font-family: var(--serif); font-size: 48px; margin: 0 0 6px; letter-spacing: -.02em; }
  .tier h2 em { font-style: italic; color: var(--ivory-dim); font-size: .55em; }
  .tier .lead { font-family: var(--serif); font-style: italic; color: var(--ivory-dim); font-size: 18px; margin: 0 0 30px; }
  .tier .price {
    font-family: var(--serif);
    font-size: 64px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.03em;
    color: var(--ivory);
    padding-bottom: 20px;
    border-bottom: 1px solid var(--line);
  }
  .tier.premium .price { color: var(--gold); }
  .tier .price small { font-family: var(--sans); font-size: 14px; color: var(--muted); text-transform: uppercase; letter-spacing: .1em; display: block; margin-top: 8px; font-weight: 400; }
  .tier ul { list-style: none; padding: 0; margin: 24px 0; }
  .tier li {
    padding: 12px 0;
    color: var(--ivory-dim);
    border-bottom: 1px solid var(--line);
    display: flex; align-items: center; gap: 12px;
    font-size: 14px;
  }
  .tier li::before {
    content: '·';
    font-size: 32px;
    line-height: 0;
    font-weight: 700;
  }
  .tier.standard li::before { color: var(--red-2); }
  .tier.premium li::before { color: var(--gold); }

  .partner-form-band {
    background: var(--ink-2);
    padding: 80px 0;
    margin: 60px 0 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  .partner-form-band .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
  .example-banners { display: grid; gap: 20px; }
  .example-banners .sidebar-banner { max-width: 260px; }

  @media (max-width: 900px) {
    .partner-hero .grid, .tiers, .partner-form-band .grid { grid-template-columns: 1fr; }
  }