:root {
            --navy: #0B1120;
            --green: #10B981;
            --orange: #F97316;
            --white: #ffffff;
            --gray-50: #F8FAFC;
            --gray-100: #F1F5F9;
            --gray-200: #E2E8F0;
            --gray-300: #CBD5E1;
            --gray-400: #94A3B8;
            --gray-500: #64748B;
            --gray-600: #475569;
            --gray-700: #334155;
            --gray-800: #1E293B;
            --gray-900: #0F172A;
            --mint: #F0FDF4;
        }

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

        body {
            font-family: 'Inter', sans-serif;
            color: var(--gray-800);
            background: var(--white);
            line-height: 1.6;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* HEADER */
        .header {
            background: var(--navy);
            height: 72px;
            display: flex;
            align-items: center;
            position: sticky;
            top: 28px;
            z-index: 100;
        }

        .topbar {
            background: white;
            height: 28px;
            display: flex;
            align-items: center;
            font-size: 11px;
            color: #0B1120;
            position: sticky;
            top: 0;
            z-index: 101;
            transition: transform 0.3s ease;
        }

        .topbar.hidden {
            transform: translateY(-100%);
        }

        .topbar .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

        .topbar-left {
            display: flex;
            align-items: center;
            gap: 6px;
            color: #0B1120;
        }

        .topbar-right {
            color: #0B1120;
        }

        .header .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .logo-img {
            width: 62px;
            height: 46px;
            border-radius: 5px;
            object-fit: cover;
            background: #ffffff;
        }

        .logo-icon {
            width: 44px;
            height: 44px;
            background: linear-gradient(135deg, var(--green) 0%, #059669 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0B1120;
        }

        .logo-text .brand-name {
            color: white;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 1.5px;
        }

        .logo-text .brand-name span {
            color: var(--green);
        }

        .logo-text p {
            color: var(--gray-400);
            font-size: 10px;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            background: linear-gradient(90deg, #10b981, #6ee7b7, #ffffff, #6ee7b7, #10b981);
            background-size: 300% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: gradientText 2s linear infinite;
        }

        @keyframes gradientText {
            0% { background-position: 0% center; }
            100% { background-position: 300% center; }
        }

        .nav-links {
            display: flex;
            gap: 36px;
            list-style: none;
        }

        .nav-links a {
            color: white;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            padding: 8px 0;
            transition: color 0.3s;
        }

        .nav-links a.active {
            color: var(--green);
            border-bottom: 2px solid var(--green);
        }

        .nav-links a:hover { color: var(--green); }

        .dropdown {
            position: relative;
        }

        .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            background: #0B1120;
            min-width: 819px;
            padding: 37px;
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
            z-index: 1000;
        }

        .dropdown:hover .dropdown-menu {
            display: flex;
            gap: 9px;
        }

        .dropdown-menu-left {
            flex: 1;
        }

        .dropdown-menu-title {
            display: block;
            color: white;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 16px;
            opacity: 0.7;
        }

        .dropdown-menu-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

        .dropdown-card {
            width: 280px;
            background: linear-gradient(135deg, #059669 0%, #10b981 100%);
            border-radius: 12px;
            padding: 24px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .dropdown-card-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: rgba(255,255,255,0.2);
            color: white;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1px;
            padding: 6px 12px;
            border-radius: 20px;
            margin-bottom: 16px;
            width: fit-content;
        }

        .dropdown-card h3 {
            color: white;
            font-size: 20px;
            font-weight: 700;
            margin: 0 0 12px 0;
            line-height: 1.3;
        }

        .dropdown-card p {
            color: rgba(255,255,255,0.9);
            font-size: 13px;
            line-height: 1.6;
            margin: 0 0 16px 0;
        }

        .dropdown-card-features {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 20px;
        }

        .dropdown-card-features span {
            display: flex;
            align-items: center;
            gap: 8px;
            color: white;
            font-size: 13px;
            font-weight: 500;
        }

        .dropdown-card-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background: #0B1120;
            color: white;
            font-size: 14px;
            font-weight: 700;
            padding: 12px 20px;
            border-radius: 8px;
            text-decoration: none;
            transition: transform 0.2s, background 0.2s, color 0.2s;
            width: 100%;
            text-align: center;
        }

        .dropdown-card-btn:hover {
            transform: scale(1.02);
            background: white;
            color: #0B1120;
        }

        .menu-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            background: rgba(255,255,255,0.1);
            border-radius: 8px;
            color: #10b981;
            flex-shrink: 0;
            transition: background 0.2s;
        }

        .dropdown-menu li a:hover .menu-icon {
            background: rgba(16,185,129,0.2);
        }

        .dropdown-menu li a {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 16px;
            color: #ffffff;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            border-radius: 8px;
            transition: background 0.2s, color 0.2s;
            background: rgba(255, 255, 255, 0.05);
        }

        .dropdown-menu li a:hover {
            background: rgba(16,185,129,0.15);
            color: #10b981;
        }

        .dropdown-menu li a::before {
            display: none;
        }

        .burger-menu {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            padding: 8px;
            flex-direction: column;
            gap: 5px;
        }

        .burger-menu span {
            display: block;
            width: 24px;
            height: 2px;
            background: white;
            border-radius: 2px;
            transition: 0.3s;
        }

        .burger-menu.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
        }

        .burger-menu.active span:nth-child(2) {
            opacity: 0;
        }

        .burger-menu.active span:nth-child(3) {
            transform: rotate(-45deg) translate(5px, -5px);
        }

        .mobile-nav-close {
            position: absolute;
            top: 16px;
            right: 16px;
            background: none;
            border: none;
            color: white;
            font-size: 24px;
            cursor: pointer;
            padding: 4px 8px;
            line-height: 1;
        }

        .mobile-nav-close:hover {
            color: #10b981;
        }

        .mobile-nav {
            position: fixed;
            top: 100px;
            left: 0;
            right: 0;
            background: #0B1120;
            padding: 20px;
            z-index: 1000;
            transform: translateY(-100%);
            transition: transform 0.3s ease, top 0.3s ease;
            box-shadow: 0 4px 20px rgba(0,0,0,0.3);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        .mobile-nav.open {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .mobile-nav-links {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .mobile-nav-links li {
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

        .mobile-nav-links li:last-child {
            border-bottom: none;
        }

        .mobile-nav-links a {
            display: block;
            color: white;
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            padding: 14px 0;
            transition: color 0.3s;
        }

        .mobile-nav-links a.active {
            color: #10b981;
        }

        .mobile-nav-links a:hover {
            color: #10b981;
        }

        .mobile-nav-overlay {
            position: fixed;
            top: 100px;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.5);
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.3s;
        }

        .mobile-nav-overlay.open {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .mobile-submenu {
            display: none;
            padding-left: 20px;
            margin-top: 10px;
        }

        .mobile-submenu a {
            font-size: 14px;
            padding: 10px 0;
            color: rgba(255,255,255,0.8);
        }

        .mobile-dropdown.open .mobile-submenu {
            display: block;
        }

        .search-icon {
            color: white;
            cursor: pointer;
            padding: 8px;
        }

        /* HERO SLIDER */
        .hero-slider {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
        }

        .hero-slide {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

        .hero-slide.active {
            opacity: 1;
        }

        .hero-slide:nth-child(1) {
            background-image: url('/assets/narendra-modi-stadium-1600.webp');
        }

        .hero-slide:nth-child(2) {
            background-image: url('/assets/wankhede-stadium-1600.webp');
        }

        .hero-slide:nth-child(3) {
            background-image: url('/assets/chinnaswamy-stadium-1600.webp');
        }

        .hero-slide:nth-child(4) {
            background-image: url('/assets/eden-gardens-1600.webp');
        }

        .hero::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to right, rgba(11,17,32,0.95) 0%, rgba(11,17,32,0.8) 40%, rgba(11,17,32,0.4) 70%, rgba(11,17,32,0.2) 100%);
            z-index: 2;
        }

        .hero {
            position: relative;
            height: 580px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .hero .container {
            position: relative;
            z-index: 3;
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .hero-dots {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 4;
            display: flex;
            gap: 10px;
        }

        .hero-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: background 0.3s, transform 0.2s;
            border: 2px solid rgba(255, 255, 255, 0.8);
        }

        .hero-dot.active {
            background: var(--green);
            transform: scale(1.2);
        }

        .hero-dot:hover {
            background: var(--green);
        }

        .hero-content {
            max-width: 1000px;
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        .hero-tag {
            color: var(--green);
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 4px;
            text-transform: uppercase;
            margin-bottom: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background: linear-gradient(90deg, #10b981, #6ee7b7, #ffffff, #6ee7b7, #10b981);
            background-size: 300% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: gradientText 2s linear infinite;
        }

        @keyframes gradientText {
            0% { background-position: 0% center; }
            100% { background-position: 200% center; }
        }

        .hero-title {
            font-family: 'Playfair Display', serif;
            font-size: 54px;
            font-weight: 800;
            color: white;
            line-height: 1.1;
            margin-bottom: 18px;
        }

        .hero-title span {
            color: var(--green);
        }

        .hero-subtitle {
            color: var(--gray-300);
            font-size: 17px;
            line-height: 1.7;
            margin-bottom: 36px;
        }

        .search-bar {
            background: white;
            border-radius: 12px;
            padding: 10px 10px 10px 20px;
            display: flex;
            align-items: center;
            gap: 0;
            box-shadow: 0 25px 60px rgba(0,0,0,0.3);
            max-width: 930px;
            width: 100%;
            justify-content: center;
            margin: 0 auto;
        }

        .search-field {
            flex: 1;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 16px;
            border-right: 1px solid var(--gray-200);
        }

        .search-field:last-of-type { border-right: none; }

        .search-field i {
            color: var(--green);
            width: 20px;
            height: 20px;
        }

        .search-field input,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select {
            border: none;
            outline: none;
            font-size: 14px;
            color: var(--gray-600);
            width: 100%;
            font-family: 'Inter', sans-serif;
            background: transparent;
        }

        .search-field input,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select,
        .search-field select::placeholder { color: var(--gray-400); }

        .search-btn {
            background: var(--orange);
            color: #0B1120;
            border: none;
            padding: 14px 24px;
            border-radius: 8px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
            transition: background 0.3s, transform 0.2s;
            font-family: 'Inter', sans-serif;
        }

        .search-btn:hover {
            background: #ea580c;
            transform: translateY(-1px);
        }

        .filter-tags {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-top: 16px;
            flex-wrap: wrap;
        }

        .filter-label {
            color: rgba(255, 255, 255, 0.7);
            font-size: 13px;
            font-weight: 500;
        }

        .filter-tag {
            background: #10b981;
            color: #ffffff;
            border: 1px solid #10b981;
            padding: 6px 14px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 500;
            cursor: pointer;
            transition: background 0.2s, border-color 0.2s;
            font-family: 'Inter', sans-serif;
        }

        .filter-tag:hover {
            background: #059669;
            border-color: #059669;
        }

        /* SECTIONS */
        .section { padding: 72px 0; }

        .section-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
        }

        .section-title-group {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .section-title-group i {
            color: var(--green);
            width: 24px;
            height: 24px;
        }

        .section-title {
            font-family: 'Playfair Display', serif;
            font-size: 30px;
            font-weight: 700;
            color: var(--gray-900);
            margin: 0;
        }

        .section-title span {
            color: var(--green);
        }

        .section-title-half {
            color: var(--gray-900);
        }

        .section-title-half span {
            color: var(--green);
        }

        .view-all {
            color: var(--green);
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: color 0.3s;
        }

        .view-all:hover { color: #059669; }

        /* FEATURED GROUNDS */
        .counter-section {
            background: #ffffff;
            padding: 30px 0;
            border-bottom: 1px solid #e2e8f0;
        }

        .counter-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            max-width: 750px;
            margin: 0 auto;
        }

        .counter-card {
            text-align: center;
            padding: 18px 16px;
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .counter-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 4px 16px rgba(0,0,0,0.1);
        }

        .counter-number {
            font-family: 'Inter', sans-serif;
            font-size: 28px;
            font-weight: 800;
            line-height: 1;
            margin-bottom: 4px;
            min-width: 4ch;
            font-variant-numeric: tabular-nums;
        }

        .counter-label {
            color: #0B1120;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .counter-label span {
            color: #10b981;
        }

        .featured-section { background: var(--white); }

        .grounds-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }

        .ground-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 16px rgba(0,0,0,0.06);
            transition: transform 0.3s, box-shadow 0.3s;
            border: 1px solid var(--gray-100);
        }

        .ground-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 48px rgba(0,0,0,0.12);
        }

        .card-image {
            position: relative;
            height: 190px;
            overflow: hidden;
        }

        .card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }

        .ground-card:hover .card-image img { transform: scale(1.05); }

        .card-tag {
            position: absolute;
            top: 12px;
            left: 12px;
            background: var(--green);
            color: #0B1120;
            padding: 5px 14px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
        }

        .card-content { padding: 20px; }

        .card-title {
            font-size: 18px;
            font-weight: 700;
            color: #10b981;
            margin-bottom: 4px;
        }

        .card-location {
            color: var(--gray-500);
            font-size: 14px;
            margin-bottom: 14px;
        }

        .card-desc {
            font-size: 12px;
            color: #94a3b8;
            margin-bottom: 12px;
            line-height: 1.5;
        }

        .card-details {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 14px;
        }

        .card-detail {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            color: var(--gray-500);
        }

        .card-detail i {
            color: var(--green);
            width: 16px;
            height: 16px;
        }

        .card-action { display: flex; justify-content: flex-end; }

        .card-btn {
            width: 38px;
            height: 38px;
            background: var(--green);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0B1120;
            text-decoration: none;
            transition: background 0.3s, transform 0.2s;
        }

        .card-btn i { width: 18px; height: 18px; }

        .card-btn:hover {
            background: #059669;
            transform: scale(1.1);
        }

        /* STATE SECTION */
        .state-section { background: var(--mint); }

        .state-section-new {
            background: #0B1120;
            padding: 72px 0;
        }

        .state-section-new .section-title {
            color: #ffffff;
        }

        .state-section-new .view-all {
            color: #10b981;
        }

        .states-grid-new {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
        }

        .state-card-new {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            padding: 20px;
            text-align: center;
            transition: background 0.2s, border-color 0.2s, transform 0.2s;
            cursor: pointer;
            min-height: 190px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        .state-card-new:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.2);
            transform: translateY(-2px);
        }

        .state-map-icon {
            width: 120px;
            height: 90px;
            margin: 0 auto 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .state-map-icon svg {
            width: 100%;
            height: 100%;
        }

        .state-map-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
            filter: drop-shadow(0 8px 14px rgba(0,0,0,.22));
            transition: transform .25s ease;
        }

        .state-card-new:hover .state-map-icon img { transform: translateY(-3px) scale(1.04); }

        .state-card-new.is-research {
            border-color: rgba(249,115,22,.55);
            background: rgba(249,115,22,.07);
            cursor: default;
        }

        .state-card-status {
            position: absolute;
            top: 12px;
            right: 12px;
            border: 1px solid rgba(249,115,22,.5);
            border-radius: 999px;
            padding: 4px 8px;
            color: #fdba74;
            font-size: 9px;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .map-source-note {
            margin: 18px 0 0;
            text-align: right;
            color: #94a3b8;
            font-size: 11px;
        }

        .map-source-note a { color: #a7f3d0; text-underline-offset: 2px; }

        .state-name-new {
            display: block;
            color: #ffffff;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 4px;
        }

        .state-count {
            display: block;
            color: #94a3b8;
            font-size: 12px;
        }

        .state-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 18px;
        }

        .state-card {
            position: relative;
            height: 260px;
            border-radius: 12px;
            overflow: hidden;
            cursor: pointer;
            transition: transform 0.3s;
        }

        .state-card:hover { transform: scale(1.03); }

        .state-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .state-card::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 55%;
            background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);
        }

        .state-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 18px;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .state-name {
            color: #0B1120;
            font-size: 16px;
            font-weight: 700;
        }

        .state-btn {
            width: 34px;
            height: 34px;
            background: var(--green);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0B1120;
            text-decoration: none;
            transition: background 0.3s;
        }

        .state-btn i { width: 16px; height: 16px; }

        .state-btn:hover { background: #059669; }

        /* WHY SECTION */
        .why-section { background: var(--white); }

        .why-intro {
            color: var(--gray-500);
            font-size: 16px;
            margin-top: 8px;
            margin-bottom: 24px;
            max-width: 600px;
            line-height: 1.7;
        }

        /* FAQ SECTION */
        .faq-section {
            background: #f8fafc;
            padding: 60px 0;
        }

        .faq-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .faq-group {
            background: #ffffff;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }

        .faq-group-title {
            font-family: 'Playfair Display', serif;
            font-size: 18px;
            font-weight: 700;
            color: #0B1120;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 2px solid #10b981;
        }

        .faq-group-title span {
            color: #10b981;
        }

        .faq-item {
            margin-bottom: 16px;
        }

        .faq-item:last-child {
            margin-bottom: 0;
        }

        .faq-question {
            font-size: 14px;
            font-weight: 600;
            color: #10b981;
            margin-bottom: 6px;
        }

        .faq-answer {
            font-size: 13px;
            color: #64748b;
            line-height: 1.6;
        }

        .why-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .features-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 28px;
        }

        .feature-item { display: flex; gap: 14px; }

        .feature-icon {
            width: 46px;
            height: 46px;
            background: var(--mint);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--green);
            flex-shrink: 0;
        }

        .feature-icon i { width: 22px; height: 22px; }

        .feature-text h4 {
            font-size: 15px;
            font-weight: 600;
            color: #10b981;
            margin-bottom: 4px;
        }

        .feature-text p {
            font-size: 13px;
            color: var(--gray-500);
            line-height: 1.5;
        }

        .why-image {
            position: relative;
            border-radius: 16px;
            overflow: hidden;
            height: 380px;
        }

        .why-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(20%) contrast(1.05);
        }

        /* FOOTER */
        .footer {
            background: var(--navy);
            padding: 50px 0 30px;
            position: relative;
        }

        .footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('/assets/narendra-modi-stadium-1600.webp') center / cover no-repeat;
            opacity: 0.1;
            pointer-events: none;
        }

        .footer .container {
            position: relative;
            z-index: 1;
        }

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

        .footer-logo .logo { margin-bottom: 16px; }

        .newsletter-title {
            font-size: 16px;
            font-weight: 700;
            color: #10b981;
            margin-bottom: 8px;
        }

        .newsletter-desc {
            color: var(--gray-400);
            font-size: 14px;
            margin-bottom: 16px;
        }

        .newsletter-form { display: flex; gap: 8px; }

        .newsletter-form input {
            flex: 1;
            padding: 12px 16px;
            border: 1px solid var(--gray-700);
            border-radius: 8px;
            background: var(--gray-800);
            color: #0B1120;
            font-size: 14px;
            outline: none;
            font-family: 'Inter', sans-serif;
            transition: border-color 0.3s;
        }

        .newsletter-form input:focus { border-color: var(--green); }
        .newsletter-form input::placeholder { color: var(--gray-500); }

        .newsletter-form button {
            background: var(--orange);
            color: #0B1120;
            border: none;
            padding: 12px 24px;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            font-size: 14px;
            white-space: nowrap;
            transition: background 0.3s;
            font-family: 'Inter', sans-serif;
        }

        .newsletter-form button:hover { background: #ea580c; }

        .social-title {
            font-size: 14px;
            font-weight: 600;
            color: #10b981;
            margin-bottom: 12px;
        }

        .social-icons { display: flex; gap: 10px; }

        .social-icons a {
            width: 40px;
            height: 40px;
            background: #ffffff;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0B1120;
            text-decoration: none;
            transition: background 0.3s;
        }

        .social-icons a:hover { background: var(--orange); }
        .social-icons a i { width: 18px; height: 18px; }

        .footer-bottom {
            border-top: 1px solid var(--gray-800);
            padding-top: 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .footer-links { display: flex; gap: 28px; }

        .footer-links a {
            color: var(--gray-400);
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }

        .footer-links a:hover { color: #0B1120; }

        .copyright {
            color: var(--gray-500);
            font-size: 13px;
        }

        /* RESPONSIVE */
        @media (max-width: 1024px) {
            .grounds-grid { grid-template-columns: repeat(2, 1fr); }
            .state-grid { grid-template-columns: repeat(3, 1fr); }
            .states-grid-new { grid-template-columns: repeat(3, 1fr); }
            .why-grid { grid-template-columns: 1fr; gap: 40px; }
            .footer-top { grid-template-columns: 1fr 1fr; }
        }

        @media (max-width: 768px) {
            .topbar { display: none; }
            .header { top: 0; }
            .mobile-nav { top: 72px; }
            .mobile-nav-overlay { top: 72px; }
            .nav-links { display: none; }
            .burger-menu { display: flex; }
            .mobile-nav { opacity: 0; visibility: hidden; pointer-events: none; }
            .mobile-nav-overlay { visibility: hidden; pointer-events: none; }
            .hero { height: 781px; }
            .hero-title { font-size: 36px; }
            .search-bar {
                flex-direction: column;
                padding: 16px;
            }
            .search-field {
                border-right: none;
                border-bottom: 1px solid var(--gray-200);
                width: 100%;
            }
            .search-field:last-of-type { border-bottom: none; }
            .search-btn { width: 100%; justify-content: center; }
            .section { padding: 50px 0; }
            .grounds-grid { grid-template-columns: 1fr; }
            .state-grid { grid-template-columns: repeat(2, 1fr); }
            .features-grid { grid-template-columns: 1fr; }
            .states-grid-new { grid-template-columns: repeat(2, 1fr); }
            .state-card-new { min-height: 168px; padding: 16px 12px; }
            .state-map-icon { width: 96px; height: 72px; margin-bottom: 10px; }
            .state-card-status { position: static; margin-bottom: 8px; }
            .map-source-note { text-align: left; }
            .footer-top { grid-template-columns: 1fr; }
            .footer-bottom {
                flex-direction: column;
                gap: 16px;
                text-align: center;
            }
        }
    

        .skip-link { position: fixed; left: 16px; top: -80px; z-index: 1000; padding: 10px 14px; background: #fff; color: #0B1120; border-radius: 6px; font-weight: 700; }
        .skip-link:focus { top: 12px; }
        .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
        .logo-link { text-decoration: none; }
        .logo-text .brand-name { color: #fff; font-size: 18px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.2; }
        .logo-text .brand-name span { color: var(--green); }
        .topbar a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
        .search-icon { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
        .search-field select { border: 0; background: transparent; width: 100%; color: var(--gray-600); font: inherit; outline: none; appearance: none; }
        .filter-tag { text-decoration: none; display: inline-flex; align-items: center; }
        .directory-note { margin-top: 12px; color: rgba(255,255,255,.82); font-size: 12px; }
        .card-status { display: inline-flex; align-items: center; gap: 6px; color: var(--green); font-size: 12px; font-weight: 700; }
        .state-card-new { text-decoration: none; color: inherit; }
        .state-map-icon svg, .state-map-icon i { width: 44px; height: 44px; color: #3b82f6; }
        .footer-cta { display: inline-flex; margin-top: 12px; color: var(--green); font-weight: 700; text-decoration: none; }
        .editorial-links { display: grid; gap: 8px; }
        .editorial-links a { color: var(--gray-300); text-decoration: none; font-size: 13px; }
        .photo-note { margin-top: 16px; color: var(--gray-500); font-size: 12px; }
        .photo-note a { color: inherit; }
        :focus-visible { outline: 3px solid #f97316; outline-offset: 3px; }
        @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }

        .content-main { min-height: 60vh; }
        .content-hero { background: linear-gradient(135deg,#0B1120,#15233b); color:#fff; padding:72px 0 56px; }
        .content-hero .eyebrow { color:#6ee7b7; letter-spacing:.16em; text-transform:uppercase; font-weight:700; font-size:12px; }
        .content-hero h1 { font-family:'Playfair Display',serif; font-size:clamp(36px,6vw,64px); line-height:1.08; margin:12px 0 18px; }
        .content-hero p { max-width:760px; color:#cbd5e1; font-size:18px; }
        .content-section { padding:64px 0; }
        .content-section.alt { background:#f8fafc; }
        .content-section h2 { font-family:'Playfair Display',serif; font-size:34px; color:#0B1120; margin-bottom:16px; }
        .content-section h3 { color:#0B1120; margin:24px 0 8px; }
        .content-section p, .content-section li { color:#475569; }
        .content-section ul, .content-section ol { padding-left:22px; }
        .content-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:26px; }
        .content-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:24px; box-shadow:0 8px 24px rgba(15,23,42,.05); }
        .development-note { background:#fff7ed; border-left:4px solid #f97316; padding:16px 18px; margin:24px 0; color:#7c2d12; }
        .directory-toolbar { display:grid; grid-template-columns:1.2fr 1fr 1fr auto; gap:10px; margin:28px 0; }
        .directory-toolbar input, .directory-toolbar select { min-height:48px; border:1px solid #cbd5e1; border-radius:8px; padding:0 12px; background:#fff; font:inherit; }
        .directory-toolbar button { border:0; border-radius:8px; padding:0 20px; background:#0B1120; color:#fff; font-weight:700; cursor:pointer; }
        .directory-summary { color:#475569; margin-bottom:18px; }
        .directory-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
        .directory-card { border:1px solid #e2e8f0; border-radius:12px; padding:20px; background:#fff; }
        .directory-card h2 { font-family:'Inter',sans-serif; font-size:19px; margin:0 0 6px; }
        .directory-card .location { color:#047857; font-weight:700; font-size:13px; }
        .directory-card .meta { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
        .directory-card .meta span { background:#f1f5f9; border-radius:999px; padding:5px 9px; color:#334155; font-size:12px; }
        .directory-card .status { color:#64748b; font-size:13px; }
        .credits-list { display:grid; gap:18px; margin-top:24px; }
        .credits-list article { border:1px solid #e2e8f0; border-radius:10px; padding:18px; }
        .credits-list a { color:#047857; }
        @media (max-width:900px) { .content-grid,.directory-grid { grid-template-columns:1fr 1fr; } .directory-toolbar { grid-template-columns:1fr 1fr; } }
        @media (max-width:640px) { .content-hero { padding:48px 0 38px; } .content-section { padding:42px 0; } .content-grid,.directory-grid,.directory-toolbar { grid-template-columns:1fr; } .content-hero p { font-size:16px; } }

        /* PITCHVAANI_GENERATED_ENHANCEMENTS_START */

        /* Keep desktop navigation stable after crawlability launch. */
        .header .container { min-width: 0; }
        .header .logo { flex: 0 0 auto; min-width: 0; }
        .header nav { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
        .nav-links { flex-wrap: nowrap; gap: clamp(16px, 2.25vw, 32px); white-space: nowrap; align-items: center; }
        .nav-links > li, .nav-links > li > a, .story-menu-trigger { white-space: nowrap; }
        .search-icon { flex: 0 0 auto; }
        @media (max-width: 768px) {
            .header .container { gap: 8px; padding-left: 16px; padding-right: 16px; }
            .header .logo { flex: 1 1 auto; max-width: calc(100% - 92px); min-width: 0; }
            .header .logo-text { min-width: 0; overflow: hidden; }
            .header .logo-text .brand-name { font-size: 15px; letter-spacing: 1.1px; white-space: nowrap; }
            .header .logo-text p { font-size: 8px; letter-spacing: 1.5px; white-space: nowrap; overflow: hidden; }
            .header .search-icon { flex: 0 0 34px; width: 34px; padding: 6px; position: relative; z-index: 1101; }
            .header .burger-menu { flex: 0 0 40px; position: relative; z-index: 1102; padding: 8px; }
        }
        @media (max-width: 1100px) and (min-width: 901px) {
            .nav-links { gap: 16px; }
            .nav-links a, .story-menu-trigger { font-size: 13px; }
        }

        .skip-link { position: fixed; left: 16px; top: -80px; z-index: 1000; padding: 10px 14px; background: #fff; color: #0B1120; border-radius: 6px; font-weight: 700; }
        .skip-link:focus { top: 12px; }
        .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
        .logo-link { text-decoration: none; }
        .logo-text .brand-name { color: #fff; font-size: 18px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.2; }
        .logo-text .brand-name span { color: var(--green); }
        .topbar a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
        .search-icon { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
        .story-dropdown { position: relative; }
        .story-menu-trigger { border: 0; background: transparent; color: #fff; font: inherit; font-size: 14px; font-weight: 500; padding: 8px 0; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; transition: color .2s; }
        .story-menu-trigger:hover, .story-menu-trigger:focus-visible, .story-dropdown.open .story-menu-trigger { color: var(--green); }
        .story-menu-trigger svg, .mobile-submenu-trigger svg { width: 14px; height: 14px; transition: transform .2s; }
        .story-dropdown.open .story-menu-trigger svg, .story-mobile-dropdown.open .mobile-submenu-trigger svg { transform: rotate(180deg); }
        .story-menu { display:none; position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%); z-index:1000; width:min(690px,calc(100vw - 40px)); padding:26px; background:#0B1120; border:1px solid rgba(255,255,255,.12); border-radius:10px; box-shadow:0 18px 42px rgba(0,0,0,.34); }
        .story-dropdown.open .story-menu { display:flex; gap:20px; }
        .story-menu .dropdown-menu-left { min-width:0; }
        .story-menu-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
        .story-menu-list li:last-child { grid-column:1 / -1; }
        .story-menu-list li a { display:flex; align-items:center; gap:12px; min-height:60px; padding:12px 14px; border:1px solid rgba(255,255,255,.06); border-radius:8px; color:#fff; background:rgba(255,255,255,.045); text-decoration:none; font-size:13px; font-weight:600; }
        .story-menu-list li a:hover, .story-menu-list li a:focus-visible { color:#fff; background:rgba(16,185,129,.14); border-color:rgba(16,185,129,.45); }
        .story-menu-list li a:hover .menu-icon, .story-menu-list li a:focus-visible .menu-icon { background:rgba(16,185,129,.2); }
        .story-menu-card { width:245px; flex:0 0 245px; }
        .discover-dropdown > a { display:inline-flex; align-items:center; gap:5px; }
        .discover-dropdown > a > svg { width:14px; height:14px; transition:transform .2s ease; }
        .discover-dropdown:hover > a > svg, .discover-dropdown:focus-within > a > svg { transform:rotate(180deg); }
        .discover-dropdown:hover .dropdown-menu, .discover-dropdown:focus-within .dropdown-menu { display:grid; }
        .discover-mega-menu { width:min(760px,calc(100vw - 40px)); grid-template-columns:minmax(0,1.08fr) minmax(230px,.92fr); gap:18px; padding:18px; background:#071a2d; border:1px solid rgba(255,255,255,.12); border-radius:14px; box-shadow:0 22px 48px rgba(2,12,27,.42); left:50%; transform:translateX(-50%); }
        .discover-menu-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-content:start; }
        .discover-menu-item { display:flex; align-items:flex-start; gap:11px; min-height:86px; padding:13px; color:#fff; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); border-radius:10px; text-decoration:none; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
        .discover-menu-item:hover, .discover-menu-item:focus-visible { color:#fff; background:rgba(16,185,129,.16); border-color:rgba(16,185,129,.55); transform:translateY(-2px); }
        .discover-menu-item .menu-icon { width:34px; height:34px; flex:0 0 34px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; color:#a7f3d0; background:rgba(255,255,255,.08); }
        .discover-menu-item .menu-icon svg { width:17px; height:17px; }
        .discover-menu-item strong { display:block; font-size:13px; line-height:1.2; font-weight:750; white-space:normal; }
        .discover-menu-item small { display:block; margin-top:7px; color:rgba(255,255,255,.58); font-size:11px; line-height:1.35; white-space:normal; }
        .discover-promo-card { width:auto; min-height:100%; padding:22px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(145deg,#0b3550 0%,#0b2445 56%,#074b47 100%); white-space:normal; }
        .discover-promo-card h3, .discover-promo-card p, .discover-promo-card span { white-space:normal; }
        .discover-promo-card h3 { margin:18px 0 12px; color:#fff; font-size:21px; line-height:1.1; text-transform:uppercase; }
        .discover-promo-card p { margin:0 0 20px; color:#d6e2ed; font-size:13px; line-height:1.55; }
        .discover-promo-features { display:flex; flex-direction:column; gap:9px; }
        .discover-promo-features span { display:flex; align-items:center; gap:9px; min-height:42px; padding:10px 12px; color:#fff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:9px; font-size:12px; font-weight:700; }
        .discover-promo-features svg { width:15px; height:15px; color:#dbeafe; }
        .discover-promo-card .dropdown-card-btn { margin-top:20px; }
        .dropdown-menu-list .menu-icon, .discover-mobile-submenu .menu-icon { flex:0 0 auto; }
        .dropdown-menu-list .menu-icon svg { width:18px; height:18px; }
        .menu-sub-list { list-style: none; padding: 5px 0 0 42px; margin: 0; display: flex; flex-direction: column; gap: 4px; }
        .menu-sub-list li a { display: block; padding: 4px 0; color: rgba(255,255,255,0.6); font-size: 12px; text-decoration: none; transition: color 0.2s; }
        .menu-sub-list li a:hover { color: var(--green); }
        .multi-group-menu { width: 720px !important; padding: 30px !important; left: 50% !important; transform: translateX(-50%) !important; }
        .menu-groups-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
        .menu-group { display: flex; flex-direction: column; gap: 15px; }
        .menu-group-header { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.1); }
        .menu-group-header:hover { color: var(--green); }
        .menu-group-header .menu-icon { width: 24px; height: 24px; color: var(--green); display: flex; align-items: center; justify-content: center; }
        .menu-group-header .menu-icon svg { width: 16px; height: 16px; }
        .menu-sub-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
        .menu-sub-list li a { display: block; padding: 4px 0; color: rgba(255,255,255,0.5); font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s; }
        .menu-sub-list li a:hover { color: var(--green); padding-left: 5px; }
        
        .mobile-menu-group { margin-bottom: 20px; }
        .mobile-group-label { display: block; color: var(--green); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 10px; padding-left: 12px; }
        .mobile-group-items { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 5px; }
        .mobile-group-items a { display: block; padding: 12px 16px; color: #fff; background: rgba(255,255,255,0.05); border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 600; }
        .mobile-group-items a:hover { background: rgba(16, 185, 129, 0.15); color: var(--green); }
        .discover-mobile-submenu { padding:8px 0 2px; margin-top:4px; }
        .discover-mobile-submenu li + li { margin-top:8px; }
        .discover-mobile-submenu a { display:flex; align-items:center; gap:12px; min-height:52px; padding:8px 12px; color:#fff; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.07); border-radius:9px; text-decoration:none; font-size:14px; font-weight:600; }
        .discover-mobile-submenu a:hover, .discover-mobile-submenu a:focus-visible { color:#fff; background:rgba(16,185,129,.14); border-color:rgba(16,185,129,.45); }
        .discover-mobile-submenu .menu-icon { width:36px; height:36px; }
        .discover-mobile-submenu .menu-icon svg { width:18px; height:18px; }
        .mobile-discover-promo { margin-top:12px; list-style:none; }
        .mobile-discover-promo .discover-promo-card { width:auto; padding:18px; }
        .mobile-discover-promo .discover-promo-card h3 { margin:14px 0 10px; font-size:20px; }
        .mobile-discover-promo .discover-promo-card p { margin-bottom:14px; font-size:13px; }
        .mobile-discover-promo .discover-promo-features { gap:8px; }
        .mobile-discover-promo .discover-promo-features span { min-height:40px; }
        .search-btn { background: var(--orange); color: #0B1120; transition: background-color .2s ease, color .2s ease, box-shadow .2s ease; }
        .search-btn:hover, .search-btn:focus-visible { background: #fff; color: var(--orange); box-shadow: inset 0 0 0 2px var(--orange); transform: none; }
        .search-btn:focus-visible { outline: 3px solid rgba(249,115,22,.38); outline-offset: 2px; }
        .faq-tabs { max-width: 760px; margin: 28px auto 34px; padding: 6px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; border: 1px solid #dbe3ee; border-radius: 12px; background: #fff; box-shadow: 0 10px 28px rgba(15,23,42,.06); }
        .faq-tab { min-height: 50px; border: 0; border-radius: 8px; background: transparent; color: #0B1120; font: inherit; font-weight: 750; cursor: pointer; transition: background-color .2s ease,color .2s ease,box-shadow .2s ease; }
        .faq-tab:hover { background: #f1f5f9; }
        .faq-tab[aria-selected="true"] { background: var(--green); color: #06291f; box-shadow: 0 6px 18px rgba(16,185,129,.24); }
        .faq-tab:focus-visible { outline: 3px solid rgba(249,115,22,.42); outline-offset: 2px; }
        .faq-panels { max-width: 980px; margin: 0 auto; }
        .faq-panel[hidden] { display: none; }
        .faq-panel-header { margin-bottom: 18px; text-align: center; color: #0B1120; font-family: 'Playfair Display',serif; font-size: clamp(24px,3vw,32px); }
        .faq-panel-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
        .faq-panel .faq-item { height: 100%; margin: 0; padding: 22px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.05); }
        .faq-panel .faq-question { margin: 0 0 10px; color: #0B1120; font-size: 16px; line-height: 1.4; }
        .faq-panel .faq-answer { margin: 0; color: #475569; font-size: 14px; line-height: 1.7; }
        #featured-grounds, #ground-stories, #did-you-know, #india-wide-coverage, #ground-intelligence, #compare-grounds { scroll-margin-top: 112px; }
        .mobile-submenu-trigger { width: 100%; border: 0; background: transparent; color: #fff; font: inherit; font-size: 16px; padding: 12px 0; display: flex; align-items: center; justify-content: space-between; cursor: pointer; text-align: left; }
        .search-field select { border: 0; background: transparent; width: 100%; color: var(--gray-600); font: inherit; outline: none; appearance: none; }
        .filter-tag { text-decoration: none; display: inline-flex; align-items: center; transition: background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.23,1,.32,1); }
        .filter-tag:hover, .filter-tag:focus-visible { background: #fff; color: #047857; border-color: #10b981; box-shadow: 0 8px 20px rgba(3,105,78,.28); transform: translateY(-2px); }
        .filter-tag:focus-visible { outline: 3px solid #f97316; outline-offset: 3px; }
        .filter-tag:active { transform: translateY(0) scale(.97); box-shadow: 0 3px 10px rgba(3,105,78,.2); }
        .directory-note { margin-top: 12px; color: rgba(255,255,255,.82); font-size: 12px; }
        .card-status { display: inline-flex; align-items: center; gap: 6px; color: var(--green); font-size: 12px; font-weight: 700; }
        .state-card-new { text-decoration: none; color: inherit; }
        .state-map-icon svg, .state-map-icon i { width: 44px; height: 44px; color: #3b82f6; }
        .counter-number { min-width: 4ch; font-variant-numeric: tabular-nums; }
        .ground-info-strip { position: relative; overflow: hidden; padding: 18px 0 32px; border-bottom: 1px solid #e2e8f0; background: linear-gradient(90deg,rgba(219,242,246,.76) 0%,rgba(239,250,247,.94) 48%,rgba(226,246,239,.84) 100%); }
        .ground-info-strip::before { content: ""; position: absolute; inset: 0; opacity: .34; pointer-events: none; background-image: linear-gradient(30deg,rgba(16,185,129,.09) 12%,transparent 12.5%,transparent 87%,rgba(16,185,129,.09) 87.5%,rgba(16,185,129,.09)),linear-gradient(150deg,rgba(16,185,129,.07) 12%,transparent 12.5%,transparent 87%,rgba(16,185,129,.07) 87.5%,rgba(16,185,129,.07)); background-size: 72px 42px; }
        .ground-info-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
        .ground-info-card { min-width: 0; min-height: 84px; display: grid; grid-template-columns: 46px minmax(0,1fr); align-items: center; gap: 12px; padding: 16px; border: 1px solid rgba(203,213,225,.72); border-radius: 12px; background: rgba(255,255,255,.96); box-shadow: 0 10px 24px rgba(15,23,42,.08); }
        .ground-info-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 10px; background: #0B1120; color: var(--green); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
        .ground-info-icon svg { width: 21px; height: 21px; stroke-width: 2.2; }
        .ground-info-copy { min-width: 0; }
        .ground-info-card h3 { margin: 0 0 5px; color: #0B1120; font-family: 'Inter',sans-serif; font-size: 13px; font-weight: 800; line-height: 1.3; letter-spacing: .025em; text-transform: uppercase; }
        .ground-info-card p { margin: 0; color: #64748b; font-size: 12px; line-height: 1.45; }
        .browse-categories-section { padding: 80px 0; background: #0B1120; border-bottom: 1px solid rgba(255,255,255,0.05); }
        .browse-categories-layout { display: grid; grid-template-columns: 1fr 380px; gap: 30px; margin-top: 30px; }
        .categories-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
        .category-card { display: flex; align-items: center; gap: 16px; padding: 24px; background: #1a2a44; border-radius: 12px; text-decoration: none; transition: all 0.2s ease; border: 1px solid rgba(255,255,255,0.05); }
        .category-card:hover { background: #233554; border-color: var(--green); transform: translateY(-2px); }
        .category-icon { width: 44px; height: 44px; background: rgba(16,185,129,0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--green); flex-shrink: 0; }
        .category-icon svg { width: 20px; height: 20px; }
        .category-text h3 { margin: 0; color: #fff; font-size: 16px; font-weight: 600; }

        .directory-featured-card { background: var(--green); padding: 40px; border-radius: 20px; display: flex; flex-direction: column; color: #06291f; }
        .directory-card-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.2); padding: 6px 14px; border-radius: 20px; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; width: fit-content; margin-bottom: 24px; }
        .directory-featured-card h3 { font-size: 28px; font-weight: 800; margin: 0 0 32px; line-height: 1.2; font-family: 'Playfair Display', serif; }
        .directory-card-features { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }
        .feature-line { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; }
        .feature-line i { width: 18px; height: 18px; }
        .directory-card-btn { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 10px; background: #0B1120; color: #fff; padding: 16px; border-radius: 12px; font-weight: 700; text-decoration: none; transition: transform 0.2s ease; }
        .directory-card-btn:hover { transform: scale(1.02); }

        /* PREMIUM BY STATE PAGE */
        .premium-hero { background: #0B1120; color: #fff; padding: 100px 0 80px; border-bottom: 1px solid rgba(255,255,255,0.05); }
        .hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; }
        .hero-eyebrow { font-size: 11px; font-weight: 800; color: var(--green); letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 20px; display: block; }
        .hero-content h1 { font-family: 'Playfair Display', serif; font-size: clamp(36px, 6vw, 64px); line-height: 1.1; margin: 0 0 24px; }
        .hero-content h1 span { color: var(--green); }
        .hero-content p { font-size: 19px; color: #94a3b8; line-height: 1.6; margin-bottom: 40px; max-width: 540px; }
        .hero-search-inline { display: flex; align-items: center; gap: 15px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 12px 24px; border-radius: 50px; max-width: 480px; transition: border-color 0.2s; }
        .hero-search-inline:focus-within { border-color: var(--green); }
        .hero-search-inline input { background: none; border: none; color: #fff; font-size: 16px; outline: none; width: 100%; }
        .hero-search-inline svg { color: var(--green); width: 20px; }
        .floating-map { width: 100%; max-width: 440px; filter: drop-shadow(0 0 40px rgba(16,185,129,0.15)); animation: float 6s ease-in-out infinite; }
        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }

        .directory-landing-hero { padding: 80px 0 40px; background: linear-gradient(180deg, #f8fafc 0%, #fff 100%); }
        .breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #94a3b8; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05em; }
        .breadcrumb a { color: var(--green); text-decoration: none; }
        .breadcrumb svg { width: 14px; color: #cbd5e1; }
        
        .directory-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(16, 185, 129, 0.08); color: var(--green); padding: 8px 16px; border-radius: 50px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; }
        .directory-badge svg { width: 14px; }
        
        .hero-main h1 { font-family: 'Playfair Display', serif; font-size: 48px; color: #0B1120; margin-bottom: 16px; line-height: 1.1; }
        .hero-main h1 span { color: var(--green); }
        .hero-intro { font-size: 18px; color: #64748b; max-width: 700px; margin-bottom: 40px; line-height: 1.5; }
        
        .filter-panel { background: #fff; border: 1px solid #eef2f6; border-radius: 32px; padding: 10px 10px 10px 30px; display: flex; align-items: center; gap: 20px; box-shadow: 0 20px 50px rgba(15,23,42,0.06); margin-bottom: 24px; }
        .search-box { flex: 1; display: flex; align-items: center; gap: 15px; }
        .search-box svg { color: var(--green); width: 20px; }
        .search-box input { border: none; font-size: 16px; font-weight: 500; color: #0B1120; width: 100%; outline: none; }
        .search-box input::placeholder { color: #94a3b8; }
        
        .stat-pill-group { display: flex; gap: 10px; }
        .stat-pill { background: rgba(16, 185, 129, 0.05); color: var(--green); padding: 12px 24px; border-radius: 24px; font-size: 12px; font-weight: 800; letter-spacing: 0.05em; white-space: nowrap; border: 1px solid rgba(16, 185, 129, 0.1); }
        .stat-pill.accent { background: rgba(249, 115, 22, 0.05); color: var(--orange); border-color: rgba(249, 115, 22, 0.1); }
        
        .filter-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; align-items: flex-end; }
        @media (max-width: 640px) { .filter-controls { grid-template-columns: 1fr; } }
        .filter-group label { display: block; font-size: 10px; font-weight: 800; color: #94a3b8; letter-spacing: 0.1em; margin-bottom: 12px; }
        .select-wrapper { position: relative; }
        .select-wrapper select { width: 100%; appearance: none; background: #fff; border: 1px solid #eef2f6; border-radius: 16px; padding: 14px 20px; font-size: 14px; font-weight: 600; color: #0B1120; outline: none; cursor: pointer; transition: all 0.3s; }
        .select-wrapper select:hover { border-color: var(--green); }
        .select-wrapper svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 16px; color: #94a3b8; pointer-events: none; }
        .reset-btn { background: #f8fafc; border: 1px solid #eef2f6; border-radius: 16px; padding: 14px 24px; font-size: 12px; font-weight: 700; color: #64748b; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 8px; }
        .reset-btn:hover { background: #fff; border-color: var(--orange); color: var(--orange); }
        .reset-btn svg { width: 14px; }

        .editorial-directory { padding: 60px 0; background: #fff; }
        .directory-header { margin-bottom: 40px; }
        .directory-header h2 { font-family: 'Playfair Display', serif; font-size: 32px; margin-bottom: 12px; color: #0B1120; }
        .directory-header h2 span { color: var(--green); }
        .directory-header p { color: #64748b; font-size: 16px; }
        
        .editorial-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; }
        @media (max-width: 640px) { .editorial-grid { grid-template-columns: 1fr; gap: 20px; } }
        .destination-state-card { background: #fff; border-radius: 28px; overflow: hidden; text-decoration: none; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 10px 30px rgba(15,23,42,0.04); border: 1px solid #eef2f6; display: flex; flex-direction: column; position: relative; }
        .destination-state-card:hover { transform: translateY(-12px); box-shadow: 0 30px 60px rgba(15,23,42,0.12); border-color: var(--green); }
        
        .card-image-wrapper { width: 100%; aspect-ratio: 1.1/1; overflow: hidden; padding: 12px; position: relative; }
        .card-image-wrapper img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; transition: transform 0.6s ease; display: block; }
        .destination-state-card:hover .card-image-wrapper img { transform: scale(1.08); }
        
        .card-content { padding: 0 24px 28px; text-align: center; }
        .state-title { font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 800; color: #0B1120; margin-bottom: 6px; transition: color 0.3s; }
        .destination-state-card:hover .state-title { color: var(--green); }
        .state-meta { font-size: 12px; color: #94a3b8; font-weight: 700; margin-bottom: 24px; letter-spacing: 0.05em; text-transform: uppercase; }
        .more-link { font-size: 10px; font-weight: 800; color: #0B1120; letter-spacing: 0.15em; border-top: 1px solid #f1f5f9; display: flex; align-items: center; justify-content: center; gap: 8px; padding-top: 20px; transition: all 0.3s; }
        .more-link svg { width: 14px; height: 14px; transition: transform 0.3s; }
        .destination-state-card:hover .more-link { color: var(--orange); border-top-color: rgba(249,115,22,0.2); }
        .destination-state-card:hover .more-link svg { transform: translateX(5px); }
        
        .load-more-wrapper { margin-top: 60px; text-align: center; }
        .load-more-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--green); color: #fff; border: none; padding: 18px 40px; border-radius: 50px; font-size: 12px; font-weight: 800; letter-spacing: 0.15em; cursor: pointer; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 15px 35px rgba(16,185,129,0.25); }
        .load-more-btn:hover { background: #059669; transform: translateY(-3px); box-shadow: 0 20px 45px rgba(16,185,129,0.35); }
        .load-more-btn:active { transform: translateY(0); }
        .load-more-btn svg { width: 18px; height: 18px; }

        /* POPULAR HIGHLIGHTS */
        .popular-highlights-section { padding: 100px 0; background: linear-gradient(180deg, #fff 0%, #f1f5f9 100%); border-top: 1px solid #eef2f6; }
        .highlights-header { text-align: center; margin-bottom: 60px; }
        .highlights-header .eyebrow { display: block; font-size: 12px; font-weight: 900; color: var(--orange); letter-spacing: 0.2em; margin-bottom: 16px; text-transform: uppercase; }
        .highlights-header h3 { font-family: 'Playfair Display', serif; font-size: clamp(32px, 4vw, 48px); color: #0B1120; margin-bottom: 20px; line-height: 1.1; }
        .highlights-header h3 span { color: var(--green); }
        .highlights-header p { color: #64748b; font-size: 18px; max-width: 600px; margin: 0 auto; line-height: 1.6; }
        
        .highlights-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; }
        .highlight-card { background: #fff; border: 1px solid #eef2f6; border-radius: 24px; padding: 40px; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 10px 30px rgba(15,23,42,0.04); position: relative; overflow: hidden; }
        .highlight-card::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--green); opacity: 0; transition: opacity 0.3s; }
        .highlight-card:hover { border-color: transparent; transform: translateY(-10px); box-shadow: 0 30px 60px rgba(16,185,129,0.12); }
        .highlight-card:hover::before { opacity: 1; }
        .highlight-state { font-size: 11px; font-weight: 900; color: var(--green); text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 24px; display: flex; align-items: center; gap: 10px; }
        .highlight-state::after { content: ""; flex: 1; height: 1px; background: #f1f5f9; }
        .highlight-links { display: flex; flex-direction: column; gap: 16px; }
        .highlight-link { display: flex; align-items: center; justify-content: space-between; text-decoration: none; color: #0B1120; font-weight: 800; font-size: 16px; transition: all 0.2s; padding: 12px 16px; background: #f8fafc; border-radius: 12px; border: 1px solid transparent; }
        .highlight-link:hover { color: #fff; background: var(--green); border-color: var(--green); transform: translateX(5px); }
        .highlight-link i { width: 18px; height: 18px; color: var(--green); transition: all 0.2s; }
        .highlight-link:hover i { color: #fff; transform: translate(3px, -3px); }

        .popular-links-section { padding: 80px 0; background: #f8fafc; }
        .popular-box { background: #fff; border: 1px solid #e2e8f0; border-radius: 24px; padding: 60px; }
        .popular-box h3 { font-family: 'Playfair Display', serif; font-size: 28px; margin-bottom: 40px; }
        .popular-box h3 span { color: var(--green); }
        .popular-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
        .popular-group { display: flex; flex-direction: column; gap: 15px; }
        .popular-state { font-size: 12px; font-weight: 800; color: #94a3b8; letter-spacing: 0.1em; text-transform: uppercase; }
        .popular-links { display: flex; flex-wrap: wrap; gap: 10px; }
        .popular-links a { font-size: 15px; color: #475569; text-decoration: none; padding: 8px 18px; border: 1px solid #e2e8f0; border-radius: 50px; transition: all 0.2s; }
        .popular-links a:hover { color: var(--green); border-color: var(--green); background: rgba(16, 185, 129, 0.02); }

        .directory-faq { padding: 100px 0; background: #fff; }
        .faq-layout { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; }
        .faq-header h3 { font-family: 'Playfair Display', serif; font-size: 32px; margin-bottom: 16px; }
        .faq-header h3 span { color: var(--green); }
        .faq-header p { color: #64748b; font-size: 17px; }
        .faq-grid { display: grid; gap: 30px; }
        .faq-item h4 { font-size: 18px; font-weight: 700; color: #0B1120; margin-bottom: 12px; }
        .faq-item p { color: #475569; line-height: 1.6; font-size: 16px; }

        @media (max-width: 1024px) {
          .discover-mega-menu { width:min(680px,calc(100vw - 28px)); }
          .hero-grid, .faq-layout { grid-template-columns: 1fr; gap: 40px; text-align: center; }
          .hero-content p { margin: 0 auto 40px; }
          .hero-search-inline { margin: 0 auto; }
          .floating-map { margin: 0 auto; }
          .popular-grid { grid-template-columns: 1fr; }
          .directory-landing-hero { padding: 40px 0; text-align: center; }
          .hero-main h1 { font-size: 32px; }
          .filter-panel { padding: 10px 20px; flex-direction: column; border-radius: 20px; }
          .stat-pill-group { width: 100%; justify-content: center; }
        }

        @media (max-width: 1024px) {
          .browse-categories-layout { grid-template-columns: 1fr; }
          .directory-featured-card { padding: 30px; }
        }
        @media (max-width: 900px) {
          .discover-mega-menu { width:min(560px,calc(100vw - 28px)); grid-template-columns:1fr; }
          .discover-promo-card { min-height:0; }
        }
        @media (max-width: 640px) {
          .categories-grid { grid-template-columns: 1fr; }
          .discover-menu-links { grid-template-columns:1fr; }
          .discover-menu-item { min-height:64px; }
        }
        .state-card-new.is-research { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.05); }
        .map-source-note { margin: 18px 0 0; text-align: right; color: #94a3b8; font-size: 11px; }
        .map-source-note a { color: #a7f3d0; text-underline-offset: 2px; }
        .footer { overflow:hidden; padding:56px 0 26px; }
        .footer .container,.footer-top > * { min-width:0; }
        .footer-top { grid-template-columns:minmax(230px,.82fr) minmax(320px,1.5fr) minmax(220px,.72fr); align-items:start; gap:clamp(28px,4vw,64px); margin-bottom:36px; }
        .footer-logo .logo { display:inline-flex; align-items:center; max-width:100%; margin-bottom:0; }
        .footer-logo .logo-img { flex:0 0 auto; }
        .footer-logo .logo-text { min-width:0; }

        /* CONTACT PAGE ENHANCEMENTS */
        .contact-hero-section { position: relative; min-height: 400px; padding: 100px 0; background: #0B1120 url('/assets/about/about-cricket-grounds-poster-1280.webp') center/cover no-repeat; color: #fff; text-align: center; display: flex; align-items: center; }
        .contact-hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,17,32,0.4) 0%, rgba(11,17,32,0.9) 100%); }
        .contact-hero-content { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }
        .contact-hero-content h1 { font-family: 'Playfair Display', serif; font-size: clamp(36px, 6vw, 64px); margin-bottom: 20px; }
        .contact-hero-content .lead { font-size: 20px; line-height: 1.6; color: #cbd5e1; }

        .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; margin-top: 40px; }
        @media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; gap: 40px; } }
        .contact-info h2 { font-family: 'Playfair Display', serif; font-size: 32px; margin-bottom: 24px; color: #0B1120; }
        .contact-info p { font-size: 18px; color: #475569; margin-bottom: 32px; }
        .contact-guidelines { background: #f8fafc; padding: 24px; border-radius: 12px; border-left: 4px solid var(--green); }
        .contact-guidelines h3 { font-size: 18px; font-weight: 700; margin-bottom: 16px; color: #0B1120; }
        .contact-guidelines ul { list-style: none; padding: 0; }
        .contact-guidelines li { position: relative; padding-left: 24px; margin-bottom: 12px; font-size: 15px; color: #475569; }
        .contact-guidelines li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 700; }

        .contact-form-card { background: #fff; padding: 40px; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; }
        .form-group { margin-bottom: 24px; }
        .form-group label { display: block; font-size: 14px; font-weight: 600; color: #0B1120; margin-bottom: 8px; }
        .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 12px 16px; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; font-size: 15px; transition: border-color 0.2s, box-shadow 0.2s; }
        .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--green); box-shadow: 0 0 0 4px rgba(16,185,129,0.1); }
        .submit-btn { width: 100%; padding: 14px; background: var(--green); color: #fff; border: 0; border-radius: 8px; font-size: 16px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; transition: background 0.2s, transform 0.2s; }
        .submit-btn:hover { background: #059669; transform: translateY(-2px); }
        .submit-btn:active { transform: translateY(0); }

        /* CATEGORY PAGE STYLES */
        .lead-text { font-size: 1.2rem; color: #475569; max-width: 900px; margin-bottom: 40px; line-height: 1.6; }
        .category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px; margin-bottom: 60px; }
        .venue-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; }
        .venue-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.08); border-color: var(--green); }
        .venue-image-wrapper { width: 100%; aspect-ratio: 16/9; overflow: hidden; background: #f1f5f9; }
        .venue-image-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
        .venue-card:hover .venue-image-wrapper img { transform: scale(1.05); }
        .venue-card-header { padding: 24px 30px 18px; border-bottom: 1px solid #f1f5f9; background: #f8fafc; }
        .venue-badge { display: inline-block; padding: 4px 12px; background: var(--green); color: #fff; font-size: 11px; font-weight: 800; border-radius: 20px; letter-spacing: 0.05em; margin-bottom: 12px; }
        .venue-card h2 { margin: 0 0 5px; font-size: 24px; color: #0B1120; font-family: 'Playfair Display', serif; }
        .venue-card .location { margin: 0; font-size: 14px; color: #64748b; font-weight: 600; }
        .venue-card-content { padding: 30px; flex-grow: 1; }
        .venue-card-content p { margin: 0 0 20px; font-size: 15px; line-height: 1.7; color: #475569; }
        /* DIRECTORY LAYOUT STYLES */
        .directory-layout { display: grid; grid-template-columns: 1fr 350px; gap: 40px; margin-bottom: 60px; }
        .venue-ranking-list { display: flex; flex-direction: column; gap: 25px; }
        .venue-rank-card { background: #fff; border: 1px solid #eef2f6; border-radius: 20px; overflow: hidden; display: flex; position: relative; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }
        .venue-rank-card:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.06); border-color: var(--green); }
        .rank-badge { position: absolute; top: 15px; left: 15px; background: #fff; color: #f59e0b; font-weight: 800; font-size: 12px; padding: 4px 10px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; }
        .venue-rank-image { width: 320px; min-width: 320px; height: auto; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f8fafc; position: relative; }
        .venue-rank-image img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/5; }
        .image-placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f1f5f9; color: #94a3b8; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; gap: 10px; }
        .image-placeholder i { width: 32px; height: 32px; opacity: 0.5; }
        .venue-rank-info { padding: 25px 30px; flex-grow: 1; display: flex; flex-direction: column; }
        .venue-type-tag { font-size: 10px; font-weight: 800; color: var(--green); background: rgba(16, 185, 129, 0.08); padding: 4px 12px; border-radius: 20px; width: fit-content; margin-bottom: 15px; display: flex; align-items: center; gap: 6px; }
        .venue-rank-info h2 { margin: 0 0 8px; font-size: 24px; color: #0B1120; font-family: 'Playfair Display', serif; }
        .location-line { font-size: 13px; color: #64748b; margin-bottom: 15px; display: flex; align-items: center; gap: 6px; }
        .description-snippet { font-size: 14px; color: #475569; line-height: 1.6; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .venue-identity-row { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
        .identity-chip { font-size: 10px; font-weight: 800; letter-spacing: 0.05em; padding: 4px 10px; border-radius: 4px; background: #f1f5f9; color: #64748b; text-transform: uppercase; }
        .identity-chip.primary { background: rgba(16, 185, 129, 0.1); color: var(--green); }
        
        .mini-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 24px; border-bottom: 1px solid #f1f5f9; padding-bottom: 20px; }
        .stat-item { display: flex; flex-direction: column; gap: 4px; }
        .stat-label { font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.02em; }
        .stat-value { font-size: 15px; font-weight: 600; color: #0B1120; }
        
        .detail-section { margin-bottom: 20px; }
        .detail-header { font-size: 11px; font-weight: 800; color: #0B1120; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
        .detail-header::after { content: ""; flex: 1; height: 1px; background: #f1f5f9; }
        
        .detail-row { display: flex; gap: 12px; margin-bottom: 16px; align-items: baseline; }
        .detail-label { font-size: 13px; font-weight: 600; color: #64748b; min-width: 60px; }
        .detail-content { font-size: 14px; color: #475569; line-height: 1.5; }
        
        .transit-row { display: flex; gap: 24px; margin-bottom: 24px; }
        .transit-item { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #0B1120; background: #f8fafc; padding: 8px 16px; border-radius: 8px; border: 1px solid #f1f5f9; }
        .transit-item i { width: 16px; height: 16px; color: var(--green); }
        .venue-actions { margin-top: auto; }
        .btn-outline { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border: 1px solid #e2e8f0; border-radius: 10px; color: var(--green); font-size: 13px; font-weight: 700; text-decoration: none; transition: all 0.2s ease; }
        .btn-outline:hover { background: rgba(16, 185, 129, 0.05); border-color: var(--green); }

        /* SIDEBAR STYLES */
        .directory-sidebar { display: flex; flex-direction: column; gap: 25px; }
        .sidebar-card { background: #fff; border: 1px solid #eef2f6; border-radius: 20px; padding: 30px; }
        .sidebar-header { display: flex; gap: 15px; margin-bottom: 25px; }
        .icon-box { width: 45px; height: 45px; background: rgba(16, 185, 129, 0.08); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--green); }
        .icon-box i { width: 22px; height: 22px; }
        .sidebar-card h3 { margin: 0; font-size: 18px; color: #0B1120; font-family: 'Playfair Display', serif; }
        .type-list { list-style: none; padding: 0; margin: 0; }
        .type-list li { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #f1f5f9; font-size: 15px; color: #475569; font-weight: 500; }
        .type-list li:last-child { border-bottom: none; }
        .type-list li:hover { color: var(--green); cursor: pointer; }
        .count { background: #f8fafc; padding: 2px 10px; border-radius: 8px; font-size: 12px; font-weight: 700; color: #0B1120; border: 1px solid #e2e8f0; }
        .sidebar-note { margin-top: 15px; font-size: 12px; color: #94a3b8; font-style: italic; }

        .list-cta { background: #0B1120; color: #fff; border: none; }
        .icon-box-large { width: 50px; height: 50px; background: var(--green); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; margin-bottom: 20px; }
        .list-cta h3 { color: #fff; font-size: 22px; margin-bottom: 12px; }
        .list-cta p { font-size: 14px; color: #94a3b8; line-height: 1.5; margin-bottom: 25px; }
        .btn-solid { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--green); color: #fff; border-radius: 10px; font-size: 14px; font-weight: 700; text-decoration: none; transition: transform 0.2s ease; }
        .btn-solid:hover { transform: scale(1.02); }

        @media (max-width: 1024px) {
          .directory-layout { grid-template-columns: 1fr; }
          .venue-rank-image { width: 220px; min-width: 220px; }
        }
        @media (max-width: 640px) {
          .venue-rank-card { flex-direction: column; }
          .venue-rank-image { width: 100%; aspect-ratio: 16/9; }
          .venue-rank-info { padding: 20px; }
          .venue-rank-info h2 { font-size: 20px; }
        }

        /* ABOUT PAGE ENHANCEMENTS */
        .about-hero-section { padding: 60px 0 40px; background: linear-gradient(135deg, #0B1120, #1a2a44); color: #fff; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); }
        @media (max-width: 768px) { .about-hero-section { padding: 40px 0 30px; } }
        .about-hero-section h1 { font-family: 'Playfair Display', serif; font-size: clamp(32px, 5vw, 56px); margin-bottom: 16px; }
        .about-hero-section .tagline { font-size: 20px; color: var(--green); font-weight: 600; margin-bottom: 24px; letter-spacing: 0.05em; }
        .about-hero-section p { max-width: 800px; margin: 0 auto; font-size: 18px; line-height: 1.6; color: #cbd5e1; }

        .research-cycle-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin-top: 48px; }
        .cycle-card { padding: 40px 32px; border-radius: 16px; position: relative; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); cursor: pointer; border: 1px solid rgba(15, 118, 110, 0.1); }
        
        /* Alternating Styles */
        .cycle-card:nth-child(odd) { background: var(--green); color: #06291f; box-shadow: 0 10px 30px rgba(16, 185, 129, 0.1); }
        .cycle-card:nth-child(odd) h3 { color: #06291f; }
        .cycle-card:nth-child(odd) p { color: rgba(6, 41, 31, 0.8); }
        .cycle-card:nth-child(odd) .cycle-number { background: #0B1120; color: var(--green); box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
        
        .cycle-card:nth-child(even) { background: #fff; color: #0B1120; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05); }
        .cycle-card:nth-child(even) .cycle-number { background: var(--green); color: #06291f; box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3); }

        /* Hover & Focus Effects for All */
        .cycle-card:hover, .cycle-card:focus { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(15, 118, 110, 0.15); border-color: var(--green); outline: none; }
        .cycle-card:focus-visible { outline: 3px solid #f97316; outline-offset: 4px; box-shadow: 0 0 0 6px rgba(249, 115, 22, 0.18), 0 20px 40px rgba(15, 118, 110, 0.15); }
        .cycle-card:nth-child(odd):hover { background: #059669; }
        .cycle-card:nth-child(odd):hover h3, .cycle-card:nth-child(odd):hover p { color: #fff; }
        .cycle-card:nth-child(odd):hover .cycle-number { background: #fff; color: #059669; }
        
        .cycle-card::after { content: ""; position: absolute; inset: 0; border-radius: 16px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; }
        .cycle-card:hover::after { opacity: 1; }
        
        .cycle-card .cycle-number { position: absolute; top: -16px; left: 32px; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 15px; transition: transform 0.4s ease, background-color 0.4s ease, color 0.4s ease; }
        .cycle-card:hover .cycle-number { transform: scale(1.15) rotate(5deg); }
        
        .cycle-card h3 { font-size: 18px; margin: 0 0 12px; color: inherit; line-height: 1.4; font-weight: 700; }
        .cycle-card p { font-size: 15px; color: inherit; margin: 0; line-height: 1.6; }

        .scorecard-container { margin-top: 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
        .scorecard-visual { position: sticky; top: 120px; }
        .scorecard-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
        .scorecard-card { padding: 24px; border: 1px solid #dbe3ee; border-radius: 12px; background: #f8fafc; border-left: 4px solid var(--green); }
        .scorecard-card h3 { font-size: 17px; margin-bottom: 8px; color: #0B1120; font-weight: 700; text-transform: uppercase; letter-spacing: 0.025em; }
        .scorecard-card p { font-size: 15px; color: #475569; margin: 0; line-height: 1.6; }

        .disclaimer-section { margin-top: 40px; padding: 32px 40px; background: #fff; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); }
        @media (max-width: 640px) { .disclaimer-section { padding: 24px 20px; } }
        .disclaimer-section h2 { font-family: 'Playfair Display', serif; font-size: 26px; margin: 0 0 12px; color: #0B1120; font-weight: 800; letter-spacing: -0.01em; }
        .disclaimer-section p { font-size: 15px; color: #475569; line-height: 1.6; margin: 0; }

        .about-cta-container { margin-top: 56px; display: flex; justify-content: center; }
        .about-cta-btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; background: var(--green); color: #06291f; font-weight: 700; border-radius: 10px; text-decoration: none; transition: all 0.2s ease; box-shadow: 0 10px 20px rgba(16,185,129,0.15); }
        .about-cta-btn:hover { background: #059669; color: #fff; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(16,185,129,0.25); }

        @media (max-width: 900px) {
            .scorecard-container { grid-template-columns: 1fr; gap: 32px; }
            .scorecard-visual { position: static; }
        }
        .newsletter-title,.social-title { margin-top:0; }
        .newsletter-desc { max-width:620px; margin-bottom:4px; line-height:1.7; }
        .footer-cta { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; padding:8px 0; color:var(--green); font-weight:700; text-decoration:none; border-radius:6px; transition:color .2s ease,background-color .2s ease,transform .2s cubic-bezier(.23,1,.32,1); }
        .editorial-links { display:grid; gap:2px; }
        .editorial-links a { display:flex; align-items:center; width:max-content; max-width:100%; min-height:40px; padding:8px 0; color:var(--gray-300); text-decoration:none; font-size:13px; border-radius:6px; transition:color .2s ease,background-color .2s ease,transform .2s cubic-bezier(.23,1,.32,1); }
        .footer-bottom { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; padding-top:20px; }
        .footer-links { display:flex; flex-wrap:wrap; gap:4px 10px; min-width:0; }
        .footer-links a { display:inline-flex; align-items:center; min-height:44px; padding:9px 8px; border-radius:6px; color:var(--gray-300); line-height:1.35; }
        .footer-cta:hover,.footer-cta:focus-visible,.editorial-links a:hover,.editorial-links a:focus-visible,.footer-links a:hover,.footer-links a:focus-visible { color:#a7f3d0; background:rgba(255,255,255,.07); transform:translateY(-1px); }
        .footer-cta:focus-visible,.editorial-links a:focus-visible,.footer-links a:focus-visible { outline:3px solid #f97316; outline-offset:2px; }
        .copyright { margin:0; white-space:nowrap; }
        .photo-note { margin-top: 16px; color: var(--gray-500); font-size: 12px; }
        .photo-note a { color: inherit; }
        :focus-visible { outline: 3px solid #f97316; outline-offset: 3px; }
        @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }

        .content-main { min-height: 60vh; }
        .content-hero { background: linear-gradient(135deg,#0B1120,#15233b); color:#fff; padding:72px 0 56px; }
        .content-hero .eyebrow { color:#6ee7b7; letter-spacing:.16em; text-transform:uppercase; font-weight:700; font-size:12px; }
        .content-hero h1 { font-family:'Playfair Display',serif; font-size:clamp(36px,6vw,64px); line-height:1.08; margin:12px 0 18px; }
        .content-hero p { max-width:760px; color:#cbd5e1; font-size:18px; }
        .about-video-hero { position:relative; isolation:isolate; display:grid; align-items:center; min-height:clamp(460px,58vh,620px); overflow:hidden; padding:0; background:#07111f; }
        .about-video-media { position:absolute; inset:0; z-index:0; overflow:hidden; background:#07111f; }
        .about-video-poster,.about-video-element { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; }
        .about-video-poster { z-index:0; }
        .about-video-element { z-index:1; opacity:0; transition:opacity .5s cubic-bezier(.23,1,.32,1); }
        .about-video-hero.video-ready .about-video-element { opacity:1; }
        .about-video-hero::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(3,12,22,.88) 0%,rgba(3,12,22,.72) 38%,rgba(3,12,22,.22) 67%,rgba(3,12,22,.08) 100%); pointer-events:none; }
        .about-video-hero::after { content:""; position:absolute; inset:auto 0 0; z-index:1; height:28%; background:linear-gradient(180deg,transparent,rgba(3,12,22,.35)); pointer-events:none; }
        .about-hero-container { position:relative; z-index:2; width:100%; padding-top:clamp(60px,7vh,84px); padding-bottom:clamp(20px,3vh,40px); }
        .about-hero-copy { max-width:760px; }
        .about-video-hero .eyebrow { color:#6ee7b7; }
        .about-video-hero h1 { max-width:680px; color:#fff; text-shadow:0 2px 20px rgba(0,0,0,.24); }
        .about-video-hero .tagline { font-size: 20px; color: var(--green); font-weight: 600; margin-bottom: 24px; letter-spacing: 0.05em; text-shadow: 0 2px 10px rgba(0,0,0,0.4); }
        .about-video-hero .about-hero-lead { max-width:720px; margin-bottom:0; color:#e2e8f0; font-size:clamp(17px,1.5vw,20px); line-height:1.72; text-shadow:0 1px 8px rgba(0,0,0,.35); }
        .about-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
        .about-hero-action { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:12px 19px; border:1px solid rgba(255,255,255,.7); border-radius:8px; color:#fff; font-weight:800; text-decoration:none; transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s cubic-bezier(.23,1,.32,1); }
        .about-hero-action.primary { border-color:#10b981; background:#10b981; color:#07111f; }
        .about-hero-action:hover,.about-hero-action:focus-visible { transform:translateY(-2px); background:#fff; border-color:#fff; color:#047857; }
        .about-hero-action:focus-visible { outline:3px solid #f97316; outline-offset:3px; }
        .about-hero-action svg { width:17px; height:17px; }
        .content-section { padding:64px 0; }
        .content-section.alt { background:#f8fafc; }
        .about-why-section { padding:20px 0 20px; }
        .about-advantage-section { padding:20px 0 52px; }
        .about-advantage-grid { display:grid; grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr); gap:clamp(28px,5vw,64px); align-items:center; margin-top:24px; }
        .about-advantage-visual { overflow:hidden; border-radius:16px; background:#e2e8f0; box-shadow:0 16px 34px rgba(15,23,42,.10); }
        .about-advantage-visual img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
        .about-advantage-copy { min-width:0; }
        .about-advantage-lead { margin:0 0 22px; font-size:18px; line-height:1.7; color:#334155; }
        .advantage-points { display:grid; grid-template-columns: 1fr; gap: 20px; }
        .advantage-point { padding-left: 20px; border-left: 3px solid var(--green); }
        .why-pitchvaani-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
        .advantage-point h3 { margin:0 0 4px; font-size:16px; font-weight:600; color:#0B1120; }
        .advantage-point p { margin:0; font-size:14px; line-height:1.55; color:#64748b; }
        .content-section h2 { font-family:'Playfair Display',serif; font-size:34px; color:#0B1120; margin-bottom:16px; }
        .content-section h3 { color:#0B1120; margin:24px 0 8px; }
        .content-section p, .content-section li { color:#475569; }
        .content-section ul, .content-section ol { padding-left:22px; }
        .content-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:26px; }
        .content-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:24px; box-shadow:0 8px 24px rgba(15,23,42,.05); }
        .development-note { background:#fff7ed; border-left:4px solid #f97316; padding:16px 18px; margin:24px 0; color:#7c2d12; }
        .about-lead { max-width:860px; font-size:18px; line-height:1.8; }
        .about-card-icon { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:14px; border-radius:10px; color:#10b981; background:#0B1120; }
        .about-card-icon svg { width:22px; height:22px; }
        .about-card h3 { margin-top:0; }
        .about-card p { margin-bottom:0; }
        .about-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:26px; }
        .about-map-section { position:relative; overflow:hidden; background:#0B1120; color:#fff; }
        .about-map-section::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 10% 18%,rgba(16,185,129,.18),transparent 34%),radial-gradient(circle at 88% 82%,rgba(249,115,22,.13),transparent 28%); pointer-events:none; }
        .about-map-layout { position:relative; display:grid; grid-template-columns:minmax(0,.88fr) minmax(390px,1.12fr); gap:clamp(36px,6vw,84px); align-items:center; }
        .about-map-copy .eyebrow { color:#6ee7b7; }
        .about-map-copy h2 { max-width:650px; margin:8px 0 20px; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(32px,4.1vw,54px); line-height:1.08; }
        .about-map-copy .about-lead { color:#cbd5e1; font-size:17px; line-height:1.75; }
        .about-map-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:28px 0 16px; }
        .about-map-metric { padding:16px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); box-shadow:inset 3px 0 0 #10b981; }
        .about-map-metric strong { display:block; color:#fff; font-size:26px; line-height:1; }
        .about-map-metric span { display:block; margin-top:7px; color:#a7f3d0; font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
        .about-map-section .about-map-status { display:flex; align-items:center; gap:10px; margin:0 0 24px; color:#fed7aa; font-weight:700; }
        .about-map-status::before { content:""; width:11px; height:11px; border-radius:50%; background:#f97316; box-shadow:0 0 0 5px rgba(249,115,22,.15); flex:0 0 auto; }
        .about-map-link { display:inline-flex; align-items:center; gap:9px; min-height:46px; padding:11px 18px; border:1px solid #10b981; border-radius:8px; background:#10b981; color:#0B1120; font-weight:800; text-decoration:none; transition:background-color .2s ease,color .2s ease,transform .2s cubic-bezier(.23,1,.32,1); }
        .about-map-link:hover,.about-map-link:focus-visible { background:#fff; color:#047857; transform:translateY(-2px); }
        .about-map-link:focus-visible { outline:3px solid #f97316; outline-offset:3px; }
        .about-map-link svg { width:17px; height:17px; }
        .about-map-card { position:relative; margin:0; padding:22px 24px 18px; border:1px solid rgba(255,255,255,.22); border-radius:18px; background:#f7fbf9; box-shadow:0 28px 60px rgba(0,0,0,.28); }
        .about-map-card::before,.about-map-card::after { content:""; position:absolute; width:72px; height:5px; border-radius:99px; }
        .about-map-card::before { top:-3px; left:28px; background:#10b981; }
        .about-map-card::after { right:28px; bottom:-3px; background:#f97316; }
        .about-map-frame { display:flex; min-height:470px; align-items:center; justify-content:center; }
        .about-map-frame img { display:block; width:100%; max-width:460px; max-height:500px; object-fit:contain; }
        .about-map-legend { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; padding-top:14px; border-top:1px solid #dbe7e2; color:#334155; font-size:13px; font-weight:700; }
        .about-map-legend span { display:inline-flex; align-items:center; gap:7px; }
        .about-map-legend i { width:11px; height:11px; border-radius:3px; background:#dbe7e2; }
        .about-map-legend .reviewed i { background:#10b981; }
        .about-map-legend .research i { background:#f97316; }
        .about-map-card figcaption { margin-top:12px; color:#64748b; font-size:12px; line-height:1.5; text-align:center; }
        .about-map-card figcaption a { color:#047857; font-weight:700; }
        .about-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
        .about-action { display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:11px 18px; border-radius:8px; font-weight:700; text-decoration:none; transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s cubic-bezier(.23,1,.32,1); }
        .about-action.primary { background:#10b981; border:1px solid #10b981; color:#0B1120; }
        .about-action.secondary { background:#fff; border:1px solid #cbd5e1; color:#0B1120; }
        .about-action:hover, .about-action:focus-visible { transform:translateY(-2px); }
        .about-action.primary:hover, .about-action.primary:focus-visible { background:#047857; border-color:#047857; color:#fff; }
        .about-action.secondary:hover, .about-action.secondary:focus-visible { border-color:#10b981; color:#047857; }
        .about-action svg { width:17px; height:17px; }
        .anchor-alias { display:block; position:relative; top:-120px; visibility:hidden; }
        .directory-toolbar { display:grid; grid-template-columns:1.2fr auto; gap:20px; margin:32px 0; align-items: center; background: #fff; padding: 25px; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 10px 30px rgba(15,23,42,0.05); }
        .directory-toolbar input { min-height:54px; border:1px solid #e2e8f0; border-radius:12px; padding:0 20px; background:#f8fafc; font:inherit; font-size: 15px; }
        .directory-toolbar input:focus { outline: none; border-color: var(--green); box-shadow: 0 0 0 4px rgba(16,185,129,0.1); }
        .directory-summary-bar { display: flex; align-items: center; gap: 12px; }
        .directory-stat { padding: 12px 24px; background: #ecfdf5; border: 1px solid #d1fae5; border-radius: 12px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; color: #065f46; }
        .directory-stat.alt { background: #fff7ed; border-color: #ffedd5; color: #9a3412; }
        
        .state-section { margin-bottom: 64px; }
        .state-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 2px solid #f1f5f9; margin-bottom: 28px; }
        .state-title-group { display: flex; align-items: center; gap: 14px; }
        .state-dot { width: 14px; height: 14px; background: var(--green); border-radius: 50%; box-shadow: 0 0 12px rgba(16,185,129,0.4); }
        .state-header h2 { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 900; text-transform: uppercase; letter-spacing: -0.02em; color: #0f172a; margin: 0; }
        .state-city-count { font-size: 11px; font-weight: 800; padding: 5px 14px; background: #f1f5f9; color: #64748b; border-radius: 100px; text-transform: uppercase; }
        .state-view-all { font-size: 14px; font-weight: 700; color: #10b981; text-decoration: none; display: flex; align-items: center; gap: 8px; transition: all 0.2s; background: #f0fdf4; padding: 10px 20px; border-radius: 100px; }
        .state-view-all:hover { background: #10b981; color: #fff; transform: translateY(-2px); }
        .state-description { font-size: 15px; color: #64748b; margin-bottom: 28px; font-weight: 500; }
        
        .city-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
        .city-card { display: flex; align-items: center; justify-content: space-between; padding: 24px 28px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; text-decoration: none; transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); }
        .city-card:hover { border-color: #10b981; transform: translateX(6px); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.05); }
        .city-info { display: flex; align-items: center; gap: 18px; }
        .city-icon { width: 44px; height: 44px; background: #f0fdf4; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #10b981; }
        .city-name { display: block; font-size: 16px; font-weight: 800; text-transform: uppercase; color: #1e293b; margin-bottom: 2px; }
        .city-venues { display: block; font-size: 13px; font-weight: 600; color: #64748b; }
        .city-arrow { color: #cbd5e1; transition: transform 0.2s; }
        .city-card:hover .city-arrow { color: #10b981; transform: translateX(4px); }
        .credits-list { display:grid; gap:18px; margin-top:24px; }
        .credits-list article { border:1px solid #e2e8f0; border-radius:10px; padding:18px; }
        .credits-list a { color:#047857; }
        @media (max-width:1100px) { .states-grid-new { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } }
        @media (max-width:1024px) { .footer-top { grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:28px 42px; } .footer-logo { grid-column:1/-1; } .footer-bottom { grid-template-columns:1fr; gap:10px; } .copyright { justify-self:start; } }
        @media (max-width:980px) { .ground-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
        @media (max-width:900px) { .content-grid,.directory-grid { grid-template-columns:1fr 1fr; } .about-principles { grid-template-columns:1fr 1fr; } .about-map-layout { grid-template-columns:1fr; } .about-map-copy { max-width:720px; } .about-map-card { width:min(100%,640px); justify-self:center; } .directory-toolbar { grid-template-columns:1fr 1fr; } .faq-panel-grid { grid-template-columns:1fr; } }
        @media (max-width:900px) { .about-advantage-grid { grid-template-columns:1fr; } .about-advantage-copy { max-width:760px; } }
        @media (max-width:640px) { 
            .content-hero { padding:48px 0 38px; } 
            .about-video-hero { min-height:540px; padding:0; background:#07111f; } 
            .about-video-media { min-height:540px; background:#07111f; }
            .about-video-poster,.about-video-element { object-position:58% center; width:100%; height:100%; object-fit:cover; } 
            .about-video-hero::before { background:linear-gradient(180deg,rgba(3,12,22,.36) 0%,rgba(3,12,22,.68) 42%,rgba(3,12,22,.88) 100%); } 
            .about-hero-container { padding-top:72px; padding-bottom:42px; } 
            .about-hero-actions { display:grid; grid-template-columns:1fr; } 
            .about-hero-action { width:100%; } 
            .content-section { padding:42px 0; } 
            .content-grid,.directory-grid,.directory-toolbar,.about-principles { grid-template-columns:1fr; } 
            .content-hero p,.about-lead { font-size:16px; } 
            .about-map-copy h2 { font-size:34px; } 
            .about-map-metrics { gap:9px; } 
            .about-map-metric { padding:14px 12px; } 
            .about-map-metric strong { font-size:23px; } 
            .about-map-metric span { font-size:11px; } 
            .about-map-card { padding:16px 14px 14px; border-radius:14px; min-height:420px; } 
            .about-map-frame { min-height:360px; background:rgba(255,255,255,.03); } 
            .about-map-frame img { max-height:380px; width:100%; aspect-ratio:4/3; } 
            .about-map-legend { gap:11px 15px; font-size:11px; } 
            .about-map-card figcaption { text-align:left; } 
            .about-map-link { width:100%; justify-content:center; } 
            .about-actions { display:grid; grid-template-columns:1fr; } 
            .about-action { justify-content:center; } 
            .ground-info-strip { padding:14px 0 24px; } 
            .ground-info-grid { grid-template-columns:1fr; gap:10px; } 
            .ground-info-card { min-height:78px; grid-template-columns:42px minmax(0,1fr); gap:11px; padding:14px; } 
            .ground-info-icon { width:42px; height:42px; border-radius:99px; } 
            .ground-info-card h3 { font-size:12px; } 
            .states-grid-new { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } 
            .state-card-new { grid-template-rows:88px minmax(56px,auto); min-height:144px; } 
            .state-card-map { padding:12px 10px 4px; } 
            .state-map-icon img { max-width:92px; max-height:68px; } 
            .state-card-copy { padding:5px 7px 10px; } 
            .map-source-note { text-align:left; } 
            .faq-tabs { margin:22px auto 28px; } 
            .faq-tab { min-height:46px; padding:8px; font-size:13px; } 
            .faq-panel .faq-item { padding:18px; } 
            .footer { padding:44px 0 22px; } 
            .footer-top { grid-template-columns:1fr; gap:0; margin-bottom:28px; } 
            .footer-logo { grid-column:auto; padding-bottom:24px; } 
            .newsletter,.social { padding-top:24px; padding-bottom:20px; border-top:1px solid rgba(255,255,255,.1); } 
            .newsletter-desc { font-size:14px; } 
            .footer-cta,.editorial-links a { min-height:44px; padding:10px 6px; margin-left:-6px; } 
            .footer-bottom { gap:12px; padding-top:14px; text-align:left; } 
            .footer-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 8px; width:100%; } 
            .footer-links a { width:100%; min-width:0; min-height:44px; padding:10px 8px; overflow-wrap:anywhere; } 
            .copyright { justify-self:center; max-width:100%; white-space:normal; text-align:center; line-height:1.5; } 
            
            /* ABOUT PAGE MOBILE FIXES */
            .research-cycle-grid { grid-template-columns: 1fr; }
            .scorecard-container { grid-template-columns: 1fr; gap: 24px; }
            .about-advantage-grid { grid-template-columns: 1fr; }
            .about-advantage-visual { order: 2; min-height: 240px; background: #e2e8f0; border-radius: 12px; }
            .about-advantage-visual img { aspect-ratio: 4/3; width: 100%; height: auto; }
            .about-advantage-copy { order: 1; }
            .why-pitchvaani-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
            .why-pitchvaani-visual { order: 2; min-height: 220px; background: #fff; border-radius: 12px; }
            .why-pitchvaani-visual img { aspect-ratio: 800/560; width: 100%; height: auto; }
            .why-pitchvaani-copy { order: 1; }
        }
        @media (prefers-reduced-motion:reduce) { .about-video-element { display:none !important; } }