/* v2 "Cinematic" — full-bleed video banner, navy bands (Curious Refuge
   palette logic with our orange), same poster cards below. */
:root { --font-display: "Sora", "Prompt", system-ui, sans-serif; }
body.v2 { background: #fff; }
.v2 .site-header:not(.solid) { color: #fff; }
.v2 .site-header:not(.solid) .logo img { filter: brightness(0) invert(1); }
.v2 .hero { position: relative; min-height: 88svh; display: flex; align-items: flex-end; padding: 96px 0 48px; color: #fff; overflow: hidden; background: var(--navy-950); }
.v2 .hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.v2 .hero-shade { position: absolute; inset: 0; background: linear-gradient(180deg, hsl(214 70% 8% / .55) 0%, hsl(214 70% 8% / .15) 35%, hsl(214 70% 8% / .85) 72%, var(--navy-950) 100%); }
.v2 .hero-inner { position: relative; }
.v2 .eyebrow { font-size: .85rem; font-weight: 500; color: hsl(0 0% 100% / .85); }
.v2 h1 { font-size: clamp(2.3rem, 10vw, 5.2rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.02; margin: 12px 0 16px; }
.v2 .lead { font-size: clamp(1rem, 2.6vw, 1.25rem); color: hsl(0 0% 100% / .8); max-width: 32ch; }
.v2 .hero-buy { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 24px; }
.v2 .hero-buy .btn { width: 100%; }
.v2 .micro { color: hsl(0 0% 100% / .6); margin-top: 12px; }
@media (min-width: 900px) {
  .v2 .hero { min-height: 92vh; padding-bottom: 96px; }
  .v2 .hero-buy { flex-direction: row; align-items: center; gap: 32px; }
  .v2 .hero-buy .btn { width: auto; }
}
.v2 .tool-band { background: var(--navy-950); color: #fff; padding: 20px 0 32px; border-top: 1px solid hsl(0 0% 100% / .08); }
.v2 .tool-band .tools { justify-content: center; }
.v2 .tool-band .tool-logo { filter: brightness(0) invert(1); opacity: .6; }
.v2 .sec h2 { font-weight: 800; letter-spacing: -0.02em; }
.v2 .why { background: #fff; }
.v2 .pains { background: var(--gray-50); }
.v2 .value { background: var(--navy-950); color: #fff; }
.v2 .value .poster { background: linear-gradient(160deg, hsl(214 40% 22%), var(--navy-900)); box-shadow: 0 1px 0 hsl(0 0% 100% / .06) inset, var(--shadow-lg); }
.v2 .value .poster p { color: hsl(0 0% 100% / .72); }
.v2 .value .poster .meta { background: hsl(0 0% 100% / .1); color: #fff; }
.v2 .value .poster-img img { -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 22%, #000 100%); mask-image: linear-gradient(to top, transparent 0%, #000 22%, #000 100%); }
.v2 .extras li { background: hsl(0 0% 100% / .06); box-shadow: none; }
.v2 .extras li span { color: hsl(0 0% 100% / .6); }
.v2 .value-total s { color: hsl(0 0% 100% / .5); }
.v2 .work { background: var(--orange-500); color: var(--navy-950); }
.v2 .work .kicker { color: var(--navy-900); }
.v2 .work .hl { color: #fff; }
.v2 .work .body { color: hsl(214 70% 8% / .75); }
.v2 .work .btn { background: var(--navy-950); box-shadow: var(--shadow); }
.v2 .proof { background: #fff; }
.v2 .pricing { background: var(--gray-50); }
.v2 .faq { background: #fff; }
.v2 .closing { background: var(--navy-950); color: #fff; }
.v2 .closing .body { color: hsl(0 0% 100% / .72); }