:root {

      --navy: #262157; 

      --indigo: #2e2867; 

      --sky: #5dc7e0;

      --card-bg: #f6f7fb; 

      --pad-x: clamp(16px, 5vw, 40px); 

      --radius: 16px;

      --max-width: 1440px; /* Limits stretching on ultra-wide screens */

    }



    *, *::before, *::after { 

      box-sizing: border-box; 

      margin: 0; 

      padding: 0; 

    }



    body { 

      background: #fdfdfd; 

      font-family: 'Inter', sans-serif; 

      overflow-x: hidden; 

      width: 100%;

      color: #333;

    }



    img { max-width: 100%; height: auto; }



    /* WRAPPER FOR LARGE SCREENS */

    .page-wrapper {

      max-width: var(--max-width);

      margin: 0 auto;

      background: #fff;

      box-shadow: 0 0 40px rgba(0,0,0,0.03); /* Soft shadow for massive screens */

      position: relative;

    }

    a{text-decoration:none}



    /* HEADER */

    .header {

      background: #fff;

      display: flex; 

      align-items: center; 

      justify-content: space-between;

      flex-wrap: wrap; 

      gap: 24px;

      /* padding: clamp(16px, 3vw, 24px) var(--pad-x); */
      padding:20px;

      border-bottom: 1px solid #eee;

    }

    /* .header-main { 

      display: flex; 

      align-items: center; 

      gap: clamp(16px, 3vw, 32px); 

      flex-wrap: wrap; 

    } */

    .brand { display:flex; flex-direction:column; align-items:flex-start; }

    .logo-vcci {

      font-family: 'Inter', sans-serif; font-style: italic; font-weight: 900;

      font-size: clamp(28px, 4vw, 42px); color: var(--navy);

      border: 3.5px solid var(--navy); padding: 2px 12px; border-radius: 8px;

      line-height: 1.1;

    }

    .logo-expo { font-family: 'Inter', sans-serif; font-weight: 900; font-size: clamp(14px, 1.8vw, 22px); color: var(--navy); letter-spacing: 2.5px; margin-top: 4px; }

    

    .divider-line { width: 2px; height: 70px; background: linear-gradient(to bottom,#bbb,#ddd); }

    .divider-thick { width: 6px; height: 70px; background: linear-gradient(to bottom,#c8d0f0,#e0d8f4); border-radius: 4px; }



    .edition-block { display: flex; align-items: baseline; gap: 4px; }

    .edition-num { font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(70px, 7vw, 82px); color: #96a3d9; line-height: 0.9; }

    .edition-th { font-family: 'Alumni Sans', sans-serif; font-weight: 600; font-size: clamp(20px, 3vw, 26px); color: #a89fd1; }

    .edition-label { display: none; }



    .exh-name { display: flex; flex-direction: column; line-height: 1.1;justify-content: center; }

    .exh-name > span {font-size:clamp(18px, 3.5vw, 40px);font-weight:800;}

    .exh-name .mega { font-family:'Inter',sans-serif; color:#7fb3e0; }

    .exh-name .ind  { font-family:'Inter',sans-serif; color:#a89fd1; }

    .exh-name .exhb { font-family:'Inter',sans-serif; color:#e87a9e; }



    .dates-box {

      background: var(--indigo);

      clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);

      padding: 18px 45px 18px 65px;

      display: flex; flex-direction: column; align-items: center; justify-content: center;

      min-width: max-content;

      flex-shrink: 0;

    }

    .dates-range { font-family: 'Alumni Sans', sans-serif; font-weight: 800; font-size: clamp(38px, 4.5vw, 56px); color: var(--sky); line-height: 0.9; white-space: nowrap; }

    .dates-range sup { font-size: 0.45em; font-weight: 700; }

    .dates-month { font-family: 'Inter', sans-serif; font-weight: 800; font-size: clamp(14px, 1.8vw, 22px); color: var(--sky); letter-spacing: 1.5px; margin-top: 6px; white-space: nowrap; }



    /* LOCATION */

    .location-strip { display: flex; align-items: center; gap: 20px; padding: 18px var(--pad-x); }

    .loc-hr { flex: 1; height: 3px; background: linear-gradient(to right,#f0a070,#e87050); border-radius: 2px; }

    .loc-hr.right { background: linear-gradient(to left,#f0a070,#e87050); }

    .location-inner { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

    .location-inner svg { width: clamp(22px, 2.8vw, 32px); height: clamp(22px, 2.8vw, 32px); flex-shrink: 0; }

    .location-text { font-family: 'Inter', sans-serif; font-weight: 700; font-size: clamp(17px, 2.2vw, 30px); color: #413b63; white-space: nowrap; }



    /* TAGLINES */

    .tagline1 { background: #46469c; text-align: center; padding: 16px 20px; font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(24px, 4vw, 48px); color: #e3e3ef; letter-spacing: 1px; }

    .tagline2 { background: #5a9bd5; text-align: center; padding: 10px 20px; font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(18px, 2.6vw, 32px); color: #e4f2f7; letter-spacing: 0.5px; }



    /* STATS (Fluid Grid) */

    .stats-row { 

      display: grid; 

      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); 

      gap: 16px; 

      padding: 32px var(--pad-x); 

    }

    .stat-cell {

      background: var(--card-bg); border-radius: var(--radius);

      display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;

      padding: 24px 14px; 

      box-shadow: 0 4px 12px rgba(30,30,60,0.04);

      transition: transform 0.3s ease, box-shadow 0.3s ease;

    }

    .stat-cell:hover {

      transform: translateY(-4px);

      box-shadow: 0 8px 24px rgba(30,30,60,0.08);

    }

    .stat-val { font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(32px, 3vw, 46px); line-height: 1; text-align: center; }

    .stat-lbl { font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(15px, 1.3vw, 20px); color: #4c4867; text-align: center; line-height: 1.2; }

    

    .sqft-wrap { display: flex; align-items: baseline; gap: 6px; }

    .sqft-sm { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(15px, 1.5vw, 22px); color: #75aeac; }

    .b2b-excl { font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(15px, 1.5vw, 22px); color: #5d5876; text-transform: uppercase; letter-spacing: 1px;}

    .b2b-big  { font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(32px, 3vw, 46px); color: #828ec6; line-height: 0.9; }



    /* MAIN SECTION */

    .main-section { display: flex; gap: 24px; padding: 10px var(--pad-x) 20px; align-items: stretch; flex-wrap: wrap; }



    /* Who Should Exhibit */

    .exhibit-panel { flex: 1 1 60%; display: flex; flex-direction: column; gap: 24px; }

    .exhibit-title {

      background: var(--navy); 

      border-radius: 0 0 24px 24px; 

      text-align: center;

      padding: 12px 32px; 

      align-self: center;

      font-family: 'Alumni Sans', sans-serif; 

      font-weight: 700; 

      font-size: clamp(24px, 2.6vw, 32px); 

      color: #e3e4ef;

      letter-spacing: 1px;

    }

    .who-grid { 

      display: grid; 

      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); 

      gap: 12px; 

    }

    .who-chip {

      border-radius: 14px; padding: 16px 12px; min-height: 70px;

      display: flex; align-items: center; justify-content: center; text-align: center;

      font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(16px, 1.6vw, 22px); line-height: 1.1;

      cursor: default;

      transition: transform 0.2s ease, filter 0.2s ease;

    }

    .who-chip:hover {

      transform: translateY(-2px) scale(1.02);

      filter: brightness(1.08);

    }



    /* Contact panel */

    .contact-panel {

      flex: 1 1 35%; background: var(--navy); border-radius: var(--radius);

      display: flex; flex-direction: column; align-items: center; justify-content: center;

      gap: 28px; padding: 36px 28px; min-width: 300px;

    }

    .book-title { font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(24px, 2.8vw, 34px); color: #c67a66; text-align: center; letter-spacing: 1px; }

    .contact-inner { width: 100%; max-width: 320px; display: flex; flex-direction: column; gap: 18px; }

    

    .phone-row { display: flex; align-items: center; gap: 14px; }

    .phone-row svg { flex-shrink: 0; width: 28px; height: 28px;}

    .phone-num { font-family: 'Inter', sans-serif; font-weight: 700; font-size: clamp(18px, 1.8vw, 24px); color: #e6e5eb; }

    

    .contact-btn {

      background: #02a4d5; border: 1px solid #2188b0;

      border-radius: 16px; padding: 18px 24px;

      display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 320px;

      cursor: pointer;

      text-decoration: none;

      transition: all 0.3s ease;

    }

    .contact-btn:hover {

      background: #03b5eb;

      box-shadow: 0 8px 20px rgba(2, 164, 213, 0.4);

      transform: translateY(-3px);

    }

    .contact-btn-row { display: flex; align-items: center; gap: 12px; }

    .contact-btn-row svg { flex-shrink: 0; width: 24px; height: 24px;}

    .contact-email { font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(20px, 2vw, 28px); color: #bfedf4; word-break: break-word; }

    .contact-web { font-family: 'Inter', sans-serif; font-weight: 700; font-size: clamp(14px, 1.4vw, 19px); color: #d4f4f7; word-break: break-word; }



    /* RAINBOW BAR */

    .rainbow { display: flex; height: 8px; margin-top: 32px; width: 100%;}

    .rainbow span { flex: 1; }



    /* FOOTER */

    .footer { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; padding: 28px var(--pad-x); background: #fafafa; }

    .org-block { display: flex; flex-direction: column; align-items: center; gap: 10px; flex-shrink: 0; margin: 0 auto;}

    .org-by { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; color: #4e4b72; text-transform: uppercase; letter-spacing: 1px;}

    .vcci-badge { border: 2.5px solid var(--navy); border-radius: 6px; padding: 4px 12px; font-family: 'Inter', sans-serif; font-style: italic; font-weight: 900; font-size: clamp(28px, 2.6vw, 38px); color: var(--navy); line-height: 1; }

    .org-name { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 13px; color: #4e4b72; text-align: center; line-height: 1.5; letter-spacing: 0.5px;}

    

    .sponsor-block {

      flex: 1 1 60%; border: 2px solid #ddd; border-radius: 20px;

      padding: 24px 32px; position: relative;

      display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px; min-height: 90px;

      background: #fff;

    }

    .sponsor-label {

      position: absolute; top: -14px; left: 50%; transform: translateX(-50%);

      background: #fff; padding: 0 16px;

      font-family: 'Alumni Sans', sans-serif; font-weight: 700; font-size: clamp(16px, 1.4vw, 22px);

      color: #2d2e2e; white-space: nowrap; letter-spacing: 1px;

    }

    .sponsor-logo { max-height: 48px; max-width: 140px; object-fit: contain; transition: transform 0.3s; }

    .sponsor-logo:hover { transform: scale(1.05); }



    .update-banner {

      background: #1452c4; color: #fff; text-align: center;

      padding: 16px 24px; font-family: 'Inter', sans-serif; font-weight: 600;

      font-size: clamp(14px, 1.6vw, 18px); line-height: 1.5;

    }



    /* ===================== TABLET (Max 960px) ===================== */

    @media (max-width: 960px) {

      .header-main { justify-content: center; text-align: center; }

      .divider-line, .divider-thick { display: none; }

      .header { flex-direction: column; text-align: center; }

      .dates-box { clip-path: none; border-radius: var(--radius); width: 100%; max-width: 400px; padding: 20px; }

      

      .main-section { flex-direction: column; }

      .exhibit-panel, .contact-panel { width: 100%; }

      .contact-panel { padding: 40px 20px; }

      

      .sponsor-block { margin-top: 16px; width: 100%; }

    }



    /* ===================== MOBILE (Max 640px) ===================== */

    @media (max-width: 640px) {

      .brand { align-items: center; }

      .exh-name { align-items: center; text-align: center; }



      /* .edition-block {

        background: #eef0fb; border-radius: 999px; padding: 8px 20px;

        gap: 6px; align-items: baseline;

      } */

      /* .edition-num { font-size: 24px; color: var(--navy); font-weight: 800; }

      .edition-th { font-size: 14px; color: var(--navy); } */

      .edition-label {

        display: inline; font-size: 12px; font-weight: 700; letter-spacing: 1px;

        text-transform: uppercase; color: var(--navy); margin-left: 4px;

      }



      .location-strip { flex-direction: column; gap: 12px; text-align: center; }

      .loc-hr { display: none; }

      .location-text { white-space: normal; }

      

      /* Force 2 columns min on mobile for chips to save vertical space */

      .who-grid { grid-template-columns: repeat(2, 1fr); }

      

      .stats-row { grid-template-columns: repeat(2, 1fr); gap: 12px; }

      /* Make the 5th odd block span full width on small screens */

      .stat-cell:nth-child(5) { grid-column: 1 / -1; }

      

      .footer { flex-direction: column; text-align: center; gap: 40px;}

    }



    /* ===================== TINY MOBILE (Max 400px) ===================== */

    @media (max-width: 400px) {

      .who-grid { grid-template-columns: repeat(2, 1fr); }

      .stat-cell:nth-child(5) { grid-column: auto; }

      .contact-btn, .contact-inner { max-width: 100%; }

    }