<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
  <defs>
    <!-- Gradients -->
    <radialGradient id="goldBg" cx="50%" cy="50%" r="50%">
      <stop offset="0%" stop-color="#FFF5DC"/>
      <stop offset="70%" stop-color="#FCEABB"/>
      <stop offset="100%" stop-color="#F8D375"/>
    </radialGradient>
    
    <linearGradient id="goldBorder" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#E5A93C"/>
      <stop offset="50%" stop-color="#FCE8A6"/>
      <stop offset="100%" stop-color="#B88217"/>
    </linearGradient>

    <linearGradient id="maroonRibbon" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#5C061C"/>
      <stop offset="50%" stop-color="#7A0926"/>
      <stop offset="100%" stop-color="#400311"/>
    </linearGradient>

    <linearGradient id="teaGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#D97724"/>
      <stop offset="50%" stop-color="#B8530E"/>
      <stop offset="100%" stop-color="#803303"/>
    </linearGradient>
    
    <linearGradient id="bunGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#E89B3E"/>
      <stop offset="60%" stop-color="#CD7919"/>
      <stop offset="100%" stop-color="#9C5209"/>
    </linearGradient>

    <filter id="dropShadow" x="-10%" y="-10%" width="120%" height="120%">
      <feDropShadow dx="0" dy="4" stdDeviation="6" flood-opacity="0.3"/>
    </filter>
    
    <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="3" result="blur" />
      <feComposite in="SourceGraphic" in2="blur" operator="over" />
    </filter>
  </defs>

  <!-- Outer Circle Border -->
  <circle cx="250" cy="250" r="235" fill="url(#goldBorder)" filter="url(#dropShadow)"/>
  <circle cx="250" cy="250" r="222" fill="#FFFFFF"/>
  <circle cx="250" cy="250" r="215" fill="url(#goldBg)"/>
  <circle cx="250" cy="250" r="208" fill="none" stroke="#D4932B" stroke-width="2" stroke-dasharray="6,4"/>

  <!-- Steam Vectors -->
  <g stroke="#E07A18" stroke-width="4" stroke-linecap="round" fill="none" opacity="0.75" filter="url(#glow)">
    <path d="M 215 155 Q 205 130 220 105 Q 230 85 220 65" />
    <path d="M 240 150 Q 255 125 245 100 Q 235 80 250 60" />
    <path d="M 265 155 Q 255 135 270 110 Q 280 90 270 70" />
  </g>

  <!-- Bun Maska (Bottom behind/with tea) -->
  <g transform="translate(180, 210)">
    <!-- Bottom Bun -->
    <ellipse cx="70" cy="85" rx="75" ry="32" fill="#C47517"/>
    <!-- Maska Butter Layer -->
    <ellipse cx="70" cy="72" rx="72" ry="20" fill="#FFF7CE"/>
    <path d="M 10 72 Q 70 92 135 72 Q 130 82 70 85 Q 15 82 10 72 Z" fill="#FFE885"/>
    <!-- Top Bun -->
    <path d="M 0 65 C -5 20, 145 20, 140 65 Z" fill="url(#bunGradient)"/>
    <!-- Bun highlight -->
    <ellipse cx="65" cy="35" rx="45" ry="14" fill="#FCE197" opacity="0.4"/>
  </g>

  <!-- Traditional Ribbed Chai Glass -->
  <g transform="translate(195, 125)">
    <!-- Glass Outer Shadow -->
    <polygon points="12,130 78,130 88,10 2,10" fill="rgba(0,0,0,0.15)"/>
    
    <!-- Tea Liquid Content -->
    <polygon points="15,122 75,122 84,24 6,24" fill="url(#teaGradient)"/>
    
    <!-- Tea Foam / Milk Layer Top -->
    <ellipse cx="45" cy="24" rx="39" ry="8" fill="#F0C594"/>
    <ellipse cx="45" cy="25" rx="36" ry="6" fill="#E2AB6F"/>

    <!-- Glass Body Outer Shell -->
    <polygon points="10,128 80,128 90,8 0,8" fill="rgba(255,255,255,0.25)" stroke="#FFFFFF" stroke-width="3"/>
    
    <!-- Vertical Glass Ribs/Facets -->
    <line x1="18" y1="12" x2="24" y2="124" stroke="rgba(255,255,255,0.6)" stroke-width="3"/>
    <line x1="36" y1="12" x2="38" y2="124" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
    <line x1="54" y1="12" x2="52" y2="124" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
    <line x1="72" y1="12" x2="66" y2="124" stroke="rgba(255,255,255,0.6)" stroke-width="3"/>
    
    <!-- Glass Bottom Base Thickness -->
    <polygon points="10,128 80,128 77,136 13,136" fill="rgba(255,255,255,0.7)"/>
    <line x1="0" y1="8" x2="90" y2="8" stroke="#FFFFFF" stroke-width="4"/>
  </g>

  <!-- Subtitle Taglines in Gold Arc Area -->
  <text x="385" y="165" font-family="'Noto Sans Devanagari', 'Mukta', sans-serif" font-weight="700" font-size="15" fill="#5C061C" text-anchor="middle">असली मक्खन</text>
  <text x="385" y="185" font-family="'Noto Sans Devanagari', 'Mukta', sans-serif" font-weight="700" font-size="15" fill="#5C061C" text-anchor="middle">बन मस्का...</text>

  <text x="135" y="340" font-family="'Noto Sans Devanagari', 'Mukta', sans-serif" font-weight="700" font-size="16" fill="#5C061C" text-anchor="middle">अस्सल</text>

  <!-- Main Banner Ribbon for Brand Name -->
  <g transform="translate(0, 310)">
    <!-- Ribbon Shadow/Back Wings -->
    <polygon points="40,65 70,25 70,80" fill="#36020E"/>
    <polygon points="460,65 430,25 430,80" fill="#36020E"/>
    
    <!-- Main Ribbon Body -->
    <path d="M 45 25 L 455 25 L 475 60 L 455 90 L 45 90 L 25 60 Z" fill="url(#maroonRibbon)" stroke="#F8D375" stroke-width="2"/>
    
    <!-- Text inside Ribbon -->
    <text x="250" y="73" font-family="'Noto Sans Devanagari', 'Yatra One', 'Mukta', sans-serif" font-weight="900" font-size="44" fill="#FFFFFF" text-anchor="middle" letter-spacing="1.5" filter="url(#dropShadow)">चहाप्रेमी</text>
  </g>

  <!-- Established Year -->
  <text x="250" y="425" font-family="'Poppins', sans-serif" font-weight="600" font-size="16" fill="#5C061C" text-anchor="middle" letter-spacing="3">SINCE 2018</text>
  <line x1="150" y1="420" x2="190" y2="420" stroke="#5C061C" stroke-width="2"/>
  <line x1="310" y1="420" x2="350" y2="420" stroke="#5C061C" stroke-width="2"/>
</svg>
