/* DD Yadav premium layer, landing pages (1:1 counselling, 21 days, thank-you). These pages carry their own layout, so this file
   matches them to the home page finish: gold accents, square uppercase buttons, lifted cards, calmer spacing. */

html { scroll-behavior: smooth; }
::selection { background: #C4913A; color: #1C1410; }
body :focus-visible { outline: 2px solid #C4913A; outline-offset: 3px; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

body { --gold: #C4913A; --gold-deep: #A87626; --cream: #FBF7EF; --lift: 0 28px 56px -28px rgba(44, 36, 22, 0.38); }

/* headings */
body h1, body h2 { font-family: 'Cormorant Garamond', serif; font-weight: 600; letter-spacing: -0.015em; }
body h2 { font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.08; }
body h2::before { content: ""; display: block; width: 36px; height: 2px; margin: 0 auto 18px; background: var(--gold); }
body .hero h1 { font-size: clamp(2.4rem, 5.6vw, 4.6rem); line-height: 1.02; letter-spacing: -0.025em; }
body .hero-badge { letter-spacing: 0.22em; border-color: rgba(196, 145, 58, 0.55); }

/* buttons: gold, square, uppercase (the WhatsApp button keeps its green on purpose) */
body .btn-hero, body .btn-enroll, body .btn-submit, body .btn-primary,
body .lp-nav-cta, body .sticky-cta-btn {
    background: var(--gold);
    color: #1C1410;
    border-radius: 3px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.82rem;
    font-weight: 700;
    min-height: 52px;
    transition: background 0.25s, color 0.25s, transform 0.25s;
}
body .lp-nav-cta { min-height: 0; padding: 0.7rem 1.3rem; }
body .btn-hero:hover, body .btn-enroll:hover, body .btn-submit:hover, body .btn-primary:hover,
body .lp-nav-cta:hover, body .sticky-cta-btn:hover { background: #fff; color: #7A5230; transform: translateY(-2px); }
body .btn-book, body .btn-book-alt, body .btn-secondary { border-radius: 3px; letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.82rem; }

/* cards */
body .tcard, body .outcome-card, body .step-card, body .benefit-item, body .problem-item, body .how-step {
    border-radius: 6px;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s;
}
body .tcard:hover, body .outcome-card:hover, body .step-card:hover, body .benefit-item:hover { transform: translateY(-5px); box-shadow: var(--lift); }
body .booking-card, body .pricing-card, body .lp-form, body .thanks-card {
    border-radius: 6px;
    border-width: 1px;
    border-color: #d9c4a3;
    border-top: 3px solid var(--gold);
    box-shadow: var(--lift);
}
body .booking-label, body .pricing-label { letter-spacing: 0.22em; color: var(--gold-deep); }
body .proof-num { font-weight: 600; }
body .proof-label { letter-spacing: 0.16em; }
body .tcard-avatar { background: var(--gold); color: #1C1410; }

/* form fields */
body .lp-form input, body .lp-form select, body .lp-form textarea { border-radius: 3px; transition: border-color 0.25s, box-shadow 0.25s; }
body .lp-form input:focus, body .lp-form select:focus, body .lp-form textarea:focus {
    outline: 0;
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(196, 145, 58, 0.22);
}

/* about photo */
body .about-img { border-radius: 6px; box-shadow: var(--lift); }

@media (prefers-reduced-motion: reduce) {
    body .tcard, body .outcome-card, body .step-card, body .benefit-item, body .btn-hero, body .btn-enroll, body .btn-submit { transition: none; }
}