.conversion-main { min-height: 100svh; }
.conversion-hero { position: relative; min-height: min(1020px, 100svh); display: flex; align-items: stretch; padding-top: 88px; overflow: hidden; border-bottom: 1px solid var(--color-border); }
.conversion-hero::before { content: ''; position: absolute; width: min(70vw, 980px); aspect-ratio: 1; left: -28vw; top: 12%; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; box-shadow: 0 0 0 90px rgba(255,255,255,.015), 0 0 0 180px rgba(255,255,255,.01); }
.conversion-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr); width: 100%; }
.conversion-intro { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(70px, 9vw, 138px) clamp(40px, 8vw, 128px) clamp(70px, 9vw, 130px) 0; border-right: 1px solid var(--color-border); }
.conversion-intro h1 { max-width: 860px; margin: 24px 0 34px; font-size: clamp(60px, 7.4vw, 118px); line-height: .9; font-weight: 500; }
.conversion-intro > p:not(.eyebrow) { max-width: 650px; margin: 0; color: #aaa; font-size: clamp(18px, 1.45vw, 23px); line-height: 1.55; }
.conversion-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: clamp(54px, 8vw, 110px); padding-top: 24px; border-top: 1px solid var(--color-border); }
.conversion-points span { color: #888; font: 600 10px/1.35 var(--font-label); text-transform: uppercase; }
.conversion-form-wrap { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(60px, 7vw, 110px) 0 clamp(70px, 9vw, 130px) clamp(40px, 7vw, 110px); }
.conversion-form-wrap h2 { max-width: 570px; margin: 0 0 44px; font-size: clamp(30px, 3vw, 48px); line-height: 1.05; font-weight: 500; }
.conversion-form { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 22px; }
.field { display: grid; gap: 9px; }
.field-wide { grid-column: 1 / -1; }
.field label, .field legend { color: #aaa; font: 600 10px/1.3 var(--font-label); letter-spacing: .08em; text-transform: uppercase; }
.field input, .field select, .field textarea { width: 100%; min-height: 52px; padding: 12px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.25); border-radius: 0; outline: 0; background: transparent; color: #fff; font: 400 17px/1.4 var(--font-body); }
.field textarea { min-height: 104px; resize: vertical; }
.field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #888 50%), linear-gradient(135deg, #888 50%, transparent 50%); background-position: calc(100% - 14px) 23px, calc(100% - 9px) 23px; background-size: 5px 5px; background-repeat: no-repeat; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--color-accent-pink); }
.field input::placeholder, .field textarea::placeholder { color: #666; }
.field option { background: #111; color: #fff; }
.form-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 22px; margin-top: 14px; }
.form-actions .button { border: 0; cursor: pointer; }
.form-status { max-width: 300px; margin: 0; color: #888; font-size: 12px; }
.honeypot { position: absolute; left: -9999px; }

.conversion-detail { background: #fff; color: #000; }
.conversion-detail-grid { display: grid; grid-template-columns: 1fr 3fr; gap: 40px; }
.conversion-detail h2 { max-width: 900px; margin: 0; font-size: clamp(48px, 6.4vw, 98px); line-height: .96; font-weight: 500; }
.detail-list { margin-top: clamp(70px, 9vw, 130px); border-top: 1px solid rgba(0,0,0,.22); }
.detail-row { display: grid; grid-template-columns: 80px 1fr 1fr; gap: 38px; padding: clamp(30px, 4vw, 54px) 0; border-bottom: 1px solid rgba(0,0,0,.22); }
.detail-row > span { color: #777; font: 600 10px/1.3 var(--font-label); }
.detail-row h3 { margin: -5px 0 0; font-size: clamp(26px, 3vw, 44px); line-height: 1.05; font-weight: 500; }
.detail-row p { max-width: 520px; margin: 0; color: #555; font-size: 17px; }

@media (max-width: 900px) {
  .conversion-hero { min-height: 0; }
  .conversion-grid { grid-template-columns: 1fr; }
  .conversion-intro { min-height: 720px; padding-right: 0; border-right: 0; border-bottom: 1px solid var(--color-border); }
  .conversion-form-wrap { padding-left: 0; }
  .conversion-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .conversion-hero { padding-top: 72px; }
  .conversion-intro { min-height: 650px; padding-block: 88px 70px; }
  .conversion-intro h1 { font-size: clamp(54px, 15.5vw, 72px); }
  .conversion-points { grid-template-columns: 1fr; gap: 12px; }
  .conversion-form-wrap { padding-block: 76px 92px; }
  .conversion-form { grid-template-columns: 1fr; }
  .field-wide, .form-actions { grid-column: 1; }
  .form-actions { align-items: flex-start; flex-direction: column; }
  .conversion-detail-grid { gap: 24px; }
  .conversion-detail h2 { font-size: clamp(42px, 12.5vw, 58px); }
  .detail-row { grid-template-columns: 32px 1fr; gap: 16px; }
  .detail-row p { grid-column: 2; }
}