/* विजय दल - चुनाव प्रबंधन : सार्वजनिक वेबसाइट (welcome + about) */
:root {
  --ink:#15171b; --ink2:#2a2e35; --ink3:#343944; --gold:#f0ad1e; --gold-deep:#c9820e; --paper:#f3f1ea; --card:#fff;
  --line:#e2ddd0; --muted:#5d6b7c; --gold-wash:#fff8ea; --soft:#c6d0e2; --dim:#9fb0c8;
  --disp:'Yatra One','Noto Sans Devanagari','Nirmala UI',sans-serif;
  --r:18px; --shadow:0 10px 30px rgba(21,23,27,.10); --shadow-lg:0 22px 50px rgba(21,23,27,.18);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:76px; -webkit-text-size-adjust:100%; }
body { margin:0; font-family:'Noto Sans Devanagari','Nirmala UI',sans-serif; background:var(--paper); color:var(--ink); line-height:1.65; overflow-x:hidden; }
img { max-width:100%; }
a { color:inherit; }
.wrap { max-width:1120px; margin:0 auto; padding:0 18px; }
.wrap.narrow { max-width:920px; }
.skip { position:absolute; left:-999px; top:8px; background:var(--gold); color:var(--ink); padding:8px 14px; border-radius:8px; z-index:100; font-weight:800; }
.skip:focus { left:8px; }
:focus-visible { outline:3px solid var(--gold); outline-offset:2px; }

/* आइकन */
.i { width:1.25em; height:1.25em; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; vertical-align:-.22em; flex:0 0 auto; }
.ib { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:14px; background:var(--ink); color:var(--gold); flex:0 0 auto; }
.ib .i { width:24px; height:24px; }
.ib.gold { background:var(--gold); color:var(--ink); }
.ib.lg { width:54px; height:54px; border-radius:16px; }

/* ऊपर की पट्टी */
.topbar { position:sticky; top:0; z-index:60; background:var(--ink); color:#fff; border-bottom:1px solid #000; transition:box-shadow .25s, background .25s; }
.topbar.stuck { box-shadow:0 8px 26px rgba(0,0,0,.4); border-bottom-color:rgba(240,173,30,.35); }
.topbar .bar { display:flex; align-items:center; gap:12px; height:62px; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; white-space:nowrap; }
.brand img { width:40px; height:40px; display:block; }
.brand .bn { display:block; font-family:var(--disp); font-size:1.32rem; line-height:1.1; color:#fff; }
.brand .bn i { font-style:normal; color:var(--gold); }
.brand .bs { display:block; font-size:.62rem;  font-weight:700; color:var(--soft); margin-top:1px; }
.nav { display:none; }
.nav a { color:#c9d1de; text-decoration:none; font-size:.88rem; font-weight:600; padding:7px 11px; border-radius:9px; white-space:nowrap; transition:background .2s,color .2s; }
.nav a:hover { background:rgba(255,255,255,.09); color:#fff; }
.nav a.active { color:var(--gold); background:rgba(240,173,30,.1); }
.bar-end { margin-left:auto; display:flex; align-items:center; gap:8px; }
.btn-login { background:var(--gold); color:var(--ink); font-weight:800; font-size:.88rem; padding:8px 18px; border-radius:10px; text-decoration:none; }
.btn-login:hover { background:#ffc247; }
.menu-btn { width:42px; height:42px; border-radius:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.menu-btn svg { width:22px; height:22px; stroke:currentColor; stroke-width:2; fill:none; stroke-linecap:round; }
.topbar.open .nav { display:flex; flex-direction:column; position:absolute; left:0; right:0; top:62px; background:var(--ink); padding:10px 14px 16px; border-bottom:2px solid var(--gold); box-shadow:0 18px 30px rgba(0,0,0,.4); }
.topbar.open .nav a { padding:12px 14px; font-size:1rem; }
@media (min-width:1200px) {
  .nav { display:flex; gap:2px; margin-left:auto; }
  .bar-end { margin-left:8px; }
  .menu-btn { display:none; }
}

/* बटन */
.btn { display:inline-flex; align-items:center; gap:8px; padding:13px 24px; border-radius:12px; font-weight:800; text-decoration:none; font-size:.96rem; border:2px solid transparent; transition:transform .18s, box-shadow .18s, background .18s; cursor:pointer; font-family:inherit; line-height:1.3; }
.btn:hover { transform:translateY(-2px); }
.btn-gold { background:var(--gold); color:var(--ink); box-shadow:0 8px 20px rgba(240,173,30,.3); } .btn-gold:hover { background:#ffc247; box-shadow:0 12px 26px rgba(240,173,30,.4); }
.btn-ghost { border-color:rgba(255,255,255,.5); color:#fff; } .btn-ghost:hover { background:rgba(255,255,255,.1); border-color:#fff; }
.btn-dark { background:var(--ink); color:#fff; } .btn-dark:hover { background:#000; box-shadow:0 10px 22px rgba(0,0,0,.25); }
.btn-line { border-color:var(--ink); color:var(--ink); } .btn-line:hover { background:var(--ink); color:#fff; }

/* हीरो */
.hero { position:relative; background:radial-gradient(900px 420px at 85% 10%, rgba(240,173,30,.16), transparent 60%), linear-gradient(135deg,var(--ink2) 0%,var(--ink) 70%); color:#fff; padding:46px 0 0; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.07) 1.4px, transparent 1.6px); background-size:26px 26px; pointer-events:none; }
.bunting { position:absolute; left:0; right:0; top:0; height:28px; background:url('bunting.svg') repeat-x 0 0 / 240px 28px; opacity:.95; pointer-events:none; }
.hero .wrap { position:relative; }
.hero-grid { display:grid; gap:34px; align-items:center; }
.lockup { display:inline-flex; align-items:center; gap:14px; margin:10px 0 18px; }
.lockup img { width:64px; height:64px; filter:drop-shadow(0 6px 14px rgba(0,0,0,.4)); }
.lockup b { display:block; font-family:var(--disp); font-weight:400; font-size:2rem; line-height:1.05; }
.lockup b i { font-style:normal; color:var(--gold); }
.lockup span { display:block; font-size:.78rem; font-weight:700;  color:var(--soft); margin-top:3px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:.8rem; font-weight:700;  color:var(--gold); border:1px solid rgba(240,173,30,.5); background:rgba(240,173,30,.07); border-radius:999px; padding:4px 14px; margin-bottom:16px; }
.hero h1 { font-family:var(--disp); font-weight:400; font-size:clamp(1.85rem,6.2vw,3.15rem); line-height:1.28; margin:0 0 16px; text-wrap:balance; }
.hero h1 em { font-style:normal; color:var(--gold); position:relative; white-space:nowrap; }
.hero h1 em::after { content:""; position:absolute; left:0; right:0; bottom:-.12em; height:.18em; background:var(--gold); opacity:.28; border-radius:6px; }
.hero p.lead { color:var(--soft); font-size:1.04rem; max-width:620px; margin:0 0 26px; }
.cta-row { display:flex; flex-wrap:wrap; gap:12px; }
.hero .fine { color:var(--dim); font-size:.8rem; margin:18px 0 0; max-width:600px; }
.hero-art { position:relative; margin:0 auto; width:100%; max-width:560px; }
.hero-art .frame { border-radius:30px; padding:6px; background:linear-gradient(145deg,var(--gold),rgba(240,173,30,.15) 55%,var(--gold-deep)); box-shadow:0 28px 60px rgba(0,0,0,.5); transform:none; }
.hero-art .frame img { display:block; width:100%; height:auto; border-radius:25px; }
.chip-float { position:absolute; display:flex; align-items:center; gap:9px; background:#fff; color:var(--ink); border-radius:14px; padding:8px 13px 8px 9px; font-size:.78rem; font-weight:800; box-shadow:0 12px 28px rgba(0,0,0,.35); animation:floaty 5s ease-in-out infinite; }
.chip-float .ib { width:30px; height:30px; border-radius:9px; } .chip-float .ib .i { width:17px; height:17px; }
.chip-float.c1 { left:-6px; top:16%; } .chip-float.c2 { right:-4px; bottom:26%; animation-delay:-2.2s; } .chip-float.c3 { left:10%; bottom:-14px; animation-delay:-1.1s; }
@keyframes floaty { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
.edge { display:block; height:64px; background-repeat:repeat-x; background-position:center bottom; background-size:auto 100%; margin-top:-1px; position:relative; }
.hero .edge { margin-top:38px; }
.edge.up { position:absolute; left:0; right:0; top:-63px; height:64px; margin:0; z-index:2; }
.edge.paper-a { background-image:url('skyline-paper-a.svg'); } .edge.paper-b { background-image:url('skyline-paper-b.svg'); }
.edge.ink-a { background-image:url('skyline-ink-a.svg'); } .edge.ink-b { background-image:url('skyline-ink-b.svg'); }
@media (min-width:900px) {
  .hero { padding-top:54px; }
  .hero-grid { grid-template-columns:1.04fr .96fr; gap:44px; }
  .hero .edge { margin-top:46px; height:84px; }
}

/* आँकड़ों की पट्टी */
.stats { background:var(--paper); padding:6px 0 4px; }
.stats .wrap { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.stat { background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:16px 14px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; transition:transform .2s, box-shadow .2s; }
.stat:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.stat .i { width:26px; height:26px; color:var(--gold-deep); margin-bottom:4px; }
.stat b { font-family:var(--disp); font-weight:400; font-size:clamp(1.6rem,6vw,2.3rem); line-height:1.15; color:var(--ink); font-variant-numeric:tabular-nums; }
.stat b .unit { font-size:.55em; margin-left:.12em; color:var(--gold-deep); }
.stat span.l { font-size:.82rem; color:var(--muted); line-height:1.4; }
@media (min-width:800px) { .stats .wrap { grid-template-columns:repeat(4,1fr); gap:16px; } }

/* सेक्शन */
.sec { padding:64px 0; position:relative; }
.sec.white { background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.sec.dark { background:var(--ink); color:#fff; border:0; }
.sec.dark2 { background:linear-gradient(160deg,var(--ink2),var(--ink)); color:#fff; }
.sec.tight { padding-top:34px; }
.sec-head { max-width:720px; margin:0 0 30px; }
.sec-head.center { margin-left:auto; margin-right:auto; text-align:center; }
.kicker { display:inline-flex; align-items:center; gap:8px; font-size:.78rem; font-weight:800;  color:var(--gold-deep); text-transform:uppercase; }
.kicker::before { content:""; width:26px; height:3px; border-radius:2px; background:currentColor; }
.dark .kicker, .dark2 .kicker { color:var(--gold); }
.sec-head h2, .h2 { font-family:var(--disp); font-weight:400; font-size:clamp(1.55rem,4.4vw,2.35rem); line-height:1.3; margin:6px 0 10px; text-wrap:balance; }
.sec-head p { color:var(--muted); margin:0; font-size:1.02rem; }
.dark .sec-head p, .dark2 .sec-head p { color:var(--soft); }
.fine-note { font-size:.8rem; color:var(--muted); margin-top:12px; }

/* वीडियो */
.video-shell { max-width:900px; margin:0 auto; border-radius:20px; padding:8px; background:linear-gradient(145deg,rgba(240,173,30,.9),rgba(240,173,30,.12) 50%,rgba(201,130,14,.8)); box-shadow:0 30px 70px rgba(0,0,0,.55); }
.intro-video { display:block; width:100%; border-radius:14px; background:#000; aspect-ratio:16/9; }
.chapters { max-width:900px; margin:22px auto 0; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.chapters .ch-title { flex-basis:100%; display:flex; align-items:center; gap:10px; font-size:.78rem; font-weight:800;  color:var(--dim); margin-top:10px; }
.chapters .ch-title::after { content:""; flex:1; height:1px; background:rgba(255,255,255,.14); }
.chapters .ch-title.vpt { color:var(--gold); }
.chapters button { font:inherit; font-size:.86rem; font-weight:700; padding:7px 15px; border-radius:999px; border:1.5px solid rgba(255,255,255,.22); background:rgba(255,255,255,.06); color:#fff; cursor:pointer; transition:background .2s, border-color .2s, transform .2s; }
.chapters button:hover { border-color:var(--gold); background:rgba(240,173,30,.12); transform:translateY(-1px); }
.chapters button.flagbtn { border-color:rgba(240,173,30,.55); background:rgba(240,173,30,.1); }
.chapters button.on { background:var(--gold); color:var(--ink); border-color:var(--gold); }

/* विजय पताका */
.flag { position:relative; overflow:hidden; background:linear-gradient(135deg,var(--ink2),var(--ink)); color:#fff; border-radius:26px; padding:30px 20px 24px; box-shadow:var(--shadow-lg); }
.flag::before { content:""; position:absolute; right:-80px; top:-80px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(240,173,30,.25),transparent 65%); }
.flag .kicker { color:var(--gold); }
.flag h2 { font-family:var(--disp); font-weight:400; font-size:clamp(1.45rem,4vw,2.1rem); margin:6px 0 10px; line-height:1.35; max-width:820px; text-wrap:balance; position:relative; }
.flag p.lead { color:var(--soft); margin:0 0 22px; max-width:760px; position:relative; }
.flag .note { color:var(--dim); font-size:.8rem; margin:20px 0 0; max-width:860px; position:relative; }
.vp-grid { display:grid; grid-template-columns:1fr; gap:12px; position:relative; }
.vp-card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:6px; color:#dbe3f0; font-size:.88rem; transition:transform .22s, border-color .22s, background .22s; }
.vp-card:hover, .vp-card:focus-within { transform:translateY(-5px); border-color:var(--gold); background:rgba(255,255,255,.1); }
.vp-card .ib { margin-bottom:6px; background:rgba(240,173,30,.14); color:var(--gold); }
.vp-card b { color:#fff; font-size:1rem; line-height:1.4; }
.vp-card span.d { flex:1; }
.vp-card.hot { border-color:var(--gold); background:rgba(240,173,30,.13); }
.vp-card .playclip { align-self:flex-start; margin-top:10px; font:inherit; font-size:.8rem; font-weight:800; background:var(--gold); color:var(--ink); border:0; border-radius:999px; padding:6px 14px 6px 10px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.vp-card .playclip .i { width:16px; height:16px; fill:currentColor; }
.vp-card .playclip:hover { background:#ffc247; }
@media (min-width:600px) { .vp-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1000px) { .vp-grid { grid-template-columns:repeat(4,1fr); } .flag { padding:42px 36px 34px; } }

/* कार्ड */
.cards3 { display:grid; grid-template-columns:1fr; gap:16px; }
@media (min-width:860px) { .cards3 { grid-template-columns:repeat(3,1fr); gap:20px; } }
.card { background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:22px; transition:transform .22s, box-shadow .22s, border-color .22s; }
.card:hover, .card:focus-within { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:var(--gold); }
.card .ib { margin-bottom:12px; }
.card h3 { font-size:1.1rem; font-weight:800; margin:0 0 6px; line-height:1.4; }
.card p { margin:0; font-size:.92rem; color:var(--muted); }
.card ul { margin:10px 0 0; padding:0; list-style:none; font-size:.9rem; color:var(--ink2); }
.card li { padding-left:22px; position:relative; margin-bottom:4px; }
.card li::before { content:""; position:absolute; left:0; top:.62em; width:11px; height:6px; border-left:2.5px solid var(--gold-deep); border-bottom:2.5px solid var(--gold-deep); transform:rotate(-45deg) translateY(-50%); }

/* फ़ीचर पंक्तियाँ */
.feature { display:grid; gap:26px; align-items:center; margin-top:54px; }
.feature .art { position:relative; }
.feature .art img.scene { display:block; width:100%; height:auto; border-radius:26px; box-shadow:var(--shadow-lg); border:5px solid #fff; background:#fff; }
.feature .art img.phone { position:absolute; right:6px; bottom:-26px; width:20%; max-width:112px; height:auto; filter:drop-shadow(0 16px 24px rgba(0,0,0,.4)); transform:rotate(5deg); }
.feature h3 { text-wrap:balance; font-family:var(--disp); font-weight:400; font-size:clamp(1.4rem,3.6vw,2rem); line-height:1.35; margin:6px 0 10px; }
.feature p { color:var(--muted); margin:0 0 14px; }
.tick { list-style:none; margin:0 0 4px; padding:0; }
.tick li { display:flex; gap:10px; align-items:flex-start; margin-bottom:8px; font-weight:600; color:var(--ink2); }
.tick li .i { color:var(--gold-deep); margin-top:.2em; }
@media (min-width:860px) {
  .feature { grid-template-columns:1.05fr .95fr; gap:52px; }
  .feature.flip .art { order:2; }
}

/* स्टेपर */
.stepper { list-style:none; margin:0; padding:0; display:grid; gap:14px; position:relative; counter-reset:s; }
.step { background:var(--card); border:1.5px solid var(--line); border-radius:var(--r); padding:20px 18px 18px 74px; position:relative; cursor:pointer; transition:transform .25s, box-shadow .25s, border-color .25s, background .25s; }
.step .st-n { position:absolute; left:16px; top:16px; width:44px; height:44px; border-radius:50%; background:var(--ink); color:var(--gold); font-family:var(--disp); font-size:1.3rem; display:flex; align-items:center; justify-content:center; transition:transform .25s, background .25s, color .25s, box-shadow .25s; }
.step h3 { font-size:1.02rem; font-weight:800; margin:0 0 4px; }
.step p { margin:0; font-size:.88rem; color:var(--muted); }
.step.active { border-color:var(--gold); background:var(--gold-wash); transform:translateY(-4px); box-shadow:var(--shadow); }
.step.active .st-n { background:var(--gold); color:var(--ink); transform:scale(1.12); box-shadow:0 0 0 7px rgba(240,173,30,.25); }
@media (min-width:860px) {
  .stepper { grid-template-columns:repeat(4,1fr); gap:20px; }
  .stepper::before { content:""; position:absolute; left:12%; right:12%; top:38px; height:3px; background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px); }
  .step { padding:76px 18px 20px; text-align:center; background:transparent; border-color:transparent; }
  .step .st-n { left:50%; top:16px; margin-left:-27px; width:54px; height:54px; font-size:1.5rem; border:4px solid var(--paper); }
  .step.active { background:#fff; border-color:var(--gold); }
}

/* पैकेज */
.pk-grid { display:grid; grid-template-columns:1fr; gap:18px; align-items:stretch; }
@media (min-width:860px) { .pk-grid { grid-template-columns:repeat(3,1fr); gap:22px; align-items:center; } }
.pk { background:#fff; color:var(--ink); border:1px solid var(--line); border-radius:22px; padding:26px 22px; display:flex; flex-direction:column; position:relative; transition:transform .25s, box-shadow .25s; }
.pk:hover { transform:translateY(-6px); box-shadow:0 26px 50px rgba(0,0,0,.4); }
.pk.rec { border:3px solid var(--gold); background:var(--gold-wash); box-shadow:0 0 0 6px rgba(240,173,30,.18), 0 26px 50px rgba(0,0,0,.4); }
@media (min-width:860px) { .pk.rec { padding-top:38px; padding-bottom:38px; } }
.pk .tag { align-self:flex-start; background:var(--ink); color:var(--gold); font-size:.74rem; font-weight:800; padding:3px 12px; border-radius:999px; margin-bottom:10px; }
.pk h3 { font-family:var(--disp); font-weight:400; font-size:1.45rem; margin:0 0 6px; }
.pk .tl { color:var(--muted); font-size:.9rem; flex:1; margin-bottom:16px; }
.pk .amt { font-family:var(--disp); font-size:2.1rem; line-height:1.2; font-variant-numeric:tabular-nums; color:var(--ink); }
.pk .amt small { font-family:'Noto Sans Devanagari',sans-serif; font-size:.78rem; color:var(--muted); font-weight:600; }
.early { background:rgba(240,173,30,.12); border:1.5px dashed var(--gold); color:#fff; border-radius:14px; padding:14px 18px; font-size:.92rem; margin-top:26px; }
.early b { color:var(--gold); }
.dark .btn-dark { background:#fff; color:var(--ink); } .dark .btn-dark:hover { background:var(--gold); }

/* झलक */
.shots { display:flex; gap:20px; overflow-x:auto; padding:6px 4px 18px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; }
.shots figure { margin:0; flex:0 0 auto; scroll-snap-align:center; text-align:center; width:min(230px,62vw); }
.shots .ph { background:var(--ink); border-radius:30px; padding:9px; box-shadow:0 18px 34px rgba(21,23,27,.28); position:relative; transition:transform .25s; }
.shots figure:hover .ph { transform:translateY(-8px) rotate(-.6deg); }
.shots .ph::before { content:""; position:absolute; top:13px; left:50%; width:56px; height:5px; margin-left:-28px; border-radius:3px; background:#3a3f4a; z-index:2; }
.shots img { display:block; width:100%; height:auto; border-radius:22px; }
.shots figcaption { font-size:.84rem; font-weight:700; color:var(--ink2); margin-top:12px; }
@media (min-width:980px) { .shots { overflow:visible; justify-content:space-between; } .shots figure { width:auto; flex:1 1 0; max-width:250px; } }

/* मॉड्यूल टैब */
.tabs-bar { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
html:not(.js) .tabs-bar { display:none; }
.js .nojs-only { display:none; }
.tab-btn { font:inherit; font-weight:800; font-size:.94rem; padding:11px 20px; border-radius:999px; background:var(--paper); border:1.5px solid var(--line); color:var(--ink2); cursor:pointer; display:inline-flex; align-items:center; gap:8px; transition:background .2s, border-color .2s, color .2s; }
.tab-btn:hover { border-color:var(--gold-deep); }
.tab-btn[aria-selected="true"] { background:var(--ink); color:var(--gold); border-color:var(--ink); }
.tab-btn .n { font-size:.74rem; background:rgba(0,0,0,.08); border-radius:999px; padding:0 9px; font-weight:800; }
.tab-btn[aria-selected="true"] .n { background:rgba(240,173,30,.2); }
.nojs-only { font-size:1.1rem; font-weight:800; margin:24px 0 12px; }
.mod-grid { display:grid; grid-template-columns:1fr; gap:10px; }
@media (min-width:700px) { .mod-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1000px) { .mod-grid { grid-template-columns:repeat(3,1fr); } }
.mod { background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:14px 16px; font-size:.9rem; transition:transform .2s, border-color .2s, background .2s; }
.mod:hover { transform:translateY(-3px); border-color:var(--gold); background:#fff; }
.mod b { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.chip { font-size:.68rem; font-weight:800; padding:1px 9px; border-radius:999px; background:var(--ink); color:#fff; }
.chip.paid { background:var(--gold); color:var(--ink); }
.mod span.d { display:block; color:var(--muted); font-size:.82rem; margin-top:3px; }
.mod a.tour { display:inline-flex; align-items:center; gap:5px; margin-top:8px; font-size:.78rem; font-weight:700; text-decoration:none; background:#fff; border:1px solid var(--line); border-radius:999px; padding:3px 12px 3px 9px; }
.mod a.tour .i { width:15px; height:15px; }
.mod a.tour:hover { background:var(--gold-wash); border-color:var(--gold); }

/* भरोसा */
.trust { display:grid; grid-template-columns:1fr; gap:16px; }
@media (min-width:760px) { .trust { grid-template-columns:repeat(2,1fr); } }
.trust .card { display:flex; gap:16px; align-items:flex-start; }
.trust .card .ib { margin:0; }

/* सवाल */
details.q { background:var(--card); border:1px solid var(--line); border-radius:14px; margin-bottom:10px; transition:border-color .2s, box-shadow .2s; }
details.q[open] { border-color:var(--gold); box-shadow:var(--shadow); }
details.q summary { cursor:pointer; padding:16px 18px; font-weight:800; list-style:none; display:flex; align-items:center; gap:12px; }
details.q summary::-webkit-details-marker { display:none; }
details.q summary::after { content:"+"; margin-left:auto; flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:var(--paper); color:var(--gold-deep); font-weight:800; font-size:1.2rem; line-height:28px; text-align:center; transition:transform .25s, background .25s; }
details.q[open] summary::after { transform:rotate(45deg); background:var(--gold); color:var(--ink); }
details.q p { margin:0; padding:0 18px 16px; color:var(--muted); font-size:.94rem; }

/* संस्थापक पट्टी */
.founder { display:grid; gap:22px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:28px; padding:26px 22px; box-shadow:var(--shadow); position:relative; overflow:hidden; }
.founder::before { content:"\201C"; position:absolute; right:24px; top:4px; font-family:var(--disp); font-size:7rem; color:var(--gold); opacity:.2; line-height:1; }
.portrait-wrap { justify-self:center; }
.portrait { display:block; width:150px; height:150px; border-radius:50%; object-fit:cover; border:5px solid var(--gold); box-shadow:0 0 0 7px rgba(240,173,30,.22), 0 14px 30px rgba(0,0,0,.28); background:#fff; }
.founder .nm { text-wrap:balance; font-family:var(--disp); font-weight:400; font-size:clamp(1.5rem,4vw,2.1rem); line-height:1.25; margin:2px 0 2px; }
.founder .role { font-size:.95rem; font-weight:700; color:var(--gold-deep); margin:0 0 12px; }
.founder blockquote { margin:0 0 16px; font-size:1.02rem; color:var(--ink2); border-left:4px solid var(--gold); padding-left:14px; max-width:660px; }
@media (min-width:780px) { .founder { grid-template-columns:auto 1fr; gap:38px; padding:34px 40px; } .portrait { width:190px; height:190px; } }

/* संपर्क व पाँव */
.contact { position:relative; background:radial-gradient(700px 300px at 90% 0%, rgba(240,173,30,.14), transparent 60%), var(--ink); color:#fff; padding:56px 0 54px; }
.contact .grid { display:grid; gap:28px; align-items:center; }
.contact h2 { font-family:var(--disp); font-weight:400; font-size:clamp(1.7rem,4.6vw,2.5rem); margin:0 0 8px; line-height:1.3; }
.contact p { color:var(--soft); margin:0 0 20px; max-width:560px; }
.contact .ways { display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
.contact .ways a { display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22); color:#fff; text-decoration:none; padding:12px 20px; border-radius:12px; font-weight:700; transition:background .2s, transform .2s; }
.contact .ways a:hover { background:rgba(255,255,255,.17); transform:translateX(4px); }
.contact .ways a.gold { background:var(--gold); border-color:var(--gold); color:var(--ink); }
.contact .ways a.gold:hover { background:#ffc247; }
.contact .callart { justify-self:center; width:min(220px,50vw); animation:ring 3.4s ease-in-out infinite; transform-origin:50% 90%; }
.contact .callart img { display:block; width:100%; height:auto; filter:drop-shadow(0 24px 34px rgba(0,0,0,.55)); }
@keyframes ring { 0%,86%,100% { transform:rotate(0); } 90% { transform:rotate(-3deg); } 94% { transform:rotate(3deg); } 97% { transform:rotate(-2deg); } }
.addr { color:var(--dim); font-size:.84rem; margin-top:18px; }
@media (min-width:800px) { .contact .grid { grid-template-columns:1.3fr .7fr; } .contact .callart { width:240px; } }
footer { background:#0d0f12; color:var(--dim); padding:34px 0 36px; font-size:.84rem; }
footer .ft { display:grid; gap:18px; }
footer .fb { display:flex; align-items:center; gap:12px; }
footer .fb img { width:44px; height:44px; }
footer .fb b { display:block; font-family:var(--disp); font-weight:400; color:#fff; font-size:1.2rem; line-height:1.1; }
footer .fb span { font-size:.66rem;  color:var(--soft); }
footer .legal { display:flex; flex-wrap:wrap; gap:8px 18px; }
footer a { color:var(--soft); text-decoration:none; } footer a:hover { color:var(--gold); text-decoration:underline; }
footer .legal-links { margin:0 !important; font-size:.84rem !important; opacity:1 !important; }
footer .fine { border-top:1px solid rgba(255,255,255,.1); padding-top:16px; }

/* तैरता डेमो बटन */
.fab { position:fixed; right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); z-index:70; display:inline-flex; align-items:center; gap:8px; background:var(--gold); color:var(--ink); font-weight:800; font-size:.92rem; text-decoration:none; padding:12px 20px 12px 16px; border-radius:999px; box-shadow:0 12px 30px rgba(0,0,0,.4); transform:translateY(160%); transition:transform .35s cubic-bezier(.2,.9,.3,1.2), background .2s; }
.fab.show { transform:none; }
.fab:hover { background:#ffc247; }

/* EVM बैलट यूनिट (डेमो) */
.evm-sec { display:grid; gap:36px; align-items:center; }
@media (min-width:900px) { .evm-sec { grid-template-columns:1fr 1fr; gap:60px; } }
.evm-wrap { max-width:400px; width:100%; margin:0 auto; }
.evm { background:linear-gradient(180deg,#d9dce0,#c3c8ce); border:2px solid #aab0b8; border-radius:24px; padding:14px 14px 10px; box-shadow:0 26px 50px rgba(21,23,27,.28), inset 0 2px 0 rgba(255,255,255,.7); position:relative; }
.evm-head { display:flex; justify-content:space-between; align-items:center; font-size:.72rem; font-weight:800;  color:#3a3d44; padding:2px 6px 10px; }
.evm-head .rdy { display:inline-flex; align-items:center; gap:7px; }
.evm-head .rdy i { width:11px; height:11px; border-radius:50%; background:var(--gold); box-shadow:0 0 8px 2px rgba(240,173,30,.7); }
.evm-row { display:grid; grid-template-columns:26px 1fr 22px 62px; gap:10px; align-items:center; background:#eef0f2; border-radius:13px; padding:8px 10px; margin-bottom:8px; box-shadow:inset 0 1px 0 #fff; }
.evm-row .no { font-weight:800; color:#3a3d44; text-align:center; }
.evm-row .slot { height:40px; background:#fff; border:1px solid #cdd2d8; border-radius:8px; display:flex; align-items:center; justify-content:space-between; padding:0 8px 0 10px; font-size:.72rem; font-weight:700; color:#8c95a1; }
.evm-row .slot s { width:24px; height:24px; border:1.5px dashed #b7bec7; border-radius:5px; text-decoration:none; }
.evm-row .lamp { width:20px; height:20px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#c9ced4,#8d949c); border:2px solid #7b8590; transition:background .2s, box-shadow .2s; }
.evm-row.lit .lamp { background:radial-gradient(circle at 35% 35%,#ffe29a,var(--gold)); border-color:var(--gold-deep); box-shadow:0 0 0 4px rgba(240,173,30,.3), 0 0 18px 6px rgba(240,173,30,.85); }
.evm-btn { font:inherit; width:62px; height:32px; border-radius:16px; border:0; cursor:pointer; background:linear-gradient(180deg,#4f7fc4,#2c4e87); box-shadow:0 4px 0 #1d3560, 0 7px 12px rgba(0,0,0,.25); transition:transform .08s, box-shadow .08s; position:relative; }
.evm-btn:hover { background:linear-gradient(180deg,#5b8bd0,#35589a); }
.evm-btn:active, .evm-row.lit .evm-btn { transform:translateY(3px); box-shadow:0 1px 0 #1d3560, 0 2px 6px rgba(0,0,0,.25); }
.evm-btn:disabled { cursor:default; }
.evm.busy .evm-btn:not(.pressed) { filter:grayscale(.7) brightness(.9); }
.evm-btn.invite::after { content:""; position:absolute; inset:-5px; border-radius:20px; border:2px solid var(--gold); animation:ping 1.8s ease-out infinite; }
@keyframes ping { 0% { transform:scale(.9); opacity:.9; } 100% { transform:scale(1.25); opacity:0; } }
.evm-toast { margin:14px auto 0; min-height:48px; display:flex; align-items:center; justify-content:center; gap:10px; background:var(--ink); color:#fff; font-weight:800; border-radius:14px; padding:10px 18px; font-size:.95rem; transform:translateY(6px) scale(.98); opacity:.0; transition:transform .25s, opacity .25s; }
.evm-toast.show { transform:none; opacity:1; }
.evm-toast .i { color:var(--gold); }
.evm-hint { text-align:center; font-size:.8rem; color:var(--muted); margin-top:10px; }
.evm-note { font-size:.8rem; color:var(--muted); margin-top:14px; }

/* about पन्ना */
.hero.about { padding-bottom:0; }
.hero.about .hero-grid { grid-template-columns:1fr; text-align:center; justify-items:center; }
.hero.about .portrait { width:210px; height:210px; }
.hero.about h1 { margin-bottom:8px; }
.hero.about .role { color:var(--soft); margin:0 auto; max-width:560px; }
@media (min-width:800px) { .hero.about .hero-grid { grid-template-columns:auto 1fr; text-align:left; justify-items:start; gap:50px; } .hero.about .portrait { width:260px; height:260px; } }
.story p { font-size:1.06rem; margin:0 0 16px; color:#222831; max-width:760px; }
.values { display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:700px) { .values { grid-template-columns:repeat(2,1fr); } }
.val { background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:22px; display:flex; gap:16px; align-items:flex-start; transition:transform .22s, box-shadow .22s, border-color .22s; }
.val:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:var(--gold); }
.val b { display:block; font-size:1.06rem; margin-bottom:4px; }
.val div span { color:var(--muted); font-size:.92rem; display:block; }

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation:none !important; transition:none !important; }
}

/* असली लोगो (ऐप आइकन, icon-512.png) */
.brand img, .fb img, .hero img[alt="विजय दल का चिह्न"] { border-radius: 0; box-shadow: none; background: transparent; }  /* लोगो की अपनी सुनहरी किनारी है — ऊपर से दूसरी बाहरी किनारी नहीं (उम्मीदवार, 2026-10-05) */

/* लोगो-लॉकअप: उपशीर्षक शीर्षक की चौड़ाई तक फैला (सममित) */
.brand > span:last-child, .lockup > div, footer .fb > div { display:inline-flex; flex-direction:column; align-items:stretch; }
.brand .bs, .lockup span, footer .fb span { text-align:justify; text-align-last:justify; white-space:nowrap; }
.brand .bn { font-size:1.5rem; }
.brand .bs { font-size:.6rem; }
.lockup b { font-size:2.3rem; }
.lockup span { font-size:.8rem; }
footer .fb b { font-size:1.4rem; }
footer .fb span { font-size:.6rem; }

/* सममित लोगो: उपशीर्षक का आकार शीर्षक की चौड़ाई से मिलाया, बीच में */
.brand .bs, .lockup span, footer .fb span { text-align:center !important; text-align-last:center !important; letter-spacing:0; margin-top:2px; }
.brand .bs { font-size:.936rem; line-height:1.15; }
.lockup span { font-size:1.436rem; line-height:1.15; }
footer .fb span { font-size:.952rem; line-height:1.15; }
.brand img { width:44px; height:44px; }
.lockup img { width:72px; height:72px; }

/* अर्ली-बर्ड कीमत: मूल (कटी हुई) → छूट → अंतिम */
.pk .pk-old { font-size:.92rem; color:var(--muted); margin-top:2px; }
.pk .pk-old s { text-decoration-thickness:2px; text-decoration-color:#c0392b; font-weight:700; font-variant-numeric:tabular-nums; }
.pk .pk-old small { font-size:.72rem; }
.pk .pk-off { display:inline-block; align-self:flex-start; margin:6px 0 8px; background:#e8f5ec; color:#14633d; border-radius:999px; padding:3px 12px; font-size:.8rem; font-weight:700; }
.pk .pk-off b { font-weight:800; }
.pk .pk-final { font-size:.76rem; color:var(--muted); font-weight:700; margin-top:2px; }
.pk.rec .pk-off { background:#fff; }

/* मूल कीमत ज़्यादा उभरी हुई: साफ़ गहरे अक्षर + मोटी लाल कटान, बगल में हरी "नीचे" छूट */
.pk .pk-old { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; background:#f1eee6; border:1px solid #e0d9c8; border-left:5px solid #c0392b; border-radius:10px; padding:8px 12px; margin-top:4px; color:#2a2e35; }
.pk.rec .pk-old { background:#fff; }
.pk .pk-old .lbl { font-size:.74rem; font-weight:800; color:#7b2d22; letter-spacing:.3px; }
.pk .pk-old s { font-family:var(--disp); font-size:1.5rem; line-height:1.2; color:#2a2e35; font-weight:400; text-decoration:line-through; text-decoration-thickness:3px; text-decoration-color:#c0392b; font-variant-numeric:tabular-nums; }
.pk .pk-old small { font-size:.72rem; color:#5d6b7c; }
.pk .pk-off { margin:8px 0 6px; font-size:.86rem; padding:4px 14px 4px 10px; }
.pk .pk-off .dn { color:#1c7a4d; font-size:.9rem; }

.pk .pk-old s { font-size:1.4rem; text-decoration-thickness:2px; }
.pk .pk-off { border-radius:14px; font-size:.8rem; line-height:1.35; }

/* सममित मूल/अर्ली-बर्ड पंक्तियाँ: एक जैसा आकार, हल्की कटान-रेखा, बड़ा लेबल */
.pk .pk-old, .pk .pk-new { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 10px; border-radius:10px; padding:9px 12px; }
.pk .pk-new { background:#e8f5ec; border:1px solid #bfe0cc; border-left:5px solid #1c7a4d; color:#14452d; }
.pk.rec .pk-new { background:#e8f5ec; }
.pk .pk-old .lbl, .pk .pk-new .lbl { font-size:.95rem; font-weight:800; min-width:7.2em; }
.pk .pk-new .lbl { color:#14633d; }
.pk .pk-old s, .pk .pk-new b { font-family:var(--disp); font-size:1.65rem; line-height:1.2; font-weight:400; font-variant-numeric:tabular-nums; }
.pk .pk-new b { color:#14452d; }
.pk .pk-old s { text-decoration-thickness:1.5px; text-decoration-color:rgba(192,57,43,.5); }
.pk .pk-old small, .pk .pk-new small { font-size:.72rem; color:#5d6b7c; }
.pk .pk-off { align-self:center; margin:6px 0; }

/* पक्का सममित ग्रिड: बाएँ लेबल + GST, दाएँ रकम (हर कार्ड में एक जैसा) */
.pk .pk-old, .pk .pk-new { display:grid; grid-template-columns:auto 1fr; grid-template-areas:"lbl amt" "gst amt"; align-items:center; column-gap:12px; row-gap:0; }
.pk .pk-old .lbl, .pk .pk-new .lbl { grid-area:lbl; min-width:0; white-space:nowrap; }
.pk .pk-old s, .pk .pk-new b { grid-area:amt; justify-self:end; white-space:nowrap; font-size:1.5rem; }
.pk .pk-old small, .pk .pk-new small { grid-area:gst; }

/* कीमत-गेट: छिपी कीमत + OTP-बॉक्स */
.pk .pk-lock { display:flex; flex-direction:column; align-items:flex-start; gap:2px; background:#f1eee6; border:1px dashed #b9b19b; border-radius:12px; padding:14px 16px; margin-top:6px; color:#2a2e35; }
.pk .pk-lock .lk { font-size:1.6rem; line-height:1; }
.pk .pk-lock b { font-size:1.05rem; }
.pk .pk-lock small { color:#5d6b7c; font-size:.82rem; }
.gate { position:fixed; inset:0; z-index:200; background:rgba(10,12,15,.72); display:flex; align-items:center; justify-content:center; padding:16px; }
.gate[hidden] { display:none; }
.gate-box { position:relative; width:100%; max-width:430px; background:#fff; color:#15171b; border-radius:20px; padding:24px 22px 20px; box-shadow:0 30px 70px rgba(0,0,0,.5); max-height:92vh; overflow:auto; }
.gate-box h3 { font-family:var(--disp); font-weight:400; font-size:1.5rem; margin:0 0 6px; }
.gate-sub { color:#5d6b7c; font-size:.9rem; margin:0 0 14px; }
.gate-box label { display:block; font-weight:700; font-size:.86rem; margin:10px 0 4px; }
.gate-box input[type=text], .gate-box input[type=tel] { width:100%; padding:11px 13px; border:1.5px solid #cfc8b6; border-radius:10px; font:inherit; font-size:1.05rem; }
.gate-box input:focus { outline:3px solid rgba(240,173,30,.45); border-color:#c9820e; }
.gate-box .gate-consent { font-weight:500; display:flex; gap:8px; align-items:flex-start; font-size:.8rem; color:#445; }
.gate-box .btn { width:100%; margin-top:12px; cursor:pointer; border:0; }
.gate-x { position:absolute; right:12px; top:10px; border:0; background:none; font-size:1.2rem; cursor:pointer; color:#5d6b7c; }
.gate-link { display:block; margin:10px auto 0; background:none; border:0; color:#8a5a00; font-weight:700; cursor:pointer; text-decoration:underline; }
.gate-msg { margin-top:12px; font-size:.86rem; color:#14633d; min-height:1.2em; font-weight:600; }
.gate-msg.bad { color:#a8321f; }
.gate-call { margin-top:8px; font-size:.9rem; }
body.gate-open { overflow:hidden; }

/* अनोखी बातें: तीन बड़े क्रमांक-कार्ड */
.usp3 { display:grid; grid-template-columns:1fr; gap:16px; }
@media (min-width:820px) { .usp3 { grid-template-columns:repeat(3,1fr); gap:20px; } }
.usp3-card { position:relative; background:#fff; border:2px solid var(--gold); border-radius:20px; padding:26px 22px 22px; box-shadow:0 14px 34px rgba(0,0,0,.08); transition:transform .25s, box-shadow .25s; }
.usp3-card:hover { transform:translateY(-5px); box-shadow:0 22px 44px rgba(0,0,0,.14); }
.usp3-card .num { position:absolute; top:-18px; left:20px; width:38px; height:38px; border-radius:50%; background:var(--ink); color:var(--gold); font-weight:800; display:flex; align-items:center; justify-content:center; }
.usp3-card .ib { display:inline-flex; width:46px; height:46px; border-radius:12px; background:var(--ink); color:var(--gold); align-items:center; justify-content:center; margin-bottom:10px; }
.usp3-card h3 { font-family:var(--disp); font-weight:400; font-size:1.35rem; margin:0 0 8px; line-height:1.25; }
.usp3-card p { margin:0; color:var(--muted); font-size:.95rem; }
.usp3-card .soon { display:inline-block; font-style:normal; font-family:'Noto Sans Devanagari',sans-serif; font-size:.68rem; font-weight:800; background:var(--gold); color:var(--ink); padding:2px 10px; border-radius:999px; vertical-align:middle; margin-left:4px; }

/* ==========================================================================
   पैकेज: तीन क़दम की सीढ़ी  (बैटलफ़ील्ड → वॉर रूम → विजय पताका)
   welcome.html #package · चित्र: ladder-step1/2/3.svg, ladder-sky.svg
   मोबाइल पहले: ऊपर शिखर (झंडा), नीचे मैदान; डेस्कटॉप: बाएँ से दाएँ चढ़ती सीढ़ी
   ========================================================================== */
.pkl { position:relative; border-radius:28px; overflow:hidden; border:1px solid rgba(240,173,30,.3); box-shadow:0 30px 70px rgba(0,0,0,.45);
  background:
    radial-gradient(420px 320px at 80% 5%, rgba(240,173,30,.28), transparent 70%),
    radial-gradient(520px 260px at 10% 100%, rgba(240,173,30,.07), transparent 70%),
    url('ladder-sky.svg') center top / cover no-repeat,
    linear-gradient(180deg,#0f1114 0%,#1b1f26 50%,#2c313b 100%); }
.pkl-head { position:relative; z-index:6; margin:0; padding:26px 20px 8px; max-width:none; }
.pkl-head h2 { font-size:clamp(1.5rem,6vw,2rem); }
.pkl-head p { font-size:.95rem; }
.pkl-steps { list-style:none; margin:0; padding:10px 10px 0; display:flex; flex-direction:column-reverse; gap:0; }
.pkl-step { display:flex; flex-direction:column; position:relative; min-width:0; width:92%; }
.pkl-step.s1 { align-self:flex-start; }
.pkl-step.s2 { align-self:center; }
.pkl-step.s3 { align-self:flex-end; }
.pkl-step.s3 .pkl-scene { margin-top:-6px; }
.pkl-scene { margin:0 4px -4px; position:relative; z-index:2; pointer-events:none; }
.pkl-scene img { display:block; width:100%; height:auto; }
.pkl .pk { background:#fff; border:0; border-top:6px solid var(--gold); border-radius:16px 16px 0 0; padding:20px 18px 20px; margin:0 12px; z-index:1; box-shadow:0 -2px 0 rgba(240,173,30,.25); transition:box-shadow .25s; }
.pkl .pk:hover { transform:none; box-shadow:0 0 0 3px rgba(240,173,30,.55), 0 20px 44px rgba(0,0,0,.4); }
.pkl .pk h3 { font-size:1.65rem; line-height:1.2; margin:0 0 6px; }
.pkl .pk .tl { flex:none; margin-bottom:12px; font-size:.9rem; }
.pkl-feat { list-style:none; margin:0 0 16px; padding:0; flex:1; display:flex; flex-direction:column; gap:7px; }
.pkl-feat li { display:flex; gap:9px; align-items:flex-start; font-size:.9rem; font-weight:600; color:var(--ink2); line-height:1.45; }
.pkl-feat li .i { color:var(--gold-deep); width:18px; height:18px; margin-top:.15em; stroke-width:2.6; }
.pkl-feat li.inh { background:var(--gold-wash); border:1.5px dashed var(--gold); border-radius:10px; padding:6px 10px; font-weight:800; color:var(--ink); }
.pkl-feat li .plus { flex:0 0 auto; width:20px; height:20px; border-radius:50%; background:var(--gold); color:var(--ink); font-weight:800; font-size:1rem; line-height:19px; text-align:center; margin-top:.05em; }
.pkl .pk .amt, .pkl .pk .pk-lock, .pkl .pk .pk-old, .pkl .pk .pk-new, .pkl .pk .pk-off { margin-top:0; }
.pkl .pk .pk-old { margin-top:0; }
.pkl .pk .pk-off { margin:6px 0; }
.pkl-riser { position:relative; z-index:1; height:48px; display:flex; align-items:center; justify-content:center; gap:12px; border-top:6px solid var(--gold-deep); color:#fff;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 2px,transparent 2px 120px), repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 2px,transparent 2px 44px), linear-gradient(180deg,#4a5160,#323843); }
.pkl-riser b { font-family:var(--disp); font-weight:400; font-size:2rem; line-height:1; color:var(--gold); text-shadow:0 2px 0 rgba(0,0,0,.45); }
.pkl-riser span { font-weight:800; font-size:.86rem; color:#e9edf5; border:1.5px solid rgba(240,173,30,.6); border-radius:999px; padding:2px 14px; background:rgba(21,23,27,.45); }
.pkl-step.s3 .pkl-riser span { background:var(--gold); color:var(--ink); border-color:var(--gold); }
.pkl-note { font-size:.8rem; color:var(--dim); margin:14px 2px 0; max-width:820px; }
.pkl + .pkl-note + .early, .pkl-note + .early { margin-top:18px; }
/* चढ़ते तीर: मोबाइल पर हर क़दम के बीच */
.pkl-step.s1::after, .pkl-step.s2::after { content:""; position:absolute; top:-14px; width:26px; height:26px; z-index:5; background:var(--gold); clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%); filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)); }
.pkl-step.s1::after { right:12px; } .pkl-step.s2::after { right:12px; }
.pkl-step.s1 { margin-top:-4px; }
@media (min-width:860px) {
  .pkl-head { position:absolute; left:36px; top:34px; width:min(610px,56%); padding:0; }
  .pkl-head h2 { font-size:clamp(1.7rem,3.2vw,2.35rem); }
  .pkl-head p { font-size:1rem; }
  .pkl-steps { display:grid; grid-template-columns:repeat(3,1fr); align-items:end; padding:90px 0 0; }
  .pkl-step { width:auto; align-self:end !important; }
  .pkl-step.s3 .pkl-scene { margin-top:0; }
  .pkl-step.s1::after, .pkl-step.s2::after { display:none; }
  .pkl-step.s1 { margin-top:0; }
  .pkl-scene { margin:0 8px -4px; }
  .pkl .pk { margin:0 16px; min-height:440px; padding:24px 22px 24px; }
  .pkl-riser { flex-direction:column; gap:2px; border-left:1px solid rgba(0,0,0,.35); }
  .pkl-riser { height:92px; }
  .pkl-step.s2 .pkl-riser { height:176px; }
  .pkl-step.s3 .pkl-riser { height:260px; }
  .pkl-riser b { font-size:3.2rem; }
  .pkl-riser span { font-size:.9rem; }
}
@media (min-width:860px) and (max-width:1060px) {
  .pkl .pk { margin:0 8px; padding:22px 16px; }
  .pkl .pk h3 { font-size:1.4rem; }
  .pkl-feat li { font-size:.84rem; }
}
/* तंग स्क्रीन: कीमत की पंक्तियाँ — ऊपर लेबल व GST, नीचे रकम (ओवरलैप से बचाव) */
@media (max-width:859px) {
  .pkl .pk-old, .pkl .pk-new { grid-template-columns:auto 1fr; grid-template-areas:"lbl gst" "amt amt"; row-gap:0; }
  .pkl .pk-old small, .pkl .pk-new small { justify-self:end; }
  .pkl .pk-old s, .pkl .pk-new b { justify-self:end; font-size:1.55rem; }
  .pkl-step { width:95%; }
  .pkl .pk { margin:0 8px; padding:18px 15px 18px; }
}

/* ==========================================================================
   PREMIUM POLISH: video section (#video). Added 2026-10-05.
   CSS only. The #chapters markup is regenerated by a script, so it is styled
   here through existing classes (.chapters, .ch-title, .ch-title.vpt,
   button.flagbtn, button.on). Section stays dark in every theme.
   ========================================================================== */
#video .sec-head { max-width:900px; margin:0 auto 38px; }
#video .sec-head p { max-width:64ch; font-size:1rem; line-height:1.75; }

/* Player frame: hairline gold edge, soft glow, no thick gradient border */
.video-shell { position:relative; isolation:isolate; padding:0; border-radius:18px; overflow:hidden;
  background:#000; border:1px solid rgba(240,173,30,.38);
  box-shadow:0 34px 80px -18px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.04), 0 0 64px rgba(240,173,30,.10); }
.video-shell .intro-video { border-radius:0; }

/* Play badge over the poster: class .vs-idle is set by a tiny script in the video section (before first play and after the end) */
.video-shell::after { content:""; position:absolute; left:50%; top:68%; z-index:2; pointer-events:none;
  width:clamp(46px,9vw,72px); aspect-ratio:1; border-radius:50%;
  transform:translate(-50%,-50%) scale(.9); opacity:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2315171b' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") 54% 50%/46% no-repeat, var(--gold);
  box-shadow:0 10px 30px rgba(0,0,0,.5), 0 0 0 6px rgba(240,173,30,.18);
  transition:opacity .3s ease, transform .3s ease; }
.video-shell.vs-idle::after { opacity:1; transform:translate(-50%,-50%) scale(1); animation:vsPulse 2.6s ease-out infinite; }
.video-shell.vs-idle:hover::after { transform:translate(-50%,-50%) scale(1.08); animation:none; }
@keyframes vsPulse { 0% { box-shadow:0 10px 30px rgba(0,0,0,.5), 0 0 0 0 rgba(240,173,30,.45); }
  70%,100% { box-shadow:0 10px 30px rgba(0,0,0,.5), 0 0 0 16px rgba(240,173,30,0); } }
@media (prefers-reduced-motion:reduce) { .video-shell::after { animation:none !important; transition:none; } }

/* Chapter list: clear group hierarchy, 44px tap targets */
.chapters { max-width:900px; margin:44px auto 0; gap:10px 8px; }
.chapters .ch-title { margin-top:26px; margin-bottom:2px; gap:12px; font-size:1rem; font-weight:800; line-height:1.3; color:#fff; }
.chapters .ch-title:first-child { margin-top:0; }
.chapters .ch-title::before { content:""; width:8px; height:8px; flex:0 0 auto; background:var(--gold); transform:rotate(45deg); border-radius:1px; position:relative; top:-2px; }
.chapters .ch-title::after { background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,0)); }
.chapters .ch-title.vpt { color:var(--gold); }
.chapters .ch-title.vpt::after { background:linear-gradient(90deg,rgba(240,173,30,.5),rgba(240,173,30,0)); }
.chapters button { display:inline-flex; align-items:center; min-height:44px; padding:6px 18px; font-size:.9rem; font-weight:600; line-height:1.3; text-align:left;
  border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.045); color:#eef1f6;
  transition:background .2s, border-color .2s, color .2s, transform .2s, box-shadow .2s; }
.chapters button:hover { border-color:rgba(240,173,30,.75); background:rgba(240,173,30,.12); color:#fff; transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.35); }
.chapters button:active { transform:translateY(0); }
.chapters button:focus-visible { outline:3px solid var(--gold); outline-offset:2px; }
.chapters button.flagbtn { border-color:rgba(240,173,30,.4); background:rgba(240,173,30,.07); }
.chapters button.flagbtn:hover { border-color:var(--gold); background:rgba(240,173,30,.18); }
.chapters button.on, .chapters button.flagbtn.on { background:var(--gold); color:var(--ink); border-color:var(--gold); font-weight:800; box-shadow:0 0 0 4px rgba(240,173,30,.2), 0 8px 22px rgba(240,173,30,.25); }
@media (max-width:600px) {
  .video-shell::after { top:63%; width:36px; box-shadow:0 6px 18px rgba(0,0,0,.5), 0 0 0 4px rgba(240,173,30,.18); }
  #video .sec-head { margin-bottom:28px; }
  .chapters { margin-top:34px; }
  .chapters button { font-size:.88rem; padding:6px 15px; }
}

/* Floating demo button: finer edge and shadow */
.fab { box-shadow:0 12px 30px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.22) inset; }
/* ===== end premium polish: video section ===== */

/* मेन्यू: हर लिंक "लॉगिन" की तरह टाइल (उम्मीदवार, 2026-10-05) */
.nav a { background:rgba(255,255,255,.07); border:1px solid rgba(240,173,30,.38); color:#e8edf6; font-weight:700; font-size:.84rem; padding:7px 12px; border-radius:10px; }
.nav a:hover { background:rgba(240,173,30,.18); border-color:var(--gold); color:#fff; }
.nav a.active { background:rgba(240,173,30,.22); border-color:var(--gold); color:var(--gold); }
@media (min-width:1000px) { .nav { gap:6px; } .bar-end { margin-left:10px; } }
.topbar.open .nav { gap:8px; }
.topbar.open .nav a { text-align:center; }

/* ==========================================================================
   PURCHASE CTA PROMINENCE  (added 2026-10-05)
   "अपनी विधानसभा जोड़ें" = कमाई का रास्ता, इसलिए हर जगह सबसे उभरा बटन।
   Parts: (1) top-bar gold tile  (2) hero primary CTA  (3) conversion bands
   (.cband, after #video and before #sampark)  (4) sticky bottom bar (.stickycta,
   JS at the end of site.js).  Every purchase element carries .pay-cta, so inapp.css
   hides it inside the Play app.  No prices anywhere here.
   ========================================================================== */

/* (1) ऊपर की पट्टी: ठोस सुनहरी टाइल; "लॉगिन" बाक़ी टाइलों जैसा रूपरेखा वाला */
.nav-cta, .nav-cta-m { display:none; align-items:center; gap:7px; background:var(--gold); color:var(--ink); border:1px solid var(--gold); border-radius:10px; font-weight:800; text-decoration:none; white-space:nowrap; box-shadow:0 0 0 3px rgba(240,173,30,.22), 0 6px 18px rgba(240,173,30,.35); transition:background .2s, transform .2s, box-shadow .2s; }
.nav-cta { padding:8px 14px; font-size:.86rem; }
.nav-cta .i, .nav-cta-m .i { width:1.1em; height:1.1em; stroke-width:2.4; transition:transform .2s; }
.nav-cta:hover, .nav-cta-m:hover { background:#ffc247; transform:translateY(-1px); box-shadow:0 0 0 4px rgba(240,173,30,.3), 0 10px 24px rgba(240,173,30,.45); }
.nav-cta:hover .i { transform:translateX(3px); }
.bar-end .btn-login { background:rgba(255,255,255,.07); border:1px solid rgba(240,173,30,.38); color:#e8edf6; padding:7px 14px; font-size:.84rem; font-weight:700; }
.bar-end .btn-login:hover { background:rgba(240,173,30,.18); border-color:var(--gold); color:#fff; }
@media (min-width:600px) { .nav-cta { display:inline-flex; } }
/* मोबाइल मेन्यू (खुला होने पर) में सबसे ऊपर सुनहरी पंक्ति; चौड़ी स्क्रीन पर छिपी */
.topbar.open .nav a.nav-cta-m { display:flex; order:-1; justify-content:center; padding:13px 14px; font-size:1.02rem; background:var(--gold); color:var(--ink); border-color:var(--gold); }
@media (min-width:600px) { .topbar.open .nav a.nav-cta-m { display:none; } }
@media (min-width:1200px) { .nav a.nav-cta-m { display:none !important; } }
/* 1200-1299px: पूरी पट्टी (8 टाइल + सुनहरी CTA + लॉगिन) तंग, इसलिए थोड़ी छोटी; 1200 से नीचे हैमबर्गर मेन्यू (सारे टाइल उसमें) */
@media (min-width:1200px) and (max-width:1299px) {
  .topbar .bar { gap:8px; }
  .nav a { padding:7px 8px; font-size:.8rem; }
  .nav { gap:4px; }
  .nav-cta { padding:8px 11px; font-size:.82rem; }
  .bar-end .btn-login { padding:7px 11px; font-size:.8rem; }
}

/* पट्टी में नया टाइल जुड़ा, इसलिए चौड़ी स्क्रीन पर पट्टी थोड़ी चौड़ी; तंग चौड़ाई (1000-1159px) पर "हमारे बारे में" टाइल छिपी (फ़ुटर में लिंक है) ताकि कुछ भी टकराए नहीं */
@media (min-width:1200px) { .topbar .wrap { max-width:1320px; } }
.brand { flex:0 0 auto; }

/* (2) हीरो: मुख्य बटन बड़ा, ठोस सुनहरा, तीर के साथ; डेमो/वीडियो/टूर दूसरे दर्जे के */
.btn-cta { padding:17px 30px; font-size:1.18rem; border-radius:14px; gap:11px; letter-spacing:.1px; background:var(--gold); color:var(--ink); border-color:#ffd27a;
  box-shadow:0 0 0 5px rgba(240,173,30,.24), 0 14px 32px rgba(240,173,30,.45); position:relative; }
.btn-cta:hover { background:#ffc247; box-shadow:0 0 0 7px rgba(240,173,30,.32), 0 18px 38px rgba(240,173,30,.55); transform:translateY(-3px); }
.btn-cta .i { width:1.3em; height:1.3em; stroke-width:2.6; transition:transform .2s; }
.btn-cta:hover .i { transform:translateX(5px); }
.hero .cta-row { flex-direction:column; align-items:flex-start; gap:16px; }
.hero .cta-row > .btn-cta { max-width:100%; }
.hero .cta-sub { display:flex; flex-wrap:wrap; gap:10px; }
.hero .cta-sub .btn { padding:10px 18px; font-size:.88rem; border-color:rgba(255,255,255,.35); }
@media (max-width:560px) {
  .hero .cta-row { align-items:stretch; }
  .hero .cta-row > .btn-cta { width:100%; justify-content:center; }
  .hero .cta-sub .btn { flex:1 1 auto; justify-content:center; }
}
/* Play ऐप में खरीद वाला बटन छिपता है; तब डेमो ही मुख्य (सुनहरा) दिखे */
@media (display-mode: standalone) { .hero .cta-sub .btn-demo { background:var(--gold); color:var(--ink); border-color:var(--gold); font-size:1rem; padding:13px 24px; } }

/* (3) कन्वर्ज़न पट्टी: वीडियो के बाद और संपर्क से पहले */
.cband { padding:30px 0 6px; background:var(--paper); position:relative; }
.cband-card { position:relative; overflow:hidden; display:grid; gap:24px; align-items:center; color:#fff; border-radius:26px; padding:28px 20px 24px;
  background:radial-gradient(520px 260px at 92% 0%, rgba(240,173,30,.22), transparent 65%), linear-gradient(135deg,var(--ink2),var(--ink));
  border:2px solid var(--gold); box-shadow:0 0 0 6px rgba(240,173,30,.16), var(--shadow-lg); }
.cband-main { position:relative; }
.cband .kicker { color:var(--gold); }
.cband h2 { font-family:var(--disp); font-weight:400; font-size:clamp(1.55rem,5vw,2.4rem); line-height:1.3; margin:6px 0 10px; text-wrap:balance; }
.cband-sub { color:var(--soft); margin:0 0 18px; max-width:620px; font-size:1rem; }
.cband-pts { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.cband-pts li { display:flex; gap:12px; align-items:center; }
.cband-pts .ib { width:42px; height:42px; border-radius:12px; }
.cband-pts .ib .i { width:22px; height:22px; }
.cband-pts b { display:block; font-size:1rem; line-height:1.35; color:#fff; }
.cband-pts small { display:block; font-size:.8rem; color:var(--dim); line-height:1.4; }
.cband-act { position:relative; display:flex; flex-direction:column; gap:12px; align-items:stretch; }
.cband-act .btn { justify-content:center; }
.cband-act .btn-ghost { padding:11px 20px; font-size:.92rem; }
.cband-fine { margin:4px 0 0; font-size:.76rem; color:var(--dim); text-align:center; }
@media (min-width:860px) {
  .cband { padding-top:40px; }
  .cband-card { grid-template-columns:1.25fr .75fr; gap:40px; padding:40px 40px 34px; }
}
.cband-b { padding-top:0; padding-bottom:88px; } /* ऊपर संस्थापक-खंड का अपना 100px है; नीचे संपर्क की स्काईलाइन-किनारी के लिए जगह */
.cband-a { padding-bottom:0; }

/* (4) चिपकी निचली पट्टी: हीरो पार करने पर दिखे; पैकेज/फ़ुटर/पट्टी दिखे तो छिपे */
.stickycta { position:fixed; z-index:66; right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:12px;
  background:rgba(21,23,27,.96); color:#fff; border:1.5px solid var(--gold); border-radius:16px; padding:8px 8px 8px 16px;
  box-shadow:0 16px 40px rgba(0,0,0,.5), 0 0 0 4px rgba(240,173,30,.14); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  transform:translateY(160%); opacity:0; pointer-events:none; visibility:hidden; transition:transform .35s cubic-bezier(.2,.9,.3,1.2), opacity .25s, visibility 0s .35s; }
.stickycta.show { transform:none; opacity:1; pointer-events:auto; visibility:visible; transition:transform .35s cubic-bezier(.2,.9,.3,1.2), opacity .25s; }
.stickycta .sc-txt { font-weight:700; font-size:.88rem; line-height:1.3; color:#e8edf6; max-width:15em; }
.stickycta .sc-btn { padding:11px 20px; font-size:.98rem; border-radius:12px; box-shadow:0 0 0 3px rgba(240,173,30,.22), 0 8px 20px rgba(240,173,30,.4); white-space:nowrap; }
.stickycta .sc-x { flex:0 0 auto; width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.07); color:#c9d1de; font:inherit; font-size:.95rem; line-height:1; cursor:pointer; }
.stickycta .sc-x:hover { background:rgba(255,255,255,.18); color:#fff; }
/* मालिक की तैरती नेविगेशन-पट्टी (#saNavBar, नीचे-बीच में) के ऊपर रहे */
body.has-sa .stickycta { bottom:calc(64px + env(safe-area-inset-bottom)); }
/* तैरता डेमो बटन चिपकी पट्टी के ऊपर सरके, ताकि टकराए नहीं */
.stickycta.show ~ .fab { bottom:calc(86px + env(safe-area-inset-bottom)); }
body.has-sa .stickycta.show ~ .fab { bottom:calc(134px + env(safe-area-inset-bottom)); }
@media (max-width:700px) {
  .stickycta { left:10px; right:10px; padding:7px 7px 7px 12px; gap:8px; }
  .stickycta .sc-txt { display:none; }
  .stickycta .sc-btn { flex:1 1 auto; justify-content:center; padding:12px 14px; }
}
@media (display-mode: standalone) { .stickycta.show ~ .fab { bottom:calc(16px + env(safe-area-inset-bottom)); } }
@media (prefers-reduced-motion:reduce) { .stickycta, .stickycta.show { transition:none; } }
/* ===== end purchase CTA prominence ===== */

/* कीमत-ताला क्लिक करने योग्य (उम्मीदवार, 2026-10-05) */
.pk-lock[role="button"] { cursor:pointer; transition:border-color .2s, box-shadow .2s, transform .2s; }
.pk-lock[role="button"]:hover, .pk-lock[role="button"]:focus-visible { border-color:var(--gold); box-shadow:0 6px 18px rgba(240,173,30,.25); transform:translateY(-2px); outline:none; }

/* ==========================================================================
   WELCOME RESTRUCTURE: बहु-पन्ना वेबसाइट (2026-10-05)
   मुख पृष्ठ /welcome = छोटा टाइल-हब; हर टाइल /site/<slug> के भीतरी पन्ने पर ले जाती है।
   सब कुछ `.wp` (<body class="wp">) के भीतर, ताकि about.html पर असर न पड़े।
   पुराने नियम (.cards3, .usp3, .trust आदि) जान-बूझकर नहीं हटाए, बाद में साफ़ किए जा सकते हैं।
   ========================================================================== */
.wp .sec { padding:44px 0; }
.wp #package { padding-top:64px; }
.wp .sec-head { margin-bottom:22px; }
.wp .sec-head h2 { font-size:clamp(1.4rem,3.6vw,2rem); }

/* हीरो: ऊँचाई घटाई, सामग्री वही */
.wp .hero { padding-top:34px; }
.wp .lockup { margin:4px 0 12px; }
.wp .eyebrow { margin-bottom:12px; }
.wp .hero h1 { font-size:clamp(1.8rem,5.6vw,2.8rem); margin-bottom:12px; }
.wp .hero p.lead { margin-bottom:18px; }
.wp .hero .fine { margin-top:12px; }
.wp .hero .edge { margin-top:16px; height:52px; }
.wp .hero-art { max-width:500px; }
@media (min-width:900px) { .wp .hero { padding-top:38px; } .wp .hero .edge { margin-top:18px; height:60px; } }

/* आँकड़ों की पट्टी: एक पतली पंक्ति */
.wp .stats { padding:2px 0 6px; }
.wp .stats .wrap { gap:10px; }
.wp .stat { padding:10px 12px; border-radius:14px; }
.wp .stat:hover { transform:none; box-shadow:none; }
.wp .stat > .i { display:none; }
.wp .stat b { font-size:clamp(1.2rem,5vw,1.6rem); line-height:1.15; white-space:nowrap; }
.wp .stat span.l { font-size:.78rem; line-height:1.3; }
@media (min-width:800px) {
  .wp .stat { flex-direction:row; justify-content:center; text-align:left; gap:10px; }
  .wp .stat > .i { display:block; margin:0; }
  .wp .stat span.l { max-width:11em; }
}

/* वीडियो: बाएँ प्लेयर, दाएँ हिस्सों की सूची (छोटी स्क्रीन पर नीचे, बंद) */
.vid-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
.wp .video-shell { max-width:none; margin:0; }
.vid-ch { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.16); border-radius:16px; min-width:0; }
.vid-ch summary { list-style:none; cursor:pointer; min-height:52px; padding:10px 16px; display:flex; align-items:center; gap:10px; font-weight:800; font-size:.95rem; color:#fff; }
.vid-ch summary::-webkit-details-marker { display:none; }
.vid-ch summary .vc-t { display:inline-flex; align-items:center; gap:10px; }
.vid-ch summary .vc-t .i { color:var(--gold); }
.vid-ch summary::after { content:"+"; margin-left:auto; flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.1); color:var(--gold); font-weight:800; font-size:1.2rem; line-height:28px; text-align:center; transition:transform .25s; }
.vid-ch[open] summary::after { transform:rotate(45deg); background:var(--gold); color:var(--ink); }
.vid-ch-body { padding:0 14px 14px; }
.wp .vid-ch .chapters { margin:0; max-width:none; gap:7px 6px; }
.wp .vid-ch .chapters .ch-title { margin-top:12px; font-size:.86rem; }
.wp .vid-ch .chapters .ch-title:first-child { margin-top:0; }
.wp .vid-ch .chapters button { min-height:36px; padding:4px 13px; font-size:.84rem; }
@media (min-width:1000px) {
  .vid-grid { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:22px; }
  .vid-ch { position:relative; }
  .vid-ch .vid-ch-body { position:absolute; left:0; right:0; top:52px; bottom:0; overflow-y:auto; padding-bottom:12px; scrollbar-width:thin; scrollbar-color:rgba(240,173,30,.5) transparent; }
}

/* मुख्य टाइल: विजय पताका, पूरी चौड़ाई */

.hp-intro { margin:0 0 12px; color:var(--muted); font-size:.94rem; max-width:70ch; }
.hp-sub { font-size:.95rem; font-weight:800; margin:16px 0 10px; color:var(--ink2); }
.hp-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:10px; }
.hp-grid4 { grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.hp-item { background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:12px 14px; font-size:.9rem; }
.hp-item b { display:flex; align-items:flex-start; gap:8px; line-height:1.4; }
.hp-item b .i { color:var(--gold-deep); margin-top:.15em; stroke-width:2.4; }
.hp-item .d { display:block; margin-top:4px; color:var(--muted); font-size:.84rem; line-height:1.55; }
.hp-item .soon { display:inline-block; font-style:normal; font-size:.66rem; font-weight:800; background:var(--gold); color:var(--ink); padding:1px 9px; border-radius:999px; margin-left:4px; vertical-align:middle; }

/* कन्वर्ज़न पट्टी: पतली */
.wp .cband { padding:20px 0 0; }
.wp .cband-card { padding:18px 18px 16px; gap:12px; border-radius:20px; }
.wp .cband .kicker { display:none; }
.wp .cband h2 { font-size:clamp(1.25rem,3.4vw,1.7rem); margin:0 0 4px; }
.wp .cband-sub { margin:0 0 10px; font-size:.92rem; }
.wp .cband-pts { display:flex; flex-wrap:wrap; gap:8px 18px; }
.wp .cband-pts li { gap:8px; }
.wp .cband-pts small { display:none; }
.wp .cband-pts .ib { width:30px; height:30px; border-radius:9px; }
.wp .cband-pts .ib .i { width:17px; height:17px; }
.wp .cband-pts b { font-size:.86rem; }
.wp .cband-act { flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px; }
.wp .cband-act .btn { flex:1 1 auto; }
.wp .cband-act .btn-cta { padding:13px 22px; font-size:1.05rem; }
.wp .cband-fine { flex:1 1 100%; margin:0; }
@media (min-width:860px) {
  .wp .cband { padding-top:24px; }
  .wp .cband-card { grid-template-columns:1fr auto; gap:26px; padding:20px 28px; }
  .wp .cband-act { max-width:440px; }
}
.wp .cband-a { padding-bottom:0; }

/* कैसे शुरू करें: चार छोटी टाइलें */
.wp .shuru-sec { padding:40px 0 76px; }
.sec-head.row { max-width:none; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px 24px; }
.wp .stepper { gap:12px; }
.wp .step { padding:14px 14px 14px 62px; text-align:left; background:#fff; border:1.5px solid var(--line); }
.wp .step .st-n { left:12px; top:12px; margin:0; width:38px; height:38px; font-size:1.1rem; border:0; }
.wp .step h3 { font-size:.98rem; }
.wp .step p { font-size:.85rem; }
.wp .step.active { transform:none; box-shadow:var(--shadow); }
.wp .step.active .st-n { transform:none; box-shadow:0 0 0 5px rgba(240,173,30,.25); }
@media (min-width:860px) {
  .wp .stepper { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
  .wp .stepper::before { display:none; }
  .wp .step { padding:14px 14px 14px 62px; text-align:left; background:#fff; border-color:var(--line); }
  .wp .step .st-n { left:12px; top:12px; margin:0; width:38px; height:38px; border:0; font-size:1.1rem; }
  .wp .step.active { background:var(--gold-wash); border-color:var(--gold); }
}

/* सवाल + संस्थापक: दो खंड साथ-साथ */
.wp .qa-sec { padding:40px 0 34px; }
.qa-grid { display:grid; gap:22px; align-items:start; }
@media (min-width:900px) { .qa-grid { grid-template-columns:1.3fr 1fr; gap:34px; } }
.wp .qa-sec .sec-head { margin-bottom:14px; }
.wp .qa-sec .sec-head h2 { font-size:clamp(1.3rem,3vw,1.65rem); }
.wp details.q { margin-bottom:8px; }
.wp details.q summary { padding:12px 16px; font-size:.95rem; }
.founder-tile { grid-template-columns:auto 1fr; gap:16px; padding:18px; border-radius:22px; margin-top:6px; }
.founder-tile::before { display:none; }
.founder-tile .portrait { width:84px; height:84px; border-width:4px; box-shadow:0 0 0 5px rgba(240,173,30,.22), 0 10px 22px rgba(0,0,0,.25); }
.founder-tile .nm { font-size:1.3rem; }
.founder-tile .role { font-size:.86rem; margin-bottom:8px; }
.founder-tile blockquote { font-size:.9rem; margin-bottom:12px; }
.founder-tile .btn { padding:9px 16px; font-size:.88rem; }
.founder-tile .kicker { font-size:.7rem; }
@media (min-width:780px) { .founder-tile { padding:20px; gap:18px; } .founder-tile .portrait { width:100px; height:100px; } }
@media (max-width:520px) { .founder-tile { grid-template-columns:1fr; text-align:left; } .founder-tile .portrait-wrap { justify-self:start; } }

/* संपर्क: एक पतली पट्टी */
.wp .contact { padding:30px 0 28px; }
.wp .contact .grid { grid-template-columns:1fr; gap:14px; align-items:center; }
.wp .contact h2 { font-size:clamp(1.35rem,3.4vw,1.8rem); margin:0 0 4px; }
.wp .contact p { margin:0; }
.wp .contact .ways { flex-direction:row; flex-wrap:wrap; gap:10px; }
.wp .contact .ways a { padding:10px 16px; font-size:.9rem; }
@media (min-width:860px) { .wp .contact .grid { grid-template-columns:.8fr 1.2fr; gap:30px; } }
.wp footer { padding:26px 0 28px; }
/* ===== end welcome restructure ===== */

/* हेडर: 1200px से नीचे संक्षिप्त पट्टी (लोगो, सुनहरी CTA, लॉगिन, हैमबर्गर); सारे टाइल (हमारे बारे में समेत) हैमबर्गर मेन्यू में।
   पूरी पट्टी सिर्फ़ >=1200px पर। (पहले 1000-1159px पर "हमारे बारे में" छिपा दिया जाता था: वह नियम हटा दिया गया।) */
@media (max-width:1199px) {
  .bar-end { margin-left:auto; }
  .topbar.open .nav a { padding:12px 14px; font-size:1rem; }
}
@media (min-width:1000px) and (max-width:1199px) {
  .topbar.open .nav { left:auto; right:0; width:min(420px,100%); border-radius:0 0 0 16px; }
}

/* ---- बहु-पन्ना वेबसाइट: मुख पृष्ठ (टाइल) + भीतरी पन्ने (templates/site_base.html, site_*.html) ---- */

/* श्रेणी-टाइल (मुख पृष्ठ और "आगे देखिए" पट्टी); हर टाइल एक पन्ने का लिंक */
.wp .hub-sec { background:var(--paper); padding:30px 0 40px; }
.grp-h { font-size:.8rem; font-weight:800; color:var(--gold-deep); text-transform:uppercase; margin:22px 0 10px; display:flex; align-items:center; gap:10px; }
.grp-h:first-of-type { margin-top:6px; }
.grp-h::after { content:""; flex:1; height:1px; background:var(--line); }
.hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
@media (min-width:760px) { .hub-grid5 { grid-template-columns:repeat(5,minmax(0,1fr)); } .hub-grid6 { grid-template-columns:repeat(3,minmax(0,1fr)); } .hub-grid-rel { grid-template-columns:repeat(3,minmax(0,1fr)); } .hub-grid { gap:14px; } }
@media (max-width:759px) { .hub-grid5 > .hub-tile:last-child { grid-column:1/-1; } }
a.hub-tile { text-decoration:none; }
.hub-tile { font:inherit; text-align:left; cursor:pointer; color:var(--ink); background:#fff; border:1.5px solid var(--line); border-radius:16px; padding:14px 14px 13px; display:flex; flex-direction:column; align-items:flex-start; gap:4px; position:relative; transition:border-color .2s, box-shadow .2s, background .2s, transform .2s; }
.hub-tile:hover, .hub-tile:focus-visible { border-color:var(--gold); box-shadow:var(--shadow); transform:translateY(-2px); }
.hub-tile .ib { width:40px; height:40px; border-radius:12px; margin-bottom:4px; }
.hub-tile .ib .i { width:21px; height:21px; }
.hub-tile .ht-t { font-weight:800; font-size:1rem; line-height:1.35; padding-right:20px; }
.hub-tile .ht-d { font-size:.82rem; line-height:1.45; color:var(--muted); }
.hub-tile .ht-go { position:absolute; right:14px; top:18px; width:9px; height:9px; border-right:2.5px solid var(--gold-deep); border-bottom:2.5px solid var(--gold-deep); transform:rotate(-45deg); transition:transform .2s; }
.hub-tile:hover .ht-go { transform:rotate(-45deg) translate(2px,2px); }
/* विजय पताका: पूरी चौड़ाई की मुख्य टाइल */
.hub-feat { grid-column:1/-1; flex-direction:row; align-items:center; gap:14px; padding:14px 40px 14px 14px; background:linear-gradient(135deg,var(--ink2),var(--ink)); border-color:var(--gold); color:#fff; box-shadow:0 0 0 4px rgba(240,173,30,.16), var(--shadow); }
.hub-feat .ib { margin:0; width:48px; height:48px; background:var(--gold); color:var(--ink); }
.hub-feat .ht-tx { display:flex; flex-direction:column; gap:1px; min-width:0; }
.hub-feat .ht-k { font-size:.74rem; font-weight:800; color:var(--gold); }
.hub-feat .ht-t { font-family:var(--disp); font-weight:400; font-size:1.25rem; padding:0; }
.hub-feat .ht-d { color:var(--soft); }
.hub-feat .ht-go { top:50%; margin-top:-5px; border-color:var(--gold); }
@media (min-width:760px) { .hub-feat .ht-t { font-size:1.45rem; } .hub-feat .ht-d { font-size:.9rem; } }

/* मुख पृष्ठ: वीडियो झलक (पोस्टर पर क्लिक = वीडियो-पन्ना) */
.wp .vteaser { padding:28px 0 12px; }
.vt-card { display:grid; gap:0; background:linear-gradient(135deg,var(--ink2),var(--ink)); border:1px solid rgba(240,173,30,.4); border-radius:22px; overflow:hidden; text-decoration:none; color:#fff; box-shadow:var(--shadow-lg); }
.vt-poster { position:relative; display:block; background:#000; }
.vt-poster img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.vt-play { position:absolute; left:50%; top:50%; width:clamp(46px,9vw,64px); aspect-ratio:1; margin:calc(clamp(46px,9vw,64px) / -2) 0 0 calc(clamp(46px,9vw,64px) / -2); border-radius:50%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2315171b' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") 54% 50%/46% no-repeat, var(--gold); box-shadow:0 10px 30px rgba(0,0,0,.5), 0 0 0 6px rgba(240,173,30,.2); }
.vt-tx { display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:18px 20px 20px; }
.vt-h { font-family:var(--disp); font-size:clamp(1.3rem,3.6vw,1.9rem); line-height:1.3; }
.vt-p { color:var(--soft); font-size:.95rem; max-width:48ch; }
.vt-btn { margin-top:6px; padding:11px 20px; }
.vt-card:hover .vt-btn { background:#ffc247; }
@media (min-width:800px) { .vt-card { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; } .vt-tx { padding:24px 32px; } }

/* भीतरी पन्नों का शीर्ष */
.pg-hero { background:radial-gradient(700px 300px at 90% 0%, rgba(240,173,30,.16), transparent 60%), linear-gradient(135deg,var(--ink2),var(--ink)); color:#fff; padding:18px 0 28px; }
.crumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.84rem; font-weight:700; color:var(--dim); margin-bottom:16px; }
.crumb a { color:var(--gold); text-decoration:none; padding:3px 0; } .crumb a:hover { text-decoration:underline; }
.pg-hd { display:flex; align-items:center; gap:16px; }
.pg-hd .ib { background:var(--gold); color:var(--ink); }
.pg-hd h1 { font-family:var(--disp); font-weight:400; font-size:clamp(1.6rem,4.6vw,2.6rem); line-height:1.25; margin:0; text-wrap:balance; }
.pg-lead { color:var(--soft); margin:4px 0 0; max-width:70ch; font-size:1rem; }
.pg-hero-paper { background:var(--paper); color:var(--ink); padding-bottom:78px; }
.pg-hero-paper .crumb { color:var(--muted); } .pg-hero-paper .crumb a { color:var(--gold-deep); }
.pg-hero-paper .pg-lead { color:var(--muted); }
@media (max-width:520px) { .pg-hd { align-items:flex-start; } .pg-hd .ib.lg { width:46px; height:46px; } }

/* भीतरी पन्नों के खंड */
.wp .sec.shots-sec { padding-top:10px; }
.vidlink, .vidlinks { margin:16px 0 0; display:flex; flex-wrap:wrap; gap:10px; }
.wp .feature { margin-top:0; gap:24px; }
.wp .hp-grid { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.wp .vid-sec { padding:30px 0 40px; }
.vid-ch-hd { min-height:52px; padding:10px 16px; display:flex; align-items:center; font-weight:800; font-size:.95rem; color:#fff; }
.vid-ch-hd .vc-t { display:inline-flex; align-items:center; gap:10px; }
.vid-ch-hd .vc-t .i { color:var(--gold); }
.wp #evm .evm-sec { gap:20px; }
.wp #evm .evm-wrap { max-width:360px; }
.wp #evm .evm-row { padding:6px 9px; margin-bottom:6px; }
.wp #evm .evm-row .slot { height:34px; }
.wp .shuru-sec { padding:30px 0 40px; }
.wp .qa-sec { padding:30px 0 34px; }
.contact-card { display:grid; gap:22px; align-items:center; background:radial-gradient(700px 300px at 90% 0%, rgba(240,173,30,.14), transparent 60%), var(--ink); color:#fff; border-radius:24px; padding:26px 22px; }
.contact-card .ways { display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
.contact-card .ways a { display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22); color:#fff; text-decoration:none; padding:13px 20px; border-radius:12px; font-weight:700; }
.contact-card .ways a:hover { background:rgba(255,255,255,.17); }
.contact-card .ways a.gold { background:var(--gold); border-color:var(--gold); color:var(--ink); }
.contact-card .callart { justify-self:center; width:min(180px,45vw); }
.contact-card .callart img { display:block; width:100%; height:auto; filter:drop-shadow(0 18px 26px rgba(0,0,0,.5)); }
@media (min-width:800px) { .contact-card { grid-template-columns:1.4fr .6fr; padding:34px 40px; } }

/* "आगे देखिए" पट्टी (हर भीतरी पन्ने के नीचे) */
.related-sec { padding:6px 0 18px; }
.rel-h { font-size:.8rem; font-weight:800; color:var(--gold-deep); margin:0 0 10px; }
.wp .cband-end { padding-top:14px; padding-bottom:34px; }
/* ===== end welcome restructure ===== */
/* लोगो पर कोई अतिरिक्त बाहरी किनारी/गोलाई नहीं */
img[src*="icon-512.png"], img[src*="icon-192.png"] { border-radius:0 !important; box-shadow:none !important; background:transparent !important; }

/* मुख्य हिस्सों की टाइल-पट्टी (उम्मीदवार, 2026-10-05: 308 के "मेरा परिचय" की तरह आगे का पन्ना) */
.qmenu { padding:34px 0 8px; background:var(--paper, #f3f1ec); }
.qm-head { margin:0 0 16px; }
.qm-head h2 { margin:0 0 4px; font-size:1.5rem; font-weight:800; color:var(--ink, #15171b); }
.qm-head p { margin:0; font-size:.92rem; color:#6b7280; }
.qm-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; }
.qm-tile { position:relative; display:flex; flex-direction:column; gap:4px; text-decoration:none; background:#fff; border:1px solid #e4dfd3; border-radius:16px; padding:16px 16px 14px; color:#15171b; box-shadow:0 2px 10px rgba(21,23,27,.05); transition:transform .2s, box-shadow .2s, border-color .2s; }
.qm-tile .i { width:44px; height:44px; padding:11px; border-radius:12px; background:#15171b; color:#f0ad1e; stroke:currentColor; margin-bottom:8px; box-sizing:border-box; }
.qm-tile b { font-size:1.02rem; font-weight:800; }
.qm-tile span { font-size:.8rem; color:#6b7280; line-height:1.4; }
.qm-tile::after { content:"›"; position:absolute; top:12px; right:16px; font-size:1.5rem; line-height:1; color:#c9820e; }
.qm-tile:hover, .qm-tile:focus-visible { transform:translateY(-3px); border-color:#f0ad1e; box-shadow:0 10px 24px rgba(201,130,14,.18); outline:none; }
@media (max-width:900px) { .qm-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; } .qm-head h2 { font-size:1.25rem; } .qm-tile { padding:13px 13px 12px; } }
html { scroll-padding-top:76px; }

/* प्रीव्यू (?navrow=1): मेन्यू-टाइल हेडर की उसी एक पंक्ति में, सममित — 940–1199px पर एक पंक्ति (संक्षिप्त टाइल, बीच में), 600–939px पर दो पंक्ति */
@media (min-width:940px) and (max-width:1199px) {
  html.nav-row .topbar .bar { height:62px; gap:8px; flex-wrap:nowrap; padding-top:0; }
  html.nav-row .topbar .brand { flex:0 0 auto; }
  html.nav-row .topbar .brand img { width:34px; height:34px; }
  html.nav-row .topbar .brand .bn { font-size:1.28rem; }
  html.nav-row .topbar .brand .bs { font-size:.52rem; }
  html.nav-row .topbar .nav { display:flex !important; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:center; position:static !important; flex:1 1 auto; margin:0 !important; padding:0 !important;
                              background:transparent; border:0 !important; box-shadow:none !important; gap:4px; min-width:0; }
  html.nav-row .topbar .nav a { height:30px; display:inline-flex; align-items:center; padding:0 9px; font-size:.78rem; border-radius:9px; }
  html.nav-row .topbar .nav a.nav-about { display:inline-flex !important; }
  html.nav-row .topbar .nav a.nav-cta-m { display:none !important; }
  html.nav-row .topbar .bar-end { flex:0 0 auto; margin-left:0; gap:6px; }
  html.nav-row .topbar .nav-cta { height:34px; padding:0 12px; font-size:.82rem; display:inline-flex; align-items:center; }
  html.nav-row .topbar .btn-login { height:34px; padding:0 12px; font-size:.82rem; display:inline-flex; align-items:center; }
  html.nav-row .topbar .menu-btn { display:none !important; }
}
@media (min-width:600px) and (max-width:939px) {
  html.nav-row .topbar .bar { flex-wrap:wrap; height:auto; padding-top:8px; row-gap:6px; }
  html.nav-row .topbar .nav { display:flex !important; flex-direction:row; flex-wrap:wrap; justify-content:center; position:static !important; order:3; flex:1 0 100%; margin:0 !important;
                              padding:2px 0 10px !important; background:transparent; border:0 !important; box-shadow:none !important; gap:8px; }
  html.nav-row .topbar .nav a { padding:7px 13px; font-size:.88rem; }
  html.nav-row .topbar .menu-btn { display:none !important; }
  html.nav-row .topbar .bar-end { margin-left:auto; }
}

/* शिखर पर "विजय पताका" — झंडे के पास चमकता लेबल (उम्मीदवार, 2026-10-07: मॉडल का नाम "विक्ट्री", पर शिखर का हिंदी भाव "विजय पताका" उभरा रहे) */
.pkl-flaglabel { position:absolute; left:55%; top:25%; z-index:3; background:linear-gradient(180deg,#ffd66b,#f0ad1e); color:#15171b; font-weight:800; font-size:.95rem; line-height:1.2;
  padding:6px 14px; border-radius:999px; border:2px solid #fff3c4; box-shadow:0 0 0 3px rgba(240,173,30,.35), 0 8px 24px rgba(240,173,30,.55); white-space:nowrap; animation:vpGlow 2.6s ease-in-out infinite; }
.pkl-vp { color:var(--gold); }
@keyframes vpGlow { 0%,100% { box-shadow:0 0 0 3px rgba(240,173,30,.30), 0 8px 22px rgba(240,173,30,.45); } 50% { box-shadow:0 0 0 6px rgba(240,173,30,.22), 0 10px 32px rgba(255,214,107,.8); } }
@media (max-width:420px) { .pkl-flaglabel { font-size:.8rem; padding:4px 10px; left:50%; } }
@media (prefers-reduced-motion:reduce) { .pkl-flaglabel { animation:none; } }

/* पैकेज-कार्ड: कीमत ऊपर एक बटन-जैसे डिब्बे में और उसके नीचे "अर्ली-बर्ड का लाभ उठाएँ" (उम्मीदवार, 2026-10-07: कीमत-टेक्स्ट के बीच का गैप ठीक करें) */
.pk-pricebox { display:flex; flex-direction:column; gap:10px; margin:14px 0 6px; }
.pk-pricebtn { display:flex; align-items:baseline; justify-content:center; gap:8px; width:100%; box-sizing:border-box; padding:12px 16px; border-radius:14px; background:var(--ink); color:var(--gold); border:2px solid var(--gold); box-shadow:0 8px 20px rgba(21,23,27,.22); font-family:var(--disp); font-size:1.75rem; line-height:1.15; font-weight:400; }
.pk-pricebtn small { font-family:inherit; font-size:.82rem; color:var(--soft); font-weight:600; letter-spacing:.02em; }
.pk-pricebtn.lock { cursor:pointer; font-size:1.05rem; font-weight:800; font-family:inherit; align-items:center; }
.pk-pricebtn.soon { font-size:1rem; }
.pk-eb-link { display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 14px; border-radius:12px; background:var(--gold); color:var(--ink); text-align:center; text-decoration:none; box-shadow:0 8px 20px rgba(240,173,30,.3); transition:transform .12s, box-shadow .12s; }
.pk-eb-link span { font-weight:800; font-size:1rem; }
.pk-eb-link small { font-size:.78rem; font-weight:600; opacity:.85; }
.pk-eb-link:hover { background:#ffc247; color:var(--ink); transform:translateY(-1px); box-shadow:0 12px 26px rgba(240,173,30,.45); }

/* संपर्क-बटन में ईमेल/वेबसाइट: पतला, साफ़ फ़ॉन्ट (उम्मीदवार, 2026-10-07: "बहुत बड़ा/मोटा है, पतला व दूसरा फ़ॉन्ट") */
.contact .ways a.ways-latin, .contact-card .ways a.ways-latin { font-family:'IBM Plex Sans','Noto Sans',system-ui,sans-serif; font-weight:400; font-size:1rem; letter-spacing:.015em; }
.contact .ways a.ways-latin .i, .contact-card .ways a.ways-latin .i { opacity:.9; }