
/*══════════════════════════════════════════════
  ASTRO VASTU POOJA — Sacred Luxury Redesign
  Blended: Karan Sharma layout + Dhiraj Baluni content
══════════════════════════════════════════════*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --saffron:#D4872E;--saffron-deep:#B56A17;--saffron-glow:#F4A942;--saffron-mist:#FFF8EF;
  --maroon:#7A1F1F;--maroon-soft:#9E3030;--maroon-mist:#FDF2F2;
  --gold:#C9A84C;--gold-pale:#F8F0DA;
  --teal:#1B6B5A;--teal-soft:#238E76;--teal-mist:#EDF8F5;
  --temple-dark:#1A1410;--temple:#2C1F14;
  --w900:#1E1610;--w800:#3D2E22;--w700:#5C4A3A;--w600:#7A6652;--w500:#9A8672;
  --w400:#B8A694;--w300:#D4C8BA;--w200:#E8E0D6;--w100:#F3EDE6;--w50:#FAF7F3;
  --cream:#FEFCF8;--white:#FFFFFF;
  --fd:'Cormorant Garamond','Georgia',serif;
  --fb:'DM Sans',system-ui,sans-serif;
  --max:1200px;--rad:12px;--rad-s:8px;--rad-pill:100px;
  --ease:cubic-bezier(.25,.46,.45,.94);--ease-out:cubic-bezier(.16,1,.3,1);
}
html{scroll-behavior:smooth}
body{font-family:var(--fb);color:var(--temple);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.ctn{max-width:var(--max);margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px rgba(212,135,46,.15)}50%{box-shadow:0 0 45px rgba(212,135,46,.3)}}
@keyframes slideRight{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes scaleIn{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease),transform .7s var(--ease-out)}
.reveal.vis{opacity:1;transform:translateY(0)}

/* Page routing */
.page{display:none}.page.active{display:block;animation:fadeIn .45s var(--ease)}

/*═══════════ TOPBAR ═══════════*/
.topbar{background:var(--temple-dark);color:var(--w400);font-size:12px;padding:7px 0;position:relative;z-index:1001}
.topbar .ctn{display:flex;justify-content:space-between;align-items:center}
.topbar a{color:var(--w300);transition:color .2s}.topbar a:hover{color:var(--saffron-glow)}
.topbar-left{display:flex;align-items:center;gap:20px}
.topbar-left span{display:flex;align-items:center;gap:5px}
.topbar-marquee{flex:1;overflow:hidden;margin:0 24px;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.topbar-marquee-inner{display:flex;gap:36px;white-space:nowrap;animation:marquee 35s linear infinite;font-size:11px;color:var(--w400)}
.topbar-marquee-inner span{display:inline-flex;align-items:center;gap:6px}
.topbar-marquee-inner span::before{content:'◈';color:var(--saffron);font-size:7px}
.topbar-social{display:flex;gap:8px}
.topbar-social a{width:26px;height:26px;border-radius:50%;border:1px solid var(--w700);display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .2s}
.topbar-social a:hover{border-color:var(--saffron);background:rgba(212,135,46,.12)}

/*═══════════ HEADER ═══════════*/
.header{position:sticky;top:0;z-index:1000;background:rgba(254,252,248,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--w200);transition:box-shadow .3s}
.header.scrolled{box-shadow:0 4px 30px rgba(30,22,16,.07)}
.header .ctn{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:12px}
.logo-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--saffron),var(--saffron-deep));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--fd);font-size:22px;font-weight:600;box-shadow:0 4px 16px rgba(212,135,46,.3)}
.logo-brand{font-family:var(--fd);font-size:20px;font-weight:600;color:var(--temple);line-height:1.1}
.logo-sub{font-size:10px;color:var(--w500);letter-spacing:2px;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:3px}
.nav-link{font-size:13px;font-weight:500;color:var(--w600);padding:8px 14px;border-radius:var(--rad-pill);transition:all .2s;cursor:pointer;border:none;background:none;font-family:var(--fb)}
.nav-link:hover,.nav-link.active{color:var(--saffron-deep);background:var(--saffron-mist)}
.nav-cta{background:linear-gradient(135deg,var(--saffron),var(--saffron-deep));color:#fff!important;padding:9px 22px;border-radius:var(--rad-pill);font-size:13px;font-weight:500;cursor:pointer;border:none;font-family:var(--fb);box-shadow:0 3px 12px rgba(212,135,46,.25);transition:all .2s}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,135,46,.35)}
.mob-tog{display:none;background:none;border:none;width:40px;height:40px;cursor:pointer;position:relative}
.mob-tog span{display:block;width:22px;height:2px;background:var(--temple);position:absolute;left:9px;transition:all .3s}
.mob-tog span:nth-child(1){top:14px}.mob-tog span:nth-child(2){top:20px}.mob-tog span:nth-child(3){top:26px}

/*═══════════ TRUST BADGES (from Karan Sharma pattern) ═══════════*/
.trust-bar{background:var(--w50);border-bottom:1px solid var(--w200);padding:10px 0}
.trust-row{display:flex;justify-content:center;align-items:center;gap:clamp(16px,4vw,48px);flex-wrap:wrap}
.trust-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--w600)}
.trust-badge .tb-icon{width:36px;height:36px;border-radius:50%;background:var(--saffron-mist);border:1px solid rgba(212,135,46,.15);display:flex;align-items:center;justify-content:center;font-size:16px}
.trust-badge strong{color:var(--temple);font-weight:600}

/*═══════════ HERO ═══════════*/
.hero{position:relative;padding:clamp(56px,10vw,110px) 0 clamp(56px,8vw,100px);overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 40%,rgba(212,135,46,.07) 0%,transparent 55%),radial-gradient(ellipse at 80% 30%,rgba(27,107,90,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(201,168,76,.04) 0%,transparent 40%)}
.hero-bg-mandala{position:absolute;top:-100px;right:-60px;width:520px;height:520px;opacity:.03;animation:float 20s ease-in-out infinite}
.hero-bg-mandala svg{width:100%;height:100%}
.hero .ctn{position:relative;z-index:1;display:flex;align-items:center;gap:56px}
.hero-left{flex:1;max-width:600px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--saffron-mist);border:1px solid rgba(212,135,46,.18);border-radius:var(--rad-pill);padding:6px 18px;font-size:12px;font-weight:600;color:var(--saffron-deep);letter-spacing:.4px;margin-bottom:22px;animation:fadeUp .6s var(--ease-out) both}
.hero-badge::before{content:'✦';font-size:9px}
.hero h1{font-family:var(--fd);font-size:clamp(34px,5vw,56px);font-weight:500;line-height:1.12;margin-bottom:18px;color:var(--w900);animation:fadeUp .6s var(--ease-out) .1s both}
.hero h1 em{font-style:italic;background:linear-gradient(90deg,var(--saffron-deep),var(--saffron-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-quote{font-family:var(--fd);font-size:18px;font-style:italic;color:var(--saffron-deep);margin-bottom:14px;animation:fadeUp .6s var(--ease-out) .15s both;opacity:.85}
.hero-desc{font-size:15px;color:var(--w600);line-height:1.7;margin-bottom:30px;max-width:500px;animation:fadeUp .6s var(--ease-out) .2s both}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .6s var(--ease-out) .3s both}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--rad-pill);font-size:14px;font-weight:500;font-family:var(--fb);cursor:pointer;transition:all .25s var(--ease);border:none}
.btn-p{background:linear-gradient(135deg,var(--saffron),var(--saffron-deep));color:#fff;box-shadow:0 4px 20px rgba(212,135,46,.3)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(212,135,46,.4)}
.btn-wa{background:#25D366;color:#fff;box-shadow:0 4px 16px rgba(37,211,102,.25)}
.btn-wa:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.35)}
.btn-o{background:transparent;color:var(--temple);border:1.5px solid var(--w200)}
.btn-o:hover{border-color:var(--saffron);color:var(--saffron-deep);background:var(--saffron-mist)}
.hero-trust{display:flex;gap:20px;margin-top:32px;flex-wrap:wrap;animation:fadeUp .6s var(--ease-out) .4s both}
.hero-trust-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--w600)}
.hero-trust-item::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--teal)}
.hero-right{flex:0 0 400px;position:relative;animation:fadeUp .8s var(--ease-out) .3s both}
.hero-card{position:absolute;background:var(--white);border-radius:var(--rad);box-shadow:0 10px 40px rgba(30,22,16,.08);border:1px solid var(--w200);overflow:hidden}
.hero-card-main{width:290px;height:350px;top:10px;left:50px;animation:float 6s ease-in-out infinite}
.hero-card-main .hc-img{height:190px;background:linear-gradient(135deg,var(--saffron-mist),var(--teal-mist));display:flex;align-items:center;justify-content:center;font-size:80px;position:relative}
.hero-card-main .hc-img .conf-badge{position:absolute;top:12px;right:12px;background:rgba(27,107,90,.9);color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:var(--rad-pill);letter-spacing:.5px}
.hero-card-main .hc-body{padding:18px 22px}
.hero-card-main .hc-body h3{font-family:var(--fd);font-size:19px;font-weight:600;margin-bottom:4px}
.hero-card-main .hc-body p{font-size:12px;color:var(--w500)}
.hero-card-main .hc-tags{display:flex;gap:6px;margin-top:14px}
.hero-card-main .hc-tags span{padding:4px 11px;border-radius:20px;font-size:11px;font-weight:500}
.hero-float{padding:16px 20px;right:0;bottom:70px;animation:float 6s ease-in-out 2s infinite;z-index:2;width:170px}
.hero-float .hf-num{font-family:var(--fd);font-size:30px;font-weight:700;color:var(--saffron);line-height:1}
.hero-float .hf-lbl{font-size:11px;color:var(--w500);margin-top:3px}
.hero-float2{left:0;bottom:0;padding:14px 18px;animation:float 6s ease-in-out 1s infinite;width:170px}
.hero-float2 .stars{color:var(--gold);font-size:14px;letter-spacing:2px}
.hero-float2 .stars-text{font-size:11px;color:var(--w500)}

/*═══════════ SECTION HEADING ═══════════*/
.sh{text-align:center;margin-bottom:clamp(28px,5vw,52px)}
.sh .over{font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:var(--saffron);font-weight:600;margin-bottom:10px;display:block}
.sh h2{font-family:var(--fd);font-size:clamp(26px,4vw,42px);font-weight:500;line-height:1.2;color:var(--w900);margin-bottom:10px}
.sh p{font-size:15px;color:var(--w500);max-width:520px;margin:0 auto}
.sh-orn{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.sh-orn::before,.sh-orn::after{content:'';width:36px;height:1px;background:var(--w300)}
.sh-orn span{color:var(--saffron);font-size:10px}

/*═══════════ RESHAPE YOUR LIFE (Karan Sharma pattern) ═══════════*/
.reshape{padding:clamp(48px,7vw,80px) 0;background:var(--w50);position:relative}
.reshape::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--saffron),var(--gold),var(--teal),var(--saffron))}
.reshape .ctn{display:flex;gap:48px;align-items:center}
.reshape-img{flex:0 0 340px;border-radius:var(--rad);overflow:hidden;position:relative}
.reshape-img .ri-main{width:100%;aspect-ratio:4/5;background:linear-gradient(135deg,var(--saffron-mist),var(--teal-mist));display:flex;align-items:center;justify-content:center;font-size:120px;border:1px solid var(--w200);border-radius:var(--rad)}
.reshape-img .ri-badge{position:absolute;bottom:-14px;right:-14px;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--saffron),var(--saffron-deep));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(212,135,46,.35);animation:pulseGlow 3s ease-in-out infinite}
.reshape-img .ri-badge .rb-num{font-family:var(--fd);font-size:28px;font-weight:700;line-height:1}
.reshape-img .ri-badge .rb-lbl{font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.9}
.reshape-text{flex:1}
.reshape-text .over{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--saffron);font-weight:600;margin-bottom:8px;display:block}
.reshape-text h2{font-family:var(--fd);font-size:clamp(26px,3.5vw,38px);font-weight:500;line-height:1.2;margin-bottom:14px}
.reshape-text > p{font-size:15px;color:var(--w600);line-height:1.7;margin-bottom:20px}
.reshape-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.reshape-feat{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--rad-s);background:var(--white);border:1px solid var(--w200);transition:border-color .2s}
.reshape-feat:hover{border-color:var(--saffron)}
.reshape-feat .rf-icon{width:24px;height:24px;border-radius:50%;background:var(--teal-mist);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;margin-top:1px;font-weight:700}
.reshape-feat span{font-size:13px;color:var(--w700);line-height:1.5}

/*═══════════ ZODIAC ═══════════*/
.zodiac{padding:clamp(48px,7vw,80px) 0}
.zodiac-scroll{display:flex;gap:8px;overflow-x:auto;padding:8px 0 16px;scrollbar-width:none}
.zodiac-scroll::-webkit-scrollbar{display:none}
.zodiac-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;border-radius:var(--rad);border:1px solid var(--w200);background:var(--white);cursor:pointer;transition:all .25s;min-width:84px}
.zodiac-chip:hover{border-color:var(--saffron);background:var(--saffron-mist);transform:translateY(-4px);box-shadow:0 8px 25px rgba(212,135,46,.1)}
.zodiac-sym{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--gold-pale),var(--saffron-mist));display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .3s}
.zodiac-chip:hover .zodiac-sym{transform:scale(1.12)}
.zodiac-name{font-size:11px;font-weight:500;color:var(--w600);letter-spacing:.5px}

/*═══════════ SERVICES GRID (Karan Sharma card pattern) ═══════════*/
.svc-sec{padding:clamp(48px,7vw,80px) 0;background:var(--w50)}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.svc-card{background:var(--white);border-radius:var(--rad);border:1px solid var(--w200);overflow:hidden;cursor:pointer;transition:all .3s var(--ease);position:relative}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--saffron),var(--gold));transform:scaleX(0);transition:transform .3s}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(30,22,16,.07);border-color:transparent}
.svc-card:hover::after{transform:scaleX(1)}
.svc-card .sc-img{height:140px;display:flex;align-items:center;justify-content:center;font-size:52px;position:relative}
.svc-card .sc-body{padding:20px}
.svc-card h3{font-family:var(--fd);font-size:18px;font-weight:600;margin-bottom:6px}
.svc-card p{font-size:13px;color:var(--w500);line-height:1.5}
.svc-card .sc-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--saffron);margin-top:12px;transition:gap .2s}
.svc-card:hover .sc-link{gap:8px}

/*═══════════ PROBLEM SOLUTIONS (from Karan Sharma) ═══════════*/
.problems{padding:clamp(48px,7vw,80px) 0;background:linear-gradient(135deg,var(--temple-dark) 0%,var(--temple) 100%);position:relative;overflow:hidden}
.problems::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,rgba(212,135,46,.06) 0%,transparent 50%),radial-gradient(circle at 75% 50%,rgba(27,107,90,.04) 0%,transparent 50%)}
.problems .sh h2,.problems .sh p,.problems .sh .over{position:relative;z-index:1}
.problems .sh h2{color:var(--w100)}.problems .sh p{color:var(--w400)}.problems .sh .over{color:var(--saffron-glow)}
.prob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;position:relative;z-index:1}
.prob-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--rad);padding:24px 18px;text-align:center;transition:all .3s;cursor:pointer}
.prob-card:hover{background:rgba(255,255,255,.08);border-color:var(--saffron);transform:translateY(-4px)}
.prob-card .pc-icon{font-size:32px;margin-bottom:10px}
.prob-card h4{font-size:14px;font-weight:500;color:var(--w200);margin-bottom:4px}
.prob-card p{font-size:11px;color:var(--w400);line-height:1.4}

/*═══════════ DOB ANALYSIS (from Karan Sharma) ═══════════*/
.dob-sec{padding:clamp(48px,7vw,80px) 0}
.dob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;max-width:900px;margin:0 auto}
.dob-card{text-align:center;padding:20px 14px;border-radius:var(--rad);border:1px solid var(--w200);background:var(--white);transition:all .25s;cursor:default}
.dob-card:hover{border-color:var(--saffron);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.04)}
.dob-card .dc-icon{width:48px;height:48px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:22px}
.dob-card h4{font-size:13px;font-weight:600;margin-bottom:2px}
.dob-card p{font-size:11px;color:var(--w500)}

/*═══════════ STATS ═══════════*/
.stats{background:var(--temple-dark);padding:44px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat-num{font-family:var(--fd);font-size:clamp(30px,4vw,48px);font-weight:700;color:var(--saffron-glow);line-height:1}
.stat-lbl{font-size:12px;color:var(--w400);letter-spacing:1px;text-transform:uppercase;margin-top:6px}

/*═══════════ TESTIMONIALS ═══════════*/
.testi{padding:clamp(48px,7vw,80px) 0;background:var(--w50)}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.testi-card{background:var(--white);border-radius:var(--rad);border:1px solid var(--w200);padding:28px;transition:all .3s}
.testi-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(30,22,16,.06)}
.testi-stars{color:var(--gold);font-size:14px;letter-spacing:3px;margin-bottom:14px}
.testi-quote{font-family:var(--fd);font-size:16px;font-style:italic;color:var(--w700);line-height:1.6;margin-bottom:20px}
.testi-author{display:flex;align-items:center;gap:12px}
.testi-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}
.testi-name{font-size:14px;font-weight:500}
.testi-loc{font-size:12px;color:var(--w500)}

/*═══════════ CONSULT FORM ═══════════*/
.consult-sec{padding:clamp(48px,7vw,80px) 0}
.consult-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:900px;margin:0 auto}
.con-info h3{font-family:var(--fd);font-size:24px;font-weight:600;margin-bottom:12px}
.con-info > p{font-size:14px;color:var(--w500);line-height:1.7;margin-bottom:24px}
.con-item{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--w50);border-radius:var(--rad-s);margin-bottom:8px;border:1px solid var(--w200)}
.con-item .ci-icon{font-size:20px;flex-shrink:0}
.con-item .ci-lbl{font-size:10px;color:var(--w500);letter-spacing:1px;text-transform:uppercase}
.con-item .ci-val{font-size:14px;font-weight:500}
.form-card{background:var(--white);border:1px solid var(--w200);border-radius:var(--rad);padding:28px}
.form-card .fc-title{font-family:var(--fd);font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.form-grp{margin-bottom:12px}
.form-grp label{display:block;font-size:11px;font-weight:500;color:var(--w500);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.form-grp input,.form-grp select,.form-grp textarea{width:100%;padding:10px 14px;border:1px solid var(--w200);border-radius:var(--rad-s);font-size:14px;font-family:var(--fb);color:var(--temple);background:var(--cream);transition:border-color .2s}
.form-grp input:focus,.form-grp select:focus,.form-grp textarea:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px rgba(212,135,46,.1)}
.form-grp textarea{min-height:80px;resize:vertical}
.btn-full{width:100%;justify-content:center}

/*═══════════ CTA BAND ═══════════*/
.cta-band{padding:clamp(44px,7vw,72px) 0;background:linear-gradient(135deg,var(--temple-dark),var(--temple));text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(212,135,46,.07) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(27,107,90,.05) 0%,transparent 50%)}
.cta-band > *{position:relative;z-index:1}
.cta-band h2{font-family:var(--fd);font-size:clamp(26px,3.5vw,38px);font-weight:500;color:var(--w100);margin-bottom:8px}
.cta-band p{font-size:15px;color:var(--w400);margin-bottom:24px}
.cta-band .btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/*═══════════ GALLERY ═══════════*/
.gallery-sec{padding:clamp(48px,7vw,80px) 0}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:900px;margin:0 auto}
.gallery-item{aspect-ratio:1;border-radius:var(--rad-s);border:1px solid var(--w200);overflow:hidden;cursor:pointer;position:relative;transition:all .3s}
.gallery-item:nth-child(1){grid-column:span 2;grid-row:span 2;aspect-ratio:1}
.gallery-item .gi-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;transition:transform .4s var(--ease)}
.gallery-item:hover .gi-inner{transform:scale(1.08)}
.gallery-item::after{content:attr(data-label);position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(30,22,16,.7));color:#fff;font-size:12px;font-weight:500;opacity:0;transition:opacity .3s}
.gallery-item:hover::after{opacity:1}

/*═══════════ BLOG ═══════════*/
.blog-sec{padding:clamp(48px,7vw,80px) 0;background:var(--w50)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.blog-card{background:var(--white);border:1px solid var(--w200);border-radius:var(--rad);overflow:hidden;transition:all .3s;cursor:pointer}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(30,22,16,.07)}
.blog-thumb{height:160px;display:flex;align-items:center;justify-content:center;font-size:48px}
.blog-body{padding:20px}
.blog-meta{font-size:11px;color:var(--w500);margin-bottom:6px;display:flex;gap:8px}
.blog-body h3{font-family:var(--fd);font-size:18px;font-weight:600;line-height:1.3;margin-bottom:6px}
.blog-body p{font-size:13px;color:var(--w500);line-height:1.5}
.blog-rm{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--saffron);margin-top:10px}

/*═══════════ CONTACT ═══════════*/
.contact-sec{padding:clamp(48px,7vw,80px) 0}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-width:860px;margin:0 auto 36px}
.cc{padding:22px;background:var(--white);border:1px solid var(--w200);border-radius:var(--rad);text-align:center;transition:all .2s}
.cc:hover{border-color:var(--saffron)}
.cc-icon{font-size:28px;margin-bottom:8px}
.cc-label{font-size:11px;color:var(--w500);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.cc-val{font-size:14px;font-weight:500}

/*═══════════ PAGE HERO ═══════════*/
.pg-hero{padding:clamp(36px,6vw,68px) 0;text-align:center;background:var(--w50);border-bottom:1px solid var(--w200)}
.pg-hero .over{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--saffron);font-weight:600;margin-bottom:10px;display:block}
.pg-hero h1{font-family:var(--fd);font-size:clamp(28px,4vw,42px);font-weight:500;margin-bottom:8px}
.pg-hero p{font-size:15px;color:var(--w500);max-width:500px;margin:0 auto}

/*═══════════ TABS ═══════════*/
.tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
.tab-btn{padding:10px 22px;border-radius:var(--rad-pill);font-size:13px;font-weight:500;font-family:var(--fb);border:1px solid var(--w200);background:var(--white);color:var(--w600);cursor:pointer;transition:all .2s}
.tab-btn:hover{border-color:var(--saffron);color:var(--saffron-deep)}
.tab-btn.active{background:linear-gradient(135deg,var(--saffron),var(--saffron-deep));color:#fff;border-color:var(--saffron);box-shadow:0 4px 14px rgba(212,135,46,.25)}
.tab-content{display:none}.tab-content.active{display:block;animation:fadeUp .4s var(--ease-out)}
.svc-list{display:flex;flex-direction:column;gap:10px;max-width:700px;margin:0 auto}
.svc-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--white);border:1px solid var(--w200);border-radius:var(--rad);transition:all .2s;cursor:pointer}
.svc-row:hover{border-color:var(--saffron);transform:translateX(4px);box-shadow:0 4px 20px rgba(0,0,0,.03)}
.svc-row .sr-icon{width:44px;height:44px;border-radius:var(--rad-s);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.svc-row h4{font-size:15px;font-weight:500;margin-bottom:2px}
.svc-row p{font-size:12px;color:var(--w500)}

/*═══════════ FOOTER ═══════════*/
.footer{background:var(--temple-dark);padding:56px 0 0;color:var(--w400)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.06)}
.footer h4{font-family:var(--fd);font-size:16px;font-weight:600;color:var(--w200);margin-bottom:16px}
.foot-brand .fb-desc{font-size:13px;line-height:1.6;margin-top:12px}
.foot-links a{display:block;font-size:13px;color:var(--w400);padding:4px 0;cursor:pointer;transition:color .2s}
.foot-links a:hover{color:var(--saffron-glow)}
.foot-ci{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:13px}
.foot-ci .fci-icon{font-size:16px;flex-shrink:0;margin-top:2px}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;flex-wrap:wrap;gap:10px}
.foot-pay{display:flex;gap:10px}
.foot-pay span{padding:4px 12px;border:1px solid var(--w700);border-radius:4px;font-size:11px;color:var(--w400)}

/*═══════════ FRAUD WARNING (from Karan Sharma) ═══════════*/
.fraud-warn{background:var(--maroon);padding:12px 0;text-align:center}
.fraud-warn p{font-size:12px;color:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.fraud-warn strong{color:#fff}

/*═══════════ STICKY BOTTOM BAR (from Karan Sharma) ═══════════*/
.sticky-bottom{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--temple-dark);padding:0;display:none;border-top:1px solid rgba(255,255,255,.08)}
.sticky-bottom .sb-inner{display:flex}
.sticky-bottom a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-size:14px;font-weight:600;color:#fff;text-align:center;transition:background .2s}
.sticky-bottom .sb-call{background:var(--saffron)}
.sticky-bottom .sb-call:hover{background:var(--saffron-deep)}
.sticky-bottom .sb-wa{background:#25D366}
.sticky-bottom .sb-wa:hover{background:#1da851}

/*═══════════ WHATSAPP FLOAT ═══════════*/
.wa-float{position:fixed;bottom:80px;right:24px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:998;transition:transform .2s}
.wa-float:hover{transform:scale(1.1)}

/*═══════════ RESPONSIVE ═══════════*/
@media(max-width:900px){
  .hero .ctn{flex-direction:column;text-align:center}
  .hero-left{max-width:100%}
  .hero-desc,.hero-actions,.hero-trust{justify-content:center;margin-left:auto;margin-right:auto}
  .hero-right{display:none}
  .reshape .ctn{flex-direction:column}
  .reshape-img{flex:0 0 auto;max-width:300px;margin:0 auto}
  .consult-layout{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .topbar-left{display:none}
  .topbar-marquee{margin:0}
  .nav{display:none}
  .mob-tog{display:block}
  .nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:var(--white);flex-direction:column;padding:16px;border-bottom:1px solid var(--w200);box-shadow:0 8px 30px rgba(0,0,0,.07);z-index:999}
  .foot-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-item:nth-child(1){grid-column:span 1;grid-row:span 1}
  .form-row{grid-template-columns:1fr}
  .prob-grid{grid-template-columns:repeat(2,1fr)}
  .dob-grid{grid-template-columns:repeat(2,1fr)}
  .sticky-bottom{display:block}
  .wa-float{bottom:72px;right:16px;width:50px;height:50px;font-size:24px}
}

