*,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        :root {
            --navy: #091650;
            --royal: #1430a0;
            --blue: #1e44cc;
            --sky: #3d6be0;
            --gold: #c8a030;
            --goldL: #dab840;
            --goldP: #f9f0d0;
            --green: #1e7d30;
            --greenM: #2a8c3a;
            --greenL: #45a855;
            --greenP: #e6f4e8;
            --white: #fff;
            --offW: #f6f8ff;
            --border: rgba(20, 48, 160, .1);
            --text: #0c1438;
            --textM: #283460;
            --textL: #6070a8;
        }

        html {
            scroll-behavior: smooth
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text);
            background: var(--white);
            overflow-x: hidden
        }

        /* ── NAV ── */
        .nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 9000;
            height: 72px;
            background: var(--navy);
            border-bottom: 3px solid var(--gold);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 32px;
            box-shadow: 0 2px 24px rgba(0, 0, 0, .35)
        }

        /* LOGO */
        .nav-logo {
            display: flex;
            align-items: center;
            gap: 13px;
            cursor: pointer;
            text-decoration: none;
            flex-shrink: 0
        }

        .logo-circle {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            border: 2.5px solid var(--gold);
            overflow: hidden;
            position: relative;
            flex-shrink: 0;
            box-shadow: 0 0 12px rgba(200, 160, 48, .3)
        }

        .logo-sky {
            position: absolute;
            inset: 0;
            background: linear-gradient(175deg, #0d2196 0%, #1a35c4 45%, #2847d4 65%, #1e7d30 65%, #2a8c3a 100%)
        }

        .logo-clouds {
            position: absolute;
            top: 18%;
            left: 5%;
            right: 5%;
            height: 20%;
            background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(255, 255, 255, .18) 0%, transparent 100%)
        }

        .logo-text {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding-bottom: 22%
        }

        .logo-devanagari {
            font-family: 'Noto Serif Devanagari', serif;
            font-size: 17px;
            font-weight: 700;
            color: var(--gold);
            text-shadow: 0 1px 6px rgba(0, 0, 0, .5);
            line-height: 1
        }

        .logo-sub-text {
            font-size: 5.5px;
            letter-spacing: .12em;
            color: rgba(218, 184, 64, .85);
            text-transform: uppercase;
            margin-top: 1px
        }

        .logo-shake {
            position: absolute;
            bottom: 20%;
            left: 50%;
            transform: translateX(-50%);
            font-size: 8px;
            line-height: 1;
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .4))
        }

        .logo-grass {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 34%;
            background: linear-gradient(180deg, #1e7d30 0%, #2a8c3a 100%);
            clip-path: ellipse(55% 100% at 50% 100%)
        }

        .logo-border {
            position: absolute;
            inset: 0;
            border-radius: 50%;
            border: 2px solid var(--gold);
            box-shadow: inset 0 0 8px rgba(200, 160, 48, .2)
        }

        .nav-text {
            display: flex;
            flex-direction: column;
            line-height: 1
        }

        .nav-title {
            font-family: 'Playfair Display', serif;
            font-size: 20px;
            font-weight: 700;
            color: var(--goldL);
            letter-spacing: .02em
        }

        .nav-sub {
            font-size: 8.5px;
            letter-spacing: .3em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .3);
            margin-top: 3px
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 1px;
            list-style: none;
            flex-wrap: nowrap
        }

        .nav-links button {
            font-family: 'Inter', sans-serif;
            font-size: 13px;
            font-weight: 500;
            color: rgba(255, 255, 255, .72);
            background: none;
            border: none;
            cursor: pointer;
            padding: 7px 11px;
            border-radius: 5px;
            transition: all .2s;
            white-space: nowrap
        }

        .nav-links button:hover,
        .nav-links button.on {
            color: var(--goldL);
            background: rgba(255, 255, 255, .07)
        }

        .nav-links .cta-btn {
            background: var(--gold) !important;
            color: var(--navy) !important;
            font-weight: 700 !important;
            padding: 8px 18px !important;
            border-radius: 5px !important;
            margin-left: 6px
        }

        .nav-links .cta-btn:hover {
            background: var(--goldL) !important
        }

        .nav-toggle {
            display: none;
            width: 42px;
            height: 42px;
            border: 1px solid rgba(200, 160, 48, .35);
            border-radius: 8px;
            background: rgba(255, 255, 255, .04);
            cursor: pointer;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 5px;
            padding: 0
        }

        .nav-toggle span {
            width: 20px;
            height: 2px;
            background: var(--goldL);
            border-radius: 2px;
            transition: transform .22s ease, opacity .22s ease
        }

        .nav-toggle.on span:nth-child(1) {
            transform: translateY(7px) rotate(45deg)
        }

        .nav-toggle.on span:nth-child(2) {
            opacity: 0
        }

        .nav-toggle.on span:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg)
        }

        /* ── PAGE SYSTEM ── */
        .pg {
            display: none;
            min-height: 100vh;
            padding-top: 72px;
            animation: pgIn .35s ease
        }

        .pg.on {
            display: block
        }

        @keyframes pgIn {
            from {
                opacity: 0;
                transform: translateY(10px)
            }

            to {
                opacity: 1;
                transform: none
            }
        }

        /* ── HERO ── */
        .hero {
            background: linear-gradient(180deg, var(--navy) 0%, var(--royal) 55%, var(--blue) 85%, #1a5a28 100%);
            position: relative;
            overflow: hidden;
            min-height: calc(100vh - 72px);
            display: flex;
            align-items: center;
            justify-content: center
        }

        .hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 90% 45% at 50% 30%, rgba(80, 130, 255, .12) 0%, transparent 70%)
        }

        .hero-grass {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 150px;
            background: linear-gradient(180deg, transparent 0%, var(--green) 100%);
            clip-path: ellipse(62% 100% at 50% 100%)
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            padding: 60px 40px 200px;
            max-width: 900px
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(200, 160, 48, .15);
            border: 1px solid rgba(200, 160, 48, .3);
            color: var(--goldL);
            font-size: 11px;
            letter-spacing: .22em;
            text-transform: uppercase;
            padding: 6px 18px;
            border-radius: 20px;
            margin-bottom: 30px
        }

        .hero-logo-big {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            border: 3px solid var(--gold);
            overflow: hidden;
            position: relative;
            margin: 0 auto 24px;
            box-shadow: 0 0 40px rgba(200, 160, 48, .4), 0 0 80px rgba(200, 160, 48, .15)
        }

        .hlb-sky {
            position: absolute;
            inset: 0;
            background: linear-gradient(175deg, #0d2196 0%, #1a35c4 45%, #2847d4 65%, #1e7d30 65%, #2a8c3a 100%)
        }

        .hlb-clouds {
            position: absolute;
            top: 18%;
            left: 5%;
            right: 5%;
            height: 18%;
            background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(255, 255, 255, .2) 0%, transparent 100%)
        }

        .hlb-text {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding-bottom: 24%
        }

        .hlb-dev {
            font-family: 'Noto Serif Devanagari', serif;
            font-size: 36px;
            font-weight: 700;
            color: var(--gold);
            text-shadow: 0 2px 12px rgba(0, 0, 0, .6);
            line-height: 1
        }

        .hlb-sub {
            font-size: 9px;
            letter-spacing: .15em;
            color: rgba(218, 184, 64, .85);
            text-transform: uppercase;
            margin-top: 2px
        }

        .hlb-shake {
            position: absolute;
            bottom: 22%;
            left: 50%;
            transform: translateX(-50%);
            font-size: 14px
        }

        .hlb-grass {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 32%;
            background: linear-gradient(180deg, #1e7d30 0%, #2a8c3a 100%);
            clip-path: ellipse(55% 100% at 50% 100%)
        }

        .hlb-border {
            position: absolute;
            inset: 0;
            border-radius: 50%;
            border: 3px solid var(--gold)
        }

        .hero-name {
            font-family: 'Playfair Display', serif;
            font-size: clamp(52px, 10vw, 96px);
            font-weight: 700;
            color: var(--white);
            text-shadow: 0 4px 30px rgba(0, 0, 0, .4);
            line-height: 1;
            margin-bottom: 6px
        }

        .hero-name span {
            color: var(--gold)
        }

        .hero-name-sub {
            font-family: 'Playfair Display', serif;
            font-size: 20px;
            font-style: italic;
            font-weight: 400;
            color: rgba(255, 255, 255, .55);
            margin-bottom: 20px;
            letter-spacing: .06em
        }

        .hero-desc {
            font-size: 17px;
            color: rgba(255, 255, 255, .5);
            line-height: 1.8;
            max-width: 560px;
            margin: 0 auto 44px
        }

        .h-btns {
            display: flex;
            gap: 14px;
            justify-content: center;
            flex-wrap: wrap
        }

        .btn {
            display: inline-block;
            font-weight: 600;
            font-size: 14px;
            padding: 13px 30px;
            border-radius: 6px;
            border: none;
            cursor: pointer;
            text-decoration: none;
            transition: all .25s;
            white-space: nowrap;
            font-family: 'Inter', sans-serif
        }

        .btn-gold {
            background: var(--gold);
            color: var(--navy)
        }

        .btn-gold:hover {
            background: var(--goldL);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(200, 160, 48, .4)
        }

        .btn-ghost {
            background: transparent;
            color: rgba(255, 255, 255, .8);
            border: 1.5px solid rgba(255, 255, 255, .28)
        }

        .btn-ghost:hover {
            border-color: rgba(255, 255, 255, .65);
            color: #fff
        }

        .btn-green {
            background: var(--green);
            color: #fff
        }

        .btn-green:hover {
            background: var(--greenM);
            transform: translateY(-2px)
        }

        .btn-navy {
            background: var(--navy);
            color: #fff
        }

        .btn-navy:hover {
            background: #06103a
        }

        .btn-outline {
            background: transparent;
            color: var(--royal);
            border: 1.5px solid var(--royal)
        }

        .btn-outline:hover {
            background: var(--royal);
            color: #fff
        }

        /* ── STATS BAR ── */
        .stats-bar {
            background: var(--offW);
            border-bottom: 1px solid var(--border)
        }

        .stats-inner {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(4, 1fr)
        }

        .stat {
            padding: 30px 24px;
            text-align: center;
            border-right: 1px solid var(--border)
        }

        .stat:last-child {
            border-right: none
        }

        .stat-n {
            font-family: 'Playfair Display', serif;
            font-size: 44px;
            font-weight: 700;
            color: var(--royal);
            line-height: 1
        }

        .stat-s {
            color: var(--gold)
        }

        .stat-l {
            font-size: 12px;
            color: var(--textL);
            margin-top: 6px;
            text-transform: uppercase;
            letter-spacing: .08em
        }

        /* ── SECTIONS ── */
        section {
            padding: 80px 40px
        }

        .c {
            max-width: 1200px;
            margin: 0 auto
        }

        .s-tag {
            display: block;
            font-size: 11px;
            letter-spacing: .3em;
            text-transform: uppercase;
            color: var(--gold);
            font-weight: 600;
            margin-bottom: 12px
        }

        .s-tag::before {
            content: '— '
        }

        .s-h {
            font-family: 'Playfair Display', serif;
            font-size: clamp(30px, 4vw, 48px);
            font-weight: 700;
            color: var(--text);
            line-height: 1.2;
            margin-bottom: 18px
        }

        .s-p {
            font-size: 16px;
            line-height: 1.85;
            color: var(--textL);
            max-width: 560px
        }

        /* ── CARDS ── */
        .g3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 22px;
            margin-top: 48px
        }

        .g2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 28px;
            margin-top: 48px
        }

        .g4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 44px
        }

        .card {
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 32px 28px;
            transition: all .3s
        }

        .card:hover {
            border-color: rgba(20, 48, 160, .22);
            transform: translateY(-5px);
            box-shadow: 0 16px 48px rgba(20, 48, 160, .1)
        }

        .c-icon {
            width: 52px;
            height: 52px;
            border-radius: 11px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 20px;
            background: linear-gradient(135deg, var(--royal), var(--blue))
        }

        .c-icon.g {
            background: linear-gradient(135deg, var(--green), var(--greenL))
        }

        .c-icon.au {
            background: linear-gradient(135deg, #8a6010, var(--gold))
        }

        .c-t {
            font-family: 'Playfair Display', serif;
            font-size: 19px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 10px
        }

        .c-p {
            font-size: 14.5px;
            line-height: 1.8;
            color: var(--textL)
        }

        .shop-grid {
            margin-top: 36px;
        }

        .shop-card {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .shop-emoji {
            font-size: 34px;
            line-height: 1;
        }

        .shop-card-foot {
            margin-top: auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .shop-add-btn {
            padding: 9px 16px;
            font-size: 13px;
        }

        .shop-checkout-wrap {
            display: grid;
            grid-template-columns: 1fr 1.4fr;
            gap: 28px;
            align-items: start;
        }

        .shop-cart-box {
            background: var(--offW);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 22px;
        }

        .shop-cart-box h3 {
            font-family: 'Playfair Display', serif;
            font-size: 26px;
            margin-bottom: 16px;
            color: var(--text);
        }

        .shop-cart-items {
            display: grid;
            gap: 10px;
        }

        .shop-cart-item {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 12px;
            border: 1px solid var(--border);
            border-radius: 8px;
            background: #fff;
        }

        .shop-cart-title {
            font-weight: 600;
            color: var(--text);
            font-size: 14px;
        }

        .shop-cart-meta {
            font-size: 12px;
            color: var(--textL);
            margin-top: 3px;
        }

        .shop-remove {
            border: none;
            background: transparent;
            color: #b03030;
            cursor: pointer;
            font-size: 12px;
            text-decoration: underline;
        }

        .shop-total-row {
            margin-top: 14px;
            display: flex;
            justify-content: space-between;
            border-top: 1px dashed var(--border);
            padding-top: 12px;
            font-size: 16px;
        }

        .shop-empty {
            color: var(--textL);
            font-size: 14px;
        }

        .c-lnk {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            font-size: 12.5px;
            font-weight: 600;
            color: var(--royal);
            background: none;
            border: none;
            cursor: pointer;
            margin-top: 16px;
            padding: 0;
            transition: gap .2s;
            font-family: 'Inter', sans-serif
        }

        .c-lnk:hover {
            gap: 10px
        }

        /* ── PAGE HERO BANNER ── */
        .pg-hero {
            background: linear-gradient(135deg, var(--navy) 0%, var(--royal) 65%, var(--blue) 100%);
            padding: 70px 40px 90px;
            text-align: center;
            position: relative;
            overflow: hidden
        }

        .pg-hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(80, 130, 255, .1) 0%, transparent 70%)
        }

        .pg-hero::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 50px;
            background: var(--white);
            clip-path: ellipse(55% 100% at 50% 100%)
        }

        .pg-hero h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(36px, 6vw, 66px);
            font-weight: 700;
            color: var(--gold);
            margin-bottom: 14px;
            position: relative
        }

        .pg-hero p {
            font-size: 16px;
            color: rgba(255, 255, 255, .55);
            max-width: 500px;
            margin: 0 auto;
            position: relative
        }

        .breadcrumb {
            display: flex;
            align-items: center;
            gap: 8px;
            justify-content: center;
            margin-top: 18px;
            position: relative
        }

        .breadcrumb span {
            font-size: 12px;
            color: rgba(255, 255, 255, .35)
        }

        .breadcrumb .sep {
            color: var(--gold)
        }

        .breadcrumb .cur {
            color: var(--goldL)
        }

        /* ── DARK SECTION ── */
        .dark-sec {
            background: var(--navy);
            padding: 80px 40px
        }

        .dark-sec .s-h {
            color: var(--white)
        }

        .dark-sec .s-tag {
            color: var(--goldL)
        }

        .dark-sec .s-p {
            color: rgba(255, 255, 255, .55)
        }

        /* ── HOME ABOUT SPLIT ── */
        .ab-split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 70px;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto
        }

        .ab-vis {
            background: linear-gradient(170deg, var(--royal) 55%, var(--green) 100%);
            border-radius: 16px;
            height: 360px;
            border: 3px solid var(--gold);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden
        }

        .ab-vis-main {
            font-family: 'Noto Serif Devanagari', serif;
            font-size: 80px;
            font-weight: 700;
            color: var(--gold);
            text-shadow: 0 0 50px rgba(200, 160, 48, .5);
            text-align: center
        }

        .ab-vis-sub {
            font-size: 11px;
            letter-spacing: .25em;
            color: rgba(255, 255, 255, .4);
            margin-top: 8px;
            text-align: center;
            text-transform: uppercase
        }

        .ab-content h2 {
            font-family: 'Playfair Display', serif;
            font-size: 34px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 18px
        }

        .ab-content p {
            font-size: 15px;
            line-height: 1.9;
            color: rgba(255, 255, 255, .6);
            margin-bottom: 14px
        }

        /* ── VM BOXES ── */
        .vm-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px
        }

        .vm-box {
            background: var(--white);
            border-radius: 14px;
            padding: 40px 32px;
            box-shadow: 0 4px 20px rgba(20, 48, 160, .06)
        }

        .vm-box.b-top {
            border-top: 4px solid var(--royal)
        }

        .vm-box.g-top {
            border-top: 4px solid var(--green)
        }

        .vm-box.au-top {
            border-top: 4px solid var(--gold)
        }

        .vm-icon {
            font-size: 40px;
            margin-bottom: 18px;
            display: block
        }

        .vm-t {
            font-family: 'Playfair Display', serif;
            font-size: 22px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 12px
        }

        .vm-p {
            font-size: 14.5px;
            line-height: 1.85;
            color: var(--textL)
        }

        /* ── VALUES ── */
        .val-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            margin-top: 44px
        }

        .val-item {
            padding: 28px 24px;
            border: 1px solid var(--border);
            border-radius: 10px;
            transition: all .3s
        }

        .val-item:hover {
            border-color: var(--gold);
            background: var(--goldP)
        }

        .val-n {
            font-family: 'Playfair Display', serif;
            font-size: 44px;
            font-weight: 700;
            color: rgba(20, 48, 160, .08);
            line-height: 1;
            margin-bottom: 12px
        }

        .val-t {
            font-family: 'Playfair Display', serif;
            font-size: 18px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 8px
        }

        .val-p {
            font-size: 13.5px;
            line-height: 1.78;
            color: var(--textL)
        }

        /* ── TEAM ── */
        .team-card {
            background: rgba(255, 255, 255, .05);
            border: 1px solid rgba(200, 160, 48, .2);
            border-radius: 12px;
            padding: 28px 20px;
            text-align: center;
            transition: all .3s
        }

        .team-card:hover {
            background: rgba(255, 255, 255, .09);
            border-color: rgba(200, 160, 48, .5)
        }

        .t-av {
            width: 74px;
            height: 74px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--royal), var(--blue));
            border: 2.5px solid var(--gold);
            margin: 0 auto 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Playfair Display', serif;
            font-size: 28px;
            font-weight: 700;
            color: var(--gold)
        }

        .t-name {
            font-family: 'Playfair Display', serif;
            font-size: 17px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 5px
        }

        .t-role {
            font-size: 12px;
            color: rgba(255, 255, 255, .4)
        }

        /* ── ABOUT POETRY PAGE ── */
        .about-poetry-wrap {
            background:
                radial-gradient(circle at 8% 10%, rgba(20, 48, 160, .08), transparent 42%),
                radial-gradient(circle at 92% 0%, rgba(200, 160, 48, .15), transparent 35%),
                linear-gradient(180deg, #f9fbff 0%, #fff 68%);
            padding: 70px 40px 56px
        }

        .about-poetry-intro {
            border: 1px solid var(--border);
            border-radius: 16px;
            background: rgba(255, 255, 255, .95);
            box-shadow: 0 22px 48px rgba(9, 22, 80, .08);
            padding: 36px 34px
        }

        .about-poetry-label {
            display: inline-block;
            padding: 5px 12px;
            border-radius: 14px;
            background: var(--goldP);
            color: #745610;
            letter-spacing: .13em;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 700;
            margin-bottom: 14px
        }

        .about-poetry-intro h2 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(28px, 4.2vw, 44px);
            line-height: 1.15;
            color: var(--navy);
            margin-bottom: 18px
        }

        .about-poetry-intro p {
            font-size: 15px;
            line-height: 1.9;
            color: var(--textM);
            margin-bottom: 12px
        }

        .about-poetry-intro p:last-child {
            margin-bottom: 0
        }

        .about-poetry-pillars {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
            margin-top: 24px
        }

        .about-poetry-card {
            border: 1px solid rgba(20, 48, 160, .14);
            border-radius: 14px;
            background: #fff;
            padding: 24px 22px
        }

        .about-poetry-card-kicker {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .2em;
            color: var(--royal);
            text-transform: uppercase;
            margin-bottom: 12px
        }

        .about-poetry-card p {
            color: var(--textL);
            line-height: 1.82;
            font-size: 14.5px
        }

        .about-poetry-list {
            list-style: none
        }

        .about-poetry-list li {
            color: var(--textL);
            font-size: 14px;
            line-height: 1.8;
            padding: 0 0 8px 18px;
            position: relative
        }

        .about-poetry-list li::before {
            content: '';
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--gold);
            position: absolute;
            left: 0;
            top: 9px
        }

        .about-poetry-do {
            margin-top: 22px;
            border: 1px solid rgba(20, 48, 160, .12);
            border-radius: 14px;
            background: #fff;
            overflow: hidden
        }

        .about-poetry-do-head {
            padding: 24px 24px 18px;
            border-bottom: 1px solid var(--border)
        }

        .about-poetry-do-head h3 {
            font-family: 'Playfair Display', serif;
            font-size: 30px;
            line-height: 1.2;
            color: var(--navy)
        }

        .about-poetry-do-head p {
            margin-top: 8px;
            color: var(--textL);
            font-size: 14px;
            line-height: 1.75
        }

        .about-poetry-do-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr)
        }

        .about-poetry-do-grid article {
            padding: 18px 22px;
            border-right: 1px solid var(--border);
            border-bottom: 1px solid var(--border)
        }

        .about-poetry-do-grid article:nth-child(2n) {
            border-right: none
        }

        .about-poetry-do-grid article:nth-last-child(-n+2) {
            border-bottom: none
        }

        .about-poetry-do-grid span {
            display: inline-block;
            font-family: 'Playfair Display', serif;
            font-size: 28px;
            color: rgba(20, 48, 160, .18);
            margin-bottom: 8px
        }

        .about-poetry-do-grid p {
            font-size: 14px;
            line-height: 1.75;
            color: var(--textM)
        }

        .about-poetry-why {
            padding: 44px 40px 30px
        }

        .about-poetry-why .c {
            border-left: 4px solid var(--gold);
            padding-left: 20px
        }

        .about-poetry-why h3 {
            font-family: 'Playfair Display', serif;
            font-size: 34px;
            color: var(--navy);
            margin-bottom: 10px
        }

        .about-poetry-why p {
            font-size: 16px;
            line-height: 1.9;
            color: var(--textM)
        }

        .about-poetry-cta {
            margin-top: 10px
        }

        /* ── EVENTS ── */
        .ev-filter {
            padding: 22px 40px;
            background: var(--offW);
            border-bottom: 1px solid var(--border)
        }

        .f-wrap {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            gap: 10px;
            flex-wrap: wrap
        }

        .f-btn {
            padding: 7px 18px;
            border: 1.5px solid var(--border);
            border-radius: 18px;
            background: var(--white);
            font-size: 13px;
            cursor: pointer;
            color: var(--textM);
            transition: all .22s;
            font-family: 'Inter', sans-serif
        }

        .f-btn:hover,
        .f-btn.on {
            background: var(--royal);
            color: #fff;
            border-color: var(--royal)
        }

        .ev-list {
            padding: 50px 40px 80px
        }

        .ev-card {
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 12px;
            overflow: hidden;
            display: grid;
            grid-template-columns: 180px 1fr;
            margin-bottom: 20px;
            transition: all .3s
        }

        .ev-card:hover {
            box-shadow: 0 8px 32px rgba(20, 48, 160, .12);
            transform: translateX(5px)
        }

        .ev-date-blk {
            background: var(--royal);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 28px 16px;
            text-align: center
        }

        .ev-day {
            font-family: 'Playfair Display', serif;
            font-size: 50px;
            font-weight: 700;
            color: var(--gold);
            line-height: 1
        }

        .ev-mo {
            font-size: 11px;
            letter-spacing: .15em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .55);
            margin-top: 5px
        }

        .ev-yr {
            font-size: 12px;
            color: rgba(255, 255, 255, .35);
            margin-top: 3px
        }

        .ev-info {
            padding: 28px 32px
        }

        .ev-badge {
            display: inline-block;
            background: var(--greenP);
            color: var(--green);
            font-size: 10.5px;
            letter-spacing: .15em;
            text-transform: uppercase;
            font-weight: 600;
            padding: 3px 12px;
            border-radius: 12px;
            margin-bottom: 12px
        }

        .ev-t {
            font-family: 'Playfair Display', serif;
            font-size: 22px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 10px;
            line-height: 1.3
        }

        .ev-meta {
            display: flex;
            gap: 18px;
            margin-bottom: 14px;
            flex-wrap: wrap
        }

        .ev-mi {
            font-size: 12.5px;
            color: var(--textL);
            display: flex;
            align-items: center;
            gap: 5px
        }

        .ev-p {
            font-size: 14px;
            line-height: 1.78;
            color: var(--textL)
        }

        .ev-acts {
            margin-top: 16px;
            display: flex;
            gap: 10px
        }

        .btn-sm {
            padding: 8px 20px;
            font-size: 12.5px;
            font-weight: 600;
            border-radius: 5px;
            border: none;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            transition: all .22s;
            font-family: 'Inter', sans-serif
        }

        .btn-sm-bl {
            background: var(--royal);
            color: #fff
        }

        .btn-sm-bl:hover {
            background: var(--navy)
        }

        .btn-sm-out {
            background: transparent;
            color: var(--royal);
            border: 1.5px solid var(--royal)
        }

        .btn-sm-out:hover {
            background: var(--royal);
            color: #fff
        }

        /* ── PROGRAMS ── */
        .prog-item {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
            margin-bottom: 70px;
            padding-bottom: 70px;
            border-bottom: 1px solid var(--border)
        }

        .prog-item:last-child {
            border-bottom: none;
            margin-bottom: 0
        }

        .prog-item.rev {
            direction: rtl
        }

        .prog-item.rev>* {
            direction: ltr
        }

        .prog-vis {
            border-radius: 14px;
            height: 260px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 70px;
            position: relative;
            overflow: hidden;
            border: 1px solid var(--border)
        }

        .prog-vis.bl {
            background: linear-gradient(135deg, var(--royal), var(--navy))
        }

        .prog-vis.gr {
            background: linear-gradient(135deg, var(--green), #145a20)
        }

        .prog-vis.go {
            background: linear-gradient(135deg, #8a6010, var(--gold))
        }

        .prog-vis.sk {
            background: linear-gradient(135deg, var(--sky), var(--royal))
        }

        .prog-num {
            font-size: 10px;
            letter-spacing: .3em;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 10px;
            font-weight: 600
        }

        .prog-t {
            font-family: 'Playfair Display', serif;
            font-size: 28px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 14px;
            line-height: 1.3
        }

        .prog-p {
            font-size: 15px;
            line-height: 1.85;
            color: var(--textL);
            margin-bottom: 20px
        }

        .chips {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 16px
        }

        .chip {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            background: #e8ecfc;
            color: var(--royal);
            font-size: 12px;
            font-weight: 500;
            padding: 5px 13px;
            border-radius: 14px
        }

        .chip.gc {
            background: var(--greenP);
            color: var(--green)
        }

        .chip.ac {
            background: var(--goldP);
            color: #7a5a10
        }

        /* ── SUPPORT ── */
        .tier-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 22px;
            margin-top: 44px
        }

        .tier {
            border: 2px solid var(--border);
            border-radius: 14px;
            padding: 36px 28px;
            text-align: center;
            position: relative;
            transition: all .3s
        }

        .tier:hover {
            transform: translateY(-5px);
            box-shadow: 0 16px 48px rgba(20, 48, 160, .12)
        }

        .tier.feat {
            border-color: var(--gold);
            background: var(--navy)
        }

        .tier-badge {
            position: absolute;
            top: -13px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--gold);
            color: var(--navy);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .12em;
            text-transform: uppercase;
            padding: 3px 16px;
            border-radius: 12px
        }

        .tier-name {
            font-family: 'Playfair Display', serif;
            font-size: 20px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 8px
        }

        .tier.feat .tier-name {
            color: #fff
        }

        .tier-amt {
            font-family: 'Playfair Display', serif;
            font-size: 50px;
            font-weight: 700;
            color: var(--royal);
            line-height: 1;
            margin-bottom: 6px
        }

        .tier.feat .tier-amt {
            color: var(--gold)
        }

        .tier-per {
            font-size: 12px;
            color: var(--textL);
            margin-bottom: 24px
        }

        .tier.feat .tier-per {
            color: rgba(255, 255, 255, .4)
        }

        .tier-feats {
            list-style: none;
            text-align: left;
            margin-bottom: 28px
        }

        .tier-feats li {
            font-size: 13.5px;
            color: var(--textL);
            padding: 7px 0;
            border-bottom: 1px solid var(--border);
            display: flex;
            align-items: center;
            gap: 9px
        }

        .tier.feat .tier-feats li {
            color: rgba(255, 255, 255, .55);
            border-color: rgba(255, 255, 255, .08)
        }

        .tier-feats li::before {
            content: '✓';
            color: var(--green);
            font-weight: 700;
            flex-shrink: 0
        }

        .ways-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 44px
        }

        .way-card {
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 32px 24px;
            text-align: center;
            transition: all .3s
        }

        .way-card:hover {
            border-color: rgba(20, 48, 160, .25);
            transform: translateY(-4px);
            box-shadow: 0 12px 36px rgba(20, 48, 160, .09)
        }

        .way-icon {
            font-size: 44px;
            margin-bottom: 16px;
            display: block
        }

        .way-t {
            font-family: 'Playfair Display', serif;
            font-size: 20px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 10px
        }

        .way-p {
            font-size: 14px;
            line-height: 1.8;
            color: var(--textL)
        }

        /* ── CONTACT ── */
        .ct-grid {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 48px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 70px 40px
        }

        .ct-info {
            background: var(--navy);
            border-radius: 14px;
            padding: 40px 32px;
            border: 1px solid rgba(200, 160, 48, .2)
        }

        .ct-info h3 {
            font-family: 'Playfair Display', serif;
            font-size: 24px;
            font-weight: 700;
            color: var(--gold);
            margin-bottom: 28px
        }

        .ct-item {
            display: flex;
            gap: 14px;
            align-items: flex-start;
            margin-bottom: 24px
        }

        .ct-ico {
            width: 38px;
            height: 38px;
            border-radius: 8px;
            background: rgba(200, 160, 48, .1);
            border: 1px solid rgba(200, 160, 48, .2);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 17px;
            flex-shrink: 0
        }

        .ct-dtl label {
            display: block;
            font-size: 10px;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .3);
            margin-bottom: 3px
        }

        .ct-dtl span {
            font-size: 14.5px;
            color: rgba(255, 255, 255, .7);
            line-height: 1.5
        }

        .ct-social {
            margin-top: 28px;
            display: flex;
            gap: 10px
        }

        .soc-btn {
            width: 36px;
            height: 36px;
            border: 1px solid rgba(200, 160, 48, .25);
            border-radius: 7px;
            background: none;
            cursor: pointer;
            color: rgba(255, 255, 255, .4);
            font-size: 12px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .25s;
            font-family: 'Inter', sans-serif
        }

        .soc-btn:hover {
            border-color: var(--gold);
            color: var(--gold)
        }

        .ct-form {
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 14px;
            padding: 44px 40px
        }

        .ct-form h3 {
            font-family: 'Playfair Display', serif;
            font-size: 26px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 28px
        }

        .f-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px
        }

        .f-grp {
            margin-bottom: 18px
        }

        .f-grp label {
            display: block;
            font-size: 12.5px;
            font-weight: 600;
            color: var(--textM);
            margin-bottom: 7px;
            letter-spacing: .04em
        }

        .f-grp input,
        .f-grp textarea,
        .f-grp select {
            width: 100%;
            padding: 11px 15px;
            border: 1.5px solid var(--border);
            border-radius: 7px;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            color: var(--text);
            background: var(--white);
            transition: border-color .22s;
            outline: none
        }

        .f-grp input:focus,
        .f-grp textarea:focus {
            border-color: var(--royal);
            box-shadow: 0 0 0 3px rgba(20, 48, 160, .07)
        }

        .f-grp textarea {
            min-height: 110px;
            resize: vertical
        }

        /* ── TERMS ── */
        .terms-wrap {
            max-width: 800px;
            margin: 0 auto;
            padding: 70px 40px
        }

        .terms-s-t {
            font-family: 'Playfair Display', serif;
            font-size: 20px;
            font-weight: 700;
            color: var(--text);
            margin: 36px 0 12px;
            padding-left: 14px;
            border-left: 4px solid var(--royal)
        }

        .terms-p {
            font-size: 15px;
            line-height: 1.85;
            color: var(--textL);
            margin-bottom: 14px
        }

        .terms-ul {
            list-style: none;
            margin: 8px 0 18px
        }

        .terms-ul li {
            font-size: 14.5px;
            line-height: 1.78;
            color: var(--textL);
            padding: 6px 0 6px 22px;
            position: relative
        }

        .terms-ul li::before {
            content: '•';
            color: var(--gold);
            position: absolute;
            left: 0;
            font-size: 18px;
            line-height: 1.5
        }

        .updated-box {
            background: var(--goldP);
            border: 1px solid rgba(200, 160, 48, .35);
            border-radius: 8px;
            padding: 14px 20px;
            font-size: 13px;
            color: #7a5a10;
            margin-bottom: 36px
        }

        /* ── INTRO / TIMELINE ── */
        .quote-band {
            background: var(--navy);
            padding: 70px 40px;
            text-align: center
        }

        .quote-wrap {
            max-width: 800px;
            margin: 0 auto
        }

        .q-mark {
            font-family: 'Playfair Display', serif;
            font-size: 110px;
            color: var(--gold);
            opacity: .15;
            line-height: .75;
            margin-bottom: -16px;
            display: block
        }

        .q-text {
            font-family: 'Playfair Display', serif;
            font-size: clamp(20px, 3vw, 34px);
            font-style: italic;
            font-weight: 400;
            color: var(--white);
            line-height: 1.55;
            margin-bottom: 20px
        }

        .q-attr {
            font-size: 13px;
            color: var(--gold);
            letter-spacing: .15em;
            text-transform: uppercase
        }

        .tl-wrap {
            max-width: 760px;
            margin: 0 auto;
            position: relative;
            padding-left: 20px
        }

        .tl-wrap::before {
            content: '';
            position: absolute;
            left: 52px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: linear-gradient(180deg, var(--royal), var(--green))
        }

        .tl-item {
            display: flex;
            gap: 30px;
            margin-bottom: 40px;
            align-items: flex-start
        }

        .tl-dot {
            width: 64px;
            height: 64px;
            flex-shrink: 0;
            border-radius: 50%;
            background: var(--royal);
            border: 2.5px solid var(--gold);
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Playfair Display', serif;
            font-size: 13px;
            font-weight: 700;
            color: var(--gold);
            z-index: 1;
            position: relative
        }

        .tl-box {
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 24px 28px;
            flex: 1
        }

        .tl-box h4 {
            font-family: 'Playfair Display', serif;
            font-size: 18px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 8px
        }

        .tl-box p {
            font-size: 14px;
            line-height: 1.8;
            color: var(--textL)
        }

        /* ── CTA BAND ── */
        .cta-band {
            background: var(--green);
            padding: 60px 40px;
            text-align: center
        }

        .cta-band h2 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(28px, 4vw, 42px);
            color: #fff;
            margin-bottom: 14px
        }

        .cta-band p {
            font-size: 16px;
            color: rgba(255, 255, 255, .7);
            max-width: 480px;
            margin: 0 auto 30px
        }

        /* ── DIVIDER ── */
        .gold-bar {
            height: 3px;
            background: linear-gradient(90deg, var(--navy), var(--gold), var(--green), var(--navy))
        }

        /* ── IMPACT NUMBERS ── */
        .impact-num {
            font-family: 'Playfair Display', serif;
            font-size: 52px;
            font-weight: 700;
            color: var(--gold);
            line-height: 1
        }

        .impact-lbl {
            font-size: 13px;
            color: rgba(255, 255, 255, .5);
            margin-top: 8px;
            letter-spacing: .06em
        }

        /* ── FOOTER ── */
        footer {
            background: var(--navy);
            border-top: 3px solid var(--gold);
            padding: 56px 40px 28px
        }

        .ft-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 44px;
            margin-bottom: 44px
        }

        .ft-brand .logo-h {
            font-family: 'Noto Serif Devanagari', serif;
            font-size: 32px;
            font-weight: 700;
            color: var(--gold)
        }

        .ft-brand .logo-e {
            font-family: 'Playfair Display', serif;
            font-size: 9px;
            letter-spacing: .28em;
            color: rgba(255, 255, 255, .28);
            margin-top: 1px;
            text-transform: uppercase
        }

        .ft-brand p {
            font-size: 13.5px;
            color: rgba(255, 255, 255, .38);
            line-height: 1.8;
            margin-top: 12px;
            max-width: 250px
        }

        .ft-col h4 {
            font-size: 10.5px;
            letter-spacing: .28em;
            text-transform: uppercase;
            color: var(--gold);
            font-weight: 600;
            margin-bottom: 18px
        }

        .ft-col ul {
            list-style: none
        }

        .ft-col li {
            margin-bottom: 9px
        }

        .ft-col button,
        .ft-col a {
            font-size: 13.5px;
            color: rgba(255, 255, 255, .4);
            background: none;
            border: none;
            cursor: pointer;
            padding: 0;
            text-decoration: none;
            text-align: left;
            transition: color .2s;
            font-family: 'Inter', sans-serif
        }

        .ft-col button:hover,
        .ft-col a:hover {
            color: rgba(255, 255, 255, .82)
        }

        .ft-bottom {
            max-width: 1200px;
            margin: 0 auto;
            border-top: 1px solid rgba(255, 255, 255, .07);
            padding-top: 22px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .ft-copy {
            font-size: 12px;
            color: rgba(255, 255, 255, .22)
        }

        .ft-soc {
            display: flex;
            gap: 9px
        }

        /* ── SHARED FOOTER ── */
        .sf {
            background: var(--navy);
            border-top: 3px solid var(--gold);
            padding: 44px 40px 26px
        }

        .sf-inner {
            max-width: 1200px;
            margin: 0 auto
        }

        .sf-top {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 36px
        }

        .sf-bot {
            border-top: 1px solid rgba(255, 255, 255, .07);
            padding-top: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        /* ── SCROLL REVEAL ── */
        .rv {
            opacity: 0;
            transform: translateY(26px);
            transition: opacity .6s ease, transform .6s ease
        }

        .rv.in {
            opacity: 1;
            transform: none
        }

        /* ── RESPONSIVE ── */
        @media(max-width:960px) {
            .nav {
                padding: 0 16px
            }

            .nav-toggle {
                display: inline-flex
            }

            .nav-links {
                display: none;
                position: absolute;
                top: 72px;
                left: 0;
                right: 0;
                background: rgba(9, 22, 80, .98);
                border-bottom: 2px solid rgba(200, 160, 48, .25);
                padding: 12px 12px 16px;
                gap: 6px;
                flex-direction: column;
                align-items: stretch;
                box-shadow: 0 14px 32px rgba(0, 0, 0, .35)
            }

            .nav-links.open {
                display: flex
            }

            .nav-links li {
                width: 100%
            }

            .nav-links button {
                width: 100%;
                text-align: left;
                padding: 11px 12px
            }

            .nav-links .cta-btn {
                margin-left: 0 !important;
                text-align: center
            }

            .stats-inner,
            .g3,
            .g2,
            .g4,
            .vm-grid,
            .val-grid,
            .about-poetry-pillars,
            .about-poetry-do-grid,
            .ab-split,
            .prog-item,
            .tier-grid,
            .ways-grid,
            .shop-checkout-wrap,
            .ct-grid,
            .ft-grid,
            .sf-top {
                grid-template-columns: 1fr
            }

            .ev-card {
                grid-template-columns: 1fr
            }

            .prog-item.rev {
                direction: ltr
            }

            .f-row {
                grid-template-columns: 1fr
            }

            .tl-wrap::before {
                left: 42px
            }

            .about-poetry-wrap,
            .about-poetry-why {
                padding-left: 20px;
                padding-right: 20px
            }

            .about-poetry-do-grid article,
            .about-poetry-do-grid article:nth-child(2n) {
                border-right: none
            }

            .about-poetry-do-grid article:nth-last-child(-n+2) {
                border-bottom: 1px solid var(--border)
            }

            .about-poetry-do-grid article:last-child {
                border-bottom: none
            }

            .about-poetry-why h3 {
                font-size: 28px
            }
        }