/* ===== P4F v3 "Clean" overrides — calm, airy, fewer competing elements ===== */

/* ---------- declutter: remove the noisiest layers ---------- */
.marquee,
.stat-chips,
.toast,
.hero-plane.hp2,
.pet-cards .sticker,
.pet-cards .og-stamp,
.v2-pill { display: none !important; }

/* "again!" — from loud sticker to quiet gradient word */
.again-sticker {
  font-family: inherit; font-size: inherit; font-weight: inherit;
  display: inline; line-height: inherit; position: static;
  color: transparent; background: var(--grad);
  -webkit-background-clip: text; background-clip: text;
  padding: 0; border-radius: 0; rotate: 0deg; translate: 0 0;
  box-shadow: none; animation: none;
}

/* single plane, quieter */
.hero-plane { opacity: 0.35; }

/* ---------- breathing room ---------- */
.hero { padding-top: 120px; }
.hero-inner { gap: 30px; }
.hero h1 { line-height: 1.06; letter-spacing: -0.01em; }
.sub { max-width: 560px; line-height: 1.75; }
.quick-hint { margin-top: 0; }

.press { padding: 56px 20px 24px; }
.features { padding-top: 96px; padding-bottom: 96px; }
.features-sub { margin-bottom: 64px; }
.feature-grid { gap: 28px; }
.feature { padding: 44px 30px 36px; box-shadow: 0 4px 18px rgba(30, 60, 90, 0.06); }
.feature:hover { box-shadow: 0 12px 30px rgba(30, 60, 90, 0.1); }

.departures { padding-top: 48px; padding-bottom: 96px; }
.dep-inner { padding: 40px 44px 44px; }
.dep-cols { margin-bottom: 34px; }

.loveletters { padding-bottom: 104px; }
.loveletters h2 { margin-bottom: 52px; }
.ll-card { rotate: 0deg; box-shadow: 0 4px 18px rgba(30, 60, 90, 0.06); }
.ll-card:hover { transform: translateY(-4px); }

.shelters { padding-bottom: 96px; }
.faq { padding-bottom: 104px; }
.faq-list { gap: 14px; }
.faq-list summary { padding: 19px 24px; }

.join { padding-top: 24px; padding-bottom: 110px; }
.join-card { padding: 52px 48px 48px; }
.lastcall { padding-bottom: 110px; }

/* ---------- calmer type & surfaces ---------- */
body { font-weight: 600; }
.sub, .features-sub, .ll-quote, .seat-text, .faq-list details p, .shelter-text p { font-weight: 600; }
.kicker { letter-spacing: 0.2em; }
h2 { letter-spacing: -0.01em; }

.badge { background: rgba(255, 255, 255, 0.7); box-shadow: none; border: 1.5px solid var(--line); }
.counter p { font-weight: 700; }

/* feature flags: quieter */
.f-flag { background: none; border: 1.5px solid var(--line); color: var(--ink-soft); }
.f-flag.new { background: none; border-color: var(--teal); color: var(--teal); box-shadow: none; }

/* press cards: borderless, just logos */
.press-card { background: none; border: none; box-shadow: none; min-height: 48px; }
.press-card:hover { transform: none; box-shadow: none; }

/* pet cards: fewer, straighter, softer */
.pet-cards .pet-card { --rz: 0deg !important; box-shadow: 0 6px 20px rgba(30, 60, 90, 0.08); }

/* OG toggle: neutral until checked */
.og-toggle { background: var(--surface); border-color: var(--line); }
.og-toggle:has(input:checked) { background: linear-gradient(120deg, #fff8ea, #fdf1f6); border-color: #d99a2b; }

@media (max-width: 700px) {
  .hero { padding-top: 96px; }
  .join-card { padding: 40px 24px 36px; }
  .dep-inner { padding: 28px 20px 30px; }
}
