:root{
  --navy:#07152e;
  --navy-2:#0b2347;
  --navy-3:#102d57;
  --gold:#e5c15a;
  --gold-2:#f7de8a;
  --gold-dark:#b48520;
  --ink:#f7f0d0;
  --muted:#c3c9d5;
  --line:rgba(229,193,90,.22);
  --green:#25c06d;
  --orange:#ff8f38;
  --blue:#22a8e8;
  --shadow:0 18px 42px rgba(0,0,0,.28);
  --shadow-card:0 10px 26px rgba(0,0,0,.24);
  --radius:26px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{
  min-width:320px;
  overflow-x:hidden;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 10%,rgba(229,193,90,.10),transparent 18%),
    radial-gradient(circle at 85% 22%,rgba(54,104,191,.12),transparent 20%),
    linear-gradient(180deg,#041022 0%,#07152e 42%,#020917 100%);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
body::before, body::after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:-1;opacity:.28}
body::before{width:320px;height:320px;left:-120px;top:140px;border:1px solid rgba(229,193,90,.18);border-radius:50%}
body::after{width:280px;height:280px;right:-90px;bottom:100px;border:1px solid rgba(229,193,90,.14);border-radius:50%}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.section{width:min(1120px,calc(100% - 30px));margin:auto;padding:42px 0}

.topbar{
  position:sticky;top:0;z-index:80;
  min-height:82px;
  display:flex;align-items:center;justify-content:space-between;
  padding:10px max(18px,calc((100vw - 1120px)/2));
  border-bottom:1px solid rgba(229,193,90,.14);
  background:rgba(5,18,39,.92);
  box-shadow:0 8px 26px rgba(0,0,0,.25);
  backdrop-filter:blur(12px);
}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand img{width:58px;height:58px;object-fit:contain;border-radius:18px;box-shadow:0 0 0 1px rgba(229,193,90,.25)}
.brand span{font-size:30px;font-weight:900;letter-spacing:-.03em;color:var(--gold-2);text-shadow:0 2px 16px rgba(229,193,90,.14)}
.top-actions{display:flex;gap:12px;align-items:center}
.round-header-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy-3),var(--navy));border:1px solid rgba(229,193,90,.28);box-shadow:var(--shadow-card)}
.round-header-btn svg{width:25px;height:25px;fill:var(--gold-2)}
.menu-btn{width:48px;height:48px;border:1px solid rgba(229,193,90,.28);border-radius:16px;background:linear-gradient(145deg,var(--navy-3),var(--navy));display:grid;align-content:center;gap:5px;padding:8px;cursor:pointer;box-shadow:var(--shadow-card)}
.menu-btn span{display:block;height:4px;border-radius:8px;background:var(--gold-2);transition:.2s}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.mobile-menu{position:absolute;top:100%;right:max(15px,calc((100vw - 1120px)/2));width:min(340px,calc(100vw - 30px));padding:10px;background:rgba(6,20,43,.98);border:1px solid rgba(229,193,90,.22);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.45);display:none}
.mobile-menu.open{display:block}
.mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:12px;font-weight:800;color:var(--ink)}
.mobile-menu a:hover{background:rgba(229,193,90,.08);color:var(--gold-2)}
.mobile-menu a::after{content:"ƒA";font-size:24px;color:var(--gold)}

.hero{width:min(1160px,calc(100% - 22px));margin:0 auto;padding:36px 28px 28px;display:grid;grid-template-columns:1.02fr .88fr;align-items:center;gap:26px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(9,27,58,.96) 0%,rgba(6,18,39,.98) 70%,rgba(4,12,24,1) 100%);border:1px solid rgba(229,193,90,.18);border-radius:0 0 34px 34px;box-shadow:var(--shadow)}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.hero::before{width:260px;height:260px;left:-90px;top:110px;border:28px solid rgba(229,193,90,.05)}
.hero::after{width:210px;height:210px;right:-70px;bottom:-100px;background:rgba(229,193,90,.05)}
.hero-copy,.hero-media{position:relative;z-index:1}
.eyebrow{font-size:13px;font-weight:950;letter-spacing:.20em;color:var(--gold-2);text-transform:uppercase}
.hero-wordmark{margin:8px 0 10px;font-size:clamp(38px,5vw,68px);line-height:1;font-weight:900;letter-spacing:-.05em}
.hero-wordmark span,.hero-wordmark b{color:var(--gold-2);text-shadow:0 0 24px rgba(229,193,90,.18)}
.hero-wordmark b{font-size:.54em;font-style:normal}
.hero h1{max-width:600px;font-size:clamp(30px,4.1vw,52px);line-height:1.04;letter-spacing:-.04em;color:#fff8dd}
.hero-sub{max-width:620px;margin:15px 0 19px;color:var(--muted);font-size:16px}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.hero-chips span{padding:8px 13px;border-radius:999px;background:rgba(229,193,90,.08);border:1px solid rgba(229,193,90,.18);color:#f9eab7;font-size:12px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.download-btn{min-height:70px;width:min(540px,100%);display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 26px;border-radius:999px;background:linear-gradient(100deg,var(--gold-dark) 0%,var(--gold) 45%,#f4d676 100%);color:#0b1528;font-size:clamp(20px,2.2vw,28px);font-weight:900;box-shadow:0 16px 30px rgba(181,133,32,.28);border:2px solid rgba(255,241,196,.65)}
.download-btn svg{width:32px;height:32px;fill:none;stroke:#0b1528;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.download-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}
.quick-support{margin-top:17px;display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.quick-support>span{font-weight:950;font-size:20px;color:#fff4c8}
.quick-support>div{display:flex;gap:8px}
.mini-btn{padding:10px 16px;border-radius:999px;color:#fff;font-weight:800;font-size:13px;border:1px solid rgba(255,255,255,.12)}
.mini-btn.call{background:linear-gradient(90deg,#ff7a24,#ff9d41)}
.mini-btn.whatsapp{background:#00b761}
.hero-media{display:flex;justify-content:center;align-self:end}
.hero-media img{width:min(380px,100%);border-radius:28px;box-shadow:0 20px 46px rgba(0,0,0,.35);border:1px solid rgba(229,193,90,.2)}

.section-title{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:18px;text-align:center}
.section-title h2{font-size:clamp(24px,3.5vw,38px);letter-spacing:-.03em;color:#fff6d8}
.section-title h2 strong{color:var(--gold-2)}
.section-title .line{width:72px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--gold))}
.section-title .line:last-child{transform:scaleX(-1)}
.title-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--gold-dark),var(--gold));color:#0b1528;font-size:23px;font-weight:900;box-shadow:0 0 18px rgba(229,193,90,.25)}

.showcase-section{padding-top:34px}
.showcase-title h2{font-size:clamp(32px,5vw,66px);letter-spacing:-.04em;text-shadow:0 4px 30px rgba(229,193,90,.18)}
.showcase-intro{max-width:760px;margin:0 auto 20px;text-align:center;color:var(--muted);font-size:15px}
.phone-carousel{display:flex;gap:18px;overflow-x:auto;padding:8px 8px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(229,193,90,.45) transparent}
.phone-carousel::-webkit-scrollbar{height:9px}.phone-carousel::-webkit-scrollbar-thumb{background:rgba(229,193,90,.4);border-radius:999px}
.phone-shot{min-width:min(260px,72vw);max-width:260px;scroll-snap-align:start;flex:0 0 auto;background:linear-gradient(180deg,rgba(10,28,57,.95),rgba(4,14,30,.95));border:1px solid rgba(229,193,90,.22);border-radius:30px;padding:10px;box-shadow:var(--shadow-card)}
.phone-shot img{width:100%;aspect-ratio:9/18.5;object-fit:cover;border-radius:22px}

.rate-section{padding-top:36px}
.rate-card{overflow:hidden;border:1px solid rgba(229,193,90,.18);border-radius:25px;background:linear-gradient(180deg,rgba(12,31,62,.94),rgba(6,18,39,.94));box-shadow:var(--shadow);padding:8px 22px}
.rate-row{min-height:68px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid rgba(229,193,90,.12)}
.rate-row:last-child{border-bottom:0}
.rate-row i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold-dark),var(--gold));color:#08172f;font-style:normal;font-size:13px;font-weight:950}
.rate-row b{font-size:18px;color:#fff7df}
.rate-row span{color:var(--gold-2);font-size:18px;font-weight:950;white-space:nowrap}

.results-section{padding-top:18px}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 16px;color:var(--muted);font-size:13px}
.live-badge{padding:6px 10px;border-radius:999px;background:rgba(229,193,90,.10);color:var(--gold-2);font-size:11px;font-weight:950;letter-spacing:.08em;border:1px solid rgba(229,193,90,.16)}
.live-badge i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#16c96d;box-shadow:0 0 0 4px rgba(22,201,109,.13)}
.market-list{display:grid;gap:15px}
.market-card{min-height:132px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:19px 20px;border-radius:22px;background:linear-gradient(180deg,rgba(12,31,62,.96),rgba(6,18,39,.96));border:1px solid rgba(229,193,90,.17);box-shadow:var(--shadow-card)}
.market-name{font-size:20px;font-weight:950;letter-spacing:.01em;color:#fff4c8}
.market-result{margin-top:5px;font-size:23px;font-weight:950;letter-spacing:.075em;color:#fff}
.market-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:7px;color:var(--muted);font-size:11px;font-weight:700}
.chart-links{display:flex;gap:12px;align-items:center;margin-top:10px}
.chart-links a{color:var(--gold-2);font-size:14px;font-weight:900}
.chart-links span{color:#c0b284}
.play-btn{min-width:132px;height:52px;border:1px solid rgba(255,241,196,.55);border-radius:999px;padding:0 10px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:11px;background:linear-gradient(90deg,var(--gold-dark),var(--gold));color:#07152e;font-size:17px;font-weight:850;box-shadow:0 9px 20px rgba(181,133,32,.25);cursor:pointer}
.play-btn i{width:36px;height:36px;border-radius:50%;background:#0b1b34;display:grid;place-items:center}
.play-btn i::before{content:"";margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--gold-2)}
.play-btn:hover{transform:translateY(-1px)}
.skeleton-card{height:132px;overflow:hidden}.skeleton{height:80px;border-radius:15px;background:linear-gradient(90deg,rgba(229,193,90,.08) 25%,rgba(255,255,255,.08) 50%,rgba(229,193,90,.08) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}

.chart-section{padding-top:18px}
.chart-intro{max-width:720px;margin:-8px auto 20px;text-align:center;color:var(--muted);font-size:14px}
.chart-market-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.chart-market-list a{min-height:58px;padding:13px 15px;border-radius:18px;background:linear-gradient(180deg,rgba(12,31,62,.94),rgba(6,18,39,.94));border:1px solid rgba(229,193,90,.17);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow-card);font-size:13px;font-weight:850}
.chart-market-list a b{color:var(--gold-2);font-size:11px;white-space:nowrap}

.info-section{display:grid;gap:18px}
.info-card{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:17px;min-height:170px;padding:24px;border-radius:22px;background:linear-gradient(180deg,rgba(12,31,62,.94),rgba(6,18,39,.94));border:1px solid rgba(229,193,90,.17);box-shadow:var(--shadow-card)}
.info-card h2{color:var(--gold-2);font-size:22px;line-height:1.14;margin-bottom:8px}
.info-card p{color:var(--muted);font-size:16px;max-width:760px}
.info-icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:rgba(229,193,90,.08);position:relative;border:1px solid rgba(229,193,90,.18)}
.download-icon::before{content:"";width:30px;height:23px;border:4px solid var(--gold);border-radius:8px;position:absolute;bottom:17px}.download-icon::after{content:"";width:4px;height:27px;background:var(--gold);position:absolute;top:17px;border-radius:5px;box-shadow:-8px 8px 0 -4px var(--gold),8px 8px 0 -4px var(--gold)}
.bars-icon::before{content:"";width:32px;height:31px;border-left:4px solid var(--gold);border-bottom:4px solid var(--gold);position:absolute}.bars-icon::after{content:"";width:5px;height:17px;background:var(--gold);box-shadow:9px -6px var(--gold),18px -12px var(--gold);position:absolute;left:25px;bottom:22px}
.signal-icon::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--gold);position:absolute}.signal-icon::after{content:"";width:34px;height:34px;border:4px solid var(--gold);border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;position:absolute;box-shadow:0 0 0 8px rgba(229,193,90,.08)}

.faq-section{padding-top:20px}
.faq-shell{padding:28px;border-radius:26px;background:linear-gradient(180deg,rgba(12,31,62,.94),rgba(6,18,39,.94));border:1px solid rgba(229,193,90,.17);box-shadow:var(--shadow)}
.faq-title h2{color:#fff6d8;font-size:clamp(22px,3vw,31px)}
.faq-list{display:grid;gap:12px}
details{overflow:hidden;border:1px solid rgba(229,193,90,.16);border-radius:15px;background:rgba(6,18,39,.72)}
summary{list-style:none;cursor:pointer;padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:17px;font-weight:900;color:#fff3c5}
summary::-webkit-details-marker{display:none}
summary::after{content:"BC";color:var(--gold-2);font-size:15px;transition:.2s}
details[open] summary::after{transform:rotate(180deg)}
details[open] summary{border-bottom:1px solid rgba(229,193,90,.14)}
details p{padding:16px 20px 20px;color:var(--muted);font-size:16px;line-height:1.65;background:rgba(6,18,39,.42)}

.support-section{padding-top:18px}
.support-card{text-align:center;padding:34px;border-radius:28px;background:linear-gradient(145deg,rgba(10,28,57,.96),rgba(6,18,39,.96));border:1px solid rgba(229,193,90,.17);box-shadow:var(--shadow)}
.support-card h2{font-size:32px;margin:5px 0;color:#fff7db}.support-card>p:not(.eyebrow){color:var(--muted)}
.support-number{margin:16px auto 18px;font-size:26px;font-weight:950;letter-spacing:.04em;color:var(--gold-2)}
.support-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.support-btn{min-width:180px;padding:14px 25px;border-radius:999px;color:#fff;font-weight:900}
.support-btn.whatsapp{background:#00c96b}.support-btn.call{background:linear-gradient(90deg,#ff7a24,#ff9e41)}

.legal-section{padding-top:16px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.legal-grid article{padding:23px;border-radius:20px;background:linear-gradient(180deg,rgba(12,31,62,.94),rgba(6,18,39,.94));border:1px solid rgba(229,193,90,.17)}.legal-grid h2{font-size:19px;margin-bottom:7px;color:var(--gold-2)}.legal-grid p{color:var(--muted);font-size:14px}
.footer{margin-top:20px;padding:36px 20px;text-align:center;background:#030a16;color:#fff;border-top:1px solid rgba(229,193,90,.12)}.footer img{width:100px;height:100px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 0 8px rgba(229,193,90,.14))}.footer p{max-width:600px;margin:0 auto;color:var(--muted);font-size:13px}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:16px 0}.footer-links a{font-size:13px;font-weight:800;color:#fff}.footer small{color:#9da7b8}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;gap:18px}
  .hero-copy{text-align:left}
  .hero-media{justify-content:flex-start}
}

@media (max-width:760px){
  html{scroll-padding-top:72px}.topbar{min-height:72px;padding:7px 16px}.brand img{width:48px;height:48px}.brand span{font-size:26px}.round-header-btn{width:43px;height:43px}.menu-btn{width:43px;height:43px}.mobile-menu{right:12px}
  .hero{width:100%;border-radius:0;padding:28px 18px 18px;gap:10px}.hero-copy{text-align:left}.hero-wordmark{font-size:44px}.hero h1{font-size:33px}.hero-sub{font-size:14px}.hero-media{margin-top:5px}.hero-media img{width:min(350px,100%);border-radius:24px}.download-btn{min-height:62px;font-size:22px}.quick-support{text-align:left}.quick-support>span{width:100%}
  .section{width:calc(100% - 22px);padding:32px 0}.section-title{gap:8px}.section-title .line{width:34px}.section-title h2{font-size:25px}.showcase-title h2{font-size:38px}
  .phone-shot{min-width:min(240px,76vw);max-width:240px}
  .rate-card{padding:4px 14px}.rate-row{grid-template-columns:36px 1fr auto;min-height:60px}.rate-row i{width:28px;height:28px}.rate-row b,.rate-row span{font-size:14px}
  .results-toolbar{font-size:11px}.market-card{min-height:130px;padding:17px 14px;gap:10px}.market-name{font-size:16px}.market-result{font-size:20px}.chart-links{gap:8px}.chart-links a{font-size:13px}.play-btn{min-width:106px;height:45px;padding-left:13px;font-size:14px}.play-btn i{width:31px;height:31px}
  .chart-market-list{grid-template-columns:1fr}
  .info-card{grid-template-columns:65px 1fr;min-height:145px;padding:18px;gap:14px}.info-icon{width:60px;height:60px}.info-card h2{font-size:17px}.info-card p{font-size:14px}
  .faq-shell{padding:16px 12px}.faq-title h2{font-size:17px;letter-spacing:.01em}.faq-title .line{width:28px}.faq-list{gap:9px}summary{padding:15px 13px;font-size:14px}details p{padding:13px 14px 16px;font-size:14px}
  .support-card{padding:26px 18px}.support-number{font-size:22px}.support-btn{min-width:145px}
  .legal-grid{grid-template-columns:1fr}
}

@media (max-width:430px){
  .hero h1{font-size:28px}.hero-wordmark{font-size:38px}.hero-chips span{font-size:10px}.download-btn{font-size:20px}.hero-media img{width:100%}
  .phone-shot{min-width:74vw;max-width:74vw}
  .rate-row{grid-template-columns:32px 1fr auto;gap:7px}.rate-row b{font-size:13px}.rate-row span{font-size:12px}.rate-row i{width:26px;height:26px;font-size:11px}
  .market-card{grid-template-columns:1fr auto}.market-meta{display:none}.play-btn{min-width:49px;width:49px;padding:0;justify-content:center;font-size:0}.play-btn i{width:35px;height:35px}.chart-links a{font-size:12px}.market-result{font-size:18px}
  .info-card{grid-template-columns:56px 1fr}.info-icon{width:52px;height:52px}.info-card h2{font-size:15px}.info-card p{font-size:13px}
}

/* =========================================================
   HIND MATKA SELECTED UI — VISUAL OVERRIDES ONLY
   Backend/API behavior remains unchanged.
   ========================================================= */
.topbar{
  background:#ffffff;
  border-bottom:1px solid #e7e8ec;
  box-shadow:0 5px 18px rgba(2,10,22,.08);
}
.brand{gap:12px}
.brand img{
  width:64px;height:64px;border-radius:18px;
  box-shadow:none;border:0;
}
.brand span{
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  font-weight:700;
  color:#0b1830;
  letter-spacing:-.02em;
}
.brand span::first-letter{color:#a56d0a}
.menu-btn{
  border:0;background:transparent;box-shadow:none;border-radius:10px;
}
.menu-btn span{background:#0c1727;height:4px}
.round-header-btn{background:#0b1d39;border-color:#d8af4a}
.mobile-menu{background:#fff;border-color:#e7dfcb}
.mobile-menu a{color:#122036}
.mobile-menu a:hover{background:#fff8e7;color:#a16d0d}

.hero{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 28px;
  display:block;
  border:0;
  border-radius:0;
  background:
    radial-gradient(circle at 82% 12%,rgba(225,183,70,.12),transparent 26%),
    linear-gradient(180deg,#06172f 0%,#041124 100%);
  box-shadow:none;
}
.hero::before,.hero::after{display:none}
.hero-visual{
  width:min(980px,100%);
  margin:0 auto;
  overflow:hidden;
  background:#06172f;
}
.hero-visual img{
  width:100%;height:auto;
  display:block;
  object-fit:cover;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.hero-actions{
  width:min(900px,calc(100% - 34px));
  margin:22px auto 0;
}
.download-btn{
  width:100%;
  max-width:none;
  min-height:74px;
  border-radius:24px;
  background:linear-gradient(180deg,#132d52 0%,#081a35 100%);
  color:#f0cc68;
  border:2px solid #d4a62f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 26px rgba(0,0,0,.32),0 0 0 3px rgba(223,178,58,.08);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(24px,3vw,36px);
  letter-spacing:.01em;
}
.download-btn svg{stroke:#10203a;width:30px;height:30px}
.download-icon-wrap{
  width:54px;height:54px;flex:0 0 54px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#f8dc7b,#c88d18);
  box-shadow:inset 0 1px 0 #fff1b8,0 4px 12px rgba(0,0,0,.25);
}
.brand-keywords{
  margin:18px 0 16px;
  text-align:center;
  color:#e7bd53;
  font-weight:850;
  font-size:16px;
}
.brand-keywords i{font-style:normal;color:#9e7a28;margin:0 7px}
.quick-support{
  margin:0;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(225,183,70,.70);
  background:linear-gradient(180deg,#102948 0%,#091c36 100%);
  justify-content:center;
  text-align:center;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.quick-support>span{
  width:100%;
  font-size:clamp(22px,3.2vw,34px);
  color:#fff;
  letter-spacing:.02em;
}
.support-quick-buttons{display:flex;gap:12px;width:100%;justify-content:center}
.mini-btn{
  min-width:180px;
  min-height:52px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:17px;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.mini-btn.call{background:linear-gradient(90deg,#d5a42e,#f2c85d);color:#091a33;border-color:#f7de8e}
.mini-btn.whatsapp{background:linear-gradient(90deg,#06a95d,#17cc72)}

.showcase-section{
  width:100%;max-width:none;
  padding:36px 0 44px;
  background:
    radial-gradient(circle at 50% 0%,rgba(226,184,68,.08),transparent 32%),
    linear-gradient(180deg,#041124 0%,#06172f 100%);
}
.showcase-section .section-title{width:min(980px,calc(100% - 30px));margin:0 auto 22px}
.showcase-title h2{
  font-family:Georgia,"Times New Roman",serif;
  color:#efc95e;
  font-size:clamp(36px,6vw,64px);
  text-shadow:0 3px 20px rgba(224,177,47,.18);
}
.showcase-intro{display:none}
.phone-carousel{
  width:100%;
  padding:8px max(18px,calc((100vw - 1120px)/2)) 20px;
  gap:16px;
  scroll-padding-inline:18px;
  scrollbar-width:none;
}
.phone-carousel::-webkit-scrollbar{display:none}
.phone-shot{
  min-width:clamp(210px,26vw,280px);
  max-width:280px;
  padding:8px;
  border-radius:28px;
  border:1.5px solid rgba(232,191,75,.86);
  background:linear-gradient(180deg,#0a223f,#06162c);
  box-shadow:0 12px 26px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.03);
  overflow:hidden;
}
.phone-shot img{
  width:100%;
  height:auto;
  aspect-ratio:9/18.5;
  object-fit:cover;
  object-position:top center;
  border-radius:20px;
  background:#061326;
}

@media (max-width:760px){
  .topbar{min-height:76px;padding:8px 14px}
  .brand img{width:54px;height:54px}
  .brand span{font-size:29px}
  .hero{padding-bottom:22px}
  .hero-visual{width:100%}
  .hero-actions{width:calc(100% - 26px);margin-top:14px}
  .download-btn{min-height:66px;border-radius:20px;font-size:25px;gap:10px}
  .download-icon-wrap{width:48px;height:48px;flex-basis:48px}
  .brand-keywords{font-size:14px;margin:14px 0}
  .quick-support{padding:18px 14px;border-radius:20px}
  .quick-support>span{font-size:24px}
  .support-quick-buttons{gap:10px}
  .mini-btn{min-width:0;flex:1;font-size:16px;min-height:50px}
  .showcase-section{padding:28px 0 36px}
  .showcase-section .section-title{margin-bottom:15px}
  .showcase-title h2{font-size:39px}
  .phone-carousel{padding:4px 14px 16px;gap:12px}
  .phone-shot{min-width:72vw;max-width:72vw;border-radius:24px;padding:7px}
  .phone-shot img{border-radius:18px}
}

@media (max-width:430px){
  .brand img{width:50px;height:50px}.brand span{font-size:27px}
  .hero-actions{width:calc(100% - 22px)}
  .download-btn{min-height:62px;font-size:23px}
  .quick-support>span{font-size:22px}
  .brand-keywords{font-size:13px}
  .showcase-title h2{font-size:35px}
  .phone-shot{min-width:76vw;max-width:76vw}
}

/* Hind Matka green action theme */
.download-btn{background:linear-gradient(180deg,#128a43 0%,#056c32 100%)!important;color:#fff4c8!important;border-color:#e0b84b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 26px rgba(0,0,0,.34),0 0 18px rgba(20,170,83,.18)!important}
.download-btn:hover{background:linear-gradient(180deg,#16a451 0%,#08763a 100%)!important}
.play-btn{background:linear-gradient(90deg,#079b44,#18c75d)!important;color:white!important;border-color:#e0b84b!important;box-shadow:0 8px 22px rgba(12,170,78,.28)!important}
.brand span{color:#b47a11}