/* PANOS KHAN — FINAL DEMO MATCH / STABILIZED v19.3
   Authoritative last visual layer. Demo geometry + spectrum remain stable.
*/
.cin-main{max-width:1200px!important;padding:0 20px!important}
.cin .hero3d .n1{--planet:#ffb62e!important;--planet2:#ff4c1e!important;--planetHot:#fff2bf!important;--planetGlow:rgba(255,151,45,.82)!important;--planetSoft:rgba(255,91,28,.25)!important;background:radial-gradient(circle at 29% 19%,rgba(255,255,255,.68) 0 4%,transparent 13%),radial-gradient(circle at 43% 38%,#ffd45d 0%,#ff6a24 28%,transparent 57%),radial-gradient(circle at 68% 72%,rgba(110,17,7,.82) 0%,rgba(45,5,8,.95) 58%,#080205 100%)!important}
.cin .hero3d .n2{--planet:#35eaff!important;--planet2:#0b68ff!important;--planetHot:#e9ffff!important;--planetGlow:rgba(49,231,255,.82)!important;--planetSoft:rgba(19,140,255,.25)!important;background:radial-gradient(circle at 29% 19%,rgba(255,255,255,.66) 0 4%,transparent 13%),radial-gradient(circle at 43% 38%,#5af2ff 0%,#149ee8 29%,transparent 57%),radial-gradient(circle at 70% 72%,rgba(2,18,66,.88) 0%,rgba(1,8,29,.96) 62%,#01040b 100%)!important}
.cin .hero3d .n3{--planet:#df7cff!important;--planet2:#613cff!important;--planetHot:#ffeaff!important;--planetGlow:rgba(218,123,255,.84)!important;--planetSoft:rgba(123,65,255,.27)!important;background:radial-gradient(circle at 29% 19%,rgba(255,255,255,.68) 0 4%,transparent 13%),radial-gradient(circle at 43% 38%,#f19bff 0%,#a347e9 29%,transparent 57%),radial-gradient(circle at 70% 72%,rgba(32,8,61,.90) 0%,rgba(10,3,27,.97) 62%,#04020b 100%)!important}
.cin .hero3d .n4{--planet:#baf35f!important;--planet2:#16a86e!important;--planetHot:#f3ffd4!important;--planetGlow:rgba(188,244,96,.76)!important;--planetSoft:rgba(51,203,112,.23)!important;background:radial-gradient(circle at 29% 19%,rgba(255,255,255,.62) 0 4%,transparent 13%),radial-gradient(circle at 43% 38%,#d7ff76 0%,#62c943 29%,transparent 57%),radial-gradient(circle at 70% 72%,rgba(3,47,31,.90) 0%,rgba(1,18,12,.97) 62%,#020b09 100%)!important}
.cin .hero3d .n5{--planet:#ff82df!important;--planet2:#8150ff!important;--planetHot:#ffe6fa!important;--planetGlow:rgba(255,131,220,.84)!important;--planetSoft:rgba(157,77,255,.27)!important;background:radial-gradient(circle at 29% 19%,rgba(255,255,255,.68) 0 4%,transparent 13%),radial-gradient(circle at 43% 38%,#ff9bea 0%,#c14fe1 29%,transparent 57%),radial-gradient(circle at 70% 72%,rgba(45,7,62,.90) 0%,rgba(13,3,29,.97) 62%,#08030c 100%)!important}
.cin .hero3d .node{z-index:20!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border-radius:50%!important;overflow:visible!important;display:block!important;background-color:#050913!important;box-shadow:0 0 10px var(--planetSoft),0 0 30px var(--planetSoft),0 12px 24px rgba(0,0,0,.48),inset -8px -9px 15px rgba(0,0,0,.58),inset 4px 3px 9px rgba(255,255,255,.22)!important;filter:saturate(1.16) contrast(1.05)!important;animation:none!important}
.cin .hero3d .node:before{content:""!important;position:absolute!important;left:8px!important;top:7px!important;width:13px!important;height:13px!important;margin:0!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.35) 27%,transparent 67%)!important;box-shadow:0 0 10px var(--planetHot)!important;z-index:4!important}
.cin .hero3d .node:after{content:""!important;position:absolute!important;inset:-5px!important;border-radius:50%!important;border:1px solid color-mix(in srgb,var(--planet) 55%,transparent)!important;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%)!important;animation:demoSweep 4.8s ease-in-out infinite!important;pointer-events:none!important;z-index:3!important}
.cin .hero3d .node b,.cin .hero3d .node small{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;white-space:nowrap!important;z-index:30!important;pointer-events:none!important}
.cin .hero3d .node b{left:40px!important;top:4px!important;color:var(--planetHot)!important;font-size:10px!important;line-height:1.15!important;letter-spacing:.08em!important;text-shadow:0 0 10px var(--planetGlow),0 2px 8px rgba(0,0,0,.8)!important}
.cin .hero3d .node small{left:40px!important;top:19px!important;color:#c8d8ee!important;font-size:6.5px!important;line-height:1.2!important;text-shadow:0 1px 7px rgba(0,0,0,.9)!important}
.cin .hero3d .n1 b{left:25px!important;top:-1px!important}.cin .hero3d .n1 small{left:25px!important;top:14px!important}
@media(min-width:901px){
  .cin-nav{height:64px!important}.cin-links{gap:28px!important;font-size:10px!important}
  .cin-hero{height:414px!important;min-height:414px!important;grid-template-columns:.86fr 1.14fr!important;gap:12px!important;padding:0!important}
  .cin-h1{font-size:clamp(34px,3.5vw,48px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:12px 0 16px!important;max-width:500px!important}.cin-lead{font-size:11px!important;line-height:1.55!important;max-width:440px!important}.actions{margin-top:19px!important}.btn{padding:10px 17px!important;font-size:10px!important;border-radius:8px!important}.stats{margin-top:30px!important}
  .cin .hero3d{height:414px!important;perspective:1050px!important;perspective-origin:50% 48%!important;overflow:visible!important;transform-style:preserve-3d!important}
  .cin .hero3d .core{left:50%!important;top:49%!important;width:168px!important;height:168px!important;transform:translate3d(-50%,-50%,46px)!important;animation:none!important;background:radial-gradient(circle at 31% 19%,#ecffff 0 2%,#55e9ff 7%,#0aa9ed 19%,#0758bb 37%,#061d57 56%,#020815 76%)!important;border-color:rgba(119,241,255,.98)!important;box-shadow:0 0 24px rgba(0,239,255,.82),0 0 62px rgba(0,166,255,.52),0 0 125px rgba(72,70,255,.32),inset 0 0 40px rgba(124,247,255,.48)!important}
  .cin .hero3d .core:before{width:116%!important;height:116%!important}.cin .hero3d .core:after{width:80%!important;height:80%!important}
  .cin .hero3d .pk{font-size:68px!important}.cin .hero3d .corelabel{left:50%!important;top:49%!important;transform:translate3d(-50%,-1px,68px)!important;font-size:9px!important}.cin .hero3d .corelabel small{font-size:6.5px!important}
  .cin .hero3d .orb{left:50%!important;top:49%!important}.cin .hero3d .o1{width:92%!important;height:44%!important;transform:translate(-50%,-50%) rotateX(69deg)!important}.cin .hero3d .o2{width:74%!important;height:35%!important;transform:translate(-50%,-50%) rotateX(69deg) rotateZ(48deg)!important}.cin .hero3d .o3{width:108%!important;height:52%!important;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-25deg)!important}
  .cin .hero3d .n1{left:50%!important;top:5%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%) translateZ(58px)!important}.cin .hero3d .n2{left:7%!important;top:28%!important;right:auto!important;transform:translateZ(26px)!important}.cin .hero3d .n3{right:7%!important;top:31%!important;left:auto!important;transform:translateZ(62px)!important}.cin .hero3d .n4{left:9%!important;bottom:19%!important;right:auto!important;top:auto!important;transform:translateZ(35px)!important}.cin .hero3d .n5{right:10%!important;bottom:18%!important;left:auto!important;top:auto!important;transform:translateZ(50px)!important}
}
@media(max-width:600px){
  html,body{overflow-x:hidden!important}
  .cin .hero3d{height:560px!important;min-height:560px!important;max-height:560px!important;overflow:hidden!important;perspective:none!important}
  .cin .hero3d .node{width:108px!important;min-width:108px!important;height:108px!important;min-height:108px!important;animation:none!important}
  .cin .hero3d .n1{left:50%!important;top:5%!important;transform:translateX(-50%) translateZ(26px)!important}.cin .hero3d .n2{left:3%!important;top:36%!important;transform:translateZ(14px)!important}.cin .hero3d .n3{right:3%!important;top:36%!important;transform:translateZ(30px)!important}.cin .hero3d .n4{left:8%!important;bottom:5%!important;transform:translateZ(20px)!important}.cin .hero3d .n5{right:8%!important;bottom:5%!important;transform:translateZ(28px)!important}
  /* Mobile labels stay outside the spheres, preserving the approved contact points. */
  .cin .hero3d .node b,.cin .hero3d .node small{left:auto!important;transform:none!important;text-align:left!important}
  .cin .hero3d .n1 b,.cin .hero3d .n1 small{left:50%!important;transform:translateX(-50%)!important;text-align:center!important}
  .cin .hero3d .n1 b{top:113px!important;font-size:8px!important}.cin .hero3d .n1 small{top:128px!important;font-size:6px!important}
  .cin .hero3d .n2 b,.cin .hero3d .n2 small,.cin .hero3d .n4 b,.cin .hero3d .n4 small{left:113px!important}
  .cin .hero3d .n3 b,.cin .hero3d .n3 small,.cin .hero3d .n5 b,.cin .hero3d .n5 small{left:auto!important;right:113px!important;text-align:right!important}
  .cin .hero3d .n2 b,.cin .hero3d .n3 b,.cin .hero3d .n4 b,.cin .hero3d .n5 b{top:34px!important;font-size:8px!important}
  .cin .hero3d .n2 small,.cin .hero3d .n3 small,.cin .hero3d .n4 small,.cin .hero3d .n5 small{top:49px!important;font-size:6px!important}
  .cin .hero3d .core{left:50%!important;top:49%!important;width:178px!important;height:178px!important;transform:translate3d(-50%,-50%,22px)!important}
  .cin .hero3d .corelabel{left:50%!important;top:49%!important;transform:translate3d(-50%,96px,26px)!important}
}
@media(max-width:390px){.cin .hero3d{height:535px!important;min-height:535px!important;max-height:535px!important}.cin .hero3d .node{width:104px!important;min-width:104px!important;height:104px!important;min-height:104px!important}.cin .hero3d .n2{left:2%!important}.cin .hero3d .n3{right:2%!important}.cin .hero3d .n4{left:5%!important}.cin .hero3d .n5{right:5%!important}.cin .hero3d .core{width:168px!important;height:168px!important}}
.section{margin:14px 0!important;border-radius:16px!important;padding:24px!important}.section h2{font-size:23px!important}.eco{min-height:310px!important}.map{height:270px!important}.mapnode{width:112px!important;padding:12px 8px!important;border-radius:14px!important}.mapnode b{font-size:9px!important}.mapnode small{font-size:7px!important}.mapcore{width:88px!important;height:88px!important}.cards{gap:12px!important}.card{min-height:180px!important;padding:16px!important;border-radius:14px!important}.projects{gap:12px!important}.project{min-height:170px!important;padding:16px!important;border-radius:14px!important}
@keyframes demoSweep{0%,100%{transform:translateX(-120%);opacity:0}42%{transform:translateX(120%);opacity:.75}60%{opacity:0}}
@media(prefers-reduced-motion:reduce){.cin .hero3d .orb,.cin .hero3d .node:after{animation:none!important}}