/* Spiritual Universal Healing — webinar page
   Palette: night indigo (brand), marigold, sandalwood */
:root{
  --night:#140F3A; --ink:#0D0927; --night-2:#1F1852;
  --marigold:#F0A43A; --marigold-deep:#C97A12;
  --gold:#F5C542; --gold-grad:linear-gradient(180deg,#FFE58F 0%,#F5C542 45%,#E2A21F 100%);
  --sandal:#EFE2C8; --paper:#F8F1E3;
  --text:#221B4A; --muted:#5D567F;
  --on-night:#F6F1FF; --on-night-muted:#B9B2DA;
  --tilak:#B3261E;
  --line:rgba(34,27,74,.14); --line-night:rgba(246,241,255,.14);
  --serif:"Tiro Devanagari Hindi","Noto Serif Devanagari",Georgia,serif;
  --sans:"Hind","Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1120px; --r-sm:6px; --r-md:12px; --r-lg:20px;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;font-family:var(--sans);font-size:1.0625rem;line-height:1.6;color:var(--text);background:var(--paper)}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;font-weight:400}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--marigold);outline-offset:3px;border-radius:4px}
html[lang="hi"] .en{display:none!important}
html[lang="en"] .hi{display:none!important}
html[lang="hi"] body{line-height:1.7}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(1.1rem,4vw,2rem)}
.skip{position:absolute;left:-999px;top:0;background:var(--marigold);color:var(--ink);padding:.6rem 1rem;z-index:100}
.skip:focus{left:1rem}

.topbar{position:sticky;top:0;z-index:40;background:rgba(20,15,58,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--on-night);padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--line-night)}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:1rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--serif);font-size:1.05rem}
.brand__mark{width:28px;height:28px;color:var(--marigold);flex:none}
.langswitch{font:600 .95rem/1 var(--sans);color:var(--ink);background:var(--marigold);border:0;border-radius:999px;padding:.6rem 1rem;cursor:pointer;white-space:nowrap}
.langswitch:hover{background:#F6B65A}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 1.08rem/1.2 var(--sans);text-decoration:none;border-radius:var(--r-sm);padding:.95rem 1.4rem;border:2px solid transparent;cursor:pointer;transition:background-color .15s,transform .15s}
.btn--primary{background:var(--marigold);color:var(--ink);box-shadow:0 6px 0 var(--marigold-deep)}
.btn--primary:hover{background:#F6B65A}
.btn--primary:active{transform:translateY(4px);box-shadow:0 2px 0 var(--marigold-deep)}
.btn--block{width:100%}
.btn--lg{font-size:1.2rem;padding:1.1rem 2rem}
.btn--sm{font-size:.95rem;padding:.65rem 1rem;box-shadow:0 4px 0 var(--marigold-deep)}
.btn--ghost{border-color:var(--text);color:var(--text);background:transparent}
.btn--ghost:hover{background:var(--text);color:var(--paper)}
.btn[aria-busy="true"]{opacity:.7;pointer-events:none}

.hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 20% 30%,var(--night-2) 0%,var(--night) 55%,var(--ink) 100%);color:var(--on-night);padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,6vw,5.5rem)}
.hero__rings{position:absolute;width:min(1100px,150vw);left:-22%;top:50%;transform:translateY(-50%);color:var(--marigold);opacity:.22;pointer-events:none}
.hero__rings circle{transform-origin:400px 400px;animation:ring 1.6s cubic-bezier(.2,.7,.2,1) both}
.hero__rings circle:nth-child(2){animation-delay:.12s}.hero__rings circle:nth-child(3){animation-delay:.24s}
.hero__rings circle:nth-child(4){animation-delay:.36s}.hero__rings circle:nth-child(5){animation-delay:.48s}
@keyframes ring{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.hero__status{display:inline-block;background:var(--tilak);color:#fff;font-weight:600;border-radius:999px;padding:.35rem .9rem;margin-bottom:1.2rem;font-size:.95rem}
.hero__status--live{background:#1E8E4E}
.hero__title{font-family:var(--serif);font-size:clamp(2rem,4.4vw,3.35rem);line-height:1.15;letter-spacing:-.01em;max-width:20ch;text-wrap:balance}
html[lang="hi"] .hero__title{line-height:1.32;max-width:22ch}
.hero__lede{margin-top:1.4rem;font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--on-night-muted);max-width:58ch}
.facts{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0;margin:2rem 0 0;padding:0}
.facts div{padding:.2rem 1.4rem .2rem 0;margin-right:1.4rem;border-right:1px solid var(--line-night)}
.facts div:last-child{border-right:0;margin-right:0}
.facts dt{font-size:.85rem;color:var(--on-night-muted)}
.facts dd{margin:0;font-family:var(--serif);font-size:1.3rem;color:var(--on-night)}
.localtime{margin-top:.9rem;font-size:.95rem;color:var(--marigold)}
.footnote{margin-top:1.6rem;font-size:.85rem;color:var(--on-night-muted);max-width:60ch}

.regcard{background:var(--paper);color:var(--text);border-radius:var(--r-lg);padding:clamp(1.3rem,3vw,2rem);box-shadow:0 30px 60px -20px rgba(0,0,0,.55);border-top:6px solid var(--marigold);scroll-margin-top:80px}
.regcard__head{display:flex;gap:1rem;align-items:center;margin-bottom:1.3rem}
.logo{width:72px;height:auto;flex:none;filter:drop-shadow(0 3px 4px rgba(150,100,0,.3))}
.regcard__title{font-family:var(--serif);font-size:1.5rem;line-height:1.25}
.regcard__sub{font-size:.95rem;color:var(--muted);margin-top:.15rem}
.field{margin-bottom:1rem}
.field label{display:block;font-weight:600;margin-bottom:.35rem}
input[type="text"],input[type="tel"],input[type="email"],select{width:100%;font:500 1.08rem/1.3 var(--sans);color:var(--text);background:#fff;border:1.5px solid #CFC5E0;border-radius:var(--r-sm);padding:.8rem .9rem;min-height:52px}
input:focus,select:focus{outline:none;border-color:var(--night);box-shadow:0 0 0 3px rgba(240,164,58,.45)}
input[aria-invalid="true"]{border-color:var(--tilak)}
.phone{display:grid;grid-template-columns:6rem 1fr;gap:.5rem}
.optional{font-weight:400;color:var(--muted);font-size:.9em}
.consent{display:flex;gap:.65rem;align-items:flex-start;font-size:.95rem;margin:.2rem 0 1.1rem;cursor:pointer}
.consent input{width:22px;height:22px;margin-top:.15rem;flex:none;accent-color:var(--night)}
.error{color:var(--tilak);font-size:.9rem;margin-top:.35rem}
.error--form{margin-top:.8rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.assurances{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.1rem;margin:1.1rem 0 0;padding:0;font-size:.9rem;color:var(--muted)}
.assurances li::before{content:"✓ ";color:#1E8E4E;font-weight:700}

.section{padding:clamp(3.5rem,8vw,6rem) 0}
.section--paper{background:var(--sandal)}
.section--night{background:var(--night);color:var(--on-night)}
.h2{font-family:var(--serif);font-size:clamp(1.75rem,3.4vw,2.6rem);line-height:1.2;max-width:24ch;text-wrap:balance}
html[lang="hi"] .h2{line-height:1.35}
.h3{font-family:var(--serif);font-size:1.4rem;margin-bottom:1rem}
.goldname{display:inline-block;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;color:var(--gold);-webkit-text-fill-color:transparent}
.sectionlede{margin-top:.8rem;color:var(--muted);max-width:60ch}
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}

.painlist{list-style:none;margin:0;padding:0}
.painlist li{font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.4;padding:1rem 0 1rem 2.4rem;border-bottom:1px solid var(--line);position:relative}
.painlist li::before{content:"";position:absolute;left:0;top:1.35rem;width:18px;height:18px;border-radius:50%;border:2px solid var(--tilak);box-shadow:0 0 0 5px rgba(179,38,30,.12)}
.kicker{margin-top:1.4rem;font-weight:600}

.learn{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 clamp(1.5rem,4vw,3rem)}
.learn li{border-top:2px solid var(--text);padding:1.1rem 0 1.8rem}
.learn h3{font-family:var(--serif);font-size:1.3rem;line-height:1.3;margin-bottom:.3rem}
.learn p{color:var(--muted)}

.about__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.about__photo{margin:0;position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;background:radial-gradient(70% 55% at 50% 38%,rgba(245,197,66,.38),rgba(240,164,58,.12) 45%,transparent 72%),linear-gradient(180deg,var(--night-2),#2A2168)}
.about__photo picture{position:absolute;inset:6% 4% 0}
.about__photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
.about__photo--empty{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(240,164,58,.3),transparent 60%),var(--night-2)}
.about__photo--empty::before{content:"";width:60%;aspect-ratio:380/315;background:url("../img/logo.png") center/contain no-repeat}
.about__photo figcaption{z-index:1;position:absolute;left:1rem;bottom:1rem;background:var(--marigold);color:var(--ink);font-weight:600;font-size:.9rem;padding:.3rem .8rem;border-radius:999px}
.about__text{margin-top:1.2rem;color:var(--on-night-muted);max-width:60ch}
.about__text--strong{color:var(--on-night);font-family:var(--serif);font-size:1.25rem}
.creds{list-style:none;margin:1.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.creds li{border:1px solid var(--line-night);border-radius:999px;padding:.35rem .9rem;font-size:.95rem}

.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2rem);margin-top:2.5rem}
.result{margin:0;background:var(--paper);border-radius:var(--r-md);padding:1.5rem;display:flex;flex-direction:column}
.meter{height:10px;border-radius:99px;background:rgba(34,27,74,.12);overflow:hidden}
.meter__fill{display:block;height:100%;width:calc(var(--v) * 1%);background:linear-gradient(90deg,var(--marigold-deep),var(--marigold));border-radius:inherit;transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.js .meter__fill{transform:scaleX(0)}
.js .result.is-seen .meter__fill{transform:scaleX(1)}
.result__num{font-family:var(--serif);font-size:2.6rem;line-height:1;margin-top:1rem}
.result__num small{display:block;line-height:1.4;font-family:var(--sans);font-size:.9rem;color:var(--muted);margin-top:.4rem}
.result blockquote{margin:1.1rem 0 1.2rem;flex:1}
.result blockquote p{font-size:1rem}
.result figcaption{border-top:1px solid var(--line);padding-top:.9rem;font-size:.9rem;color:var(--muted)}
.result figcaption strong{display:block;color:var(--text);font-size:1rem}
.video{margin-top:3rem}
.video__frame{position:relative;aspect-ratio:16/9;max-width:760px;border-radius:var(--r-md);overflow:hidden;background:#000}
.video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.types__lede{margin-top:.8rem;color:var(--on-night-muted)}
.types__grid{display:grid;grid-template-columns:repeat(2,minmax(0,340px));gap:clamp(1.2rem,4vw,3rem);margin-top:2.5rem}
.vcard{margin:0}
.vcard__type{display:inline-block;background:var(--gold-grad);color:var(--ink);font-weight:700;border-radius:999px;padding:.3rem 1rem;margin-bottom:.9rem}
.vcard video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:var(--r-md);border:2px solid rgba(245,197,66,.45)}
.vcard figcaption{margin-top:.7rem;font-family:var(--serif);font-size:1.3rem}
.vcard figcaption strong{font-weight:400}
.ways__list{list-style:none;counter-reset:w;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,4vw,2.5rem)}
.ways__list li{counter-increment:w;position:relative;background:var(--paper);border-radius:var(--r-md);padding:1.6rem 1.6rem 1.6rem 5.2rem;border-left:5px solid var(--marigold)}
.ways__list li::before{content:counter(w);position:absolute;left:1.4rem;top:1.2rem;font:400 3rem/1 var(--serif);color:var(--marigold-deep)}
.ways__list h3{font-family:var(--serif);font-size:1.45rem;line-height:1.3;margin-bottom:.35rem}
.ways__list p{color:var(--muted)}
.ways__tag{margin-top:2.6rem;font-family:var(--serif);font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.2;background:linear-gradient(180deg,#F2C14E 0%,#D99A1A 55%,#B87A0E 100%);-webkit-background-clip:text;background-clip:text;color:var(--marigold-deep);-webkit-text-fill-color:transparent}
.ways__cta{margin-top:1.8rem}
.steps{list-style:none;counter-reset:s;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.5rem)}
.steps li{counter-increment:s;position:relative;padding-top:4.2rem}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;font:400 3.4rem/1 var(--serif);color:var(--marigold-deep)}
.steps li:not(:last-child)::after{content:"";position:absolute;top:1.7rem;left:3rem;right:-1rem;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px)}
.steps h3{font-family:var(--serif);font-size:1.35rem;margin-bottom:.3rem}
.steps p{color:var(--muted)}
.calbtns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.5rem}

.checklist{list-style:none;margin:0;padding:0}
.checklist li{position:relative;padding:.9rem 0 .9rem 2.2rem;border-bottom:1px solid var(--line);font-size:1.1rem}
.checklist li::before{content:"";position:absolute;left:0;top:1.15rem;width:20px;height:20px;border-radius:50%;background:var(--night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23F0A43A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}

.cta__inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.cta .h2{max-width:26ch}
.cta__sub{color:var(--on-night-muted);margin-top:.8rem}
.countdown{display:flex;gap:clamp(.6rem,3vw,2rem);margin:2.2rem 0 2.4rem}
.countdown div{display:flex;flex-direction:column;align-items:center;min-width:4.2rem}
.countdown b{font:400 clamp(2.4rem,7vw,4rem)/1 var(--serif);color:var(--marigold);font-variant-numeric:tabular-nums}
.countdown span{font-size:.9rem;color:var(--on-night-muted);margin-top:.3rem}

.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,5vw,4rem)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:1.1rem 2.5rem 1.1rem 0;font-weight:600;font-size:1.1rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.3rem;top:50%;transform:translateY(-50%);font:400 1.6rem/1 var(--serif);color:var(--marigold-deep);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding:0 0 1.2rem;color:var(--muted);max-width:62ch}

.footer{background:var(--ink);color:var(--on-night-muted);padding:3rem 0 calc(6rem + var(--safe-b));font-size:.9rem}
.tagline{font-family:var(--serif);font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.2;margin-bottom:1.6rem;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:var(--gold);-webkit-text-fill-color:transparent}
.footer__disclaimer{max-width:75ch}
.footer__copy{margin-top:1rem}
.stickybar{display:none}

@media (max-width:900px){
  .hero__grid,.split,.about__grid,.faq{grid-template-columns:1fr}
  .hero__rings{left:-40%;top:22%}
  .results{grid-template-columns:1fr}
  .ways__list{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .steps li{padding:0 0 0 3.6rem;min-height:3.4rem}
  .steps li::before{font-size:2.6rem}
  .steps li:not(:last-child)::after{display:none}
  .about__photo{max-width:420px}
}
@media (max-width:640px){
  .types__grid{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto}
  .facts{grid-template-columns:1fr 1fr;gap:1rem 0}
  .facts div:nth-child(2){border-right:0}
  .brand span{font-size:.95rem}
  .stickybar{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--night);color:var(--on-night);padding:.75rem 1rem calc(.75rem + var(--safe-b));border-top:1px solid var(--line-night);transform:translateY(110%);transition:transform .25s}
  .stickybar.is-visible{transform:none}
  .stickybar div{display:flex;flex-direction:column;font-size:.85rem;color:var(--on-night-muted);line-height:1.3}
  .stickybar strong{color:var(--on-night);font-size:.95rem}
}
@media (max-width:400px){
  .brand span{font-size:.82rem;max-width:9.5rem;line-height:1.2}
  .langswitch{padding:.55rem .8rem;font-size:.88rem}
  .logo{width:58px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
