/* ---------- fixes to home2 ---------- */
.rc-ev.alt b{margin-top:66px}
.rc-ev{width:128px}
.rc-ev span{font-size:12.5px}
.cn-bub{background:#0f1d2b;border-color:#f0b357}
.tv-say p{transition:opacity .18s}
.tv-say p.on{transition:opacity .4s .18s}
.tour-view{background-image:radial-gradient(color-mix(in srgb,var(--ip-acc) 22%,transparent) 1px,transparent 1.4px);background-size:18px 18px;background-color:var(--ip-alt)}

/* ================= tactile moments ================= */
.tx-sec .tx-g{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.tx-hint{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:9px 14px;border-radius:999px;background:var(--ip-tint);color:var(--ip-acc-t);font-size:14px;font-weight:600}
.tx-hint i{width:9px;height:9px;border-radius:50%;background:var(--ip-acc);animation:hpPing 1.6s infinite}
.tx-stage{position:relative;min-height:580px;border-radius:calc(var(--ip-r) + 14px);background:var(--ip-alt);display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.tx-reset{position:absolute;right:16px;bottom:14px;border:1px solid var(--ip-line);background:var(--ip-bg);color:var(--ip-ink);font:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;z-index:6}

/* Indore: wipe */
.wp-phone{position:relative;width:290px;height:500px;border-radius:40px;background:#16211e;padding:10px;box-shadow:0 40px 70px -36px rgba(16,40,34,.6)}
.wp-scr{position:relative;height:100%;border-radius:31px;overflow:hidden;background:#fff}
.wp-under{position:absolute;inset:0;padding:46px 16px 16px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:#1d2522}
.wp-under h5{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a847f}
.wp-under h4{margin:0 0 6px;font-size:18px;color:#1d2522}
.wp-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:9px 11px;border-radius:11px;background:#f6f8f7;border:1px solid #e3e8e4}
.wp-row b{color:#1d2522}.wp-row em{font-style:normal;color:#7a847f;font-size:11px}
.wp-row span{grid-row:span 2;align-self:center;font-size:10.5px;font-weight:600;padding:4px 8px;border-radius:999px;background:var(--ip-tint);color:var(--ip-acc-t)}
.wp-cv{position:absolute;inset:0;width:100%;height:100%;cursor:grab;transition:opacity .6s;touch-action:none}
.wp-cv.gone{opacity:0;pointer-events:none}
.wp-done{position:absolute;left:50%;bottom:22px;transform:translate(-50%,10px);padding:9px 14px;border-radius:999px;background:var(--ip-acc);color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;opacity:0;transition:all .4s;z-index:3}
.wp-done.on{opacity:1;transform:translate(-50%,0)}
.wp-meter{position:absolute;left:26px;top:24px;font-size:12.5px;color:var(--ip-muted);font-weight:600}
.wp-meter b{display:block;font-size:32px;color:var(--ip-ink);font-variant-numeric:tabular-nums}

/* Ghaziabad: drag to Swara */
.dg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;width:100%;align-self:stretch;padding:28px;align-items:stretch}
.dg-col{display:flex;flex-direction:column;gap:12px}
.dg-col>small{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ip-muted);font-weight:600}
.dg-card{position:relative;padding:14px 15px;background:#fff;border:1px solid var(--ip-line);cursor:grab;touch-action:none;font-size:13.5px;line-height:1.4;color:var(--ip-ink);box-shadow:0 10px 20px -16px rgba(0,0,0,.4);transition:box-shadow .2s,opacity .3s;z-index:2}
.dg-card b{display:block;font-size:14.5px}
.dg-card em{display:block;font-style:normal;color:var(--ip-muted);font-size:12.5px}
.dg-card.drag{cursor:grabbing;box-shadow:0 30px 40px -20px rgba(0,0,0,.45);z-index:9;transition:none}
.dg-card.used{opacity:.25;pointer-events:none}
.dg-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed var(--ip-line);background:#fff;text-align:center;padding:20px;transition:border-color .25s,background .25s}
.dg-zone.over{border-color:var(--ip-acc);background:var(--ip-tint)}
.dg-zone.busy{border-style:solid;border-color:var(--ip-acc)}
.dg-av{width:64px;height:64px;display:grid;place-items:center;background:var(--ip-acc);color:#fff;font-weight:700;font-size:24px}
.dg-zone h4{margin:0;font-size:16px;color:var(--ip-ink)}
.dg-zone p{margin:0;font-size:13.5px;color:var(--ip-muted);min-height:58px;max-width:220px}
.dg-zone .t{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ip-acc-t);font-size:13px}
.dg-slot{flex:1;min-height:76px;padding:12px 14px;border:1px solid var(--ip-line);background:#fff;font-size:13px;color:var(--ip-muted)}
.dg-slot b{display:block;font-size:13.5px;color:var(--ip-ink);margin-bottom:6px}
.dg-slot .got{display:block;padding:7px 10px;background:var(--ip-tint);color:var(--ip-acc-t);font-weight:600;margin-top:4px;animation:txUp .4s}
@keyframes txUp{from{opacity:0;transform:translateY(6px)}}

/* Howrah: hold to answer */
.hd{display:grid;justify-items:center;gap:12px;padding:22px 30px 44px;text-align:center;color:#e8eef4}
.hd-ph{width:340px;padding:16px 18px;border-radius:28px;background:#0f1d2b;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 70px -40px rgba(0,0,0,.8)}
.hd-ph small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7f94a8;font-weight:600}
.hd-ph h4{margin:6px 0 2px;font-size:19px;color:#fff}
.hd-ph .t{font-size:13px;color:#f0b357;font-variant-numeric:tabular-nums}
.hd-ph.ring{animation:hdRing 1.4s ease-in-out infinite}
@keyframes hdRing{0%,40%,100%{transform:none}5%,15%,25%,35%{transform:translateX(-2px) rotate(-.6deg)}10%,20%,30%{transform:translateX(2px) rotate(.6deg)}}
.hd-tx{min-height:112px;margin-top:14px;display:grid;gap:8px;align-content:start;text-align:left}
.hd-tx p{margin:0;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.06);font-size:13.5px;line-height:1.45;color:#fff;font-family:"Noto Sans Bengali",inherit;animation:txUp .4s}
.hd-tx p em{display:block;font-style:normal;font-size:11.5px;color:#9fb3c6}
.hd-tx p.u{background:rgba(240,179,87,.14)}
.hd-btn{position:relative;width:120px;height:120px;border-radius:50%;border:0;background:none;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.hd-btn svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.hd-btn circle{fill:none;stroke-width:6}
.hd-btn .bg{stroke:rgba(255,255,255,.12)}
.hd-btn .fg{stroke:#f0b357;stroke-linecap:round;stroke-dasharray:339;stroke-dashoffset:339}
.hd-btn span{position:absolute;inset:14px;border-radius:50%;display:grid;place-items:center;background:#1aa37a;color:#fff;font-weight:700;font-size:13px;line-height:1.25;transition:transform .2s,background .2s;animation:hdPulse 1.8s infinite}
.hd-btn.held span{transform:scale(.94);background:#14805f;animation:none}
@keyframes hdPulse{0%{box-shadow:0 0 0 0 rgba(26,163,122,.5)}70%{box-shadow:0 0 0 16px rgba(26,163,122,0)}100%{box-shadow:0 0 0 0 rgba(26,163,122,0)}}
.hd-out{padding:11px 16px;border-radius:12px;background:#f0b357;color:#0f1d2b;font-weight:700;font-size:14px;opacity:0;transform:translateY(8px);transition:all .4s}
.hd-out.on{opacity:1;transform:none}
.hd-lab{font-size:13.5px;color:#9fb3c6;min-height:20px}
[data-skin="night"] .tx-stage{background:#0b1622}
[data-skin="night"] .tx-reset{background:#0f1d2b;color:#e8eef4;border-color:rgba(255,255,255,.18)}

/* Rajkot: slide to call */
.cf-slide{grid-column:1/-1;position:relative;height:52px;border-radius:999px;background:var(--ip-alt);border:1px solid var(--ip-line);touch-action:none;user-select:none;-webkit-user-select:none}
.cf-slide .fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#dbe5fb,#bccdf3);width:52px}
.cf-slide .lab{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--ip-muted);pointer-events:none}
.cf-slide .knob{position:absolute;top:3px;left:3px;width:44px;height:44px;border-radius:50%;background:var(--ip-acc);color:#fff;display:grid;place-items:center;cursor:grab;box-shadow:0 6px 14px -6px rgba(31,79,209,.7);font-size:18px}
.cf-slide .knob:active{cursor:grabbing}
.cf{grid-template-rows:auto 1fr auto}

@media (max-width:900px){
  .tx-sec .tx-g{grid-template-columns:1fr;gap:28px}
  .tx-stage{min-height:auto;padding:24px 0 54px}
  .wp-phone{width:260px;height:460px}
  .dg{grid-template-columns:1fr;padding:18px}
  .dg-col.out{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.dg-col.out>small{grid-column:1/-1}
  .dg-slot{min-height:64px;padding:9px;font-size:12px}
  .hd-ph{width:min(320px,100%)}
  .rc-ev{width:96px}.rc-ev.alt b{margin-top:40px}
}
.rc-tags{display:none!important}
@media (max-width:900px){
  .rc{min-height:0}
  .rc-lanes{display:block}
  .rc-lane{padding:44px 0 12px;border-bottom:1px solid var(--ip-line)}
  .rc-line,.rc-head,.rc-break{display:none}
  .rc-track{position:static;height:auto}
  .rc-ev,.rc-ev.far{position:static;display:grid;grid-template-columns:14px 92px 1fr;gap:10px;align-items:start;width:auto;transform:none;text-align:left;padding:7px 0;opacity:.3}
  .rc-ev::before,.rc-ev.far::before{margin:3px 0 0}
  .rc-ev.alt b{margin-top:0}
  .rc-ev b{margin:0}
  .wp-meter{display:none}
}
.h2-cap{right:110px;line-height:1.4}
