
:root{
  --ivory:#faf7f0;--pearl:#f5f0e8;--champagne:#ede5d0;--cream:#e8dfc8;
  --mg0:#3d2800;--mg1:#6b4400;--mg2:#9a6a00;--mg3:#c4920a;--mg4:#ddb84e;--mg5:#f0d890;--mg6:#fdf4d0;
  --rg1:#8b3a52;--rg2:#b5566a;--rg3:#d4849a;
  --ch0:#1a1410;--ch1:#2e2418;--ch2:#5a4830;--ch3:#8a7458;--ch4:#b8a888;
  --nb1:#1a2a4a;--nb2:#2e4a7a;--nb3:#4a6aaa;
  --b1:rgba(196,146,10,.18);--b2:rgba(196,146,10,.08);--b3:rgba(196,146,10,.04);
  --s1:0 1px 12px rgba(90,60,10,.08);--s2:0 4px 28px rgba(90,60,10,.12);--s3:0 12px 60px rgba(90,60,10,.16);--s4:0 30px 100px rgba(90,60,10,.2);
  --glow:rgba(196,146,10,.12);
  --serif:'Noto Serif Bengali',Georgia,Georgia,serif;--bn:'Noto Sans Bengali',serif;--mono:monospace,monospace;
  --r1:4px;--r2:12px;--r3:20px;--r4:40px;--r5:50%;
  --nav-h:64px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden;font-size:16px}
body{font-family:var(--bn);background:var(--ivory);color:var(--ch1);line-height:1.7;overflow-x:hidden}
h1,h2,h3,h4,.serif{font-family:var(--serif)}
.mono{font-family:var(--mono)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;top:-40px;left:8px;background:var(--mg2);color:#fff;padding:6px 12px;border-radius:4px;font-size:.85rem;z-index:10000;transition:top .2s}
.skip:focus{top:8px}
#scroll-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--mg2),var(--mg4));z-index:9999;width:0;transition:width .1s linear}
#constellation{position:fixed;inset:0;z-index:0;opacity:.35;pointer-events:none}
.nav{position:fixed;top:0;left:0;right:0;z-index:900;height:var(--nav-h);display:flex;align-items:center;padding:0 clamp(1rem,4vw,3rem);gap:1rem;background:rgba(250,247,240,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--b2);transition:box-shadow .3s}
.nav.scrolled{box-shadow:0 2px 20px rgba(90,60,10,.08)}
.nav-logo{display:flex;align-items:center;gap:.7rem;flex-shrink:0;text-decoration:none}
.nav-logo-ring{width:38px;height:38px;border-radius:50%;background:var(--mg6);border:1.5px solid var(--b1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.nav-wordmark{display:flex;flex-direction:column}
.nav-wt{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--mg1);line-height:1.1}
.nav-ws{font-family:var(--mono);font-size:.5rem;color:var(--ch4);letter-spacing:.06em}
.nav-links{display:flex;align-items:center;gap:2px;margin:0 auto;list-style:none}
.nav-links a{padding:.4rem .8rem;border-radius:var(--r4);font-size:.82rem;color:var(--ch2);font-family:var(--serif);font-weight:600;transition:all .2s;white-space:nowrap;text-decoration:none}
.nav-links a:hover{background:var(--champagne);color:var(--mg1)}
.nav-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.nav-btn-wa{display:inline-flex;align-items:center;gap:6px;background:#25d366;color:#fff;padding:.5rem 1.1rem;border-radius:var(--r4);font-size:.78rem;font-weight:700;font-family:var(--bn);transition:all .2s;text-decoration:none;white-space:nowrap}
.nav-btn-wa:hover{background:#1ec95d}
.nav-ham{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:.5rem;background:none;border:none;-webkit-tap-highlight-color:transparent}
.nav-ham span{display:block;width:22px;height:2px;background:var(--mg1);border-radius:2px;transition:all .3s}
.fs-overlay{position:fixed;inset:0;background:rgba(245,240,232,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s;overflow-y:auto}
.fs-overlay.open{opacity:1;pointer-events:auto}
.fs-inner{display:grid;grid-template-columns:1.5fr 1fr;max-width:960px;width:100%;gap:4rem;padding:2rem;position:relative;margin:auto}
.fs-nav-items{list-style:none;display:flex;flex-direction:column;gap:.2rem}
.fs-nav-item{opacity:0;transform:translateX(-24px);transition:opacity .4s,transform .4s}
.fs-overlay.open .fs-nav-item{opacity:1;transform:translateX(0)}
@media(min-width:761px){.fs-nav-items{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem 1.5rem}}
.fs-nav-link{display:flex;align-items:center;gap:.8rem;padding:.55rem 1rem;border-radius:var(--r2);text-decoration:none;color:var(--ch1);transition:all .2s}
.fs-nav-link:hover{background:rgba(196,146,10,.08);color:var(--mg1)}
.fs-nav-num{font-family:var(--mono);font-size:.6rem;color:var(--ch4);width:22px}
.fs-nav-name{font-family:var(--serif);font-size:1.15rem;font-weight:600;flex:1}
.fs-nav-sym{font-size:1rem;display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;color:var(--mg3)}
.fs-right{border-left:1px solid var(--b2);padding-left:3rem;display:flex;flex-direction:column;justify-content:center}
.fs-right-title{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ch4);margin-bottom:1rem}
.fs-contact-block{margin-bottom:1.3rem}
.fs-contact-num{font-family:var(--serif);font-size:1.5rem;font-weight:700;color:var(--mg1);display:block;text-decoration:none;margin-bottom:.3rem}
.fs-contact-sub{font-size:.7rem;color:var(--ch3)}
.fs-soc{display:flex;gap:.5rem;margin-top:1.2rem}
.fs-soc a{width:34px;height:34px;border-radius:50%;background:rgba(196,146,10,.06);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--mg1);transition:all .2s}
.fs-soc a:hover{background:var(--mg5)}
.fs-address{font-size:.75rem;color:var(--ch3);margin-top:1.6rem;line-height:1.7}
.fs-close{position:absolute;top:1.5rem;right:1.5rem;width:46px;height:46px;border-radius:50%;background:var(--mg6);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;color:var(--ch2);transition:all .2s}
.fs-close:hover{background:var(--mg5);color:var(--ch0)}
@media(max-width:760px){.fs-inner{grid-template-columns:1fr;padding:5rem 1.2rem 2rem}.fs-right{border-left:none;border-top:1px solid var(--b1);padding-left:0;padding-top:1.5rem;margin-top:1rem}.fs-nav-name{font-size:1.05rem}.fs-nav-link{padding:.45rem .6rem}}
.hero{max-width:1400px;margin:0 auto;padding:calc(var(--nav-h) + 2.5rem) clamp(1.2rem,5vw,4rem) 2.5rem;display:grid;grid-template-columns:1fr auto;gap:3.5rem;align-items:center;position:relative;z-index:1}
.hero-left{max-width:600px}
.hero-eyebrow{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mg2);margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}
.hero-eyebrow::before{content:'';display:block;width:30px;height:1px;background:var(--mg4)}
.hero-h1{font-family:var(--serif);font-size:clamp(2.1rem,5vw,3.6rem);font-weight:700;color:var(--ch0);line-height:1.14;margin-bottom:.8rem}
.hero-h1-accent{font-style:italic;background:linear-gradient(135deg,var(--mg1),var(--mg3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-rule{display:flex;align-items:center;gap:10px;margin:.6rem 0}
.hero-rule-line{height:1px;width:40px;background:linear-gradient(90deg,var(--mg4),transparent)}
.hero-rule-sym{font-size:.78rem;color:var(--mg3);letter-spacing:4px}
.hero-sub{font-size:clamp(.85rem,1.8vw,.96rem);color:var(--ch2);line-height:1.85;margin-bottom:1.1rem}
.hero-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}
.hpill{display:inline-flex;align-items:center;gap:.35em;font-family:var(--mono);font-size:.62rem;padding:5px 11px;border-radius:var(--r4);border:1px solid var(--b1);color:var(--ch2);background:rgba(255,255,255,.85);white-space:nowrap;letter-spacing:.04em}
.hpill.hl{background:linear-gradient(135deg,var(--mg3),var(--mg4));border-color:transparent;color:#fff;font-weight:700;box-shadow:0 4px 14px rgba(196,146,10,.3)}
.hero-ctas{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.8rem}
.btn-bk-hero{display:inline-flex;align-items:center;gap:8px;background:var(--mg1);color:#fff;padding:.85rem 1.7rem;border-radius:var(--r4);font-weight:800;font-size:.9rem;font-family:var(--bn);transition:all .25s;box-shadow:0 4px 18px rgba(61,40,0,.2);text-decoration:none;white-space:nowrap}
.btn-bk-hero:hover{background:var(--mg0);transform:translateY(-2px);box-shadow:0 6px 28px rgba(61,40,0,.3)}
.btn-sec-hero{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.9);color:var(--ch2);padding:.85rem 1.7rem;border-radius:var(--r4);font-weight:700;font-size:.9rem;font-family:var(--bn);border:1.5px solid var(--b1);transition:all .25s;text-decoration:none;white-space:nowrap}
.btn-sec-hero:hover{background:#fff;border-color:var(--mg3)}
.hero-stats{display:flex;gap:1.8rem;flex-wrap:wrap}
.hstat{text-align:center}
.hstat-n{font-family:var(--serif);font-size:1.7rem;font-weight:700;color:var(--mg1);display:block;line-height:1;min-width:4.4em;font-variant-numeric:tabular-nums}
.hstat-l{font-family:var(--mono);font-size:.55rem;color:var(--ch3);letter-spacing:.06em;display:block;margin-top:.3rem;max-width:80px}
.hero-right{position:relative;flex-shrink:0;justify-self:center}
.portrait-arch{position:relative;width:300px}
.arch-ring{position:absolute;border-radius:200px 200px var(--r2) var(--r2);pointer-events:none}
.arch-ring-1{inset:-18px;background:conic-gradient(var(--mg3),var(--mg6),var(--mg3),var(--mg2),var(--mg3));opacity:.4;animation:ring-spin 12s linear infinite}
.arch-ring-2{inset:-12px;background:conic-gradient(var(--mg5),var(--mg3),var(--mg5));opacity:.25;animation:ring-spin 8s linear infinite reverse}
.arch-ring-3{inset:-6px;background:conic-gradient(var(--mg4),var(--mg6),var(--mg4));opacity:.3;animation:ring-spin 20s linear infinite}
@keyframes ring-spin{to{transform:rotate(360deg)}}
.arch-outer{border-radius:200px 200px var(--r2) var(--r2);overflow:hidden;aspect-ratio:3/4;position:relative;z-index:1;background:var(--champagne)}
.arch-outer img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.float-badge{position:absolute;background:rgba(250,247,240,.96);backdrop-filter:blur(12px);border:1px solid var(--b1);border-radius:var(--r3);padding:.5rem 1rem;box-shadow:var(--s2);z-index:2;text-align:center}
.float-badge strong{font-family:var(--mono);font-size:.85rem;color:var(--mg1);display:block}
.float-badge span{font-size:.56rem;color:var(--ch3);font-family:var(--mono);display:block;margin-top:2px;white-space:nowrap}
.fb-1{top:14px;left:-58px}
.fb-2{bottom:80px;left:-62px}
.fb-3{top:70px;right:-58px}
.hero-quote-card{background:rgba(250,247,240,.95);backdrop-filter:blur(12px);border:1px solid var(--b1);border-radius:var(--r2);padding:1rem 1.2rem;margin-top:1.4rem;box-shadow:var(--s1);position:relative;z-index:1}
.hq-text{font-family:var(--serif);font-style:italic;font-size:.86rem;color:var(--ch1);line-height:1.65;margin-bottom:.4rem}
.hq-author{font-family:var(--mono);font-size:.56rem;color:var(--ch4);letter-spacing:.06em}
@media(max-width:960px){
  .hero{grid-template-columns:1fr;text-align:center}
  .hero-left{max-width:none;margin:0 auto}
  .hero-eyebrow,.hero-rule{justify-content:center}
  .hero-pills,.hero-ctas{justify-content:center}
  .hero-stats{justify-content:center}
  .hero-right{margin-top:2rem}
  .float-badge{display:none}
  .nav-links,.nav-btn-wa{display:none}
  .nav-ham{display:flex;flex-shrink:0;margin-left:auto}
}
/* ═══ PANCHANG/TRUST/SECTION ═══ */
.trust{background:var(--ivory);padding:2.6rem clamp(1rem,4vw,3rem);position:relative;z-index:1}
.trust-inner{max-width:1100px;margin:0 auto}
.trust-row{display:flex;justify-content:center;gap:clamp(1.4rem,4vw,3.2rem);flex-wrap:wrap;margin-bottom:1.6rem}
.trust-stat{text-align:center}
.tsn{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;color:var(--mg1);display:block;line-height:1;min-width:2.6em;font-variant-numeric:tabular-nums}
.tsl{font-family:var(--mono);font-size:.6rem;color:var(--ch3);letter-spacing:.06em;display:block;margin-top:.35rem}
.trust-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.tt{font-size:.7rem;font-family:var(--mono);background:rgba(196,146,10,.06);border:1px solid var(--b1);color:var(--mg1);padding:5px 13px;border-radius:var(--r4);letter-spacing:.03em;white-space:nowrap;display:inline-flex;align-items:center;gap:.3em;text-decoration:none}
.tt.hl{background:linear-gradient(135deg,var(--mg3),var(--mg4));border-color:transparent;color:#fff;font-weight:700;box-shadow:0 4px 14px rgba(196,146,10,.25)}
@media(max-width:640px){.trust-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.tt{white-space:normal;justify-content:center;text-align:center;font-size:.64rem;padding:8px 8px;line-height:1.3}}
.section{padding:4.5rem clamp(1.2rem,5vw,4rem);position:relative;z-index:1}
.wrap{max-width:1100px;margin:0 auto}
.s-ivory{background:var(--ivory)}
.s-pearl{background:var(--pearl)}
.s-champagne{background:var(--champagne)}
.sec-c{margin-bottom:2.5rem}
.sec-eye{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mg3);margin-bottom:.6rem}
.sec-h{font-family:var(--serif);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;color:var(--ch0);line-height:1.25;margin-bottom:.6rem}
.sec-h em{font-style:italic;background:linear-gradient(135deg,var(--mg1),var(--mg3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sec-d{font-size:.88rem;color:var(--ch3);max-width:560px;line-height:1.7}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}
.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.prob-card{background:rgba(255,255,255,.9);border:1px solid var(--b2);border-radius:var(--r2);padding:1.5rem 1.3rem;display:flex;gap:1rem;align-items:flex-start;transition:all .3s;box-shadow:var(--s1);position:relative;overflow:hidden}
.prob-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mg3),var(--mg5));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.prob-card:hover{border-color:var(--mg3);transform:translateY(-4px);box-shadow:var(--s2)}
.prob-card:hover::before{transform:scaleX(1)}
.prob-emoji{font-size:1.4rem;flex-shrink:0;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mg6),rgba(255,255,255,.9));border:1px solid var(--b1)}
.prob-card p{font-size:.85rem;color:var(--ch2);line-height:1.7}
.solution-callout{margin-top:2.2rem;background:var(--mg0);color:var(--mg6);padding:2rem 1.8rem;border-radius:var(--r2);text-align:center;position:relative;overflow:hidden}
.solution-callout::before{content:'✦';position:absolute;font-size:8rem;opacity:.05;top:-20px;left:20px;font-family:var(--serif)}
.solution-callout p{font-size:1rem;line-height:1.8;max-width:640px;margin:0 auto;position:relative;z-index:1}
.solution-callout strong{color:var(--mg5)}
@media(max-width:760px){.prob-grid{grid-template-columns:1fr}}
/* ═══ CITY CHAPTER CARDS ═══ */
.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.2rem}
.city-card{background:rgba(255,255,255,.9);border:1px solid var(--b2);border-radius:var(--r2);padding:1.8rem;box-shadow:var(--s1);transition:all .3s}
.city-card:hover{border-color:var(--b1);transform:translateY(-4px);box-shadow:var(--s2)}
.city-card-num{font-family:var(--mono);font-size:.62rem;color:var(--mg3);letter-spacing:.1em;margin-bottom:.5rem}
.city-card h3{font-family:var(--serif);font-size:1.08rem;font-weight:700;color:var(--mg1);margin-bottom:.7rem;line-height:1.4}
.city-card p{font-size:.84rem;color:var(--ch2);line-height:1.75}
@media(max-width:900px){.city-grid{grid-template-columns:1fr}}
/* ═══ FAQ ═══ */
.faq-g{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:2.5rem;background:var(--b2);border-radius:var(--r2);overflow:hidden;box-shadow:var(--s1)}
.faq-i{background:#fff;padding:1.4rem 1.7rem;transition:background .25s;border-bottom:1px solid var(--b3)}
.faq-i:hover{background:var(--mg6)}
.faq-q{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.88rem;font-weight:600;color:var(--ch0);background:none;border:none;width:100%;text-align:left;font-family:inherit;cursor:pointer;padding:0}
.faq-tog{width:22px;height:22px;border-radius:var(--r5);background:var(--mg6);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;color:var(--mg2);font-size:.7rem;flex-shrink:0;transition:transform .3s}
.faq-i.open .faq-tog{transform:rotate(45deg);background:var(--mg5)}
.faq-a{font-size:.8rem;color:var(--ch2);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .4s ease,margin .3s}
.faq-i.open .faq-a{max-height:280px;margin-top:.7rem}
@media(max-width:960px){.faq-g{grid-template-columns:1fr}}
/* ═══ FINAL CTA ═══ */
.final-cta{background:linear-gradient(135deg,var(--mg0),#4a3000);padding:4.5rem clamp(1.2rem,5vw,4rem);text-align:center;position:relative;z-index:1}
.final-cta .sec-h{color:#fff}
.final-cta .sec-h em{background:linear-gradient(135deg,var(--mg5),var(--mg6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.final-cta p{color:rgba(255,220,140,.75);max-width:560px;margin:0 auto 1.8rem;font-size:.92rem;line-height:1.75}
.final-cta-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
/* ═══ FOOTER ═══ */
footer{background:var(--mg0);padding:5rem clamp(1.5rem,5vw,4rem) 2rem;position:relative;z-index:1}
.footer-g{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3.5rem;margin-bottom:3.5rem}
.footer-lt{font-family:var(--serif);font-size:1.3rem;font-weight:700;color:var(--mg5);display:block;margin-bottom:.6rem}
.footer-tag{font-size:.78rem;color:rgba(255,220,140,.6);line-height:1.75;margin-bottom:1.1rem}
.footer-cr{display:flex;align-items:flex-start;gap:8px;font-size:.76rem;color:rgba(255,220,140,.55);margin-bottom:.45rem}
.footer-cr i{color:var(--mg4);flex-shrink:0;width:16px;margin-top:2px;font-size:.8rem}.footer-cr svg{color:var(--mg4);flex-shrink:0;width:16px;margin-top:2px;font-size:.8rem}
.footer-cr a{color:rgba(255,220,140,.55);transition:color .2s}
.footer-cr a:hover{color:var(--mg5)}
.fcol-t{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;color:var(--mg4);text-transform:uppercase;margin-bottom:.9rem}
.fcol-l{list-style:none;display:flex;flex-direction:column;gap:.4rem}
.fcol-l a{font-size:.76rem;color:rgba(255,220,140,.55);transition:color .2s;display:flex;align-items:center;gap:6px}
.fcol-l a:hover{color:var(--mg5)}
.fcol-l a i{color:rgba(255,200,100,.4);font-size:.68rem;width:12px}.fcol-l a svg{color:rgba(255,200,100,.4);font-size:.68rem;width:12px}
.footer-bot{max-width:1400px;margin:0 auto;padding-top:1.3rem;border-top:1px solid rgba(255,200,100,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}
.footer-copy{font-size:.68rem;color:rgba(255,200,100,.4);font-family:var(--mono)}
.footer-copy a{color:rgba(255,200,100,.4)}
.footer-copy a:hover{color:var(--mg5)}
.soc-f{display:flex;gap:.5rem}
.sf-i{width:34px;height:34px;border-radius:var(--r5);background:rgba(255,255,255,.06);border:1px solid rgba(255,200,100,.1);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:rgba(255,220,140,.5);transition:all .2s;text-decoration:none}
.sf-i:hover{background:rgba(255,255,255,.14);color:var(--mg5);transform:translateY(-2px)}
.wa-float{position:fixed;bottom:1.8rem;right:1.8rem;z-index:600;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;transition:opacity .3s,transform .3s}
.wa-flash{background:var(--mg0);color:var(--mg5);font-size:.7rem;font-family:var(--bn);padding:6px 14px;border-radius:var(--r4);box-shadow:var(--s2);max-width:220px;text-align:right;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;pointer-events:none}
.wa-flash.show{opacity:1;transform:translateY(0)}
.wa-f-btn{width:58px;height:58px;border-radius:var(--r5);background:linear-gradient(135deg,#1da851,#25d366);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.4);animation:wap 2.4s infinite;transition:transform .3s}
.wa-f-btn:hover{animation:none;transform:scale(1.1)}
@keyframes wap{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 34px rgba(37,211,102,.7),0 0 0 10px rgba(37,211,102,.07)}}
#btt{position:fixed;bottom:1.8rem;left:1.8rem;z-index:600;width:40px;height:40px;border-radius:var(--r5);background:rgba(255,255,255,.9);border:1px solid var(--b1);color:var(--mg1);display:none;align-items:center;justify-content:center;cursor:pointer;font-size:.88rem;transition:all .25s;box-shadow:var(--s1)}
#btt:hover{background:#fff;transform:translateY(-2px)}
#btt.up{display:flex}
.wa-float.fade,#btt.fade{opacity:.35;transform:translateY(0) scale(.92)}
@media(max-width:640px){.wa-float{bottom:1rem;right:1rem;gap:.4rem}.wa-f-btn{width:48px;height:48px;font-size:1.3rem}.wa-flash{font-size:.64rem;padding:5px 11px;max-width:160px}#btt{bottom:1rem;left:1rem;width:36px;height:36px;font-size:.78rem}}
@media(max-width:960px){.footer-g{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.footer-g{grid-template-columns:1fr}}
.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:28px;}.rv-card{background:#fff;border-radius:var(--r2);padding:24px;box-shadow:var(--s1);border-left:4px solid var(--mg3);}.rv-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;}.rv-av{width:44px;height:44px;border-radius:50%;background:var(--nb1);color:var(--mg3);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0;}.rv-name{font-weight:700;font-size:.93rem;color:var(--ch0);}.rv-stars{color:var(--mg3);font-size:.82rem;margin-top:2px;}.rv-platform{font-size:.7rem;color:var(--ch3);}.rv-text{font-size:.9rem;color:var(--ch2);line-height:1.8;font-style:italic;}


/* ── BREADCRUMB ── */
.bc-nav{padding:10px 0;background:transparent}
.bc-nav .wrap{max-width:1100px;margin:0 auto;padding:0 1.2rem}
.bc-ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.82rem}
.bc-ol li{display:flex;align-items:center;gap:4px;color:#7a7898}
.bc-ol li+li::before{content:"›";color:#c9a227;font-weight:700;font-size:.9rem}
.bc-ol a{color:#0d0820;text-decoration:none;font-weight:500}
.bc-ol a:hover{color:#c9a227;text-decoration:underline}
.bc-ol .bc-cur{color:#4a4568;font-weight:600}
@media(prefers-color-scheme:dark){.bc-ol a{color:#e8c050}.bc-ol .bc-cur{color:#b8a888}}
:root[data-theme="dark"] .bc-ol a{color:#e8c050}
:root[data-theme="dark"] .bc-ol .bc-cur{color:#b8a888}

/* ── BOOKING MODAL ── */
#book-overlay,#rzp-success-overlay{display:none;position:fixed;inset:0;background:rgba(8,14,30,.82);z-index:9400;align-items:center;justify-content:center;backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease;padding:16px}
#book-overlay.show,#rzp-success-overlay.show{opacity:1}
#book-modal{background:#fff;border-radius:20px;padding:32px 28px 28px;max-width:420px;width:100%;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(184,134,11,.2);transform:translateY(24px) scale(.97);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s;opacity:0}
#book-overlay.show #book-modal{transform:translateY(0) scale(1);opacity:1}
.bm-close-x{position:absolute;top:14px;right:16px;background:#f0f0f8;border:none;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;line-height:1}
.bm-close-x:hover{background:#e0e0f0;color:var(--nb1)}
.bm-header{text-align:center;margin-bottom:16px}
.bm-logo{height:48px;width:auto;display:block;margin:0 auto 8px}
.bm-brand{font-family:var(--serif);font-weight:800;font-size:1.1rem;color:var(--nb1)}
.bm-svc-info{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8f4ff,#fff8e1);border:1px solid #e0d4f0;border-radius:10px;padding:10px 14px;margin-bottom:16px}
.bm-svc-name{font-weight:700;font-size:.92rem;color:var(--nb1)}
.bm-svc-price{font-weight:900;font-size:1.1rem;color:var(--rg2)}
.bm-label{display:block;font-size:.82rem;font-weight:700;color:var(--nb1);margin-bottom:5px;margin-top:12px}
.bm-req{color:var(--rg2)}
.bm-inp{width:100%;padding:13px 16px;border:2px solid #e8e0f0;border-radius:10px;font-family:var(--bn);font-size:.95rem;color:var(--ch1);background:#fafafa;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}
.bm-inp:focus{border-color:var(--nb1);box-shadow:0 0 0 3px rgba(26,42,74,.1);background:#fff}
.bm-inp.err{border-color:var(--rg2);animation:bm-shake .35s;box-shadow:0 0 0 3px rgba(181,86,106,.1)}
.bm-phone-wrap{display:flex;align-items:center;border:2px solid #e8e0f0;border-radius:10px;overflow:hidden;transition:border-color .2s;background:#fafafa}
.bm-phone-wrap:focus-within{border-color:var(--nb1);box-shadow:0 0 0 3px rgba(26,42,74,.1);background:#fff}
.bm-prefix{background:#eef2ff;padding:0 12px;font-size:.88rem;font-weight:700;color:var(--nb1);border-right:1px solid #e0d4f0;height:48px;display:flex;align-items:center;white-space:nowrap;flex-shrink:0}
.bm-inp-tel{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1;background:transparent}
.bm-inp-tel:focus{background:transparent!important;box-shadow:none!important}
.bm-proceed-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--nb1),#1e3a5f);color:var(--mg3);border:none;border-radius:50px;font-family:var(--bn);font-weight:800;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 20px rgba(26,42,74,.35);margin-top:14px}
.bm-proceed-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(26,42,74,.45)}
.bm-secure-note{text-align:center;font-size:.7rem;color:#aaa;margin-top:10px}
@keyframes bm-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
#rzp-success-modal{background:#fff;border-radius:22px;padding:36px 28px 30px;max-width:400px;width:100%;text-align:center;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.5);transform:scale(.85) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;opacity:0}
#rzp-success-overlay.show #rzp-success-modal{transform:scale(1) translateY(0);opacity:1}
.success-ring{width:72px;height:72px;margin:0 auto 16px}
.success-checkmark{width:72px;height:72px;border-radius:50%;display:block;stroke-width:2;stroke:#25a244;stroke-miterlimit:10;animation:sc-scale .3s ease-in-out .9s both}
.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke:#25a244;fill:none;animation:sc-stroke .6s cubic-bezier(.65,0,.45,1) forwards}
.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:sc-stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}
@keyframes sc-stroke{100%{stroke-dashoffset:0}}
@keyframes sc-scale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}
.success-title{font-family:var(--serif);color:var(--nb1);font-size:1.35rem;margin:0 0 8px}
.success-msg{font-size:.9rem;color:#555;margin-bottom:16px;line-height:1.65}
.pid-box{background:#f0f0fa;border:1px dashed #c0b8e0;border-radius:10px;padding:10px 16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.pid-label{font-size:.72rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.pid-value{font-family:monospace;font-size:.8rem;color:var(--nb1);word-break:break-all;text-align:right;font-weight:700}
.success-wa-btn{display:inline-flex;align-items:center;gap:9px;background:#25D366;color:#fff;padding:14px 30px;border-radius:50px;font-weight:800;font-size:.96rem;text-decoration:none;box-shadow:0 4px 18px rgba(37,211,102,.38);transition:transform .2s,box-shadow .2s}
.success-wa-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,211,102,.52)}
.success-note{font-size:.7rem;color:#aaa;margin-top:12px}

/* ── BOOKING SERVICE PICKER ── */
.bm-pick-title{font-size:.85rem;font-weight:700;color:var(--nb1);text-align:center;margin:0 0 14px}
.bm-svc-opt{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;margin-bottom:10px;border:2px solid #e0d4f0;border-radius:12px;background:#fafafa;cursor:pointer;transition:border-color .2s,background .2s;text-align:left}
.bm-svc-opt:last-child{margin-bottom:0}
.bm-svc-opt:hover,.bm-svc-opt:active{border-color:var(--nb1);background:#f0f4ff}
.bm-svc-opt-name{font-family:var(--bn);font-weight:700;font-size:.92rem;color:var(--nb1);flex:1}
.bm-svc-opt-price{font-weight:900;font-size:1rem;color:var(--rg2);white-space:nowrap;margin-left:12px}
.bm-back-btn{background:none;border:none;color:var(--nb1);font-size:.82rem;cursor:pointer;padding:10px 0 2px;display:block;opacity:.65;text-align:left}
.bm-back-btn:hover{opacity:1}

/* ─── ilink-box (quick tool navigation grid) ─── */
.ilink-box{background:linear-gradient(135deg,#0d1547,#0a0f3d,#12122a);padding:10px 0 13px;border-top:2px solid rgba(255,180,0,.35);border-bottom:2px solid rgba(255,180,0,.35);}
.ilink-hdr{font-size:.58rem;color:rgba(255,180,0,.65);text-transform:uppercase;letter-spacing:.18em;text-align:center;margin-bottom:9px;padding:0 12px;}
.ilink-grid{display:flex;overflow-x:auto;gap:9px;padding:2px 12px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.ilink-grid::-webkit-scrollbar{display:none;}
.ilink-itm{flex:0 0 auto;width:82px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px 9px;background:rgba(255,255,255,.055);border:1px solid rgba(255,180,0,.18);border-radius:13px;text-decoration:none;color:#c8d8f0;transition:transform .18s,background .18s,border-color .18s;scroll-snap-align:start;}
.ilink-itm:hover,.ilink-itm:active{transform:scale(1.06);background:rgba(255,180,0,.1);border-color:rgba(255,180,0,.5);}
.ilink-itm img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 1px 5px rgba(0,0,0,.4));}
.ilink-itm span{font-size:.67rem;font-weight:600;text-align:center;line-height:1.25;color:#c8d8f0;}
