.pratik-page {
            background:
                radial-gradient(circle at 8% 10%, rgba(221, 236, 240, .5), transparent 30%),
                linear-gradient(180deg, #fffaf1 0%, #f7ead8 46%, #fffaf1 100%);
        }

        .pratik-hero {
            min-height: auto;
            padding-top: clamp(48px, 6vw, 84px);
            padding-bottom: clamp(50px, 6vw, 86px);
            overflow: hidden;
            background:
                radial-gradient(circle at 82% 18%, rgba(198, 148, 53, .2), transparent 28%),
                radial-gradient(circle at 14% 20%, rgba(221, 236, 240, .66), transparent 34%),
                linear-gradient(135deg, #fffaf1 0%, #f7ead8 56%, #e7f0ed 100%);
        }

        .pratik-hero::after {
            content: "";
            position: absolute;
            inset: auto 0 0;
            height: 72px;
            background: linear-gradient(180deg, rgba(255, 250, 241, 0), #fffaf1);
            pointer-events: none;
        }

        .pratik-hero__copy {
            position: relative;
            z-index: 1;
            max-width: 1060px;
        }

        .pratik-hero h1 {
            margin-bottom: 22px;
            color: var(--hi-ink);
            font-size: clamp(3rem, 7vw, 6.4rem);
            line-height: 1.05;
            letter-spacing: 0;
            white-space: nowrap;
        }

        .pratik-hero p {
            max-width: 840px;
            color: #6b584f;
            font-family: var(--hi-serif);
            font-size: clamp(1.2rem, 2vw, 1.72rem);
            font-weight: 500;
            line-height: 1.7;
        }

        .pratik-logo-section {
            padding-top: clamp(38px, 5vw, 72px);
            background: #fffaf1;
        }

        .pratik-logo-panel {
            display: grid;
            grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
            gap: clamp(30px, 5vw, 72px);
            align-items: center;
            padding: clamp(24px, 4vw, 46px);
            border: 1px solid rgba(198, 148, 53, .26);
            border-radius: 30px;
            background:
                radial-gradient(circle at 18% 16%, rgba(221, 236, 240, .52), transparent 32%),
                rgba(255, 252, 246, .84);
            box-shadow: 0 26px 74px rgba(75, 43, 29, .1);
        }

        .pratik-logo-frame {
            position: relative;
            display: grid;
            min-height: 430px;
            margin: 0;
            place-items: center;
            border: 1px solid rgba(198, 148, 53, .3);
            border-radius: 26px;
            background:
                radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .92), rgba(244, 230, 209, .52) 54%, rgba(221, 236, 240, .42));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 22px 54px rgba(75, 43, 29, .12);
        }

        .pratik-logo-frame::before {
            content: "";
            position: absolute;
            inset: 18px;
            border: 1px solid rgba(121, 43, 42, .12);
            border-radius: 20px;
            pointer-events: none;
        }

        .pratik-logo-frame img {
            position: relative;
            z-index: 1;
            display: block;
            width: min(78%, 360px);
            height: auto;
            filter: saturate(1.08) contrast(1.04) drop-shadow(0 18px 28px rgba(75, 43, 29, .16));
        }

        .pratik-logo-panel h2,
        .pratik-path h2,
        .pratik-universal h2 {
            margin-bottom: 16px;
            color: var(--hi-ink);
            font-size: clamp(2rem, 4vw, 3.65rem);
            line-height: 1.18;
            letter-spacing: 0;
            text-wrap: balance;
        }

        .pratik-logo-panel p,
        .pratik-path p,
        .pratik-universal p {
            color: #62544c;
        }

        .pratik-path {
            background: linear-gradient(180deg, #fffaf1, rgba(244, 230, 209, .72));
        }

        .pratik-path__intro {
            max-width: 940px;
            margin: 0 auto clamp(28px, 4vw, 44px);
            text-align: center;
        }

        .pratik-steps {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 14px;
        }

        .pratik-step {
            position: relative;
            min-height: 310px;
            padding: 22px;
            overflow: hidden;
            border: 1px solid rgba(121, 43, 42, .12);
            border-radius: 22px;
            background: rgba(255, 252, 246, .86);
            box-shadow: 0 18px 44px rgba(75, 43, 29, .07);
        }

        .pratik-step::after {
            content: attr(data-step);
            position: absolute;
            right: 14px;
            bottom: -20px;
            color: rgba(121, 43, 42, .06);
            font-family: var(--hi-serif);
            font-size: 6rem;
            font-weight: 700;
            line-height: 1;
        }

        .pratik-step span {
            display: grid;
            width: 46px;
            height: 46px;
            margin-bottom: 18px;
            place-items: center;
            color: #fffaf2;
            border-radius: 50%;
            background: var(--hi-maroon);
            font-family: var(--hi-serif);
            font-weight: 700;
            box-shadow: 0 12px 24px rgba(121, 43, 42, .18);
        }

        .pratik-step h3 {
            margin-bottom: 10px;
            color: var(--hi-ink);
            font-size: clamp(1.35rem, 2vw, 1.8rem);
            line-height: 1.25;
        }

        .pratik-step p {
            margin: 0;
            font-size: .98rem;
            line-height: 1.72;
        }

        .pratik-universal {
            padding-top: clamp(38px, 5vw, 72px);
            background: #fffaf1;
        }

        .pratik-universal__text {
            padding: clamp(28px, 4vw, 48px);
            border: 1px solid rgba(198, 148, 53, .24);
            border-radius: 26px;
            background:
                radial-gradient(circle at 8% 0%, rgba(221, 236, 240, .46), transparent 30%),
                rgba(255, 252, 246, .86);
            box-shadow: 0 22px 54px rgba(75, 43, 29, .08);
        }

        /* full-width prose in this card — overrides the global 68ch
           reading cap (lang-hi.css) so the text runs to the card edge
           like the heading above it */
        .pratik-universal__text.hi-prose > p {
            max-width: none;
        }
        .pratik-sadhna-cta {
            background: linear-gradient(180deg, rgba(244, 230, 209, .72), #fffaf1 100%);
        }

        .pratik-sadhna-cta__box {
            max-width: 980px;
            padding: clamp(30px, 5vw, 56px);
            border: 1px solid rgba(198, 148, 53, .28);
            border-radius: var(--hi-radius);
            background:
                radial-gradient(circle at 12% 0%, rgba(221, 236, 240, .52), transparent 34%),
                rgba(255, 252, 246, .88);
            box-shadow: 0 24px 64px rgba(75, 43, 29, .1);
            text-align: center;
        }

        .pratik-sadhna-cta__box h2 {
            max-width: 820px;
            margin: 0 auto 16px;
            color: var(--hi-ink);
            font-size: clamp(2rem, 4vw, 3.55rem);
            line-height: 1.2;
            letter-spacing: 0;
            text-wrap: balance;
        }

        .pratik-sadhna-cta__box p {
            max-width: 780px;
            margin: 0 auto 22px;
            color: #62544c;
            font-family: var(--hi-serif);
            font-size: clamp(1.08rem, 1.7vw, 1.3rem);
            font-weight: 500;
            line-height: 1.82;
        }

        @media (max-width: 1080px) {
            .pratik-steps {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 900px) {
            .pratik-logo-panel {
                grid-template-columns: 1fr;
            }

            .pratik-hero h1 {
                white-space: normal;
            }
        }

        @media (max-width: 640px) {
            .pratik-hero {
                padding-top: 126px;
                padding-bottom: 42px;
            }

            .pratik-hero h1 {
                font-size: clamp(2.7rem, 14vw, 4.4rem);
            }

            .pratik-logo-frame {
                min-height: 330px;
            }

            .pratik-logo-frame img {
                width: min(82%, 290px);
            }

            .pratik-steps {
                grid-template-columns: 1fr;
            }

            .pratik-step {
                min-height: auto;
            }
        }