/* Home hero under the v3 layer: courtyard scene (day / dusk by theme) behind the copy, warm Haldi/Sandhya palette. */
body.home-v2.v3 { --hp-ink: var(--text-primary); --hp-muted: var(--text-secondary); --hp-paper: var(--bg-primary); --hp-card: var(--bg-elevated); --hp-line: var(--border); --hp-tint: var(--bg-subtle); }
body.home-v2.v3 .hp-hero { position: relative; isolation: isolate; overflow: hidden; border-bottom: 0; padding: 72px 0 64px; }
.hp-scene { position: absolute; inset: 0; z-index: -2; }
.hp-scene picture { position: absolute; inset: 0; display: block; }
.hp-scene img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; display: block; }
.hp-scene .hp-scene--dusk { display: none; }
body.dark-mode .hp-scene .hp-scene--day { display: none; }
body.dark-mode .hp-scene .hp-scene--dusk { display: block; }
.hp-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(251, 243, 226, 0.96) 0%, rgba(251, 243, 226, 0.86) 34%, rgba(251, 243, 226, 0.35) 58%, rgba(251, 243, 226, 0) 76%); }
body.dark-mode .hp-scene::after { background: linear-gradient(90deg, rgba(30, 20, 16, 0.94) 0%, rgba(30, 20, 16, 0.82) 34%, rgba(30, 20, 16, 0.3) 58%, rgba(30, 20, 16, 0) 76%); }
body.home-v2.v3 .hp-copy h1 { font-family: var(--font-display); font-weight: 400; letter-spacing: -.02em; }
body.home-v2.v3 .hp-eyebrow { color: var(--color-link); }
body.home-v2.v3 .hero-cta-primary.hp-primary { background: linear-gradient(180deg, #FFD76A 0%, #F5A524 55%, #E8710A 100%); color: #2B1A06; border: 0; border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 1px 0 #8A5E0B, 0 8px 18px rgba(232, 113, 10, .35); }
body.home-v2.v3 .hp-primary:hover { filter: brightness(1.05); transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 1px 0 #8A5E0B, 0 10px 20px rgba(232, 113, 10, .38); }
body.home-v2.v3 .hp-primary:active { transform: translateY(1px) scale(.98); }
body.home-v2.v3 .hp-example { background: rgba(42, 29, 22, 0.82); border-color: rgba(184, 134, 11, .55); backdrop-filter: blur(8px); box-shadow: 0 22px 55px rgba(60, 30, 10, .28); }
@media (max-width: 768px) {
  body.home-v2.v3 .hp-hero { padding: 0 0 32px !important; }
  .hp-scene { inset: 0 0 auto 0; height: 230px; }
  .hp-scene img { object-position: 78% 40%; }
  .hp-scene::after { background: linear-gradient(0deg, var(--bg-primary) 0%, rgba(251, 243, 226, 0) 70%); }
  body.dark-mode .hp-scene::after { background: linear-gradient(0deg, #1E1410 0%, rgba(30, 20, 16, 0) 70%); }
  body.home-v2.v3 .hp-hero-grid { padding-top: 190px; }
}
body.home-v2.v3 .mobile-auth-strip__link { border-radius: 12px; font-weight: 700; }
body.home-v2.v3 .mobile-auth-strip__link--login { background: transparent; color: var(--color-link); border: 1px solid var(--v3-brass); }
body.home-v2.v3 .mobile-auth-strip__link--signup { background: linear-gradient(180deg, #FFD76A, #F5A524 55%, #E8710A); color: #2B1A06; border: 0; }

/* Dark (Sandhya) polish found on a real phone: toggle contrast and the auth strip were still cool navy */
body.home-v2.v3.dark-mode .theme-toggle { background: var(--bg-subtle); color: var(--text-primary); border-color: var(--v3-brass); }
body.home-v2.v3.dark-mode .theme-toggle .theme-toggle__icon { color: var(--text-primary); }
body.home-v2.v3.dark-mode .mobile-auth-strip { background: var(--bg-primary); border-bottom-color: var(--border); }
body.home-v2.v3.dark-mode .mobile-auth-strip__link--login { background: transparent; color: var(--color-link); border-color: var(--v3-brass); }
body.home-v2.v3 .mobile-auth-strip__link--signup { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 4px 10px rgba(232, 113, 10, .28); }