/* =====================================================================
   HERO SECTION v7 — unified showcase (text top + dashboard + social
   columns in ONE SVG, guaranteed to render both sides). Gold-on-black.
   No content/markup changes. SEO-safe (only visual style).
   ===================================================================== */

html, body { margin: 0 !important; padding: 0 !important; }
body.home   { background: #050300 !important; }

#main::before {
    display: none !important;
    background: none !important;
    content: none !important;
}

/* ---------- Dark stage with gold atmosphere ---------- */
main#main {
    position: relative;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 55% at 50% 30%, rgba(252, 211, 77, 0.22) 0%, transparent 60%),
        radial-gradient(ellipse 90% 60% at 50% 100%, rgba(234, 179, 8, 0.18) 0%, transparent 65%),
        radial-gradient(circle at 8% 45%, rgba(252, 211, 77, 0.10) 0%, transparent 30%),
        radial-gradient(circle at 92% 55%, rgba(252, 211, 77, 0.10) 0%, transparent 30%),
        linear-gradient(180deg, #050300 0%, #0a0700 40%, #100a00 70%, #070500 100%) !important;
}

main#main::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        linear-gradient(rgba(234, 179, 8, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(234, 179, 8, 0.05) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, #000 40%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, #000 40%, transparent 100%);
}

main#main #content-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
    z-index: 1;
}

/* ---------- TOP HERO TEXT ---------- */
section.hero {
    position: relative !important;
    width: 96% !important;
    max-width: 1120px;
    margin: 90px auto 0 !important;
    padding: 40px 20px 0 !important;
    text-align: center !important;
    z-index: 2;
    animation: nbHeroIn 1s ease-out both;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    isolation: isolate;
}

@keyframes nbHeroIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

section.hero::before { content: none !important; display: none !important; }

section.hero h1 {
    margin: 0 auto 22px !important;
    padding: 0 !important;
    position: relative;
    display: block;
}

/* ::before pill hidden — MUMBAI itself becomes the pill badge */
section.hero h1::before { content: none !important; display: none !important; }

section.hero .title {
    display: inline-block !important;
    padding: 8px 32px !important;
    margin: 0 auto 18px !important;
    background:
        linear-gradient(180deg, rgba(234, 179, 8, 0.18), rgba(234, 179, 8, 0.05)) padding-box,
        linear-gradient(135deg, #fbbf24, #78350f) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 0 22px rgba(234, 179, 8, 0.4) !important;
    color: #fcd34d !important;
    -webkit-text-fill-color: #fcd34d !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-style: normal !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 6px !important;
    line-height: 1 !important;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(252, 211, 77, 0.4);
    white-space: nowrap;
    animation: none !important;
}
@keyframes nbShimmer { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }

section.hero .subtitle {
    color: #f7f1e0 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 108px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    margin: 0 !important;
    text-shadow: 0 6px 30px rgba(0, 0, 0, 0.75), 0 0 60px rgba(234, 179, 8, 0.35);
    display: block;
    white-space: nowrap;
}

section.hero h1::after {
    content: "";
    display: block;
    width: 160px;
    height: 10px;
    margin: 28px auto 0;
    background:
        radial-gradient(circle at 50% 50%, #fbbf24 0, #fbbf24 3.5px, transparent 4px) center / 10px 10px no-repeat,
        linear-gradient(90deg, transparent 2%, #78350f 20%, #fbbf24 50%, #78350f 80%, transparent 98%) center / 100% 1px no-repeat;
    filter: drop-shadow(0 0 10px rgba(251, 191, 36, 0.55));
}

section.hero p {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #e6d6b0 !important;
    max-width: 760px;
    padding: 0 !important;
    margin: 22px auto 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    letter-spacing: 0.2px;
    font-weight: 400;
    text-align: center !important;
}

section.hero p::first-letter { font-size: inherit; color: inherit; background: none; -webkit-text-fill-color: inherit; float: none; padding: 0; }
section.hero p::before, section.hero p::after { display: none !important; content: none !important; }

/* ---------- UNIFIED SHOWCASE (main card + both social columns) ---------- */
section.hero::after {
    content: "";
    display: block;
    width: 100%;
    max-width: 1280px;
    aspect-ratio: 1400 / 540;
    margin: 60px auto 0 !important;
    position: relative;
    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 540' preserveAspectRatio='xMidYMid meet' font-family='Arial,Helvetica,sans-serif'>\
<defs>\
<radialGradient id='g' cx='50%25' cy='55%25' r='42%25'>\
<stop offset='0%25' stop-color='%23fde68a' stop-opacity='.32'/>\
<stop offset='55%25' stop-color='%23eab308' stop-opacity='.1'/>\
<stop offset='100%25' stop-color='%23eab308' stop-opacity='0'/>\
</radialGradient>\
<linearGradient id='gd' x1='0' x2='0' y1='0' y2='1'><stop offset='0%25' stop-color='%23fff3d1'/><stop offset='50%25' stop-color='%23fbbf24'/><stop offset='100%25' stop-color='%23a16207'/></linearGradient>\
<linearGradient id='cd' x1='0' x2='0' y1='0' y2='1'><stop offset='0%25' stop-color='%231d1400'/><stop offset='100%25' stop-color='%23090600'/></linearGradient>\
<linearGradient id='ot' x1='0' x2='0' y1='0' y2='1'><stop offset='0%25' stop-color='%23120b00'/><stop offset='100%25' stop-color='%23050300'/></linearGradient>\
</defs>\
\
<!-- MAIN CARD (center) -->\
<rect x='162' y='32' width='1076' height='476' rx='22' fill='url(%23ot)' stroke='%23eab308' stroke-width='1.2'/>\
<rect x='170' y='40' width='1060' height='460' rx='16' fill='none' stroke='%23eab308' stroke-opacity='.28'/>\
<ellipse cx='700' cy='290' rx='420' ry='180' fill='url(%23g)'/>\
\
<!-- Top pill tag -->\
<g transform='translate(700 80)'>\
<rect x='-280' y='-20' width='560' height='40' rx='20' fill='rgba(0,0,0,.65)' stroke='%23eab308' stroke-width='1'/>\
<circle cx='-256' cy='0' r='11' fill='%23180f00' stroke='%23eab308'/>\
<path d='M-256 -6 V 6 M-262 0 H -250' stroke='%23fcd34d' stroke-width='1.6' stroke-linecap='round'/>\
<text x='-234' y='5' font-size='14' fill='%23f4e8c2'>Browse </text>\
<text x='-185' y='5' font-size='14' fill='%23fcd34d' font-weight='700'>our escorts </text>\
<text x='-109' y='5' font-size='14' fill='%23f4e8c2'>for upcoming </text>\
<text x='-10' y='5' font-size='14' fill='%23fcd34d' font-weight='700'>private bookings </text>\
<text x='116' y='5' font-size='14' fill='%23f4e8c2'>in </text>\
<text x='136' y='5' font-size='14' fill='%23fcd34d' font-weight='700'>Mumbai</text>\
</g>\
\
<!-- CARD 1: VIP Event -->\
<g transform='translate(360 150)'>\
<rect width='180' height='170' rx='14' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.1'/>\
<circle cx='18' cy='22' r='4' fill='%23fcd34d'/>\
<text x='30' y='26' fill='%23fef3c7' font-size='12.5' font-weight='700'>VIP EVENT</text>\
<text x='18' y='54' fill='%23fbbf24' font-size='13' font-weight='600'>Saturday</text>\
<text x='18' y='76' fill='%23e6d6a0' font-size='11'>20:00 - 21:00 PM</text>\
<text x='18' y='94' fill='%23a16207' font-size='10'>Repeat : Every 1 Week</text>\
<g transform='translate(18 118)'>\
<circle cx='11' cy='14' r='12' fill='%23180f00' stroke='%23fbbf24'/>\
<circle cx='27' cy='14' r='12' fill='%23180f00' stroke='%23fbbf24'/>\
<circle cx='43' cy='14' r='12' fill='%23180f00' stroke='%23fbbf24'/>\
<circle cx='11' cy='14' r='6' fill='%23b45309'/><path d='M4 20 Q11 13 18 20' fill='%23fef3c7'/>\
<circle cx='27' cy='14' r='6' fill='%23a16207'/><path d='M20 20 Q27 13 34 20' fill='%23fde68a'/>\
<circle cx='43' cy='14' r='6' fill='%23b45309'/><path d='M36 20 Q43 13 50 20' fill='%23fbbf24'/>\
</g>\
</g>\
\
<!-- CARD 2: Model Session (highlighted) -->\
<g transform='translate(570 120)'>\
<rect width='200' height='180' rx='14' fill='url(%23cd)' stroke='%23fbbf24' stroke-width='1.5'/>\
<circle cx='18' cy='22' r='4' fill='%23eab308'/>\
<text x='30' y='26' fill='%23fef3c7' font-size='13' font-weight='700'>Model Session</text>\
<text x='18' y='54' fill='%23fbbf24' font-size='13' font-weight='600'>Thursday</text>\
<text x='18' y='76' fill='%23e6d6a0' font-size='11'>10:00 AM  12:00 AM</text>\
<g transform='translate(18 110)'>\
<circle cx='11' cy='14' r='13' fill='%23180f00' stroke='%23fbbf24'/>\
<circle cx='29' cy='14' r='13' fill='%23180f00' stroke='%23fbbf24'/>\
<circle cx='11' cy='14' r='7' fill='%23a16207'/><path d='M3 21 Q11 13 19 21' fill='%23fde68a'/>\
<circle cx='29' cy='14' r='7' fill='%23b45309'/><path d='M21 21 Q29 13 37 21' fill='%23fef3c7'/>\
</g>\
<g transform='translate(160 148)'>\
<path d='M-14 8 L-8 -4 L-4 4 L0 -6 L4 4 L8 -4 L14 8 Z' fill='url(%23gd)'/>\
<rect x='-14' y='8' width='28' height='3' fill='url(%23gd)'/>\
</g>\
</g>\
\
<!-- CARD 3: Russian Date -->\
<g transform='translate(800 150)'>\
<rect width='180' height='150' rx='14' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.1'/>\
<circle cx='18' cy='22' r='4' fill='%23f59e0b'/>\
<text x='30' y='26' fill='%23fef3c7' font-size='12.5' font-weight='700'>Russian Date</text>\
<text x='18' y='54' fill='%23fbbf24' font-size='13' font-weight='600'>Friday</text>\
<text x='18' y='76' fill='%23e6d6a0' font-size='11'>10 mins</text>\
<text x='18' y='94' fill='%23a16207' font-size='10'>Repeat : Every 8 Days</text>\
<g transform='translate(18 114)'>\
<circle cx='10' cy='10' r='10' fill='%23180f00' stroke='%23fbbf24'/>\
<circle cx='10' cy='10' r='5' fill='%23b45309'/><path d='M4 15 Q10 9 16 15' fill='%23fde68a'/>\
</g>\
</g>\
\
<!-- CARD 4: Andheri Visit -->\
<g transform='translate(440 330)'>\
<rect width='180' height='120' rx='14' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.1'/>\
<circle cx='18' cy='22' r='4' fill='%23f59e0b'/>\
<text x='30' y='26' fill='%23fef3c7' font-size='12.5' font-weight='700'>Andheri Visit</text>\
<text x='18' y='54' fill='%23fbbf24' font-size='13' font-weight='600'>Saturday</text>\
<text x='18' y='76' fill='%23e6d6a0' font-size='11'>04:00 - 07:00</text>\
<text x='18' y='94' fill='%23a16207' font-size='10'>Repeat : Every Day</text>\
</g>\
\
<!-- CARD 5: Juhu Meeting -->\
<g transform='translate(770 340)'>\
<rect width='180' height='110' rx='14' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.1'/>\
<circle cx='18' cy='22' r='4' fill='%23eab308'/>\
<text x='30' y='26' fill='%23fef3c7' font-size='12.5' font-weight='700'>Juhu Meeting</text>\
<text x='18' y='54' fill='%23fbbf24' font-size='13' font-weight='600'>Thursday</text>\
<text x='18' y='76' fill='%23e6d6a0' font-size='11'>01:00 PM - 02:00 PM</text>\
<circle cx='30' cy='95' r='10' fill='%23180f00' stroke='%23fbbf24' stroke-width='1'/>\
<circle cx='30' cy='95' r='5' fill='%23b45309'/><path d='M24 100 Q30 94 36 100' fill='%23fef3c7'/>\
</g>\
\
<!-- Bottom lightning badge -->\
<g transform='translate(700 450)'>\
<circle r='28' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.4'/>\
<circle r='21' fill='none' stroke='%23eab308' stroke-dasharray='1 3' opacity='.6'/>\
<path d='M3 -14 L-7 3 L-2 3 L-5 14 L7 -4 L2 -4 L5 -14 Z' fill='url(%23gd)' stroke='%23fbbf24' stroke-width='.5'/>\
</g>\
<g transform='translate(700 485)'>\
<rect x='-115' y='-14' width='230' height='28' rx='14' fill='rgba(0,0,0,.75)' stroke='%23eab308'/>\
<text x='0' y='5' text-anchor='middle' font-size='12' fill='%23fef3c7' font-weight='600'>Instant 24/7 Premium Booking</text>\
</g>\
\
<!-- LEFT SOCIAL COLUMN with dashed connectors -->\
<g>\
<g fill='none' stroke='%23eab308' stroke-width='1.1' stroke-dasharray='3 5' opacity='.7'>\
<path d='M100 80 H 170'/><path d='M100 170 H 170'/><path d='M100 260 H 170'/><path d='M100 350 H 170'/><path d='M100 440 H 170'/>\
</g>\
<g fill='%23eab308'>\
<circle cx='166' cy='80' r='5'/><circle cx='166' cy='170' r='5'/><circle cx='166' cy='260' r='5'/><circle cx='166' cy='350' r='5'/><circle cx='166' cy='440' r='5'/>\
</g>\
<!-- WhatsApp -->\
<rect x='40' y='54' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(67 81)'>\
<circle r='16' fill='url(%23gd)'/>\
<path d='M-10 6 C-12 4 -13 1 -13 -2 C-13 -7 -9 -11 -4 -11 C1 -11 5 -7 5 -2 C5 3 1 7 -4 7 C-6 7 -8 6.5 -9 6 L-13 7 L-11 3 Z' fill='%23050300'/>\
<path d='M-7 -4 Q-6 -2 -4 0 Q-2 2 0 3' stroke='url(%23gd)' stroke-width='1.2' fill='none' stroke-linecap='round'/>\
</g>\
<!-- Instagram -->\
<rect x='40' y='144' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(67 171)'>\
<rect x='-12' y='-12' width='24' height='24' rx='6' fill='none' stroke='url(%23gd)' stroke-width='2'/>\
<circle cx='0' cy='0' r='6' fill='none' stroke='url(%23gd)' stroke-width='2'/>\
<circle cx='7' cy='-7' r='1.6' fill='url(%23gd)'/>\
</g>\
<!-- Facebook -->\
<rect x='40' y='234' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(67 261)'>\
<circle r='14' fill='url(%23gd)'/>\
<path d='M2 -8 L6 -8 L6 -4 L2 -4 Q-1 -4 -1 -1 L-1 2 L5 2 L4 6 L-1 6 L-1 12 L-5 12 L-5 6 L-8 6 L-8 2 L-5 2 L-5 -1 Q-5 -8 2 -8 Z' fill='%23050300'/>\
</g>\
<!-- X/Twitter -->\
<rect x='40' y='324' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(67 351)'>\
<circle r='14' fill='url(%23gd)'/>\
<path d='M-7 -7 L-3 -7 L0 -3 L3 -7 L7 -7 L2 -1 L8 7 L4 7 L0 2 L-4 7 L-8 7 L-2 -1 Z' fill='%23050300'/>\
</g>\
<!-- Telegram -->\
<rect x='40' y='414' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(67 441)'>\
<circle r='14' fill='url(%23gd)'/>\
<path d='M-9 0 L9 -7 L6 8 L-1 3 Z' fill='%23050300'/>\
<path d='M-1 3 L-1 7 L1 5' fill='url(%23gd)'/>\
</g>\
</g>\
\
<!-- RIGHT SOCIAL COLUMN with dashed connectors -->\
<g>\
<g fill='none' stroke='%23eab308' stroke-width='1.1' stroke-dasharray='3 5' opacity='.7'>\
<path d='M1230 80 H 1300'/><path d='M1230 170 H 1300'/><path d='M1230 260 H 1300'/><path d='M1230 350 H 1300'/><path d='M1230 440 H 1300'/>\
</g>\
<g fill='%23eab308'>\
<circle cx='1234' cy='80' r='5'/><circle cx='1234' cy='170' r='5'/><circle cx='1234' cy='260' r='5'/><circle cx='1234' cy='350' r='5'/><circle cx='1234' cy='440' r='5'/>\
</g>\
<!-- YouTube -->\
<rect x='1306' y='54' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(1333 81)'>\
<rect x='-16' y='-10' width='32' height='20' rx='5' fill='url(%23gd)'/>\
<path d='M-3 -5 L6 0 L-3 5 Z' fill='%23050300'/>\
</g>\
<!-- Email -->\
<rect x='1306' y='144' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(1333 171)'>\
<rect x='-14' y='-10' width='28' height='20' rx='3' fill='url(%23gd)'/>\
<path d='M-13 -9 L0 2 L13 -9' fill='none' stroke='%23050300' stroke-width='1.4' stroke-linejoin='round'/>\
</g>\
<!-- LinkedIn -->\
<rect x='1306' y='234' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(1333 261)'>\
<rect x='-13' y='-13' width='26' height='26' rx='4' fill='url(%23gd)'/>\
<rect x='-9' y='-4' width='4' height='12' fill='%23050300'/>\
<circle cx='-7' cy='-8' r='2.2' fill='%23050300'/>\
<path d='M-1 -4 L-1 8 L3 8 L3 1 Q3 -1 5 -1 Q7 -1 7 1 L7 8 L11 8 L11 0 Q11 -4 7 -4 Q4 -4 3 -2 L3 -4 Z' fill='%23050300'/>\
</g>\
<!-- TikTok -->\
<rect x='1306' y='324' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(1333 351)'>\
<circle r='14' fill='url(%23gd)'/>\
<path d='M2 -9 L2 4 Q2 8 -2 8 Q-6 8 -6 4 Q-6 0 -2 0 L-2 -3 Q-9 -3 -9 4 Q-9 11 -2 11 Q5 11 5 4 L5 -3 Q8 -1 11 -1 L11 -4 Q6 -4 5 -9 Z' fill='%23050300'/>\
</g>\
<!-- Verified -->\
<rect x='1306' y='414' width='54' height='54' rx='13' fill='url(%23cd)' stroke='%23eab308' stroke-width='1.2'/>\
<g transform='translate(1333 441)'>\
<circle r='16' fill='url(%23gd)'/>\
<path d='M-8 0 L-2 6 L10 -7' stroke='%23050300' stroke-width='2.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/>\
</g>\
</g>\
</svg>");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 40px rgba(234, 179, 8, 0.22));
}

/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
    section.hero .title    { font-size: 14px !important; letter-spacing: 5px !important; padding: 7px 28px !important; }
    section.hero .subtitle { font-size: 94px !important; }
}

@media (max-width: 1000px) {
    section.hero .title    { font-size: 13px !important; letter-spacing: 4px !important; padding: 6px 24px !important; }
    section.hero .subtitle { font-size: 78px !important; }
}

@media (max-width: 768px) {
    section.hero { padding: 30px 14px 0 !important; margin: 60px auto 0 !important; }
    section.hero .title    { font-size: 12px !important; letter-spacing: 3.5px !important; padding: 6px 22px !important; }
    section.hero .subtitle { font-size: 58px !important; }
    section.hero h1::after  { width: 130px; margin-top: 22px; }
    section.hero p         { font-size: 15px !important; line-height: 1.7 !important; }
    section.hero::after    { margin: 40px auto 0 !important; }
}

@media (max-width: 600px) {
    /* Mobile-optimized — compact mini-list layout (clean modern app-style) */
    section.hero::after {
        aspect-ratio: 360 / 560;
        max-width: 360px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 560' preserveAspectRatio='xMidYMid meet' font-family='Arial,Helvetica,sans-serif'>\
<defs>\
<radialGradient id='glw' cx='50%25' cy='30%25' r='60%25'><stop offset='0%25' stop-color='%23fde68a' stop-opacity='.24'/><stop offset='100%25' stop-color='%23eab308' stop-opacity='0'/></radialGradient>\
<linearGradient id='gd' x1='0' x2='0' y1='0' y2='1'><stop offset='0%25' stop-color='%23fff3d1'/><stop offset='50%25' stop-color='%23fbbf24'/><stop offset='100%25' stop-color='%23a16207'/></linearGradient>\
<linearGradient id='row' x1='0' x2='1' y1='0' y2='0'><stop offset='0%25' stop-color='%23160e00'/><stop offset='100%25' stop-color='%230a0700'/></linearGradient>\
<linearGradient id='ot' x1='0' x2='0' y1='0' y2='1'><stop offset='0%25' stop-color='%23120b00'/><stop offset='100%25' stop-color='%23050300'/></linearGradient>\
</defs>\
\
<!-- Outer frame -->\
<rect x='2' y='2' width='356' height='556' rx='22' fill='url(%23ot)' stroke='%23eab308' stroke-width='1.2'/>\
<rect x='9' y='9' width='342' height='542' rx='16' fill='none' stroke='%23eab308' stroke-opacity='.25'/>\
<ellipse cx='180' cy='180' rx='200' ry='220' fill='url(%23glw)'/>\
\
<!-- Top pill -->\
<g transform='translate(180 44)'>\
<rect x='-140' y='-18' width='280' height='36' rx='18' fill='rgba(0,0,0,.7)' stroke='%23eab308'/>\
<circle cx='-118' cy='0' r='10' fill='%23180f00' stroke='%23eab308'/>\
<path d='M-118 -5 V 5 M-123 0 H -113' stroke='%23fcd34d' stroke-width='1.5' stroke-linecap='round'/>\
<text x='-100' y='4' font-size='11.5' fill='%23f4e8c2'>Browse </text>\
<text x='-57' y='4' font-size='11.5' fill='%23fcd34d' font-weight='700'>escorts </text>\
<text x='-15' y='4' font-size='11.5' fill='%23f4e8c2'>in </text>\
<text x='0' y='4' font-size='11.5' fill='%23fcd34d' font-weight='700'>Mumbai</text>\
</g>\
\
<!-- Thin divider -->\
<g transform='translate(180 80)'>\
<path d='M-30 0 H-8 M8 0 H30' stroke='%23c4862a' stroke-width='.7' opacity='.7'/>\
<path d='M0 -3 L1 -0.8 L3 0 L1 0.8 L0 3 L-1 0.8 L-3 0 L-1 -0.8 Z' fill='%23fbbf24'/>\
</g>\
\
<!-- ROW 1: VIP Event -->\
<g transform='translate(20 102)'>\
<rect width='320' height='68' rx='14' fill='url(%23row)' stroke='%23eab308' stroke-width='1'/>\
<!-- left icon badge -->\
<circle cx='34' cy='34' r='20' fill='rgba(234,179,8,0.12)' stroke='%23fbbf24' stroke-width='.8'/>\
<path d='M34 46 C34 46 20 38 20 28 C20 24 23 22 26 22 C29 22 32 24 34 28 C36 24 39 22 42 22 C45 22 48 24 48 28 C48 38 34 46 34 46Z' fill='url(%23gd)'/>\
<!-- title -->\
<text x='66' y='28' fill='%23fef3c7' font-size='13.5' font-weight='700'>VIP EVENT</text>\
<!-- meta -->\
<text x='66' y='46' fill='%23fbbf24' font-size='11' font-weight='600'>Saturday</text>\
<text x='120' y='46' fill='%23a16207' font-size='10'>• 20:00 - 21:00</text>\
<text x='66' y='60' fill='%23a16207' font-size='10'>Repeat : Every 1 Week</text>\
<!-- chevron / status -->\
<g transform='translate(292 34)'>\
<circle r='10' fill='rgba(234,179,8,0.15)' stroke='%23fbbf24' stroke-width='.6'/>\
<path d='M-2 -4 L3 0 L-2 4' stroke='%23fcd34d' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round'/>\
</g>\
</g>\
\
<!-- ROW 2: Model Session (HIGHLIGHTED) -->\
<g transform='translate(20 184)'>\
<rect width='320' height='76' rx='14' fill='url(%23row)' stroke='%23fbbf24' stroke-width='1.6'/>\
<!-- left icon badge -->\
<circle cx='34' cy='38' r='22' fill='rgba(234,179,8,0.18)' stroke='%23fbbf24'/>\
<path d='M22 44 L28 30 L32 40 L34 26 L36 40 L40 30 L46 44 Z' fill='url(%23gd)'/>\
<rect x='22' y='44' width='24' height='3' fill='url(%23gd)'/>\
<!-- title -->\
<text x='68' y='30' fill='%23fff3d1' font-size='14' font-weight='800'>Model Session</text>\
<!-- meta -->\
<text x='68' y='48' fill='%23fbbf24' font-size='11' font-weight='600'>Thursday</text>\
<text x='122' y='48' fill='%23a16207' font-size='10'>• 10 AM - 12 AM</text>\
<text x='68' y='64' fill='%23a16207' font-size='10'>Premium Model Service</text>\
<!-- Featured badge -->\
<g transform='translate(294 38)'>\
<circle r='14' fill='url(%23gd)' stroke='%23fbbf24'/>\
<path d='M0 -7 L2 -2 L7 -2 L3 1 L4 6 L0 3 L-4 6 L-3 1 L-7 -2 L-2 -2 Z' fill='%23090600'/>\
</g>\
</g>\
\
<!-- ROW 3: Andheri Visit -->\
<g transform='translate(20 274)'>\
<rect width='320' height='68' rx='14' fill='url(%23row)' stroke='%23eab308' stroke-width='1'/>\
<!-- left icon badge -->\
<circle cx='34' cy='34' r='20' fill='rgba(234,179,8,0.12)' stroke='%23fbbf24' stroke-width='.8'/>\
<path d='M34 24 C28 24 24 28 24 34 C24 42 34 48 34 48 C34 48 44 42 44 34 C44 28 40 24 34 24Z' fill='url(%23gd)'/>\
<circle cx='34' cy='34' r='3' fill='%230a0700'/>\
<!-- title -->\
<text x='66' y='28' fill='%23fef3c7' font-size='13.5' font-weight='700'>Andheri Visit</text>\
<text x='66' y='46' fill='%23fbbf24' font-size='11' font-weight='600'>Friday</text>\
<text x='102' y='46' fill='%23a16207' font-size='10'>• Available 24/7</text>\
<text x='66' y='60' fill='%23a16207' font-size='10'>Instant booking</text>\
<g transform='translate(292 34)'>\
<circle r='10' fill='rgba(234,179,8,0.15)' stroke='%23fbbf24' stroke-width='.6'/>\
<path d='M-2 -4 L3 0 L-2 4' stroke='%23fcd34d' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round'/>\
</g>\
</g>\
\
<!-- ROW 4: Juhu Meeting -->\
<g transform='translate(20 356)'>\
<rect width='320' height='68' rx='14' fill='url(%23row)' stroke='%23eab308' stroke-width='1'/>\
<!-- left icon badge: phone -->\
<circle cx='34' cy='34' r='20' fill='rgba(234,179,8,0.12)' stroke='%23fbbf24' stroke-width='.8'/>\
<path d='M44 41 V 44 Q 44 46 42 46 A 15 15 0 0 1 26 30 Q 26 28 28 28 H 31 Q 33 28 33 30 Q 33 32 34 34 Q 35 35 33 36 L 31 37 Q 35 42 38 40 L 40 38 Q 41 38 42 39 L 44 41 Z' fill='url(%23gd)'/>\
<!-- title -->\
<text x='66' y='28' fill='%23fef3c7' font-size='13.5' font-weight='700'>Juhu Meeting</text>\
<text x='66' y='46' fill='%23fbbf24' font-size='11' font-weight='600'>Thursday</text>\
<text x='115' y='46' fill='%23a16207' font-size='10'>• 01 - 02 PM</text>\
<text x='66' y='60' fill='%23a16207' font-size='10'>Premium service</text>\
<g transform='translate(292 34)'>\
<circle r='10' fill='rgba(234,179,8,0.15)' stroke='%23fbbf24' stroke-width='.6'/>\
<path d='M-2 -4 L3 0 L-2 4' stroke='%23fcd34d' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round'/>\
</g>\
</g>\
\
<!-- Bottom lightning badge -->\
<g transform='translate(180 460)'>\
<circle r='26' fill='%230a0700' stroke='%23eab308' stroke-width='1.4'/>\
<circle r='20' fill='none' stroke='%23eab308' stroke-dasharray='1 3' opacity='.6'/>\
<path d='M3 -13 L-6 3 L-1 3 L-4 13 L6 -3 L1 -3 L4 -13 Z' fill='url(%23gd)' stroke='%23fbbf24' stroke-width='.5'/>\
</g>\
<!-- Bottom pill -->\
<g transform='translate(180 504)'>\
<rect x='-120' y='-13' width='240' height='26' rx='13' fill='rgba(0,0,0,.8)' stroke='%23eab308'/>\
<text x='0' y='4' text-anchor='middle' font-size='11' fill='%23fef3c7' font-weight='600'>Instant 24/7 Premium Booking</text>\
</g>\
\
<!-- Corner sparkles -->\
<g fill='%23fbbf24' opacity='.55'>\
<path d='M24 100 L25 102 L27 103 L25 104 L24 106 L23 104 L21 103 L23 102 Z'/>\
<path d='M336 260 L337 262 L339 263 L337 264 L336 266 L335 264 L333 263 L335 262 Z'/>\
<path d='M24 430 L25 432 L27 433 L25 434 L24 436 L23 434 L21 433 L23 432 Z'/>\
</g>\
</svg>");
    }
    section.hero .title    { font-size: 11px !important; letter-spacing: 3px !important; padding: 5px 18px !important; }
    section.hero .subtitle { font-size: 48px !important; }
    section.hero h1::after  { width: 110px; margin-top: 20px; }
    section.hero p         { font-size: 14px !important; }
}

@media (max-width: 420px) {
    section.hero .title    { font-size: 10px !important; letter-spacing: 2.5px !important; padding: 5px 16px !important; }
    section.hero .subtitle { font-size: 40px !important; }
}

@media (max-width: 360px) {
    section.hero .subtitle { font-size: 34px !important; }
}