/* ===== Anantdrristi — v2: modern / techy layer (on top of theme.css) ===== */
:root{
  --sans:"Inter","Mukta",system-ui,-apple-system,"Segoe UI",sans-serif;
  --head:"Sora","Mukta",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --serif:var(--head);
  --cyan:#8FD8FF;
}
body{font-family:var(--sans)}
html[lang=hi] body{font-family:"Mukta","Inter",system-ui,sans-serif}

/* faint tech grid over the whole page */
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(201,184,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(201,184,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 80%)}

/* typography */
.h2,.hero h1,.metext h2,.strip h2,#kitab .kb-h,.fcard h3,.courtext b,.vidsoon b{font-family:var(--head)!important;font-weight:700;letter-spacing:-.6px}
html[lang=hi] .h2,html[lang=hi] .hero h1,html[lang=hi] .metext h2,html[lang=hi] .fcard h3{font-family:"Mukta",var(--head)!important;letter-spacing:0}
.h2{font-size:40px}
.h2:after{width:120px;height:3px;border-radius:3px;margin-top:16px;
  background:linear-gradient(90deg,transparent,#7B5CFF,#E5A98C,transparent)!important}
.eyebrow{font-family:var(--mono)!important;font-size:12px!important;letter-spacing:2.5px;font-weight:500!important}
.eyebrow:before{content:"\25C6  "}
html[lang=hi] .eyebrow{font-family:"Mukta",var(--sans)!important;font-size:14px!important;font-weight:600!important}
.svc h4,.fcard h3{font-family:var(--head)!important;letter-spacing:-.2px}
.stats b{font-family:var(--head)!important;background:linear-gradient(180deg,#fff,#F7D3C2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* hero: clean deep-space plate; the 3D system (canvas) carries the art */
.hero{background:#0A0624 url(/assets/indigo/img/space-2560.webp) center/cover no-repeat!important;min-height:720px}
@media(min-width:1700px){ .hero{background-image:url(/assets/indigo/img/space-4k.jpg)!important} }
@media(max-width:700px){ .hero{background-image:url(/assets/indigo/img/space-1280.webp)!important} }
#sky{opacity:1!important;mix-blend-mode:normal!important}
.hero-vig{background:linear-gradient(90deg,rgba(10,6,36,.86) 0%,rgba(10,6,36,.5) 42%,rgba(10,6,36,0) 62%),
  radial-gradient(ellipse 120% 80% at 50% 50%,transparent 55%,rgba(10,6,36,.7) 100%)!important}
.hero h1{font-size:52px;letter-spacing:-1.4px}
.hero-in>h1{max-width:760px}
.hero h1 em{display:block}
.trust span{font-family:var(--mono);font-size:12.5px;letter-spacing:.3px;background:rgba(123,92,255,.10)!important;
  border-color:rgba(143,216,255,.25)!important}
html[lang=hi] .trust span{font-family:"Mukta",var(--sans);font-size:14px}
@media(max-width:760px){
  .hero{min-height:0}
  .hero-vig{background:linear-gradient(180deg,rgba(10,6,36,.5),rgba(10,6,36,.85))!important}
  .hero h1{font-size:36px;letter-spacing:-.8px}
}

/* buttons: shine sweep */
.btn,#calc .adr button,#calc .admore a,#kitab .kb-buy{position:relative;overflow:hidden}
.btn-gold:after,#calc .adr button:after,#kitab .kb-buy:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s ease}
.btn-gold:hover:after,#calc .adr button:hover:after,#kitab .kb-buy:hover:after{left:130%}

/* cards: gradient hairline border + cursor spotlight */
.svc,.fcard,.rev,#lekh .adbl-card{position:relative;isolation:isolate}
.svc:after,.fcard:after,#lekh .adbl-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;
  background:linear-gradient(135deg,rgba(229,169,140,.75),rgba(123,92,255,.25) 40%,rgba(143,216,255,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.45;transition:opacity .3s}
.svc:hover:after,.fcard:hover:after,#lekh .adbl-card:hover:after{opacity:1}
.svc:before,.fcard:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s;
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(143,216,255,.10),transparent 45%)}
.svc:hover:before,.fcard:hover:before{opacity:1}

/* service + featured images */
.svc .top.has-img,.fcard .top.has-img{height:auto!important;aspect-ratio:3/2;padding:0;display:block;background:#140C3E!important;overflow:hidden}
.svc .top.has-img:before,.fcard .top.has-img:before{display:none}
.top.has-img>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1),filter .6s}
.svc:hover .top.has-img>img,.fcard:hover .top.has-img>img{transform:scale(1.07);filter:saturate(1.15) brightness(1.05)}
.top.has-img:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(13,8,48,.85)),
  linear-gradient(rgba(143,216,255,.06) 1px,transparent 1px) 0 0/100% 4px}
.top.has-img .ico{position:absolute;left:14px;bottom:12px;z-index:2;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:rgba(13,8,48,.6);border:1px solid rgba(201,184,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 6px 18px rgba(0,0,0,.35)}
.top.has-img .ico svg{width:24px!important;height:24px!important;color:var(--rose-lt)!important;filter:none!important;transform:none!important}
.fcard .top.has-img .ico{width:52px;height:52px}
.fcard .top.has-img .ico svg{width:30px!important;height:30px!important}
.fcard .tagbest{z-index:4}
/* HUD corner brackets on images */
.top.has-img .hud{position:absolute;inset:10px;pointer-events:none;z-index:2;
  background:
   linear-gradient(var(--rose),var(--rose)) left top/14px 1.5px no-repeat,linear-gradient(var(--rose),var(--rose)) left top/1.5px 14px no-repeat,
   linear-gradient(var(--rose),var(--rose)) right top/14px 1.5px no-repeat,linear-gradient(var(--rose),var(--rose)) right top/1.5px 14px no-repeat,
   linear-gradient(var(--rose),var(--rose)) right bottom/14px 1.5px no-repeat,linear-gradient(var(--rose),var(--rose)) right bottom/1.5px 14px no-repeat;
  opacity:.0;transition:opacity .3s}
.svc:hover .hud,.fcard:hover .hud{opacity:.9}
.svc .foot b,.fcard .price b{font-family:var(--head)}

/* rotating 3D mandalas (founder + calculator) */
.me:after{background-image:url(/assets/indigo/img/mandala-alpha.webp)!important;mix-blend-mode:normal!important;opacity:.35!important;
  width:720px!important;height:720px!important;right:-220px!important;
  animation:riSpin3d 60s linear infinite!important}
@keyframes riSpin3d{from{transform:translateY(-50%) perspective(1100px) rotateX(58deg) rotateY(-14deg) rotateZ(0)}
  to{transform:translateY(-50%) perspective(1100px) rotateX(58deg) rotateY(-14deg) rotateZ(360deg)}}
#calc:after{background-image:url(/assets/indigo/img/mandala-alpha.webp)!important;mix-blend-mode:normal!important;opacity:.28!important;
  animation:riSpin3dB 70s linear infinite}
@keyframes riSpin3dB{from{transform:perspective(1100px) rotateX(-52deg) rotateY(18deg) rotateZ(0)}
  to{transform:perspective(1100px) rotateX(-52deg) rotateY(18deg) rotateZ(-360deg)}}
@media(prefers-reduced-motion:reduce){ .me:after,#calc:after{animation:none!important} }

/* calculator + form: techy inputs */
#calc .adr input,.formbox input,.formbox select,.formbox textarea{font-family:var(--sans)}
#calc .adb{font-family:var(--head)!important}
#calc .adw{font-family:var(--mono)!important}

/* footer + nav */
.nav{box-shadow:0 1px 0 rgba(143,216,255,.08)}
.navlinks a{position:relative}
.navlinks a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#7B5CFF,#E5A98C);transform:scaleX(0);transition:transform .25s}
.navlinks a:hover:after{transform:scaleX(1)}

/* ===== v3: 3D motion on every homepage image ===== */
.t3d{--rx:0deg;--ry:0deg;--rv:0deg;--ty:0px;--gx:50%;--gy:30%;position:relative;
  transform:perspective(1000px) translateY(var(--ty)) rotateX(calc(var(--rx) + var(--rv))) rotateY(var(--ry));
  transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1);will-change:transform}
.t3d.hov{transition:transform .14s linear}
span.t3d{display:block}
.vid.t3d:hover,.vid.t3d{transform:perspective(1000px) translateY(var(--ty)) rotateX(calc(var(--rx) + var(--rv))) rotateY(var(--ry))}
.t3d.pre{--rv:22deg;--ty:40px}
.t3d.glare:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;opacity:0;transition:opacity .3s;
  background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.32),rgba(255,255,255,0) 55%);mix-blend-mode:soft-light}
.t3d.glare.hov:after{opacity:1}

/* hero logo: floating, slowly turning emblem */
.t3d.logo3d{display:inline-block}
.herologo{animation:logoFloat 7s ease-in-out infinite;transform-origin:50% 60%}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotateY(-10deg) rotateX(4deg)}50%{transform:translateY(-10px) rotateY(10deg) rotateX(-3deg)}}

/* founder photo: layered depth (mark + badge float in front) */
.mephoto.t3d{border-radius:20px}
.mephoto-img{animation:sway3d 9s ease-in-out infinite}
.mephoto .mephoto-mark{transform:translateZ(70px)}
.mephoto .badge{transform:translateX(-50%) translateZ(45px)!important}
@keyframes sway3d{0%,100%{transform:rotateY(-5deg) rotateX(2deg)}50%{transform:rotateY(5deg) rotateX(-2deg)}}

/* book: real 3D book with page edge */
#kitab .kb-cover{perspective:1200px}
#kitab .kb-cover a{display:block;transform-style:preserve-3d;animation:book3d 8s ease-in-out infinite}
#kitab .kb-cover a:before{content:"";position:absolute;top:2%;bottom:2%;right:-14px;width:16px;
  background:repeating-linear-gradient(90deg,#f4efe4 0 2px,#ddd5c4 2px 3px);transform:rotateY(90deg) translateZ(-1px);transform-origin:left center;border-radius:0 2px 2px 0}
#kitab .kb-cover a{position:relative}
@keyframes book3d{0%,100%{transform:rotateY(-24deg) rotateX(4deg)}50%{transform:rotateY(-10deg) rotateX(-2deg) translateY(-8px)}}

/* service + featured images: slow Ken-Burns drift, mouse parallax on hover */
.top.has-img>img{animation:kenburns 16s ease-in-out infinite alternate}
.top.has-img:nth-child(odd)>img{animation-duration:19s}
@keyframes kenburns{from{transform:scale(1.04) translate3d(-1.5%,1%,0)}to{transform:scale(1.12) translate3d(1.5%,-1.5%,0)}}
.svc:hover .top.has-img>img,.fcard:hover .top.has-img>img{animation:none;transition:transform .2s linear}
.top.has-img .ico{transition:transform .2s linear}

/* videos */
.vid.t3d{border-radius:16px}
.vid img{animation:kenburns 18s ease-in-out infinite alternate}

/* booking photo */
.bookside .t3d{border-radius:18px}
.bookside .t3d img{animation:sway3d 10s ease-in-out infinite}

/* crystals + course art: turning 3D objects */
.crybox .cryart svg,.courico svg{animation:turn3d 10s ease-in-out infinite;transform-style:preserve-3d}
@keyframes turn3d{0%,100%{transform:perspective(700px) rotateY(-22deg) rotateX(6deg) translateY(0)}50%{transform:perspective(700px) rotateY(22deg) rotateX(-6deg) translateY(-8px)}}
.sart svg{animation:turn3d 8s ease-in-out infinite}

@media(prefers-reduced-motion:reduce){
  .herologo,.mephoto-img,#kitab .kb-cover a,.top.has-img>img,.vid img,.bookside .t3d img,.crybox .cryart svg,.courico svg,.sart svg{animation:none!important}
  .t3d{transition:none}
}

.bookside .t3d img{width:100%;display:block;border-radius:18px;border:1px solid rgba(229,169,140,.35);box-shadow:0 20px 50px rgba(5,2,25,.5)}