/* Anantdrristi — Royal Indigo layer for inner pages */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600&family=Mukta:wght@400;600;700&family=JetBrains+Mono:wght@500&display=swap");
html.rs-wait body{opacity:0}
body{transition:opacity .25s ease}
html{background:linear-gradient(180deg,rgba(10,6,36,.35),rgba(10,6,36,.7) 1400px,#0D0830 2200px),linear-gradient(rgba(201,184,255,.04) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(201,184,255,.04) 1px,transparent 1px) 0 0/64px 64px,url(/assets/indigo/img/texture-1920.webp) center top/100% auto no-repeat,radial-gradient(ellipse 80% 40% at 80% 60%,rgba(123,92,255,.12),transparent 70%) 0 0/100% 2400px repeat-y #0D0830!important}
body{background:transparent!important;
  font-family:"Inter","Mukta",system-ui,-apple-system,"Segoe UI",sans-serif!important;position:relative}
html[lang=hi] body{font-family:"Mukta","Inter",system-ui,sans-serif!important}
body[data-bn=tools] .hero canvas{mix-blend-mode:screen}
.hero:after{background:transparent!important}
/* Canva page banner (top of every inner page) */
body:before{content:"";position:absolute;left:0;right:0;top:0;height:min(520px,70vh);z-index:-1;pointer-events:none;
  background:var(--rs-banner,none) right center/cover no-repeat;opacity:.75;
  -webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}
body[data-bn=services]{--rs-banner:url(/assets/indigo/banner/services.webp)}
body[data-bn=tools]{--rs-banner:url(/assets/indigo/banner/tools.webp)}
body[data-bn=blog]{--rs-banner:url(/assets/indigo/banner/blog.webp)}
body[data-bn=about]{--rs-banner:url(/assets/indigo/banner/about.jpg)}
body[data-bn=plain]{--rs-banner:url(/assets/indigo/banner/plain.jpg)}
@media(max-width:700px){ body:before{opacity:.45;background-position:70% center} }
section,header,main,.hero{background-color:transparent}
/* headings */
h1,h2,h3{font-family:"Sora","Mukta",system-ui,sans-serif!important;letter-spacing:-.4px}
html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3{font-family:"Mukta","Sora",sans-serif!important;letter-spacing:0}
h1{text-shadow:0 2px 24px rgba(10,6,36,.8)}
/* nav (same as homepage) */
.nav{background:rgba(13,8,48,.78)!important;border-bottom:1px solid rgba(201,184,255,.18)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.langbtn button.on{background:linear-gradient(135deg,#F7D3C2,#E5A98C)!important;color:#2A1430!important}
.navlinks a:hover{color:#F7D3C2!important}
/* buttons with the rose-gold finish */
.btn,a.btn,button.btn,.btn-gold,.cta,.buy{border-radius:12px}
::selection{background:rgba(229,169,140,.4);color:#fff}
footer{background:#07041A!important;border-top:1px solid rgba(201,184,255,.15)}
input,select,textarea{color-scheme:dark}
.hero{background:transparent!important}

/* ===== homepage solar system on every page ===== */
#rs-sky{position:absolute;left:0;right:0;top:0;height:min(680px,92vh);z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
#rs-sky canvas{display:block;width:100%;height:100%}
#rs-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,6,36,.7) 0%,rgba(10,6,36,.62) 45%,rgba(10,6,36,.15) 75%,rgba(10,6,36,0) 100%)}
@media(max-width:900px){#rs-sky:after{background:rgba(10,6,36,.55)}}
body:before{display:none!important}
@media(max-width:900px){ #rs-sky{opacity:.5} }
/* ===== 3D cards + images ===== */
.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),box-shadow .4s;will-change:transform}
.t3d.hov{transition:transform .14s linear,box-shadow .3s}
.t3d.pre{--rv:24deg;--ty:46px;opacity:.0}
.t3d{opacity:1;transition-property:transform,box-shadow,opacity}
.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,.28),rgba(255,255,255,0) 55%);mix-blend-mode:soft-light}
.t3d.glare.hov:after{opacity:1}
.rs-card.hov{box-shadow:0 26px 60px rgba(123,92,255,.28)!important}
.rs-img{display:inline-block;overflow:hidden}
.rs-img>img{display:block;animation:rsKen 16s ease-in-out infinite alternate}
@keyframes rsKen{from{transform:scale(1.02)}to{transform:scale(1.09) translate3d(1%,-1%,0)}}
.rs-card{animation:rsFloat 8s ease-in-out infinite}
.rs-card.hov,.rs-card.pre{animation:none}
@keyframes rsFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
h1{animation:rsH1 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes rsH1{from{opacity:0;transform:perspective(800px) rotateX(35deg) translateY(30px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){ .rs-img>img,.rs-card,h1{animation:none!important} .t3d{transition:none} .t3d.pre{opacity:1;--rv:0deg;--ty:0px} }

/* ===== fixes after go-live ===== */
body:has(nav.nav) nav.rnav{display:none!important}
body:has(nav.rnav) nav.nav{top:0!important}
@media(max-width:700px){
  .navlinks{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent);padding-right:14px}
  .navlinks::-webkit-scrollbar{display:none}
  #rs-sky{opacity:.34}
}
/* wafloat above the sticky buy bar */
body:has(div.sticky) .wafloat{bottom:90px!important}