/* ============================================================
   URJASTROT — Landing page (light, conversion-first) module
   Light sections dominate; dark only for hero + India map.
   ============================================================ */

/* ---------- Light section base ---------- */
.sec-light{
  background:#ffffff;color:#15110a;position:relative;z-index:1;
}
.sec-light.alt{background:#fffdf5;}
.sec-light .kicker{color:var(--orange);}
.sec-light .kicker::before{background:var(--grad-solar);}
.sec-light .lead{color:#5a5346;}
.sec-light h1,.sec-light h2,.sec-light h3,.sec-light h4{color:#15110a;}
.sec-light .grad-text{
  background:var(--grad-solar);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.sec-light p{color:#5a5346;}
.sec-rounded-top{border-radius:38px 38px 0 0;margin-top:-38px;}
.sec-rounded-both{border-radius:38px;}

/* thin solar rule */
.solar-rule{height:4px;width:64px;background:var(--grad-solar);border-radius:4px;}

/* ---------- Light cards ---------- */
.lcard{
  background:#fff;border:1px solid #f0ead6;border-radius:20px;padding:1.8rem;
  box-shadow:0 10px 34px -22px rgba(120,80,0,.35);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.lcard:hover{transform:translateY(-6px);border-color:rgba(255,103,31,.4);
  box-shadow:0 24px 50px -24px rgba(255,103,31,.45);}
.lcard .li{
  width:54px;height:54px;border-radius:15px;display:grid;place-items:center;margin-bottom:1.1rem;
  background:linear-gradient(135deg,#FFF4D6,#FFE6CC);border:1px solid rgba(255,103,31,.18);
}
.lcard .li svg{width:26px;height:26px;color:var(--orange);}
.lcard h3{font-size:1.18rem;margin-bottom:.5rem;}
.lcard p{font-size:.94rem;line-height:1.55;}

.cards{display:grid;gap:1.4rem;}
.cards.c2{grid-template-columns:repeat(2,1fr);}
.cards.c3{grid-template-columns:repeat(3,1fr);}
.cards.c4{grid-template-columns:repeat(4,1fr);}

/* ---------- Hero (bright, warm, customer-friendly) ---------- */
.lhero{
  position:relative;min-height:auto;display:flex;align-items:center;
  padding:9rem 0 4.5rem;overflow:hidden;
  background:
    radial-gradient(900px 520px at 88% 0%, rgba(255,103,31,.16), transparent 60%),
    radial-gradient(760px 580px at 4% 12%, rgba(255,215,0,.22), transparent 58%),
    linear-gradient(180deg,#fffdf7,#fff8ea);
}
.lhero-canvas{display:none;}
.lhero-sun{
  position:absolute;top:-14%;right:-4%;width:520px;height:520px;border-radius:50%;z-index:0;
  background:radial-gradient(circle,rgba(255,215,0,.4),rgba(255,103,31,.14) 44%,transparent 70%);
  filter:blur(6px);animation:hsun 9s ease-in-out infinite;pointer-events:none;
}
@keyframes hsun{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}
.lhero .wrap{position:relative;z-index:2;}
.lhero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:3rem;align-items:center;}
.lhero h1{color:#15110a;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800;letter-spacing:-.035em;line-height:1.02;}
.lhero .sub{color:#5a5346;font-size:clamp(1.05rem,1.6vw,1.22rem);margin:1.4rem 0 1.9rem;max-width:580px;line-height:1.6;}
.lhero-cta{display:flex;gap:1rem;flex-wrap:wrap;}
.lhero-trust{display:flex;align-items:center;gap:.6rem;margin-top:1.7rem;color:#6a6253;font-size:.95rem;}
.lhero-trust svg{width:20px;height:20px;color:var(--orange);flex-shrink:0;}

/* phone call CTA pill */
.call-cta{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;
  text-decoration:none;color:#15110a;padding:.9rem 1.5rem;border-radius:100px;border:2px solid var(--orange);
  transition:background .3s,color .3s,transform .3s;}
.call-cta svg{width:18px;height:18px;color:var(--orange);transition:color .3s;}
.call-cta:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}
.call-cta:hover svg{color:#fff;}

/* hero side roof-stat panel (light) */
.hero-roof{
  position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--glass-border);
  background:#fff;box-shadow:0 30px 70px -34px rgba(255,103,31,.35);padding:1.6rem;
}
.hero-roof .hr-row{display:flex;align-items:center;gap:1rem;padding:.95rem 0;border-bottom:1px solid #f3ecda;}
.hero-roof .hr-row:last-child{border-bottom:none;}
.hero-roof .hr-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;
  background:linear-gradient(135deg,#FFF4D6,#FFE6CC);border:1px solid rgba(255,103,31,.18);}
.hero-roof .hr-ic svg{width:22px;height:22px;color:var(--orange);}
.hero-roof .hr-t{color:#15110a;font-family:var(--font-display);font-weight:600;font-size:1rem;}
.hero-roof .hr-s{color:#7a7263;font-size:.82rem;}

/* ---------- India map section (light) ---------- */
.sec-dark{
  background:
    radial-gradient(900px 460px at 50% -8%, rgba(255,215,0,.12), transparent 60%),
    var(--bg-1);
  color:#15110a;position:relative;z-index:1;overflow:hidden;
}
.sec-dark .lead{color:#5a5346;}
.sec-dark h2,.sec-dark h3{color:#15110a;}
.india-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;}
.india-stage{position:relative;width:100%;max-width:560px;margin:0 auto;}
.india-stage svg{width:100%;height:auto;display:block;overflow:visible;}
.in-state{
  fill:#f3ecd8;stroke:#e6dcc0;stroke-width:.6;
  transition:fill .5s var(--ease),stroke .5s var(--ease),filter .5s;
}
.in-state.has{fill:#FFE9B8;stroke:rgba(255,103,31,.3);}
.in-state.active{fill:url(#inGrad);stroke:var(--orange);stroke-width:1;
  filter:drop-shadow(0 3px 8px rgba(255,103,31,.4));}
.in-node{fill:var(--orange);opacity:0;transition:opacity .5s;}
.in-node.on{opacity:1;animation:nodePulse 1.6s ease-in-out infinite;}
@keyframes nodePulse{0%,100%{r:3;opacity:.9}50%{r:5;opacity:.45}}

/* popup card that floats over the map (clean proof card) */
.in-popup{
  position:absolute;width:min(232px,46%);border-radius:16px;overflow:hidden;z-index:5;
  background:#fff;border:1px solid var(--glass-border);
  box-shadow:0 24px 54px -18px rgba(120,80,0,.5),0 0 0 1px rgba(255,103,31,.12);
  opacity:0;transform:translateY(14px) scale(.94);pointer-events:none;
  transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);
}
.in-popup.show{opacity:1;transform:translateY(0) scale(1);}
.in-popup img{width:100%;height:140px;object-fit:cover;display:block;background:#f3ecd8;}
.in-popup .pcap{padding:.75rem .9rem .9rem;background:#fff;}
.in-popup .pst{font-family:var(--font-display);font-weight:700;color:#15110a;font-size:1rem;display:flex;align-items:center;gap:.4rem;}
.in-popup .pst svg{width:14px;height:14px;color:var(--orange);flex-shrink:0;}
.in-popup .ptitle{font-size:.74rem;color:var(--orange);font-weight:600;margin-top:.2rem;}
.in-popup .psub{font-size:.72rem;color:#8a8270;line-height:1.4;margin-top:.25rem;}
.in-popup .pcta{display:inline-block;margin-top:.6rem;font-family:var(--font-display);font-weight:600;
  font-size:.74rem;color:#fff;background:var(--orange);padding:.4rem .8rem;border-radius:8px;text-decoration:none;}

/* feature list beside map */
.india-side .ipoint{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid #f0ead6;}
.india-side .ipoint:last-of-type{border-bottom:none;}
.india-side .ipoint .ipi{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;
  background:linear-gradient(135deg,#FFF4D6,#FFE6CC);border:1px solid rgba(255,103,31,.18);}
.india-side .ipoint .ipi svg{width:20px;height:20px;color:var(--orange);}
.india-side .ipoint h4{color:#15110a;font-size:1rem;margin-bottom:.15rem;}
.india-side .ipoint p{color:#6a6253;font-size:.88rem;margin:0;}
.india-statecount{display:flex;gap:2rem;margin:1.6rem 0;flex-wrap:wrap;}
.india-statecount .num{font-family:var(--font-display);font-weight:800;font-size:2.4rem;
  background:var(--grad-solar);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.india-statecount .lbl{color:#7a7263;font-size:.82rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;}

/* small thumb strip under map (mobile-friendly proof) */
.proof-strip{display:flex;gap:.6rem;overflow-x:auto;padding:.4rem 0 1rem;scroll-snap-type:x mandatory;}
.proof-strip::-webkit-scrollbar{height:6px}
.proof-strip::-webkit-scrollbar-thumb{background:rgba(255,103,31,.3);border-radius:6px}
.proof-thumb{flex:0 0 auto;width:120px;scroll-snap-align:start;border-radius:12px;overflow:hidden;
  border:1px solid var(--glass-border);position:relative;box-shadow:0 8px 20px -14px rgba(120,80,0,.4);}
.proof-thumb img{width:100%;height:90px;object-fit:cover;display:block;}
.proof-thumb span{position:absolute;left:0;right:0;bottom:0;font-size:.66rem;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.8));padding:.5rem .5rem .35rem;font-family:var(--font-mono);}

/* ---------- Bill calculator (bright) ---------- */
.billcalc{
  background:linear-gradient(135deg,#fff,#fffaf0);border:1px solid #f3e9cc;border-radius:26px;
  padding:clamp(1.6rem,3.5vw,2.8rem);box-shadow:0 30px 70px -34px rgba(255,103,31,.4);
  position:relative;overflow:hidden;
}
.billcalc::before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,215,0,.35),transparent 70%);pointer-events:none;}
.billcalc .bc-q{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,3vw,2.1rem);
  letter-spacing:-.02em;color:#15110a;position:relative;}
.billcalc .bc-sub{color:#6a6253;margin:.7rem 0 1.6rem;max-width:560px;position:relative;}
.bc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative;}
.bc-field{display:flex;flex-direction:column;gap:.4rem;}
.bc-field.full{grid-column:1/-1;}
.bc-field label{font-size:.82rem;color:#7a7263;font-family:var(--font-mono);letter-spacing:.03em;}
.bc-field input,.bc-field select{
  background:#fff;border:1.5px solid #ece2c6;border-radius:13px;padding:.9rem 1rem;
  color:#15110a;font-family:var(--font-body);font-size:.98rem;transition:border-color .3s,box-shadow .3s;}
.bc-field input:focus,.bc-field select:focus{outline:none;border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(255,103,31,.13);}
.bc-field select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23FF671F' stroke-width='2'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center;}
.bc-amount{position:relative;}
.bc-amount .rs{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#b8ad90;font-weight:600;font-family:var(--font-display);}
.bc-amount input{padding-left:2rem;}
.bc-note{font-size:.78rem;color:#9a917d;margin-top:1.1rem;line-height:1.5;position:relative;}
.bc-help{margin-top:1rem;text-align:center;font-family:var(--font-display);font-weight:600;color:#15110a;position:relative;}
.bc-help a{color:var(--orange);text-decoration:none;border-bottom:2px solid rgba(255,103,31,.35);}
.bc-help a:hover{border-bottom-color:var(--orange);}
.bc-result{
  position:relative;margin-top:1.3rem;padding:1.1rem 1.3rem;border-radius:15px;
  background:linear-gradient(120deg,rgba(255,215,0,.15),rgba(255,103,31,.12));border:1px dashed rgba(255,103,31,.4);
  display:none;}
.bc-result.show{display:block;animation:pop .5s var(--ease-out);}
@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bc-result .est{font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:#15110a;}
.bc-result .est b{color:var(--orange);}
.bc-result .erng{font-size:.82rem;color:#7a7263;margin-top:.2rem;}

/* ---------- Process timeline (light) ---------- */
.ptimeline{position:relative;max-width:880px;margin:0 auto;}
.ptimeline::before{content:"";position:absolute;left:27px;top:10px;bottom:10px;width:2px;
  background:linear-gradient(180deg,var(--yellow),var(--orange));opacity:.4;}
.pstep{display:grid;grid-template-columns:56px 1fr;gap:1.3rem;align-items:flex-start;padding:.8rem 0 1.5rem;position:relative;}
.pstep .pnum{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;z-index:1;
  background:var(--grad-solar);color:#1a0c00;font-family:var(--font-display);font-weight:800;font-size:1.25rem;
  box-shadow:0 10px 26px -10px rgba(255,103,31,.6);}
.pstep .pbody{padding-top:.35rem;}
.pstep .pbody h3{font-size:1.12rem;margin-bottom:.25rem;color:#15110a;}
.pstep .pbody p{font-size:.92rem;color:#6a6253;margin:0;}

/* ---------- Care app (light) ---------- */
.appshow{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center;}
.phone{
  width:248px;height:506px;margin:0 auto;border-radius:38px;padding:12px;position:relative;
  background:linear-gradient(160deg,#1a1410,#0c0a07);box-shadow:0 40px 80px -30px rgba(255,103,31,.45),inset 0 0 0 2px rgba(255,215,0,.2);}
.phone .scr{width:100%;height:100%;border-radius:28px;overflow:hidden;background:#fffdf7;position:relative;display:flex;flex-direction:column;}
.phone .ptop{background:var(--grad-solar);padding:1.3rem 1.1rem 1rem;color:#1a0c00;}
.phone .ptop .pa-logo{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:-.01em;}
.phone .ptop .pa-sub{font-size:.72rem;opacity:.8;}
.phone .pbody2{padding:1rem;display:flex;flex-direction:column;gap:.7rem;}
.tkt{background:#fff;border:1px solid #f0ead6;border-radius:13px;padding:.8rem;box-shadow:0 6px 18px -12px rgba(120,80,0,.4);}
.tkt .tk-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;}
.tkt .tk-id{font-family:var(--font-mono);font-size:.7rem;color:#8a8270;}
.tkt .tk-st{font-size:.62rem;font-weight:700;padding:.18rem .5rem;border-radius:20px;font-family:var(--font-mono);}
.tkt .tk-st.open{background:#FFF0D6;color:#C45500;}
.tkt .tk-st.prog{background:#FFE9CC;color:#FF671F;}
.tkt .tk-st.done{background:#E6F7E6;color:#1F9D4D;}
.tkt .tk-t{font-family:var(--font-display);font-weight:600;font-size:.86rem;color:#15110a;}
.tkt .tk-meta{font-size:.7rem;color:#9a917d;margin-top:.2rem;}
.appstore-btns{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem;}
.store-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.2rem;border-radius:13px;
  background:#15110a;color:#fff;text-decoration:none;transition:transform .3s,box-shadow .3s;}
.store-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(0,0,0,.5);}
.store-btn svg{width:24px;height:24px;}
.store-btn .sb-t{font-size:.64rem;opacity:.7;line-height:1;}
.store-btn .sb-b{font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1.1;}
.app-feats{display:flex;flex-direction:column;gap:1rem;margin:1.6rem 0;}
.app-feat{display:flex;gap:.9rem;align-items:flex-start;}
.app-feat .afi{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;
  background:linear-gradient(135deg,#FFF4D6,#FFE6CC);border:1px solid rgba(255,103,31,.18);}
.app-feat .afi svg{width:21px;height:21px;color:var(--orange);}
.app-feat h4{font-size:1rem;margin-bottom:.1rem;color:#15110a;}
.app-feat p{font-size:.88rem;color:#6a6253;margin:0;}

/* ---------- Awards (light) ---------- */
.award-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;}
.acard{background:#fff;border:1px solid #f0ead6;border-radius:18px;overflow:hidden;
  box-shadow:0 12px 34px -22px rgba(120,80,0,.4);transition:transform .4s var(--ease),box-shadow .4s;}
.acard:hover{transform:translateY(-6px);box-shadow:0 26px 54px -24px rgba(255,103,31,.45);}
.acard .aimg{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#f6f1e2;}
.acard .abody{padding:1.1rem 1.2rem 1.4rem;}
.acard .ayr{font-family:var(--font-mono);font-size:.7rem;color:var(--orange);letter-spacing:.08em;text-transform:uppercase;}
.acard h3{font-size:1.05rem;margin:.35rem 0 .4rem;color:#15110a;line-height:1.2;}
.acard p{font-size:.84rem;color:#6a6253;margin:0;line-height:1.5;}
.acard .auth{font-size:.78rem;color:#8a8270;margin-top:.5rem;font-style:italic;}

/* ---------- Final CTA (bold solar) ---------- */
.final-cta{
  position:relative;overflow:hidden;border-radius:32px;
  background:var(--grad-solar);padding:clamp(2.6rem,6vw,4.5rem);text-align:center;
  box-shadow:0 40px 90px -34px rgba(255,103,31,.6);
}
.final-cta::before{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;
  background:radial-gradient(600px 300px at 80% 0%,rgba(255,255,255,.6),transparent 60%);}
.final-cta h2{color:#1a0c00;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;letter-spacing:-.03em;position:relative;}
.final-cta p{color:#3a1f02;font-size:clamp(1.05rem,1.6vw,1.2rem);margin:1rem auto 2rem;max-width:600px;position:relative;}
.final-cta .fc-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;}
.btn-dark{background:#15110a;color:#fff;}
.btn-dark:hover{background:#000;transform:translateY(-3px);box-shadow:0 16px 40px -14px rgba(0,0,0,.5);}
.btn-light-outline{background:rgba(255,255,255,.9);color:#1a0c00;border-color:transparent;}
.btn-light-outline:hover{background:#fff;transform:translateY(-3px);}
.final-cta .fc-local{color:#3a1f02;font-family:var(--font-mono);font-size:.85rem;margin-top:1.3rem;position:relative;letter-spacing:.04em;}

/* section heads on light */
.lhead{max-width:680px;margin:0 auto 3rem;text-align:center;}
.lhead.left{margin-left:0;text-align:left;}
.lhead .h-sec{margin:1rem 0 .8rem;}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .lhero-grid,.india-wrap,.appshow{grid-template-columns:1fr;gap:2.2rem;}
  .hero-roof{max-width:420px;margin:0 auto;}
  .cards.c4{grid-template-columns:repeat(2,1fr);}
  .cards.c3{grid-template-columns:1fr;}
  .award-grid{grid-template-columns:repeat(2,1fr);}
  .india-side{order:2;}
  .lhero h1{font-size:clamp(2.4rem,9vw,3.6rem);}
}
@media(max-width:560px){
  .bc-grid{grid-template-columns:1fr;}
  .cards.c4,.cards.c2,.award-grid{grid-template-columns:1fr;}
  .in-popup{width:46%;}
  .in-popup img{height:120px;}
  .lhero-cta .btn,.final-cta .fc-btns .btn{width:100%;}
  .phone{width:220px;height:448px;}
}

/* ---------- Custom refinement: Map-first landing layout ---------- */
.first-map-section{
  padding-top:clamp(7.5rem,12vw,9.5rem);
  background:
    radial-gradient(900px 420px at 18% 0%, rgba(255,215,0,.18), transparent 60%),
    radial-gradient(760px 420px at 92% 10%, rgba(255,103,31,.11), transparent 60%),
    #ffffff;
}
.first-map-section .lhead{margin-bottom:2rem;}
.first-map-section .india-wrap{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);align-items:start;gap:2rem;}
.india-form-panel{position:relative;}
.india-form-panel .india-statecount{
  margin:0 0 1.05rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;
}
.india-form-panel .india-statecount>div{
  background:#fff;border:1px solid #f0ead6;border-radius:18px;padding:1rem 1.05rem;
  box-shadow:0 12px 30px -22px rgba(120,80,0,.45);
}
.india-form-panel .india-statecount .num{font-size:clamp(1.9rem,3vw,2.35rem);line-height:1;}
.india-form-panel .india-statecount .lbl{font-size:.72rem;line-height:1.35;}
.billcalc-side{padding:clamp(1.05rem,2.2vw,1.55rem);border-radius:22px;box-shadow:0 24px 54px -34px rgba(255,103,31,.5);}
.billcalc-side .bc-q{font-size:clamp(1.25rem,2vw,1.55rem);}
.billcalc-side .bc-sub{font-size:.9rem;margin:.55rem 0 1.05rem;}
.billcalc-side .bc-grid{grid-template-columns:1fr 1fr;gap:.78rem;}
.billcalc-side .bc-field label{font-size:.73rem;}
.billcalc-side .bc-field input,.billcalc-side .bc-field select{padding:.78rem .85rem;font-size:.9rem;border-radius:12px;}
.billcalc-side .bc-note{font-size:.7rem;}
.billcalc-side .bc-help{font-size:.92rem;}
.billcalc-side .btn{font-size:.9rem;}

@media (max-width:980px){
  .first-map-section .india-wrap{grid-template-columns:1fr;}
  .india-form-panel .india-statecount{grid-template-columns:1fr 1fr;}
  .billcalc-side .bc-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .first-map-section{padding-top:6.8rem;}
  .india-form-panel .india-statecount{grid-template-columns:1fr;}
  .billcalc-side{padding:1rem;}
}

/* ============================================================
   Landing page yellow-first refinement
   ============================================================ */
.sec-light,.sec-light.alt{background:#FFD700 !important;color:#000000;}
.first-map-section{background:
  radial-gradient(920px 480px at 8% 0%, rgba(255,255,255,.34), transparent 58%),
  radial-gradient(760px 420px at 96% 6%, rgba(255,103,31,.26), transparent 60%),
  #FFD700 !important;}
.first-map-section::after,.sec-light::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:rgba(0,0,0,.12);pointer-events:none;}
.lhead .lead,.sec-head .lead,.lead{color:#2c2200;}
.india-stage{background:#FFFFFF;border:2px solid #000000;box-shadow:14px 14px 0 rgba(0,0,0,.10);}
.india-side,.india-form-panel{background:transparent;border:none;box-shadow:none;}
.india-form-panel .india-statecount>div{background:#FFFFFF;border:2px solid #000000;box-shadow:8px 8px 0 rgba(0,0,0,.12);}
.india-form-panel .india-statecount .num{color:#FF671F;-webkit-text-fill-color:initial;background:none;}
.india-form-panel .india-statecount .lbl{color:#000000;font-weight:700;}
.billcalc,.billcalc-side{background:#FFFFFF !important;border:2px solid #000000;box-shadow:12px 12px 0 rgba(0,0,0,.14) !important;}
.billcalc::before{background:radial-gradient(circle,rgba(255,215,0,.65),transparent 68%);}
.billcalc .bc-q{color:#000000;}
.billcalc .bc-sub{color:#2c2200;}
.bc-field label{color:#000000;font-weight:700;}
.bc-field input,.bc-field select{background:#FFFFFF;border:1.8px solid rgba(0,0,0,.22);color:#000000;}
.bc-field input:focus,.bc-field select:focus{border-color:#FF671F;box-shadow:0 0 0 4px rgba(255,103,31,.18);}
.bc-note{color:#3a3000;background:rgba(255,215,0,.18);padding:.75rem;border-radius:12px;border:1px solid rgba(0,0,0,.12);}
.bc-help a{color:#FF671F;font-weight:800;}
.proof-strip{background:#FFFFFF;border:2px solid #000000;box-shadow:8px 8px 0 rgba(0,0,0,.1);}
.proof-thumb{background:#FFD700;border:1px solid rgba(0,0,0,.14);}
.proof-thumb span{color:#000000;font-weight:700;}
.pstep .pnum{background:#FF671F;color:#FFFFFF;box-shadow:6px 6px 0 rgba(0,0,0,.14);}
.ptimeline::before{background:#000000;opacity:.28;}
.pstep .pbody h3{color:#000000;}
.pstep .pbody p{color:#2c2200;}
.app-feat .afi{background:#FFFFFF;border:2px solid #000000;}
.tkt,.acard{background:#FFFFFF;border:2px solid #000000;box-shadow:8px 8px 0 rgba(0,0,0,.1);}
.acard .aimg{background:#FFD700;}
.final-cta{background:#FF671F;box-shadow:14px 14px 0 rgba(0,0,0,.18);border:2px solid #000000;}
.final-cta h2,.final-cta p,.final-cta .fc-local{color:#FFFFFF;}
.btn-dark{background:#000000;color:#FFD700;border:1px solid #000000;}
.btn-light-outline{background:#FFD700;color:#000000;border:1px solid #000000;}
.btn-light-outline:hover{background:#FFFFFF;color:#000000;}

/* ============================================================
   Yellow glass refinement - remove heavy borders, soften all cards
   ============================================================ */
:root{
  --urja-glass:rgba(255,255,255,.54);
  --urja-glass-strong:rgba(255,255,255,.72);
  --urja-glass-warm:rgba(255,215,0,.30);
  --urja-soft-line:rgba(255,255,255,.52);
  --urja-glass-shadow:0 22px 60px -32px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.62);
}

/* First map section: yellow map + cream/orange background */
.first-map-section{
  background:
    radial-gradient(850px 460px at 8% 0%, rgba(255,255,255,.86), transparent 62%),
    radial-gradient(720px 460px at 96% 6%, rgba(255,103,31,.28), transparent 66%),
    linear-gradient(135deg,#FFF8D6 0%, #FFD700 42%, #FFE389 64%, #FFB86A 100%) !important;
}

/* Map card becomes soft glass, no hard black border */
.india-stage{
  background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,248,214,.38)) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  border-radius:28px;
  box-shadow:var(--urja-glass-shadow) !important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  padding:clamp(.8rem,2vw,1.25rem);
}
.india-stage::before{
  content:"";position:absolute;inset:0;border-radius:28px;pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.44),transparent 48%,rgba(255,103,31,.12));
}
.india-stage svg{position:relative;z-index:1;filter:drop-shadow(0 16px 26px rgba(92,55,0,.18));}
.in-state{fill:#FFE68A !important;stroke:rgba(0,0,0,.17) !important;stroke-width:.55 !important;}
.in-state.has{fill:#FFD700 !important;stroke:rgba(255,103,31,.42) !important;opacity:.96;}
.in-state.active{fill:url(#inGrad) !important;stroke:#FF671F !important;stroke-width:1.4 !important;filter:drop-shadow(0 0 12px rgba(255,103,31,.55));}
.in-node{fill:#FF671F !important;}

/* Clean glass popup over map */
.in-popup{
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(255,255,255,.64) !important;
  box-shadow:0 20px 52px -24px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.76) !important;
  backdrop-filter:blur(16px) saturate(150%);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
}
.in-popup .pcap{background:rgba(255,255,255,.76) !important;}

/* Right-side form + state counters in glass style */
.india-form-panel .india-statecount>div,
.billcalc,
.billcalc-side,
.lcard,
.proof-strip,
.tkt,
.acard,
.store-btn,
.app-feat,
.hero-roof,
.glass{
  background:var(--urja-glass-strong) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:var(--urja-glass-shadow) !important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.india-form-panel .india-statecount>div{
  background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,215,0,.22)) !important;
}
.billcalc,.billcalc-side{
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.46),rgba(255,215,0,.20)) !important;
}
.billcalc::before{background:radial-gradient(circle,rgba(255,215,0,.82),transparent 68%) !important;}

/* Form fields: glass, not bordered blocks */
.bc-field input,.bc-field select{
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 22px -18px rgba(0,0,0,.28);
}
.bc-field input:focus,.bc-field select:focus{
  border-color:rgba(255,103,31,.75) !important;
  box-shadow:0 0 0 4px rgba(255,103,31,.16),inset 0 1px 0 rgba(255,255,255,.75) !important;
}
.bc-note{
  background:rgba(255,255,255,.36) !important;
  border:1px solid rgba(255,255,255,.56) !important;
  box-shadow:none !important;
}

/* Remove heavy black edges from yellow theme */
.final-cta,.btn-dark,.btn-light-outline,.app-feat .afi,.tkt,.acard,.proof-strip,.proof-thumb{
  border-color:rgba(255,255,255,.54) !important;
}
.final-cta{
  background:linear-gradient(135deg,#FF671F 0%,#FFD700 100%) !important;
  box-shadow:0 28px 70px -36px rgba(255,103,31,.62), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
.final-cta h2,.final-cta p,.final-cta .fc-local{color:#000000 !important;}
.btn-dark{background:#000000 !important;color:#FFD700 !important;border:none !important;}
.btn-light-outline{background:rgba(255,255,255,.72) !important;color:#000000 !important;border:1px solid rgba(255,255,255,.62) !important;}

/* Thumbnail strip, awards, service cards — glass but readable */
.proof-thumb{background:rgba(255,255,255,.55) !important;box-shadow:0 10px 24px -18px rgba(0,0,0,.28) !important;}
.lcard:hover,.acard:hover,.tkt:hover{box-shadow:0 28px 68px -36px rgba(255,103,31,.48), inset 0 1px 0 rgba(255,255,255,.7) !important;}

/* ===== Care App section refinement: stronger glass, better alignment, readable store buttons ===== */
#care{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.64), transparent 30%),
    radial-gradient(circle at 82% 35%, rgba(255,103,31,.24), transparent 32%),
    linear-gradient(135deg,#FFD700 0%,#FFD700 48%,#FFE36B 72%,#FFB347 100%) !important;
}
#care .lhead{max-width:720px !important;margin-bottom:2.2rem;}
#care .h-sec{max-width:760px;}
#care .lead{max-width:650px;color:rgba(0,0,0,.78);font-weight:500;}
#care .appshow{
  max-width:1120px;
  margin:0 auto;
  grid-template-columns:minmax(300px,.9fr) minmax(520px,1.35fr);
  gap:4.5rem;
  align-items:center;
}
#care .appshow>div:nth-child(1){
  display:flex;
  justify-content:center;
  align-items:center;
}
#care .phone{
  width:300px;
  height:610px;
  border-radius:44px;
  padding:14px;
  background:linear-gradient(160deg,rgba(0,0,0,.96),rgba(0,0,0,.82));
  box-shadow:0 38px 90px -34px rgba(0,0,0,.62),0 18px 52px -32px rgba(255,103,31,.60),inset 0 0 0 2px rgba(255,215,0,.35);
}
#care .phone .scr{border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,230,.92));}
#care .phone .ptop{padding:1.45rem 1.2rem 1.1rem;background:linear-gradient(135deg,#FFD700 0%,#FF671F 100%);}
#care .phone .ptop .pa-logo{font-size:1.18rem;}
#care .phone .ptop .pa-sub{font-size:.78rem;color:rgba(0,0,0,.78);}
#care .pbody2{gap:.9rem;padding:1.2rem;}
#care .tkt{
  border:none !important;
  min-height:96px;
  padding:1rem;
  border-radius:18px;
  background:rgba(255,255,255,.74) !important;
  box-shadow:0 14px 34px -22px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.88) !important;
  backdrop-filter:blur(14px) saturate(145%);
  -webkit-backdrop-filter:blur(14px) saturate(145%);
}
#care .tkt .tk-t{font-size:.95rem;font-weight:700;}
#care .tkt .tk-meta{font-size:.76rem;color:rgba(0,0,0,.55);}
#care .app-feats{
  margin:0 0 1.6rem;
  gap:1rem;
}
#care .app-feat{
  width:100%;
  min-height:82px;
  align-items:center;
  padding:1rem 1.2rem;
  border-radius:22px;
  border:none !important;
  background:rgba(255,255,255,.52) !important;
  box-shadow:0 22px 52px -34px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.82) !important;
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}
#care .app-feat .afi{
  width:54px;
  height:54px;
  border-radius:17px;
  border:none !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 12px 28px -20px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#care .app-feat .afi svg{width:25px;height:25px;color:#FF671F;}
#care .app-feat h4{font-size:1.08rem;margin-bottom:.18rem;color:#000000;}
#care .app-feat p{font-size:.92rem;color:rgba(0,0,0,.62);line-height:1.45;}
#care .appstore-btns{
  display:grid;
  grid-template-columns:repeat(2,minmax(210px,1fr));
  gap:1rem;
  margin-top:1.5rem;
  max-width:560px;
}
#care .store-btn{
  min-height:62px;
  justify-content:center;
  padding:.88rem 1.15rem;
  border-radius:18px;
  background:rgba(0,0,0,.88) !important;
  color:#FFFFFF !important;
  border:none !important;
  box-shadow:0 18px 42px -26px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.15) !important;
  backdrop-filter:blur(12px) saturate(130%);
  -webkit-backdrop-filter:blur(12px) saturate(130%);
}
#care .store-btn:hover{transform:translateY(-4px);background:#000000 !important;box-shadow:0 24px 52px -28px rgba(0,0,0,.75) !important;}
#care .store-btn svg{width:28px;height:28px;flex:0 0 28px;color:#FFD700 !important;}
#care .store-btn span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;min-width:0;}
#care .store-btn .sb-t{display:block !important;font-size:.72rem !important;color:rgba(255,255,255,.78) !important;opacity:1 !important;font-weight:500;letter-spacing:.01em;white-space:nowrap;}
#care .store-btn .sb-b{display:block !important;font-size:1.06rem !important;color:#FFFFFF !important;font-weight:800;white-space:nowrap;letter-spacing:-.01em;}
#care .lhero-cta{
  gap:1rem;
  align-items:center;
}
#care .lhero-cta .btn{min-height:58px;padding:0 1.5rem;border-radius:999px;}
#care .bc-help{font-size:1rem;font-weight:700;color:#000;}
#care .bc-help a{color:#FF671F;text-decoration:underline;text-underline-offset:3px;}
#care .bc-note{
  max-width:650px;
  padding:1rem 1.1rem;
  border-radius:18px;
  background:rgba(255,255,255,.42) !important;
  border:none !important;
  color:rgba(0,0,0,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 18px 42px -32px rgba(0,0,0,.35) !important;
}
@media(max-width:980px){
  #care .appshow{grid-template-columns:1fr;gap:2.5rem;}
  #care .appstore-btns{grid-template-columns:1fr 1fr;max-width:100%;}
  #care .phone{width:280px;height:570px;}
}
@media(max-width:560px){
  #care .phone{width:250px;height:510px;}
  #care .app-feat{min-height:auto;padding:.9rem;}
  #care .appstore-btns{grid-template-columns:1fr;}
  #care .lhero-cta .btn{width:100%;justify-content:center;}
}

/* ============================================================
   FINAL VISUAL OPTION: yellow-gradient background + premium glass
   Source inspiration: earlier warm gradient background, but rebuilt
   on the latest approved structure/content.
   ============================================================ */
:root{
  --urja-yellow:#FFD700;
  --urja-orange:#FF671F;
  --urja-black:#000000;
  --urja-white:#FFFFFF;
  --urja-page-gradient:
    radial-gradient(900px 520px at 10% 5%, rgba(255,255,255,.72), transparent 58%),
    radial-gradient(780px 460px at 92% 8%, rgba(255,103,31,.34), transparent 62%),
    radial-gradient(700px 420px at 50% 100%, rgba(255,255,255,.38), transparent 60%),
    linear-gradient(135deg,#FFD700 0%,#FFD700 38%,#FFE46A 64%,#FFB454 100%);
  --urja-page-gradient-soft:
    radial-gradient(820px 480px at 12% 4%, rgba(255,255,255,.64), transparent 58%),
    radial-gradient(680px 420px at 88% 10%, rgba(255,103,31,.28), transparent 62%),
    linear-gradient(145deg,#FFD700 0%,#FFE05A 54%,#FFFFFF 100%);
  --urja-glass-card:rgba(255,255,255,.48);
  --urja-glass-card-strong:rgba(255,255,255,.68);
  --urja-glass-line:rgba(255,255,255,.62);
  --urja-glass-shadow-2:0 26px 70px -38px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.76);
}

body{background:#FFD700 !important;}
.sec-light,
.sec-light.alt,
.first-map-section,
#care,
#awards{
  background:var(--urja-page-gradient) !important;
  color:#000000 !important;
}
.sec-light:nth-of-type(even){background:var(--urja-page-gradient-soft) !important;}
.first-map-section{
  min-height:100vh;
  padding-top:clamp(7.2rem,10vw,10rem) !important;
  overflow:hidden;
}
.first-map-section::before,
.sec-light::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.10) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 82%);
  opacity:.42;
}
.first-map-section::after,
.sec-light::after{display:none !important;}

.lhead,
.lhead.left{position:relative;z-index:2;}
.kicker{
  background:rgba(255,255,255,.52) !important;
  border:1px solid rgba(255,255,255,.70) !important;
  border-radius:999px !important;
  padding:.55rem 1.05rem !important;
  box-shadow:0 14px 32px -24px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.72) !important;
  backdrop-filter:blur(12px) saturate(150%);
  -webkit-backdrop-filter:blur(12px) saturate(150%);
  color:#FF671F !important;
}
.h-sec{color:#000000 !important;text-shadow:0 1px 0 rgba(255,255,255,.22);}
.lead{color:rgba(0,0,0,.76) !important;}

/* Grid balance for the first fold */
.india-wrap{
  grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr) !important;
  align-items:stretch !important;
  gap:clamp(1.3rem,3vw,2.4rem) !important;
}
.india-form-panel{display:flex;flex-direction:column;gap:1.05rem;min-width:0;}

/* Yellow India map with premium glass stage */
.india-stage{
  min-height:clamp(560px,58vw,720px) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.20),rgba(255,215,0,.26)) !important;
  border:0 !important;
  border-radius:34px !important;
  box-shadow:0 34px 92px -46px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(255,255,255,.32) !important;
  backdrop-filter:blur(22px) saturate(165%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(165%) !important;
  overflow:hidden;
}
.india-stage::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:34px;
  background:
    radial-gradient(circle at 24% 14%,rgba(255,255,255,.56),transparent 32%),
    radial-gradient(circle at 84% 18%,rgba(255,103,31,.20),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.26),transparent 48%,rgba(255,215,0,.20));
  pointer-events:none;
  z-index:0;
}
.india-stage svg{position:relative;z-index:1;filter:drop-shadow(0 24px 34px rgba(95,60,0,.22));}
.in-state{fill:#FFE66E !important;stroke:rgba(0,0,0,.14) !important;stroke-width:.52 !important;}
.in-state.has{fill:#FFD700 !important;stroke:rgba(255,103,31,.48) !important;opacity:.98;}
.in-state.active{fill:url(#inGrad) !important;stroke:#FF671F !important;stroke-width:1.55 !important;filter:drop-shadow(0 0 16px rgba(255,103,31,.62));}
.in-node{fill:#FF671F !important;filter:drop-shadow(0 0 8px rgba(255,103,31,.72));}
.in-popup{
  background:rgba(255,255,255,.78) !important;
  border:0 !important;
  border-radius:20px !important;
  box-shadow:0 26px 62px -28px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.86) !important;
  backdrop-filter:blur(18px) saturate(165%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(165%) !important;
}
.in-popup .pcap{background:rgba(255,255,255,.82) !important;}
.in-popup .pct{background:#FF671F !important;color:#FFFFFF !important;}

/* Universal glass blocks - no hard borders */
.india-form-panel .india-statecount>div,
.billcalc,
.billcalc-side,
.lcard,
.proof-strip,
.proof-thumb,
.pstep,
.app-feat,
.tkt,
.acard,
.store-btn,
.glass,
.final-cta,
.bc-note{
  border:0 !important;
  background:var(--urja-glass-card) !important;
  box-shadow:var(--urja-glass-shadow-2) !important;
  backdrop-filter:blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(160%) !important;
}
.india-form-panel .india-statecount>div,
.billcalc,
.billcalc-side{
  background:linear-gradient(150deg,rgba(255,255,255,.74),rgba(255,255,255,.44),rgba(255,215,0,.25)) !important;
  border-radius:24px !important;
}
.india-statecount .num{color:#000000 !important;text-shadow:0 1px 0 rgba(255,255,255,.38);}
.india-statecount .lbl{color:rgba(0,0,0,.62) !important;}

.billcalc-side{height:100%;display:flex;flex-direction:column;justify-content:center;}
.billcalc .bc-q{color:#000000 !important;}
.billcalc .bc-sub{color:rgba(0,0,0,.72) !important;}
.bc-field input,.bc-field select,.bc-amount{
  background:rgba(255,255,255,.72) !important;
  border:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 12px 28px -22px rgba(0,0,0,.30) !important;
}
.bc-field label{color:rgba(0,0,0,.66) !important;}
.bc-help{color:#000000 !important;}
.bc-help a{color:#FF671F !important;font-weight:800;}
.bc-note{background:rgba(255,255,255,.36) !important;color:rgba(0,0,0,.68) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62) !important;}

/* Process/cards read as glass panels on yellow gradient */
.ptimeline::before{background:rgba(255,255,255,.62) !important;}
.pnum{background:linear-gradient(135deg,#FF671F,#FFD700) !important;color:#000000 !important;box-shadow:0 14px 26px -18px rgba(0,0,0,.44) !important;}
.pstep{background:rgba(255,255,255,.44) !important;border-radius:24px !important;padding:.95rem 1rem !important;}
.pstep .pbody h3{color:#000000 !important;}
.pstep .pbody p{color:rgba(0,0,0,.70) !important;}

/* Care section option: gradient background + clean glass cards */
#care{
  background:
    radial-gradient(860px 460px at 10% 8%, rgba(255,255,255,.74), transparent 60%),
    radial-gradient(720px 440px at 90% 12%, rgba(255,103,31,.30), transparent 62%),
    linear-gradient(135deg,#FFD700 0%,#FFD700 42%,#FFE36A 68%,#FFB454 100%) !important;
}
#care .appshow{align-items:center !important;}
#care .app-feat{
  background:rgba(255,255,255,.48) !important;
  border:0 !important;
  border-radius:24px !important;
  min-height:94px !important;
  padding:1.12rem 1.25rem !important;
}
#care .app-feat .afi{border:0 !important;background:rgba(255,255,255,.72) !important;}
#care .store-btn{
  background:rgba(0,0,0,.90) !important;
  color:#FFFFFF !important;
  border:0 !important;
  min-height:64px !important;
}
#care .store-btn .sb-t{color:rgba(255,255,255,.78) !important;opacity:1 !important;}
#care .store-btn .sb-b{color:#FFFFFF !important;opacity:1 !important;}
#care .store-btn svg{color:#FFD700 !important;}
#care .phone{box-shadow:0 42px 92px -36px rgba(0,0,0,.66),0 20px 58px -36px rgba(255,103,31,.68) !important;}
#care .bc-note{background:rgba(255,255,255,.36) !important;border:0 !important;}

.final-cta{
  background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,215,0,.62),rgba(255,103,31,.40)) !important;
  border-radius:34px !important;
}

@media(max-width:980px){
  .india-wrap{grid-template-columns:1fr !important;}
  .india-stage{min-height:520px !important;}
  .billcalc-side{height:auto;}
}
@media(max-width:560px){
  .first-map-section{padding-top:6.3rem !important;}
  .india-stage{min-height:440px !important;border-radius:24px !important;}
  .india-form-panel .india-statecount{grid-template-columns:1fr 1fr !important;}
}

/* ---------- Final correction: Process cards spacing + stronger glass separation ---------- */
#process .ptimeline{
  max-width:980px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  position:relative !important;
}
#process .ptimeline::before{display:none !important;}
#process .pstep{
  margin:0 !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  gap:20px !important;
  align-items:center !important;
  min-height:104px !important;
  padding:22px 28px !important;
  border-radius:30px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.34), rgba(255,215,0,.18)) !important;
  box-shadow:0 24px 54px -34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.82) !important;
  backdrop-filter:blur(22px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(170%) !important;
  overflow:hidden !important;
}
#process .pstep::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg, rgba(255,255,255,.28), transparent 38%, rgba(255,103,31,.08));
  pointer-events:none;
}
#process .pstep .pnum{
  width:60px !important;
  height:60px !important;
  border-radius:18px !important;
  position:relative !important;
  z-index:2 !important;
}
#process .pstep .pbody{
  position:relative !important;
  z-index:2 !important;
  padding-top:0 !important;
}
#process .pstep .pbody h3{
  margin:0 0 6px !important;
  line-height:1.15 !important;
}
#process .pstep .pbody p{
  line-height:1.55 !important;
  max-width:760px !important;
}
@media (max-width:720px){
  #process .ptimeline{gap:14px !important;}
  #process .pstep{
    grid-template-columns:56px minmax(0,1fr) !important;
    gap:14px !important;
    min-height:92px !important;
    padding:18px 16px !important;
    border-radius:24px !important;
  }
  #process .pstep .pnum{width:52px !important;height:52px !important;border-radius:16px !important;font-size:1.05rem !important;}
  #process .pstep .pbody h3{font-size:1rem !important;}
  #process .pstep .pbody p{font-size:.86rem !important;}
}


/* ============================================================
   Recommendation-based Premium Refinement
   Goal: simple, sober, elegant, yellow-first Urjastrot look
   ============================================================ */

/* More balanced section rhythm: less visual clutter, more breathing space */
.sec-pad{padding:clamp(4.8rem,8vw,7.2rem) 0 !important;}
.lhead,.sec-head{max-width:760px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important;}
.lhead .h-sec,.sec-head .h-sec{max-width:900px;margin-left:auto;margin-right:auto;}
.lhead .lead,.sec-head .lead{max-width:680px;margin-left:auto;margin-right:auto;}

/* Compact sticky glass header with clean logo breathing space */
.nav{padding:10px clamp(.75rem,2vw,1.25rem) 0 !important;}
.nav-in{
  max-width:1180px !important;
  border-radius:999px !important;
  padding:.58rem .85rem !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 18px 48px -32px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.78) !important;
  backdrop-filter:blur(20px) saturate(165%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(165%) !important;
}
.nav.scrolled{background:transparent !important;border-bottom:0 !important;box-shadow:none !important;}
.nav.scrolled .nav-in{padding:.48rem .75rem !important;}
.brand{
  background:rgba(255,255,255,.62) !important;
  border-radius:999px !important;
  padding:.32rem .7rem .32rem .42rem !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.brand img{height:36px !important;max-width:170px;object-fit:contain;}
.nav-links a{border-radius:999px !important;padding:.48rem .72rem !important;color:rgba(0,0,0,.72) !important;}
.nav-links a:hover,.nav-links a.active{background:rgba(255,215,0,.34) !important;color:#000 !important;}
.nav-links a.active::after{display:none !important;}
.nav-cta .btn{padding:.62rem 1.05rem !important;}
.nav-toggle{border:0 !important;background:rgba(255,215,0,.36) !important;}

/* CTA behavior: orange for conversion, yellow hover for brand energy */
.btn-primary,
.final-cta .btn-dark{
  background:#FF671F !important;
  color:#FFFFFF !important;
  box-shadow:0 16px 34px -18px rgba(255,103,31,.75), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.btn-primary:hover,
.final-cta .btn-dark:hover{
  background:#FFD700 !important;
  color:#000000 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 18px 42px -20px rgba(0,0,0,.38), 0 0 0 1px rgba(0,0,0,.08) !important;
}
.btn-ghost,
.btn-light-outline{
  background:rgba(255,255,255,.72) !important;
  color:#000 !important;
  border:0 !important;
  box-shadow:0 16px 34px -26px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.78) !important;
  backdrop-filter:blur(14px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(150%) !important;
}
.btn-ghost:hover,
.btn-light-outline:hover{background:#FFD700 !important;color:#000 !important;transform:translateY(-3px) !important;}

/* Use fewer decorative shapes, but add premium yellow depth */
.sec-light,
.sec-light.alt{
  background:
    radial-gradient(850px 420px at 10% 0%, rgba(255,255,255,.42), transparent 62%),
    radial-gradient(700px 380px at 96% 8%, rgba(255,103,31,.22), transparent 60%),
    linear-gradient(135deg,#FFD700 0%,#FFE45C 55%,#FFD700 100%) !important;
}
.sec-light::after{display:none !important;}
.kicker{margin-bottom:.6rem !important;}

/* First map/form fold: cleaner alignment and stronger premium split */
.first-map-section{padding-top:clamp(6.2rem,10vw,8.2rem) !important;}
.first-map-section .india-wrap{
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr) !important;
  gap:clamp(1.6rem,3vw,2.6rem) !important;
  align-items:stretch !important;
}
.india-stage,.billcalc-side{
  min-height:clamp(560px,48vw,660px) !important;
}
.india-form-panel .india-statecount{gap:1rem !important;margin-bottom:1rem !important;}
.india-form-panel .india-statecount>div{
  min-height:96px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
.india-stage::after,
.billcalc-side::after,
.pstep::before,
.app-feat::after,
.acard::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 42%,rgba(255,103,31,.06));
}

/* Process: slightly narrower, more premium spacing */
#process .ptimeline{max-width:920px !important;gap:20px !important;}
#process .pstep{
  min-height:110px !important;
  padding:24px 30px !important;
  border-radius:32px !important;
}
#process .pstep:hover,
.lcard:hover,
.app-feat:hover,
.acard:hover,
.proof-thumb:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 28px 64px -34px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.86) !important;
}

/* Care section: centered heading, cleaner 2-column visual balance */
#care .lhead{text-align:center !important;margin-bottom:3.2rem !important;}
#care .appshow{
  grid-template-columns:.92fr 1.08fr !important;
  max-width:1060px !important;
  margin:0 auto !important;
  gap:clamp(2rem,4vw,4rem) !important;
}
#care .phone{width:276px !important;height:560px !important;}
#care .app-feats{gap:1rem !important;margin-top:0 !important;}
#care .app-feat{
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  align-items:center !important;
  min-height:104px !important;
}
#care .appstore-btns{gap:1rem !important;margin-top:1.55rem !important;}
#care .store-btn{
  min-width:210px !important;
  justify-content:center !important;
  border-radius:18px !important;
}

/* Awards: elegant certificate cards with consistent height */
.award-grid{gap:1.55rem !important;}
.acard{border-radius:26px !important;overflow:hidden !important;background:rgba(255,255,255,.54) !important;position:relative !important;}
.acard .aimg{aspect-ratio:4/4.9 !important;}
.acard .abody{min-height:185px !important;}

/* Final CTA: simple premium band, not overly busy */
.final-cta{
  max-width:1080px !important;
  margin:0 auto !important;
  background:
    radial-gradient(520px 240px at 18% 0%, rgba(255,255,255,.55), transparent 62%),
    linear-gradient(135deg,#FF671F 0%,#FFD700 64%,#FFE77A 100%) !important;
  box-shadow:0 34px 84px -42px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
.final-cta h2,.final-cta p,.final-cta .fc-local{color:#000 !important;}

@media(max-width:980px){
  .nav-in{border-radius:24px !important;}
  .first-map-section .india-wrap,#care .appshow{grid-template-columns:1fr !important;}
  .india-stage,.billcalc-side{min-height:auto !important;}
  .india-stage{min-height:520px !important;}
  #care .phone{width:246px !important;height:500px !important;}
}
@media(max-width:560px){
  .nav{padding:8px .7rem 0 !important;}
  .nav-in{padding:.55rem .65rem !important;}
  .brand img{height:32px !important;max-width:145px;}
  .mobile-menu{padding-top:6.2rem !important;}
  .india-form-panel .india-statecount{grid-template-columns:1fr !important;}
  .india-stage{min-height:430px !important;}
  #process .pstep{grid-template-columns:52px minmax(0,1fr) !important;padding:18px 16px !important;}
  #care .app-feat{grid-template-columns:48px minmax(0,1fr) !important;min-height:96px !important;padding:1rem !important;}
  #care .store-btn{width:100% !important;}
}


/* HEADER OVERLAP FIX */
.site-header,
.header,
.navbar,
header{
  background:#FFD700 !important;
  border:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  box-shadow:0 6px 18px rgba(0,0,0,.08) !important;
}
.header-inner,
.header-container,
.nav-container,
.nav-wrap{
  background:#FFD700 !important;
  border-radius:0 0 28px 28px !important;
  overflow:hidden !important;
}
body{
  padding-top:90px !important;
}
.phero,.page-hero,main{
  padding-top:40px;
}


/* =====================================================
   MOBILE POPUP OPTIMIZATION
   Desktop keeps existing 320x380 popup.
   Mobile popup reduced so India map remains visible.
   ===================================================== */

@media (max-width:700px){

  .in-popup{
      width:160px !important;
      max-width:160px !important;
  }

  .in-popup img{
      height:150px !important;
      width:100% !important;
      object-fit:contain !important;
  }

  .in-popup .pcap{
      padding:8px !important;
  }

  .in-popup .pst-name{
      font-size:11px !important;
  }

  .in-popup .ptitle{
      font-size:10px !important;
      line-height:1.2 !important;
  }

  .in-popup .psub{
      font-size:9px !important;
      line-height:1.2 !important;
  }

  .in-popup .pcta{
      font-size:9px !important;
      padding:5px 8px !important;
  }
}


/* Footer logo visibility on black background */
.footer-brand img{
    background:#FFFFFF !important;
    padding:12px 16px !important;
    border-radius:14px !important;
    display:inline-block !important;
    box-shadow:0 4px 12px rgba(0,0,0,.15) !important;
}


.about-visual{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    min-height:520px;
}

.about-team-image{
    width:100%;
    height:100%;
    min-height:520px;
    object-fit:cover;
    object-position:center;
    transform:scaleX(-1);
    display:block;
    border-radius:24px;
}

.about-visual::after{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.08);
}

@media(max-width:768px){
    .about-visual,
    .about-team-image{
        min-height:320px;
    }
}