/* Phase 9: Paper-only premium quote journey and form motion. */
.paper-quote-page { max-width: 72rem; overflow: clip; padding-top: 0; }

.paper-quote-hero {
  position: relative;
  isolation: isolate;
  margin-bottom: 2rem;
  padding: clamp(2.75rem, 6vw, 5rem) clamp(1.4rem, 6vw, 4.5rem);
  overflow: hidden;
  border-radius: 1rem;
  color: #fff8f2;
  background:
    radial-gradient(circle at 86% 16%, rgb(255 175 1 / 28%), transparent 27%),
    linear-gradient(132deg, #29150d 0%, #55270f 60%, #7c320d 100%);
  box-shadow: 0 1.8rem 4rem rgb(74 34 14 / 16%);
}

.paper-quote-hero::after {
  position: absolute;
  z-index: -1;
  width: 22rem;
  height: 22rem;
  top: -12rem;
  right: -5rem;
  border: 1px solid rgb(255 255 255 / 13%);
  border-radius: 50%;
  content: "";
}

.paper-quote-page .paper-quote-hero h1 { max-width: 46rem; margin-bottom: .9rem; color: #fff; font-size: clamp(2.3rem, 5vw, 4.2rem); }
.paper-quote-page .paper-quote-hero .quote-page__intro { max-width: 42rem; margin-bottom: 0; color: rgb(255 248 242 / 78%); font-size: clamp(.95rem, 1.3vw, 1.08rem); }
.paper-quote-hero__eyebrow { display: block; margin-bottom: 1rem; color: #ffbd42; font: 800 .72rem/1.2 var(--pc-font-body); letter-spacing: .17em; }

.paper-quote-journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; max-width: 42rem; margin-top: 2rem; }
.paper-quote-journey span { display: flex; align-items: center; gap: .65rem; padding-top: .8rem; border-top: 1px solid rgb(255 255 255 / 22%); color: rgb(255 255 255 / 78%); font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; }
.paper-quote-journey b { color: var(--pc-accent); font-size: .68rem; }

.paper-quote-page .quote-form { position: relative; gap: 1.45rem; padding: clamp(1.5rem, 4vw, 3.25rem); border-radius: 1rem; box-shadow: 0 1.5rem 3.5rem rgb(79 42 21 / 8%); }
.paper-quote-page .quote-form::before { position: absolute; inset: 0 auto 0 0; width: .22rem; border-radius: 1rem 0 0 1rem; background: linear-gradient(180deg, var(--pc-primary), var(--pc-accent)); content: ""; transform: scaleY(0); transform-origin: top; transition: transform 1200ms cubic-bezier(.16, 1, .3, 1) 300ms; }
.paper-quote-page .quote-form__field { position: relative; }
.paper-quote-page .quote-form__field > label:not(.checkbox-label) { transition: color 250ms ease, transform 300ms ease; }
.paper-quote-page .quote-form__field:focus-within > label:not(.checkbox-label) { color: var(--pc-primary); transform: translateX(.2rem); }
.paper-quote-page .quote-form__field input,
.paper-quote-page .quote-form__field textarea { transition: border-color 260ms ease, box-shadow 320ms ease, transform 320ms ease, background-color 320ms ease; }
.paper-quote-page .quote-form__field:focus-within input,
.paper-quote-page .quote-form__field:focus-within textarea { transform: translateY(-.08rem); background: #fffdfb; }
.paper-quote-page .quote-form__submit { min-height: 3.6rem; padding-inline: 2.4rem; border-radius: .55rem; box-shadow: 0 .9rem 1.8rem rgb(254 85 0 / 18%); transition: background 260ms ease, color 260ms ease, transform 320ms ease, box-shadow 320ms ease; }
.paper-quote-page .quote-form__submit:hover { transform: translateY(-.18rem); box-shadow: 0 1.1rem 2.2rem rgb(254 85 0 / 24%); }

.paper-quote-page .quote-page__whatsapp-callout { position: relative; justify-content: space-between; padding: 1.5rem clamp(1.25rem, 3vw, 2rem); border-radius: .8rem; overflow: hidden; }
.paper-quote-page .quote-page__whatsapp-callout::before { position: absolute; inset: 0 auto 0 0; width: .22rem; background: #25d366; content: ""; }

.quote-motion-ready [data-quote-reveal] { opacity: 0; transform: translateY(2.25rem); }
.quote-motion-ready [data-quote-reveal="hero"] { transform: translateY(1.5rem) scale(.992); transition: opacity 950ms ease, transform 1200ms cubic-bezier(.16, 1, .3, 1); }
.quote-motion-ready [data-quote-reveal="form"] { transition: opacity 900ms ease, transform 1150ms cubic-bezier(.16, 1, .3, 1); }
.quote-motion-ready [data-quote-reveal="whatsapp"] { transform: translateY(1.5rem); transition: opacity 820ms ease, transform 1000ms cubic-bezier(.16, 1, .3, 1); }
.quote-motion-ready [data-quote-reveal="message"] { transform: translateY(-1rem); transition: opacity 700ms ease, transform 850ms cubic-bezier(.16, 1, .3, 1); }
.quote-motion-ready [data-quote-reveal].quote-is-visible { opacity: 1; transform: none; }
.quote-motion-ready [data-quote-reveal="form"].quote-is-visible::before { transform: scaleY(1); }

.quote-motion-ready [data-quote-field] { opacity: 0; transform: translateY(1rem); transition: opacity 650ms ease, transform 820ms cubic-bezier(.16, 1, .3, 1); transition-delay: calc(250ms + var(--quote-field-delay, 0ms)); }
.quote-motion-ready .quote-is-visible [data-quote-field] { opacity: 1; transform: none; }

@media (max-width: 47.99rem) {
  .paper-quote-journey { grid-template-columns: 1fr; gap: .45rem; }
  .paper-quote-journey span { padding-top: .55rem; }
  .paper-quote-page .quote-form__submit { width: 100%; justify-self: stretch; }
}

@media (max-width: 35rem) {
  .paper-quote-hero { padding-block: 3rem; }
  .paper-quote-page .quote-form { padding-inline: 1.15rem; }
  .paper-quote-page .quote-page__whatsapp-callout { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .paper-quote-page *,
  .paper-quote-page *::before,
  .paper-quote-page *::after { animation: none !important; transition-duration: .01ms !important; transition-delay: 0ms !important; }
  .quote-motion-ready [data-quote-reveal],
  .quote-motion-ready [data-quote-field] { opacity: 1; transform: none; }
}