/* ZIPPRI V5.1 - cinematic Vedic effects layer */
:root{--transition-ms:980ms;--sacred-ease:cubic-bezier(.16,.82,.24,1)}

/* Ambient sacred geometry and living light */
.vedic-atmosphere{position:fixed;inset:0;z-index:7;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.aura{position:absolute;border-radius:50%;opacity:.22;filter:blur(2px);will-change:transform,opacity}
.aura-a{width:34vw;height:34vw;left:10vw;top:12vh;background:radial-gradient(circle,rgba(255,247,205,.7) 0,rgba(255,184,38,.2) 28%,transparent 65%);animation:auraFloatA 13s ease-in-out infinite}
.aura-b{width:28vw;height:28vw;right:8vw;top:20vh;background:radial-gradient(circle,rgba(128,255,239,.16) 0,rgba(0,164,153,.09) 35%,transparent 69%);animation:auraFloatB 16s ease-in-out infinite}
.aura-c{width:52vw;height:18vw;left:24vw;bottom:-4vw;background:radial-gradient(ellipse,rgba(255,211,102,.35),transparent 66%);animation:auraBreath 8s ease-in-out infinite}
.vedic-sigil{position:absolute;color:rgba(221,151,32,.2);font-size:42px;text-shadow:0 0 16px rgba(255,193,65,.2);animation:sigilDrift 18s ease-in-out infinite}
.sigil-a{left:4.3vw;top:43vh}.sigil-b{right:4vw;top:57vh;animation-delay:-7s}

/* Header becomes a living navigation instrument */
.top-shell{transition:transform .45s var(--sacred-ease),box-shadow .45s,border-color .45s,background .45s,backdrop-filter .45s}
.top-shell::after{content:"";position:absolute;left:7%;right:7%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,193,57,.1),rgba(255,226,152,.92),rgba(35,183,169,.45),rgba(255,193,57,.1),transparent);background-size:220% 100%;animation:headerEnergy 6s linear infinite;pointer-events:none}
.top-shell.scrolled{transform:translateY(-8px) scale(.988);background:linear-gradient(180deg,rgba(255,247,226,.965),rgba(239,219,181,.94));box-shadow:0 0 0 3px rgba(255,203,79,.14),0 17px 42px rgba(74,40,7,.27),inset 0 0 30px rgba(255,255,255,.82);backdrop-filter:blur(20px) saturate(1.16)}
.brand-mark{transition:transform .45s var(--sacred-ease),filter .45s}.brand:hover .brand-mark{transform:rotate(12deg) scale(1.06);filter:drop-shadow(0 0 10px rgba(229,156,31,.54))}
.brand-copy strong{position:relative;background:linear-gradient(90deg,#1f1308 0%,#1f1308 34%,#9d5e0a 48%,#1f1308 62%,#1f1308 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brandGlint 7s ease-in-out infinite}
.mode-switch{overflow:hidden}.mode-switch::before{content:"";position:absolute;inset:-40% -20%;background:conic-gradient(from 0deg,transparent 0 28%,rgba(255,213,108,.22) 35%,transparent 42% 72%,rgba(19,190,172,.08) 80%,transparent 88%);animation:modeHalo 11s linear infinite;pointer-events:none}.mode-tab{transition:transform .3s,color .3s,letter-spacing .3s,box-shadow .3s,background .3s}.mode-tab:hover{transform:translateY(-1px);letter-spacing:.2px}.mode-tab.active::after{content:"";position:absolute;left:16%;right:16%;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,#c9871a,transparent);box-shadow:0 0 8px rgba(255,182,45,.75);animation:activeUnderline 2.6s ease-in-out infinite}
.nav-links a{overflow:visible}.nav-links a::before{content:"✦";position:absolute;left:50%;top:-7px;transform:translateX(-50%) scale(.25);opacity:0;color:#d38a18;font-size:8px;text-shadow:0 0 8px #ffc862;transition:.28s}.nav-links a:hover::before,.nav-links a.active::before{opacity:1;transform:translateX(-50%) scale(1)}.nav-links a.active{color:#95550a}.nav-links a.active::after{left:0;right:0;box-shadow:0 0 10px #e4a633}
.mini-btn,.connect-btn{isolation:isolate}.mini-btn::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.45) 47%,transparent 64%);transform:translateX(-135%);transition:transform .7s}.mini-btn{position:relative;overflow:hidden}.mini-btn:hover::after{transform:translateX(135%)}

/* Hero/title prestige effects */
.hero-copy::after{content:"";position:absolute;width:560px;height:560px;left:105px;top:-48px;border-radius:50%;border:1px solid rgba(189,124,22,.09);box-shadow:0 0 0 28px rgba(188,125,25,.025),0 0 0 74px rgba(188,125,25,.018);pointer-events:none;animation:haloRotate 38s linear infinite}
.hero-title{filter:drop-shadow(0 7px 17px rgba(98,56,10,.07))}
.hero-title .line{position:relative;transform-origin:left center;transition:letter-spacing .55s var(--sacred-ease),filter .55s}
.hero-title:hover .line{letter-spacing:-3.8px;filter:drop-shadow(0 0 8px rgba(255,196,72,.1))}
.hero-title strong{background-size:220% 100%;animation:titleMetal 6.8s ease-in-out infinite}
.hero-title b{display:inline-block;animation:plusPulse 3.2s ease-in-out infinite}
.eyebrow{position:relative}.eyebrow::after{content:"";width:86px;height:1px;background:linear-gradient(90deg,rgba(181,108,5,.58),transparent);margin-left:3px;transform-origin:left;animation:eyebrowLine 4s ease-in-out infinite}.eyebrow>span{animation:signalPulse 2.1s ease-in-out infinite}
.sanskrit{filter:drop-shadow(0 0 7px rgba(255,178,47,.12));animation:sanskritFloat 7s ease-in-out infinite}.sanskrit::before,.sanskrit::after{content:"✦";display:block;font-size:9px;opacity:.65;animation:starBlink 2.8s ease-in-out infinite}.sanskrit::after{animation-delay:-1.1s}
.hero-body{transition:transform .5s,color .4s,text-shadow .4s}.hero-copy:hover .hero-body{transform:translateX(2px);text-shadow:0 1px 12px rgba(255,236,195,.34)}
.universe-btn::before{content:"";position:absolute;inset:6px;border-radius:32px;border:1px solid rgba(255,230,151,.34);box-shadow:inset 0 0 16px rgba(64,255,222,.06);pointer-events:none;animation:ctaBreath 3.5s ease-in-out infinite}.universe-btn img{animation:compassSpin 18s linear infinite}.universe-btn:hover img{animation-duration:4s}.universe-btn:active{transform:translateY(0) scale(.985)}
.ai-link{position:relative;overflow:visible;transition:color .3s,text-shadow .3s}.ai-link::before{content:"✦";position:absolute;left:-15px;top:7px;font-size:8px;opacity:0;color:#c97d0e;transform:scale(.2);transition:.3s}.ai-link:hover{color:#8c5108;text-shadow:0 0 12px rgba(250,177,40,.2)}.ai-link:hover::before{opacity:1;transform:scale(1) rotate(90deg)}

/* System panel: ceremonial machine */
.system-panel{transition:transform .55s var(--sacred-ease),box-shadow .55s}.system-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.16) 47%,transparent 59%);transform:translateX(-100%);animation:panelSweep 8.5s ease-in-out infinite;pointer-events:none}.system-panel:hover{transform:translateY(-3px);box-shadow:0 0 0 4px rgba(255,223,139,.64),0 0 0 7px rgba(121,67,9,.38),0 18px 42px rgba(90,45,6,.22),0 0 36px rgba(242,158,28,.42),inset 0 0 35px rgba(255,255,245,.82)}
.panel-top span{position:relative}.panel-top span::after{content:"";position:absolute;width:22px;height:1px;right:-34px;top:50%;background:#b9791d;box-shadow:0 0 8px rgba(244,172,43,.55);animation:sysScan 2.3s ease-in-out infinite}.panel-top i{animation:livePulse 1.6s ease-in-out infinite}
.map-wrap::before{content:"";position:absolute;inset:8% 9%;border-radius:50%;background:radial-gradient(circle,rgba(0,155,145,.055),transparent 64%);animation:mapBreath 5.5s ease-in-out infinite;pointer-events:none}.orbit-labels>g{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:filter .28s}.orbit-labels>g:hover{filter:drop-shadow(0 0 8px rgba(0,171,160,.26)) drop-shadow(0 0 10px rgba(232,157,31,.18))}.orbit-labels>g rect{transition:fill .3s,stroke .3s}.orbit-labels>g:hover rect{fill:rgba(255,251,238,.98);stroke:#d38a1c}.core{transform-origin:center;animation:corePulse 3.8s ease-in-out infinite}.orbit-cyan{animation:orbitGlow 4.5s ease-in-out infinite}.sacred-base>circle:nth-child(1){animation:ringDash 18s linear infinite}.sacred-base>circle:nth-child(3){animation:ringDashReverse 24s linear infinite}

/* Information rail feels instrumented */
.info-rail{overflow:hidden}.info-rail::before{content:"";position:absolute;left:-18%;top:0;width:16%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);animation:railSweep 9s ease-in-out infinite;pointer-events:none}.info-rail article{position:relative;transition:transform .35s var(--sacred-ease),background .35s}.info-rail article:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgba(255,255,255,.2),transparent)}.info-rail article img{transition:transform .45s var(--sacred-ease),filter .45s}.info-rail article:hover img{transform:scale(1.08) rotate(6deg);filter:drop-shadow(0 0 8px rgba(202,124,8,.24))}

/* Lower sections gain visual hierarchy and scroll reveals */
.continuation{position:relative;overflow:hidden;isolation:isolate}.continuation::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 18% 32%,rgba(255,255,255,.32),transparent 22%),linear-gradient(90deg,transparent 49.92%,rgba(161,101,17,.08) 50%,transparent 50.08%),linear-gradient(0deg,transparent 49.92%,rgba(161,101,17,.06) 50%,transparent 50.08%);background-size:auto,82px 82px,82px 82px;z-index:-1}.continuation::after{content:"✦";position:absolute;font-size:26vw;color:rgba(166,105,22,.035);transform:rotate(24deg);right:-4vw;top:-11vw;z-index:-1;animation:sectionSigil 24s linear infinite}.section-card{position:relative;overflow:hidden;opacity:0;transform:translateY(45px) scale(.975);filter:blur(7px);transition:opacity .9s var(--sacred-ease),transform .9s var(--sacred-ease),filter .9s var(--sacred-ease),box-shadow .45s}.section-card::before{content:"";position:absolute;inset:11px;border:1px solid rgba(186,121,25,.18);border-radius:20px;pointer-events:none}.section-card::after{content:"";position:absolute;inset:-90% -30%;background:conic-gradient(from 20deg,transparent 0 43%,rgba(255,219,126,.12) 49%,transparent 55% 100%);animation:cardOrbit 14s linear infinite;pointer-events:none}.section-card.is-visible{opacity:1;transform:none;filter:none}.section-card.is-visible h2{animation:sectionTitleIn .9s .12s both}.section-card:hover{box-shadow:0 24px 58px rgba(79,43,6,.2),inset 0 0 32px rgba(255,255,255,.8),0 0 25px rgba(228,155,35,.12)}.section-card h2{position:relative;display:inline-block;background:linear-gradient(90deg,#261609,#70400d,#00786e,#261609);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleMetal 9s ease-in-out infinite}.section-card h2::after{content:"";position:absolute;left:22%;right:22%;bottom:-11px;height:1px;background:linear-gradient(90deg,transparent,#c7861a,transparent);box-shadow:0 0 8px rgba(227,155,37,.4)}

/* Full-page Vedic transition / section changer */
.page-transition{position:fixed;inset:0;z-index:300;pointer-events:none;visibility:hidden;opacity:0;display:grid;place-items:center;overflow:hidden}.page-transition.is-active{visibility:visible;opacity:1}.transition-curtain{position:absolute;top:0;bottom:0;width:51%;background:linear-gradient(135deg,rgba(53,31,8,.985),rgba(115,67,9,.97) 44%,rgba(35,77,66,.97));box-shadow:inset 0 0 90px rgba(255,188,55,.16);will-change:transform}.curtain-left{left:0;transform:translateX(-102%)}.curtain-right{right:0;transform:translateX(102%);background:linear-gradient(225deg,rgba(53,31,8,.985),rgba(115,67,9,.97) 44%,rgba(35,77,66,.97))}.page-transition.is-active .curtain-left,.page-transition.is-active .curtain-right{animation:curtainInOut var(--transition-ms) var(--sacred-ease) both}.page-transition.is-active .curtain-right{animation-name:curtainInOutRight}.transition-flare{position:absolute;width:8px;height:150%;left:50%;top:-25%;transform:translateX(-50%) scaleY(0);background:linear-gradient(180deg,transparent,#fff1a9 28%,#30d6c3 50%,#ffd472 72%,transparent);box-shadow:0 0 35px #ffc85f,0 0 70px rgba(15,204,185,.7);opacity:0}.page-transition.is-active .transition-flare{animation:flareStrike var(--transition-ms) ease both}.transition-yantra{position:relative;width:210px;height:210px;border-radius:50%;opacity:0;transform:scale(.35) rotate(-30deg);filter:drop-shadow(0 0 28px rgba(255,192,69,.48))}.page-transition.is-active .transition-yantra{animation:yantraReveal var(--transition-ms) var(--sacred-ease) both}.transition-yantra::before,.transition-yantra::after{content:"";position:absolute;inset:28px;border:1px solid rgba(255,221,136,.9);transform:rotate(45deg)}.transition-yantra::after{inset:55px;border-color:rgba(70,232,215,.82);transform:rotate(45deg)}.transition-yantra .ring{position:absolute;border-radius:50%;border:1px solid rgba(255,219,128,.78);inset:0}.transition-yantra .ring-1{border-style:dashed;animation:rotor 6s linear infinite}.transition-yantra .ring-2{inset:24px;border-color:rgba(74,224,210,.7);animation:rotor 4s linear infinite reverse}.transition-yantra .ring-3{inset:48px;border-style:dotted;animation:rotor 2.8s linear infinite}.yantra-diamond{position:absolute;width:72px;height:72px;left:69px;top:69px;border:2px solid #f2bc4a;transform:rotate(45deg);box-shadow:0 0 22px rgba(255,196,75,.35),inset 0 0 14px rgba(34,212,194,.18)}.yantra-core{position:absolute;width:18px;height:18px;left:96px;top:96px;border-radius:50%;background:#3bdbc9;box-shadow:0 0 16px #3bdbc9,0 0 28px #e8aa31}.transition-copy{position:absolute;top:calc(50% + 145px);text-align:center;color:#fff0c9;opacity:0;letter-spacing:2px}.page-transition.is-active .transition-copy{animation:transitionCopy var(--transition-ms) ease both}.transition-copy small{display:block;font:700 9px ui-monospace,monospace;letter-spacing:3px;color:#d9b26c}.transition-copy strong{display:block;margin-top:9px;font:700 20px Georgia,serif;letter-spacing:4px}.transition-copy span{display:block;width:95px;height:1px;margin:12px auto;background:linear-gradient(90deg,transparent,#e4af45,#35cfbe,transparent);box-shadow:0 0 10px #dfad49}
.mode-transitioning .hero-copy.active-view{animation:modeContentOut .28s ease both}.mode-transitioning .system-panel{animation:modePanelPulse .8s ease both}.mode-enter .hero-copy.active-view{animation:modeContentIn .75s var(--sacred-ease) both}.mode-enter .hero-copy.active-view .hero-title .line{animation:modeLineIn .7s var(--sacred-ease) both}.mode-enter .hero-copy.active-view .hero-title .line:nth-child(2){animation-delay:.06s}.mode-enter .hero-copy.active-view .hero-title .line:nth-child(3){animation-delay:.12s}

/* Scroll progress */
.scroll-progress{position:fixed;z-index:90;left:0;right:0;top:0;height:2px;background:rgba(106,60,7,.08);pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#b56c0b,#f5c258,#0fb0a2);box-shadow:0 0 9px rgba(240,171,50,.55);transition:width .08s linear}

/* Modals have richer arrival */
.modal-backdrop:not([hidden]) .modal,.command-backdrop:not([hidden]) .command-box{animation:dialogReveal .5s var(--sacred-ease) both}.modal-backdrop:not([hidden]),.command-backdrop:not([hidden]){animation:backdropReveal .28s ease both}.modal::before,.command-box::before{content:"";position:absolute;inset:8px;border:1px solid rgba(181,113,15,.23);border-radius:18px;pointer-events:none}.command-box{position:relative}

body.fx-off .vedic-atmosphere,body.fx-off .top-shell::after,body.fx-off .system-panel::after,body.fx-off .info-rail::before{display:none!important}
body.fx-off .hero-title strong,body.fx-off .hero-title b,body.fx-off .eyebrow>span,body.fx-off .section-card h2{animation:none!important}

@keyframes auraFloatA{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.17}50%{transform:translate3d(18px,-10px,0) scale(1.05);opacity:.29}}
@keyframes auraFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-15px,15px,0) scale(.96)}}
@keyframes auraBreath{0%,100%{opacity:.13;transform:scale(.96)}50%{opacity:.31;transform:scale(1.04)}}
@keyframes sigilDrift{0%,100%{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-14px) rotate(35deg);opacity:.3}}
@keyframes headerEnergy{to{background-position:-220% 0}}
@keyframes brandGlint{0%,70%,100%{background-position:100% 0}82%{background-position:-90% 0}}
@keyframes modeHalo{to{transform:rotate(360deg)}}
@keyframes activeUnderline{0%,100%{transform:scaleX(.5);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@keyframes haloRotate{to{transform:rotate(360deg)}}
@keyframes titleMetal{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes plusPulse{0%,100%{transform:scale(1);text-shadow:0 0 18px rgba(255,187,53,.55)}50%{transform:scale(1.08);text-shadow:0 0 28px rgba(255,187,53,.78)}}
@keyframes eyebrowLine{0%,100%{transform:scaleX(.38);opacity:.32}50%{transform:scaleX(1);opacity:.76}}
@keyframes signalPulse{0%,100%{transform:scale(.9);box-shadow:0 0 7px #ffd464}50%{transform:scale(1.18);box-shadow:0 0 15px #ffd464}}
@keyframes sanskritFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes starBlink{0%,100%{opacity:.2;transform:scale(.65)}50%{opacity:.9;transform:scale(1.1)}}
@keyframes ctaBreath{0%,100%{opacity:.62;box-shadow:inset 0 0 12px rgba(68,255,222,.05)}50%{opacity:1;box-shadow:inset 0 0 20px rgba(68,255,222,.13)}}
@keyframes compassSpin{to{transform:rotate(360deg)}}
@keyframes panelSweep{0%,62%,100%{transform:translateX(-120%)}80%{transform:translateX(120%)}}
@keyframes sysScan{0%,100%{transform:scaleX(.3);opacity:.35}50%{transform:scaleX(1.2);opacity:.9}}
@keyframes livePulse{0%,100%{transform:scale(.82);box-shadow:0 0 6px #3ce4bd}50%{transform:scale(1.22);box-shadow:0 0 14px #3ce4bd}}
@keyframes mapBreath{0%,100%{transform:scale(.96);opacity:.4}50%{transform:scale(1.02);opacity:1}}
@keyframes corePulse{0%,100%{transform:scale(.985)}50%{transform:scale(1.045)}}
@keyframes orbitGlow{0%,100%{stroke-opacity:.55;filter:url(#tealGlow)}50%{stroke-opacity:.92;filter:url(#tealGlow)}}
@keyframes ringDash{to{stroke-dashoffset:-180}}
@keyframes ringDashReverse{to{stroke-dashoffset:160}}
@keyframes railSweep{0%,70%,100%{left:-22%}88%{left:112%}}
@keyframes sectionSigil{to{transform:rotate(384deg)}}
@keyframes cardOrbit{to{transform:rotate(360deg)}}
@keyframes sectionTitleIn{from{opacity:0;transform:translateY(18px);letter-spacing:3px}to{opacity:1;transform:none;letter-spacing:normal}}
@keyframes curtainInOut{0%{transform:translateX(-102%)}26%,66%{transform:translateX(0)}100%{transform:translateX(-102%)}}
@keyframes curtainInOutRight{0%{transform:translateX(102%)}26%,66%{transform:translateX(0)}100%{transform:translateX(102%)}}
@keyframes flareStrike{0%,12%,100%{opacity:0;transform:translateX(-50%) scaleY(0)}32%,55%{opacity:1;transform:translateX(-50%) scaleY(1)}72%{opacity:0}}
@keyframes yantraReveal{0%{opacity:0;transform:scale(.25) rotate(-35deg)}28%{opacity:1;transform:scale(1) rotate(0)}67%{opacity:1;transform:scale(1.05) rotate(16deg)}100%{opacity:0;transform:scale(1.35) rotate(48deg)}}
@keyframes transitionCopy{0%,18%,88%,100%{opacity:0;transform:translateY(10px)}36%,70%{opacity:1;transform:none}}
@keyframes modeContentOut{to{opacity:0;transform:translateY(12px) scale(.99);filter:blur(7px)}}
@keyframes modeContentIn{from{opacity:0;transform:translateY(20px);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}
@keyframes modeLineIn{from{opacity:0;transform:translateX(-22px) skewX(-3deg)}to{opacity:1;transform:none}}
@keyframes modePanelPulse{0%,100%{filter:none}45%{filter:brightness(1.08) saturate(1.08)}}
@keyframes dialogReveal{from{opacity:0;transform:translateY(22px) scale(.965);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes backdropReveal{from{opacity:0}to{opacity:1}}

@media(max-width:900px){.hero-copy::after{width:430px;height:430px;left:15%;top:10px}.vedic-sigil{display:none}.transition-yantra{width:160px;height:160px}.transition-yantra::before{inset:23px}.transition-yantra::after{inset:43px}.yantra-diamond{width:56px;height:56px;left:52px;top:52px}.yantra-core{left:71px;top:71px}.transition-copy{top:calc(50% + 115px)}}
@media(max-width:620px){.aura-a{width:80vw;height:80vw;left:-15vw}.aura-b{width:70vw;height:70vw;right:-18vw}.hero-copy::after{display:none}.section-card::after{opacity:.4}.scroll-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.vedic-atmosphere,.page-transition{display:none!important}.section-card{opacity:1!important;transform:none!important;filter:none!important}.scroll-progress span{transition:none}.top-shell.scrolled{transform:none}}

/* Theme-change flare: a brief ceremonial light pass, triggered only by user action */
body.theme-changing::before{content:"";position:fixed;inset:-20%;z-index:260;pointer-events:none;background:radial-gradient(circle at var(--pointer-x,72%) var(--pointer-y,8%),rgba(255,239,174,.58),rgba(233,162,38,.16) 18%,rgba(0,127,121,.1) 34%,transparent 58%);mix-blend-mode:screen;animation:themeFlash .62s ease both}
html[data-theme="twilight"] .brand-copy strong{background:linear-gradient(90deg,#fff0ca 0%,#fff0ca 34%,#e7ae43 49%,#fff0ca 64%,#fff0ca 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="twilight"] .section-card h2{background:linear-gradient(90deg,#f5e2b9,#e6af48,#3fd7c7,#f5e2b9);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes themeFlash{0%{opacity:0;transform:scale(.94)}28%{opacity:1}100%{opacity:0;transform:scale(1.08)}}


/* ===== Enhanced Vedic yantra orbit panel ===== */
.system-panel .map-wrap{overflow:hidden}
.system-panel .map-wrap::after{content:"";position:absolute;inset:4% 6%;pointer-events:none;border-radius:28px;background:radial-gradient(circle at 50% 46%,rgba(255,247,220,.18),transparent 34%),radial-gradient(circle at 50% 50%,rgba(0,168,156,.05),transparent 52%);mix-blend-mode:screen}
.yantra-underlay{transform-box:fill-box;transform-origin:center}
.yantra-ring,.yantra-spokes line,.yantra-square rect,.yantra-star,.yantra-triangles,.yantra-petals path{fill:none;stroke:#b57a20;stroke-opacity:.25;stroke-width:1.1}
.ring-outer{stroke-dasharray:2 8;stroke-opacity:.4}.ring-mid{stroke-opacity:.28}.ring-dash{stroke-dasharray:6 10;stroke-opacity:.26}.ring-inner{stroke-opacity:.24}
.yantra-spokes line{stroke-opacity:.16}.yantra-square rect{stroke-opacity:.18}.yantra-square rect:nth-child(2){stroke-opacity:.28}.yantra-square rect:nth-child(3){stroke-opacity:.14}
.yantra-petals path{stroke:#c99749;stroke-opacity:.16;fill:rgba(201,151,73,.03)}
.yantra-star{stroke:#b47920;stroke-opacity:.34}.yantra-triangles{stroke:#be8a36;stroke-opacity:.2}
.teal-rotor,.gold-rotor{transform-origin:center;transform-box:fill-box}.teal-rotor{animation:rotor 40s linear infinite}.gold-rotor{animation:rotor 52s linear infinite reverse}
.core-halo{fill:rgba(214,163,59,.1);animation:coreHalo 3.8s ease-in-out infinite}
.yantra-beads circle{fill:#d59d3b;fill-opacity:.78;filter:url(#goldGlow)}
.orbit-field .orbit{fill:none}.orbit-major{stroke-width:1.55}.orbit-minor{stroke-width:1.15}.orbit-inner{stroke-width:1.05}.orbit-teal-dash{stroke:#0ca79f;stroke-opacity:.34;stroke-dasharray:5 8;filter:url(#tealGlow)}
.energy-path.third{stroke:#09aaa0;stroke-opacity:.28;stroke-width:1.2;stroke-dasharray:3 10;animation-duration:11s}
#orbitingNodes .planet{transform-box:fill-box;transform-origin:center;cursor:pointer}
#orbitingNodes .planet.major .planet-core{filter:url(#goldGlow)}
#orbitingNodes .planet.teal .planet-core{filter:url(#tealGlow)}
#orbitingNodes .planet-halo{fill:rgba(255,221,136,.12)}
#orbitingNodes .planet.teal .planet-halo{fill:rgba(18,205,191,.14)}
#orbitingNodes .planet-ring{fill:none;stroke:rgba(188,129,34,.52);stroke-width:1}
#orbitingNodes .planet.teal .planet-ring{stroke:rgba(17,197,184,.46)}
#orbitingNodes .planet-spark{fill:#fff6cf;opacity:.85}
#orbitingNodes .planet-trail{fill:none;stroke:rgba(196,134,32,.28);stroke-width:1.2;stroke-linecap:round}
#orbitingNodes .planet.teal .planet-trail{stroke:rgba(9,170,160,.32)}
#orbitingNodes .planet-core{stroke:rgba(255,246,209,.82);stroke-width:.7}
#orbitingNodes .planet.major .planet-ring{stroke-width:1.4}
#orbitingNodes .planet.major:hover .planet-ring,#orbitingNodes .planet:focus-visible .planet-ring{stroke:#ffd36b;stroke-width:1.8}
#orbitingNodes .planet.major:hover .planet-halo{fill:rgba(255,214,105,.2)}
#orbitingNodes .planet.teal.major:hover .planet-halo{fill:rgba(32,216,199,.24)}
#orbitingNodes .planet-title{font:700 8px ui-monospace,Consolas,monospace;letter-spacing:.9px;fill:#57391d;opacity:.8}
#orbitingNodes .planet.major .planet-title{opacity:.95}
.orbit-labels g{transition:transform .28s var(--sacred-ease),filter .28s}.orbit-labels g:hover{transform:translateY(-2px)}
@keyframes coreHalo{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.06);opacity:1}}


/* ===== V5.3 direct orbit presentation ===== */
/* User-requested cleanup: remove the decorative side frame and the card/tile around the orbit. */
.frame{display:none!important}
.orbit-stage.system-panel{
  position:relative;
  z-index:10;
  margin:18px 0 74px 0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
  isolation:isolate;
  transform:none!important;
}
.orbit-stage.system-panel::before,
.orbit-stage.system-panel::after{display:none!important;content:none!important}
.orbit-stage .panel-top{display:none!important}
.orbit-stage .map-wrap{
  position:absolute;
  inset:-4px -10px 0 -6px!important;
  overflow:visible!important;
  display:grid;
  place-items:center;
}
.orbit-stage .map-wrap::after{
  inset:8% 5%!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 49%,rgba(255,248,219,.16),transparent 28%),
    radial-gradient(circle at 50% 50%,rgba(0,168,156,.05),transparent 54%)!important;
}
.orbit-stage .map-wrap::before{
  inset:10% 8%!important;
  opacity:.7;
}
.orbit-stage .map-wrap svg{
  width:104%!important;
  height:104%!important;
  max-width:none;
  overflow:visible;
  filter:drop-shadow(0 14px 30px rgba(102,61,12,.08));
}
.orbit-stage:hover{transform:none!important;box-shadow:none!important}
html[data-theme="twilight"] .orbit-stage.system-panel{background:transparent!important;box-shadow:none!important;color:inherit}

@media(max-width:1650px){
  .orbit-stage.system-panel{margin-right:0}
  .orbit-stage .map-wrap{inset:0 -6px 0 -4px!important}
  .orbit-stage .map-wrap svg{width:102%!important;height:102%!important}
}
@media(max-width:1180px){
  .orbit-stage.system-panel{margin-bottom:72px}
  .orbit-stage .map-wrap{inset:0!important}
  .orbit-stage .map-wrap svg{width:100%!important;height:100%!important}
}
@media(max-width:900px){
  .orbit-stage.system-panel{height:590px;margin:0 0 108px}
  .orbit-stage .map-wrap{inset:0!important}
}
@media(max-width:620px){
  .orbit-stage.system-panel{height:490px;margin-bottom:92px;border-radius:0!important}
  .orbit-stage .map-wrap{inset:0!important}
}

/* ===== V5.4 direct-orbit visibility pass ===== */
/* Keep the user-approved open-page orbit (no tile/card) while lifting it away from the mountain artwork. */
.orbit-stage .map-wrap{isolation:isolate}
.orbit-stage .map-wrap::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:4% 0 2%!important;
  border:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 50% 50%,rgba(255,252,238,.84) 0%,rgba(255,247,220,.66) 32%,rgba(255,241,204,.34) 57%,rgba(255,238,194,.08) 76%,transparent 88%),
    radial-gradient(ellipse at 52% 48%,rgba(20,184,170,.08),transparent 58%)!important;
  filter:blur(8px)!important;
  opacity:1!important;
  pointer-events:none!important;
  animation:orbitAuraBreathe 6.5s ease-in-out infinite!important;
}
.orbit-stage .map-wrap::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:10% 7% 9%!important;
  border:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 50% 50%,transparent 48%,rgba(190,123,26,.10) 49%,transparent 50.2%),
    radial-gradient(ellipse at 50% 50%,transparent 62%,rgba(0,160,149,.08) 63%,transparent 64.2%)!important;
  mix-blend-mode:multiply!important;
  pointer-events:none!important;
}
.orbit-stage .map-wrap svg{position:relative;z-index:2;filter:drop-shadow(0 8px 18px rgba(80,48,9,.14)) drop-shadow(0 0 8px rgba(255,240,194,.22))!important}

/* Increase the visibility of the Vedic geometry without turning it into a separate panel. */
.orbit-stage .yantra-ring,.orbit-stage .yantra-spokes line,.orbit-stage .yantra-square rect,.orbit-stage .yantra-star,.orbit-stage .yantra-triangles,.orbit-stage .yantra-petals path{stroke:#9e6415!important}
.orbit-stage .ring-outer{stroke-opacity:.62!important;stroke-width:1.35!important}
.orbit-stage .ring-mid{stroke-opacity:.48!important;stroke-width:1.25!important}
.orbit-stage .ring-dash{stroke-opacity:.52!important;stroke-width:1.3!important}
.orbit-stage .ring-inner{stroke-opacity:.44!important;stroke-width:1.2!important}
.orbit-stage .yantra-spokes line{stroke-opacity:.30!important;stroke-width:1.1!important}
.orbit-stage .yantra-square rect{stroke-opacity:.34!important;stroke-width:1.15!important}
.orbit-stage .yantra-square rect:nth-child(2){stroke-opacity:.52!important}
.orbit-stage .yantra-petals path{stroke:#b77a22!important;stroke-opacity:.34!important;fill:rgba(255,239,199,.055)!important}
.orbit-stage .yantra-star{stroke-opacity:.58!important;stroke-width:1.45!important}
.orbit-stage .yantra-triangles{stroke:#aa711c!important;stroke-opacity:.42!important;stroke-width:1.25!important}
.orbit-stage .yantra-beads circle{fill:#c98516!important;fill-opacity:.96!important}

/* Orbits become the main visual hierarchy. */
.orbit-stage .orbit-gold{stroke:#ae6508!important;stroke-opacity:.82!important}
.orbit-stage .orbit-cyan{stroke:#00a89f!important;stroke-opacity:.96!important;stroke-width:2.7!important}
.orbit-stage .orbit-teal-dash{stroke:#008f87!important;stroke-opacity:.62!important;stroke-width:1.7!important}
.orbit-stage .orbit-dash{stroke:#a96b10!important;stroke-opacity:.62!important;stroke-width:1.45!important}
.orbit-stage .orbit-major{stroke-width:2.1!important}
.orbit-stage .orbit-minor{stroke-width:1.55!important}
.orbit-stage .energy-path{stroke:#00a89e!important;stroke-opacity:.78!important;stroke-width:2!important;filter:url(#tealGlow)}
.orbit-stage .energy-path.second{stroke:#bd7410!important;stroke-opacity:.58!important;stroke-width:1.55!important}
.orbit-stage .energy-path.third{stroke:#008f87!important;stroke-opacity:.46!important;stroke-width:1.45!important}
.orbit-stage .teal-rotor circle:first-child{stroke:#00a89e!important;stroke-opacity:.86!important;stroke-width:2!important}
.orbit-stage .teal-rotor circle:last-child{stroke-opacity:.22!important}
.orbit-stage .gold-rotor circle{stroke:#b9791c!important;stroke-opacity:.58!important}

/* Crisp static destination labels around the celestial map. */
.orbit-stage .orbit-labels rect{fill:rgba(255,250,235,.98)!important;stroke:#c8923b!important;stroke-opacity:.62!important;stroke-width:1!important;filter:drop-shadow(0 5px 10px rgba(83,50,8,.16))}
.orbit-stage .orbit-labels text{font-size:12px!important;font-weight:800!important;letter-spacing:.9px!important;fill:#3d2917!important}
.orbit-stage .orbit-labels>g:hover{filter:drop-shadow(0 0 8px rgba(0,171,160,.32)) drop-shadow(0 0 12px rgba(232,157,31,.28))}

/* Product planets: stronger glow, larger major bodies, cleaner hierarchy. */
#orbitingNodes .planet-halo{opacity:.95!important;filter:blur(.2px)}
#orbitingNodes .planet-ring{stroke-opacity:.92!important;filter:drop-shadow(0 0 2px rgba(255,241,190,.75))}
#orbitingNodes .planet-core{stroke-width:1!important;filter:drop-shadow(0 1px 1px rgba(55,31,4,.38))}
#orbitingNodes .planet.major .planet-halo{opacity:1!important}
#orbitingNodes .planet.major .planet-ring{stroke-width:1.7!important}
#orbitingNodes .planet-spark{opacity:1!important}
#orbitingNodes .planet-trail{stroke-width:1.7!important;stroke-opacity:.72!important}
#orbitingNodes .planet-title{display:none!important}
#orbitingNodes .planet-moon{stroke:#fff6cf;stroke-width:.7;filter:drop-shadow(0 0 4px rgba(255,226,137,.9))}

/* Make the center read clearly against the scenery. */
.orbit-stage .core{filter:drop-shadow(0 0 9px rgba(255,219,120,.7)) drop-shadow(0 0 9px rgba(0,173,159,.45))}
.orbit-stage .core-halo{fill:rgba(255,227,153,.24)!important}

@keyframes orbitAuraBreathe{0%,100%{transform:scale(.985);opacity:.92}50%{transform:scale(1.018);opacity:1}}

@media(max-width:1180px){
  .orbit-stage .map-wrap::before{inset:3% -3% 1%!important;filter:blur(6px)!important}
  .orbit-stage .map-wrap svg{width:104%!important;height:104%!important}
}
@media(max-width:620px){
  .orbit-stage .map-wrap::before{inset:6% -5% 5%!important}
  .orbit-stage .orbit-labels text{font-size:11px!important}
}