#pitch-reverso { position: relative; padding: 2rem 0; }
@media (min-width: 640px) { #pitch-reverso { padding: 5rem 0; } }
#pitch-reverso .pr-wrap { max-width: 80rem; margin: 0 auto; padding: 0 1.25rem; }
@media (min-width: 640px) { #pitch-reverso .pr-wrap { padding: 0 2rem; } }
#pitch-reverso .pr-grid { display: grid; gap: 2.5rem; }
@media (min-width: 1024px) { #pitch-reverso .pr-grid { grid-template-columns: 0.8fr 1.2fr; gap: 4rem; } }
#pitch-reverso .pr-eyebrow { font-size: .62rem; letter-spacing: .34em; color: var(--accent); text-transform: uppercase; margin: 0; }
#pitch-reverso .pr-title { margin: 1.25rem 0 0; font-size: clamp(1.8rem, 4.4vw, 3rem); text-transform: uppercase; }
#pitch-reverso .pr-lead { margin: 1.5rem 0 0; color: var(--muted-foreground); font-size: 1rem; line-height: 1.6; max-width: 34rem; }
#pitch-reverso form { padding: 1.5rem; border-radius: 1.75rem; display: grid; gap: 1.6rem; }
@media (min-width: 640px) { #pitch-reverso form { padding: 2.25rem; } }
#pitch-reverso .pr-field { display: grid; gap: .55rem; border: 0; padding: 0; margin: 0; min-width: 0; }
#pitch-reverso .pr-label { font-weight: 600; font-size: .95rem; line-height: 1.35; padding: 0; }
#pitch-reverso .pr-label span { color: var(--accent); margin-right: .45rem; font-variant-numeric: tabular-nums; }
#pitch-reverso .pr-hint { font-size: .8rem; color: var(--muted-foreground); margin: 0; }
#pitch-reverso input[type=text], #pitch-reverso input[type=email], #pitch-reverso input[type=tel], #pitch-reverso textarea {
  width: 100%; background: color-mix(in oklab, var(--foreground) 4%, transparent); color: var(--foreground);
  border: 1px solid var(--input); border-radius: .9rem; padding: .85rem 1rem; font: inherit; font-size: .95rem; outline: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
#pitch-reverso textarea { min-height: 6.5rem; resize: vertical; }
#pitch-reverso input::placeholder, #pitch-reverso textarea::placeholder { color: color-mix(in oklab, var(--foreground) 35%, transparent); }
#pitch-reverso input:focus, #pitch-reverso textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent); }
#pitch-reverso .pr-options { display: grid; gap: .55rem; }
#pitch-reverso .pr-option { position: relative; display: flex; gap: .75rem; align-items: flex-start; padding: .8rem 1rem; border-radius: .9rem; cursor: pointer;
  border: 1px solid var(--input); background: color-mix(in oklab, var(--foreground) 3%, transparent); font-size: .9rem; line-height: 1.4; transition: border-color .2s, background .2s; }
#pitch-reverso .pr-option:hover { border-color: color-mix(in oklab, var(--accent) 55%, transparent); }
#pitch-reverso .pr-option input { position: absolute; opacity: 0; pointer-events: none; }
#pitch-reverso .pr-dot { flex: none; width: 1.05rem; height: 1.05rem; margin-top: .12rem; border-radius: 50%; border: 1.5px solid color-mix(in oklab, var(--foreground) 45%, transparent); display: grid; place-items: center; transition: border-color .2s; }
#pitch-reverso .pr-dot::after { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: var(--accent); transform: scale(0); transition: transform .2s; }
#pitch-reverso .pr-option:has(input:checked) { border-color: var(--accent); background: color-mix(in oklab, var(--accent) 9%, transparent); }
#pitch-reverso .pr-option:has(input:checked) .pr-dot { border-color: var(--accent); }
#pitch-reverso .pr-option:has(input:checked) .pr-dot::after { transform: scale(1); }
#pitch-reverso .pr-option:has(input:focus-visible) { box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 30%, transparent); }
#pitch-reverso .pr-field.pr-invalid input[type=text], #pitch-reverso .pr-field.pr-invalid input[type=email], #pitch-reverso .pr-field.pr-invalid input[type=tel], #pitch-reverso .pr-field.pr-invalid textarea, #pitch-reverso .pr-field.pr-invalid .pr-option { border-color: var(--destructive); }
#pitch-reverso .pr-error { display: none; color: #ff8a8a; font-size: .8rem; margin: 0; }
#pitch-reverso .pr-field.pr-invalid .pr-error { display: block; }
#pitch-reverso .pr-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#pitch-reverso .pr-submit { justify-self: start; border: 0; cursor: pointer; border-radius: 999px; padding: .95rem 2rem; font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
#pitch-reverso .pr-submit[disabled] { opacity: .6; cursor: wait; }
#pitch-reverso .pr-msg { margin: 0; font-size: .85rem; color: #ff8a8a; display: none; }
#pitch-reverso .pr-msg.on { display: block; }
#pitch-reverso .pr-success { display: none; text-align: center; padding: 2.5rem 1rem; }
#pitch-reverso .pr-success.on { display: block; }
#pitch-reverso .pr-success .pr-check { width: 3.5rem; height: 3.5rem; margin: 0 auto 1.25rem; border-radius: 50%; display: grid; place-items: center; background: color-mix(in oklab, var(--accent) 15%, transparent); color: var(--accent); }
#pitch-reverso .pr-success h3 { font-family: var(--font-display); font-size: 1.5rem; margin: 0 0 .75rem; text-transform: uppercase; letter-spacing: -.03em; }
#pitch-reverso .pr-success p { margin: 0 auto; max-width: 30rem; color: var(--muted-foreground); line-height: 1.6; }
#pitch-reverso legend.pr-label { margin-bottom: .55rem; float: left; width: 100%; }
#pitch-reverso legend.pr-label + * { clear: both; }
@media (min-width: 1024px) { #pitch-reverso .pr-grid > div:first-child { position: sticky; top: 7rem; align-self: start; } }
#pitch-reverso .pr-toggle { margin-top: 2rem; border: 0; cursor: pointer; border-radius: 999px; padding: .95rem 2rem; font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
#pitch-reverso .pr-panel[hidden] { display: none; }
#pitch-reverso .pr-panel { animation: pr-in .45s ease both; scroll-margin-top: 6rem; }
@keyframes pr-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (min-width: 1024px) { #pitch-reverso .pr-grid:not(.pr-open) { grid-template-columns: 1fr; } }
