::-webkit-scrollbar {
      width: 6px;
   }

   ::-webkit-scrollbar-track {
      background: #faf6ef;
   }

   ::-webkit-scrollbar-thumb {
      background: #d8b888;
   }

   /* ══════════════════════════════════
   HERO
══════════════════════════════════ */
   .hero {
      background: #092b22;
      min-height: 92vh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
   }

   .hero-pattern {
      position: absolute;
      inset: 0;
      background:
         radial-gradient(ellipse 60% 80% at 10% 50%, rgba(216, 184, 136, .1) 0%, transparent 60%),
         radial-gradient(ellipse 50% 60% at 85% 10%, rgba(15, 67, 54, .5) 0%, transparent 50%),
         url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d8b888' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
   }

   .hero-arch {
      position: absolute;
      right: 0;
      top: 0;
      width: 42%;
      height: 100%;
      background: linear-gradient(135deg, rgba(216, 184, 136, .06), rgba(15, 67, 54, .35));
      clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);
   }

   .hero-arch::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 2px;
      height: 100%;
      background: linear-gradient(to bottom, transparent, #d8b888, transparent);
   }

   .hero-content {
      position: relative;
      z-index: 2;
      padding: 5rem 4rem;
   }

   .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      background: rgba(216, 184, 136, .12);
      border: 1px solid rgba(216, 184, 136, .4);
      color: #f0ddb8;

      letter-spacing: 3px;
      text-transform: uppercase;
      padding: .5rem 1.2rem;
      margin-bottom: 1.8rem;
   }

   .hero-badge::before,
   .hero-badge::after {
      content: '✦';
      color: #d8b888;
      font-size: .7rem;
   }

   .hero h1 {
      font-size: clamp(2.8rem, 6vw, 5.5rem);
      font-weight: 300;
      color: #faf6ef;
      line-height: 1.05;
      margin-bottom: .5rem;
   }

   .hero h1 strong {
      display: block;
      font-weight: 700;
      font-size: clamp(1rem, 2vw, 1.4rem);
      letter-spacing: 6px;
      color: #d8b888;
      font-style: normal;
      margin-bottom: .4rem;
     
   }

   .hero h1 em {
      font-style: italic;
      color: #f0ddb8;
   }

   .hero-sub {
      color: rgba(250, 246, 239, .65);
      font-weight: 300;
      font-size: 1.05rem;
      line-height: 1.8;
      max-width: 520px;
      margin: 1.6rem 0 2.4rem;
   }

   .hero-stats {
      display: flex;
      gap: 2.5rem;
      flex-wrap: wrap;
   }

   .stat-num {
      

      font-weight: 600;
      color: #d8b888;
      display: block;
      line-height: 1;
   }

   .stat-label {

      letter-spacing: 3px;
      text-transform: uppercase;
      color: rgba(250, 246, 239, .5);
      margin-top: .3rem;
   }

   /* ── SCROLL ARROW ── */
   .scroll-hint {
      position: absolute;
      bottom: 2rem;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: .5rem;
      color: rgba(216, 184, 136, .55);

      letter-spacing: 3px;
      text-transform: uppercase;
      animation: bob 2.2s ease-in-out infinite;
   }

   .scroll-hint::after {
      content: '';
      width: 1px;
      height: 38px;
      background: linear-gradient(to bottom, #d8b888, transparent);
   }

   @keyframes bob {

      0%,
      100% {
         transform: translateX(-50%) translateY(0);
      }

      50% {
         transform: translateX(-50%) translateY(7px);
      }
   }

   /* ══════════════════════════════════
   DIVIDER
══════════════════════════════════ */
   .divider {
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1rem 3rem;
   }

   .divider-line {
      flex: 1;
      height: 1px;
      background: linear-gradient(to right, transparent, #b5945e, transparent);
   }

   .divider-sym {
      color: #d8b888;
   }

   /* ══════════════════════════════════
   SECTION LABELS
══════════════════════════════════ */
   .sec-label {
      text-align: center;
      font-size: 15;
      font-weight: 500;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: #b5945e;
      margin-bottom: .7rem;
   }

   .sec-title {
      text-align: center;
      font-weight: 400;
      color: #0f4336;
      line-height: 1.2;
      margin-bottom: 1.1rem;
   }

   .sec-title em {
      font-style: italic;
      color: #1a7561;
   }

   .sec-intro {
      text-align: center;
      color: #1a7561;
      line-height: 1.85;
      font-weight: 300;

   }

   /* ══════════════════════════════════
   WHY JAIPUR
══════════════════════════════════ */
   .why-section {
      background: #ffffff;
      padding: 5rem 0;
   }

   .why-visual-box {
      background: linear-gradient(135deg, #092b22 0%, #0f4336 100%);
      padding: 3rem 2.5rem;
      position: relative;
      overflow: hidden;
   }

   .why-visual-box::before {
      content: '';
      position: absolute;
      top: -30px;
      right: -30px;
      width: 140px;
      height: 140px;
      border: 2px solid rgba(216, 184, 136, .25);
      border-radius: 50%;
   }

   .why-visual-box::after {
      content: '';
      position: absolute;
      bottom: 20px;
      left: 20px;
      width: 70px;
      height: 70px;
      border: 1px solid rgba(216, 184, 136, .18);
   }

   .palace-icon {
      margin-bottom: 1.2rem;
      display: block;
   }

   .why-quote {
      
      font-size: 1.25rem;
      font-style: italic;
      color: #faf6ef;
      line-height: 1.6;
      position: relative;
      z-index: 1;
   }

   .why-quote span {
      display: block;
     
      
      letter-spacing: 3px;
      color: #d8b888;
      font-style: normal;
      margin-top: 1rem;
      text-transform: uppercase;
   }

   .why-accent {
      background: #d8b888;
      padding: 1.2rem 1.6rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: .3rem;
   }

   .why-accent .num {
      

      font-weight: 700;
      color: #092b22;
   }

   .why-accent .lbl {
      
      letter-spacing: 2px;
      color: #092b22;
      text-transform: uppercase;
      font-weight: 600;
      text-align: right;
      max-width: 130px;
   }

   /* Reason cards */
   .reason-card {
      padding: 1.5rem 1.3rem;
      border: 1px solid #c9e4e2;
      background: #ffffff;
      transition: all .3s;
      position: relative;
      height: 100%;
   }

   .reason-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 3px;
      height: 100%;
      background: #d8b888;
      opacity: 0;
      transition: opacity .3s;
   }

   .reason-card:hover {
      border-color: #d8b888;
      transform: translateY(-3px);
      box-shadow: 0 8px 28px rgba(15, 67, 54, .1);
   }

   .reason-card:hover::before {
      opacity: 1;
   }

   .reason-icon {
      margin-bottom: .6rem;
   }

   .reason-title {
     
      
      font-weight: 600;
      color: #0f4336;
      margin-bottom: .4rem;
   }

   .reason-text {
      
      color: #1a7561;
      font-weight: 300;
      line-height: 1.65;
   }

   /* ══════════════════════════════════
   COST OVERVIEW
══════════════════════════════════ */
   .cost-overview {
      background: #092b22;
      padding: 5rem 0;
      position: relative;
      overflow: hidden;
   }

   .cost-overview::before {
      content: 'JAIPUR';
      position: absolute;
      
      font-size: 20rem;
      font-weight: 700;
      color: rgba(255, 255, 255, .018);
      right: -60px;
      top: 50%;
      transform: translateY(-50%);
      letter-spacing: 20px;
      pointer-events: none;
      white-space: nowrap;
   }

   .cost-overview .sec-label {
      color: #f0ddb8;
   }

   .cost-overview .sec-title {
      color: #faf6ef;
   }

   .cost-overview .sec-intro {
      color: rgba(250, 246, 239, .65);
   }

   .tier-card {
      background: rgba(255, 255, 255, .04);
      border-top: 3px solid rgba(216, 184, 136, .25);
      padding: 2.5rem 2rem;
      height: 100%;
      transition: all .3s;
      position: relative;
   }

   .tier-card:hover {
      background: rgba(255, 255, 255, .08);
   }

   .tier-card.featured {
      background: rgba(216, 184, 136, .12);
      border-top-color: #d8b888;
   }

   .tier-label {
     
      
      letter-spacing: 4px;
      text-transform: uppercase;
      color: #d8b888;
      margin-bottom: .9rem;
   }

   .tier-price {
      
      font-size: 2.6rem;
      font-weight: 600;
      color: #faf6ef;
      line-height: 1;
   }

   .tier-price sub {
      font-size: 1rem;
      font-weight: 300;
   }

   .tier-range {
      font-size: .8rem;
      color: rgba(250, 246, 239, .45);
      margin: .5rem 0 1.4rem;
      font-weight: 300;
   }

   .tier-features {
      list-style: none;
      padding: 0;
   }

   .tier-features li {
      
      color: rgba(250, 246, 239, .75);
      padding: .55rem 0;
      border-bottom: 1px solid rgba(255, 255, 255, .06);
      display: flex;
      align-items: flex-start;
      gap: .6rem;
      font-weight: 300;
      line-height: 1.4;
   }

   .tier-features li::before {
      content: '✦';
      color: #d8b888;
      flex-shrink: 0;
      margin-top: .15rem;
      font-size: .7rem;
   }

   /* ══════════════════════════════════
   BREAKDOWN SECTION
══════════════════════════════════ */
   .breakdown-section {
      background: #faf6ef;
      padding: 5rem 0;
   }

   .breakdown-card {
      background: #ffffff;
      padding: 2.2rem 2rem;
      border-bottom: 3px solid #c9e4e2;
      transition: all .3s;
      height: 100%;
      position: relative;
      overflow: hidden;
   }

   .breakdown-card:hover {
      border-bottom-color: #d8b888;
      box-shadow: 0 12px 40px rgba(15, 67, 54, .09);
      transform: translateY(-4px);
   }

   .card-icon-box {
      width: 40px;
      height: 40px;
      background: #092b22;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      flex-shrink: 0;
   }

   .card-title-txt {
     

      font-weight: 600;
      color: #092b22;
   }

   .card-sub-txt {
      
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #b5945e;
   }

   .price-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: .6rem 0;
      border-bottom: 1px solid #c9e4e2;
      gap: 1rem;
   }

   .price-row:last-child {
      border-bottom: none;
   }

   .price-cat {
      
      color: #1a7561;
      font-weight: 400;
      flex: 1;
   }

   .price-val {
      
      font-size: 1rem;
      font-weight: 600;
      color: #0f4336;
      white-space: nowrap;
   }

   /* ══════════════════════════════════
   VENUES TABLE
══════════════════════════════════ */
   .venues-section {
      background: #ffffff;
      padding: 5rem 0;
   }

   .table-wrap {
      overflow-x: auto;
      border: 1px solid #c9e4e2;
      border-radius: 2px;
      margin-top: 2.5rem;
   }

   .venues-table {
      width: 100%;
      border-collapse: collapse;
   }

   .venues-table thead {
      background: #092b22;
   }

   .venues-table thead th {
      padding: 1rem 1.3rem;
     
      
      letter-spacing: 2.5px;
      text-transform: uppercase;
      font-weight: 500;
      color: #f0ddb8;
      white-space: nowrap;
   }

   .venues-table tbody tr {
      border-bottom: 1px solid #c9e4e2;
      transition: background .2s;
   }

   .venues-table tbody tr:hover {
      background: rgba(216, 184, 136, .06);
   }

   .venues-table tbody tr.hl {
      background: rgba(15, 67, 54, .03);
   }

   .venues-table td {
      padding: .9rem 1.3rem;
      
      color: #1a7561;
      font-weight: 300;
      vertical-align: middle;
   }

   .venues-table td:first-child {
      
      font-size: 1rem;
      font-weight: 600;
      color: #092b22;
   }

   .badge-luxury {
      background: rgba(15, 67, 54, .1);
      color: #0f4336;
      
      padding: .25rem .75rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 500;
   }

   .badge-heritage {
      background: rgba(216, 184, 136, .2);
      color: #b5945e;
      
      padding: .25rem .75rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 500;
   }

   .badge-ethnic {
      background: rgba(15, 67, 54, .06);
      color: #1a7561;
      
      padding: .25rem .75rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 500;
   }

   .price-cell {
      
      font-size: 1rem;
      font-weight: 600;
      color: #0f4336;
      white-space: nowrap;
   }

   /* ══════════════════════════════════
   COMPARE SECTION
══════════════════════════════════ */
   .compare-section {
      background: #faf6ef;
      padding: 5rem 0;
   }

   .compare-header {
      background: #092b22;
      text-align: center;
      padding: 2rem;
   }

   .compare-header .clabel {
      
      letter-spacing: 4px;
      text-transform: uppercase;
      color: #d8b888;
      margin-bottom: .6rem;
   }

   .compare-header .cprice {
      
      font-size: 2rem;
      font-weight: 700;
      color: #f0ddb8;
   }

   .compare-item {
      padding: 1.2rem 1.5rem;
      border-bottom: 1px solid #c9e4e2;
      background: #ffffff;
   }

   .compare-item .asp {
      font-size: .58rem;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: #b5945e;
      margin-bottom: .4rem;
      font-weight: 500;
   }

   .compare-item .det {
      font-size: .87rem;
      color: #1a7561;
      font-weight: 300;
      line-height: 1.55;
   }

   .compare-wrapper {
      background: #c9e4e2;
      gap: 2px;
   }

   /* ══════════════════════════════════
   TIPS SECTION
══════════════════════════════════ */
   .tips-section {
      background: linear-gradient(135deg, #092b22 0%, #082920 100%);
      padding: 5rem 0;
      position: relative;
      overflow: hidden;
   }

   .tips-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d8b888' fill-opacity='0.035'%3E%3Cpath d='M40 40L0 0h80L40 40zM40 40L80 80H0l40-40z'/%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
   }

   .tips-section .sec-label {
      color: #f0ddb8;
      position: relative;
      z-index: 1;
   }

   .tips-section .sec-title {
      color: #faf6ef;
      position: relative;
      z-index: 1;
   }

   .tip-card {
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(216, 184, 136, .14);
      padding: 2rem 1.8rem;
      height: 100%;
      transition: all .3s;
      position: relative;
      z-index: 1;
   }

   .tip-card:hover {
      background: rgba(216, 184, 136, .08);
      border-color: rgba(216, 184, 136, .4);
      transform: translateY(-5px);
   }

   .tip-num {
      
      font-size: 3.5rem;
      font-weight: 700;
      color: rgba(216, 184, 136, .18);
      line-height: 1;
      margin-bottom: 1rem;
   }

   .tip-title {
     
      font-size: .88rem;
      font-weight: 600;
      color: #f0ddb8;
      margin-bottom: .6rem;
   }

   .tip-text {
      
      color: rgba(250, 246, 239, .62);
      line-height: 1.75;
      font-weight: 300;
   }

   /* ══════════════════════════════════
   FAQ
══════════════════════════════════ */
   .faq-section {
      background: #ffffff;
     
   }

   .faq-item {
      border-bottom: 1px solid #c9e4e2;
      padding: 1.4rem 0;
   }

   .faq-q {
     
padding: 10px;
      font-weight: 600;
      color: #092b22;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      user-select: none;
      gap: 1rem;
   }

   .faq-q .ficon {
      color: #d8b888;
      transition: transform .3s;
      font-size: 1.1rem;
   }

   .faq-item.open .faq-q .ficon {
      transform: rotate(45deg);
   }

   .faq-a {
     
      line-height: 1.85;
      font-weight: 300;
      max-height: 0;
      overflow: hidden;
      transition: max-height .4s ease, padding .3s;
   }

   .faq-item.open .faq-a {
      max-height: 220px;
      padding: 10px;
   }

   /* ══════════════════════════════════
   CTA SECTION
══════════════════════════════════ */
   .cta-section {
      background: #d8b888;
      padding: 5.5rem 2rem;
      text-align: center;
      position: relative;
      overflow: hidden;
   }

   .cta-section::before {
      content: '❋';
      position: absolute;
      font-size: 28rem;
      color: rgba(15, 67, 54, .04);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
   }

   .cta-section h2 {
      font-size: clamp(2rem, 4vw, 3.2rem);
      font-weight: 400;
      color: #092b22;
      margin-bottom: .8rem;
   }

   .btn-prim {
      background: #092b22;
      color: #faf6ef;
     
      font-size: .7rem;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      padding: 1rem 2.4rem;
      border: 2px solid #092b22;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      transition: all .3s;
   }

   .btn-prim:hover {
      background: transparent;
      color: #092b22;
   }

   .btn-sec {
      background: transparent;
      color: #092b22;
     
      font-size: .7rem;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      padding: 1rem 2.4rem;
      border: 2px solid #092b22;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      transition: all .3s;
   }

   .btn-sec:hover {
      background: #092b22;
      color: #faf6ef;
   }

   /* ── FADE IN ── */
   .fade-in {
      opacity: 0;
      transform: translateY(22px);
      transition: opacity .65s ease, transform .65s ease;
   }

   .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
   }

   /* ── RESPONSIVE TWEAKS ── */
   @media (max-width: 768px) {
      .hero-content {
         padding: 4rem 1.8rem;
      }

      .hero-arch {
         display: none;
      }

      .site-nav {
         padding: 0 1rem;
      }

      .hero-stats {
         gap: 1.5rem;
      }

      .scroll-hint {
         display: none;
      }

      .cost-overview::before {
         display: none;
      }
   }

   @media (max-width: 576px) {
      .hero-badge {}

      .hero h1 {
         line-height: 1.1;
      }
   }