:root { --orange:#F05A0C; --navy:#13348A; --amber:#FFB81C; --bg:#F6F8FC; --text:#0E1B3D; --muted:#66708A; --border:#E3E8F2; }
* { box-sizing:border-box; margin:0; }
html { scroll-behavior:smooth; }
body { font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif; color:var(--text); background:#fff; line-height:1.6; }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1100px,92%); margin:0 auto; }

.nav { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--border); }
.nav-in { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 0; }
.nav nav { display:flex; gap:22px; font-weight:600; font-size:14px; color:var(--navy); }
.nav nav a:hover { color:var(--orange); }
.lang { border:1.5px solid var(--navy); background:#fff; color:var(--navy); font-weight:700; padding:6px 14px; border-radius:999px; cursor:pointer; }
.lang:hover { background:var(--navy); color:#fff; }

.hero { background:linear-gradient(135deg,#FFF3EA 0%,#EEF3FF 100%); padding:64px 0; }
.hero-in { display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:center; }
.pill { display:inline-block; background:#fff; color:var(--orange); border:1px solid #FFD2B5; font-weight:700; font-size:13px; padding:5px 14px; border-radius:999px; }
h1 { font-size:clamp(32px,5vw,52px); line-height:1.15; color:var(--navy); margin:16px 0; font-weight:900; }
.lead { font-size:18px; color:var(--muted); max-width:540px; }
.stores { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.store { display:flex; flex-direction:column; background:var(--text); color:#fff; padding:10px 22px; border-radius:12px; min-width:170px; }
.store small { font-size:10px; opacity:.8; letter-spacing:.5px; }
.store b { font-size:18px; }
.store.off { opacity:.55; pointer-events:none; }
.soon { margin-top:12px; font-size:13px; color:var(--muted); font-weight:600; }
.hero-art img { width:100%; max-width:420px; margin:0 auto; filter:drop-shadow(0 18px 30px rgba(19,52,138,.18)); }

.badges { background:var(--navy); color:#fff; }
.badge-row { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 24px; padding:16px 0; font-weight:700; font-size:14px; }

.sec { padding:72px 0; }
.sec.alt { background:var(--bg); }
h2 { font-size:clamp(26px,3.5vw,36px); color:var(--navy); text-align:center; margin-bottom:36px; font-weight:800; }
.grid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.card { background:#fff; border:1px solid var(--border); border-radius:18px; padding:24px; box-shadow:0 3px 10px rgba(19,52,138,.06); }
.card h3 { font-size:18px; margin-bottom:6px; color:var(--text); }
.card p { color:var(--muted); font-size:15px; }
.num { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--orange); color:#fff; font-weight:800; margin-bottom:12px; }

.contact { text-align:center; }
.contact h2 { margin-bottom:12px; }
.contact > p { color:var(--muted); margin-bottom:26px; }
.cta-row { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.btn { background:var(--orange); color:#fff; font-weight:700; padding:13px 24px; border-radius:12px; }
.btn:hover { filter:brightness(1.07); }
.btn.wa { background:#1E8E5A; }
.btn.ghost { background:#fff; color:var(--navy); border:1.5px solid var(--navy); }

footer { background:var(--text); color:#C9D1E6; font-size:14px; padding:22px 0; }
.foot { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; }

@media (max-width:860px) {
  .hero-in { grid-template-columns:1fr; text-align:center; }
  .lead { margin:0 auto; }
  .stores { justify-content:center; }
  .hero-art { order:-1; }
  .hero-art img { max-width:240px; }
  .grid4,.grid3 { grid-template-columns:1fr 1fr; }
  .nav nav { display:none; }
}
@media (max-width:520px) { .grid4,.grid3 { grid-template-columns:1fr; } }