/* Panos Khan — unified cinematic design language */
:root{--pk-cyan:#20d9ff;--pk-violet:#8b5cf6;--pk-blue:#3b82f6;--pk-ink:#030712;}
html{background:var(--pk-ink)}
body{background:radial-gradient(circle at 15% 10%,rgba(0,198,255,.055),transparent 30%),radial-gradient(circle at 85% 18%,rgba(124,58,237,.06),transparent 34%),#070b14}
body::before{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(32,217,255,.045),transparent 22%),radial-gradient(circle at 80% 22%,rgba(139,92,246,.045),transparent 24%),radial-gradient(circle at 50% 90%,rgba(59,130,246,.035),transparent 26%);animation:pkAtmosphere 18s ease-in-out infinite alternate;}
.site-header{background:linear-gradient(180deg,rgba(4,10,24,.94),rgba(6,12,26,.78));border-bottom-color:rgba(32,217,255,.16);box-shadow:0 10px 40px rgba(0,0,0,.24),0 1px 0 rgba(32,217,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{filter:drop-shadow(0 0 12px rgba(32,217,255,.1))}
.nav-links a,.nav-drawer-links a{transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.nav-links a:hover,.nav-links a[aria-current=page]{transform:translateY(-1px);box-shadow:0 0 18px rgba(32,217,255,.08)}
.section{position:relative}
.section::before{content:"";position:absolute;left:5%;right:5%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(32,217,255,.16),rgba(139,92,246,.12),transparent);opacity:.7}
.card,.ecosystem-card,.related-product-card,.pillar-card,.fact-item,.link-card,.contact-link,.project-card,.article-card,.download-card,.service-card,.tool-card,.capability-card,.platform-card,.workspace-stat,.proofitem{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(16,27,51,.86),rgba(7,15,31,.94));border-color:rgba(79,151,214,.2);box-shadow:0 18px 48px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035);transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s ease,box-shadow .32s ease}
.card::before,.ecosystem-card::before,.related-product-card::before,.pillar-card::before,.fact-item::before,.link-card::before,.contact-link::before,.project-card::before,.article-card::before,.download-card::before,.service-card::before,.tool-card::before,.capability-card::before,.platform-card::before,.workspace-stat::before,.proofitem::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 0%,rgba(32,217,255,.12),transparent 34%),linear-gradient(120deg,transparent 40%,rgba(139,92,246,.06),transparent 70%);opacity:.7}
.card:hover,.ecosystem-card:hover,.related-product-card:hover,.pillar-card:hover,.fact-item:hover,.link-card:hover,.contact-link:hover,.project-card:hover,.article-card:hover,.download-card:hover,.service-card:hover,.tool-card:hover,.capability-card:hover,.platform-card:hover,.workspace-stat:hover,.proofitem:hover{transform:translateY(-5px) translateZ(8px);border-color:rgba(32,217,255,.34);box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 28px rgba(32,217,255,.08),inset 0 1px 0 rgba(255,255,255,.05)}
.btn{position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)}
.btn::after{content:"";position:absolute;inset:-80% 35% auto -35%;height:180%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(16deg) translateX(-120%);transition:transform .7s ease;pointer-events:none}
.btn:hover::after{transform:rotate(16deg) translateX(180%)}
.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(32,217,255,.08),transparent 28%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.07),transparent 28%)}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,rgba(3,7,18,.22));pointer-events:none}
.product-subnav a,.pill,.tag,.status-pill,.capability-status,.kicker,.card-tag,.ai-category-pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 4px 16px rgba(0,0,0,.12)}
.global-search-trigger{box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 22px rgba(32,217,255,.08)}
.site-footer{background:radial-gradient(circle at 50% 0%,rgba(32,217,255,.035),transparent 32%),#050910}
.cin{background:radial-gradient(circle at 12% 20%,rgba(32,217,255,.045),transparent 28%),radial-gradient(circle at 88% 30%,rgba(139,92,246,.05),transparent 30%)}
.cin-nav{box-shadow:0 10px 40px rgba(0,0,0,.22),0 1px 0 rgba(32,217,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cin .cards .card,.cin .projects .project,.cin .proofitem{background:linear-gradient(145deg,rgba(13,25,48,.84),rgba(4,11,25,.94));border-color:rgba(79,151,214,.22);box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035)}
.cin .cards .card:hover,.cin .projects .project:hover,.cin .proofitem:hover{transform:translateY(-5px) perspective(900px) rotateX(1.2deg);border-color:rgba(32,217,255,.36);box-shadow:0 26px 66px rgba(0,0,0,.38),0 0 32px rgba(32,217,255,.09)}

/* Final cinematic motion layer: alive, restrained, and CSS-only for reliability. */
@keyframes pkAtmosphere{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.035)}}
@keyframes pkCardSheen{0%,100%{opacity:.45;transform:translateX(-55%)}50%{opacity:.8;transform:translateX(55%)}}
@keyframes pkNodeFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes pkCoreBreath{0%,100%{filter:saturate(1.02) brightness(1);box-shadow:0 0 34px rgba(32,217,255,.12)}50%{filter:saturate(1.16) brightness(1.08);box-shadow:0 0 52px rgba(32,217,255,.2),0 0 82px rgba(139,92,246,.08)}}
@keyframes pkOrbitPulse{0%,100%{opacity:.62}50%{opacity:.95}}
@keyframes pkBorderPulse{0%,100%{box-shadow:0 0 0 rgba(32,217,255,0)}50%{box-shadow:0 0 24px rgba(32,217,255,.07)}}

.cin .hero3d .core{animation:pkCoreBreath 6s ease-in-out infinite}
.cin .hero3d .energy-ring{animation:pkOrbitPulse 5s ease-in-out infinite}
.cin .hero3d .node{animation:pkNodeFloat 5.5s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.cin .hero3d .n1{--float-delay:-.4s}.cin .hero3d .n2{--float-delay:-1.5s}.cin .hero3d .n3{--float-delay:-2.7s}.cin .hero3d .n4{--float-delay:-3.6s}.cin .hero3d .n5{--float-delay:-4.5s}
.cin .hero3d::after{content:"";position:absolute;inset:8% 12%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(32,217,255,.055),transparent 48%);animation:pkOrbitPulse 7s ease-in-out infinite;z-index:0}
.card::after,.project-card::after,.ecosystem-card::after,.proofitem::after{content:"";position:absolute;top:-30%;left:-55%;width:42%;height:160%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(12deg);opacity:0}
.card:hover::after,.project-card:hover::after,.ecosystem-card:hover::after,.proofitem:hover::after{opacity:1;animation:pkCardSheen 1.1s ease forwards}

@media(max-width:700px){
  .section{padding-left:18px;padding-right:18px}.site-header .nav-inner{padding-left:16px;padding-right:16px}
  .card,.ecosystem-card,.related-product-card,.pillar-card,.fact-item,.link-card,.contact-link,.project-card,.article-card,.download-card,.service-card,.tool-card,.capability-card,.platform-card{box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)}
  .card:hover,.ecosystem-card:hover,.related-product-card:hover,.pillar-card:hover,.fact-item:hover,.link-card:hover,.contact-link:hover,.project-card:hover,.article-card:hover,.download-card:hover,.service-card:hover,.tool-card:hover,.capability-card:hover,.platform-card:hover{transform:translateY(-3px)}
  .cin .cards .card:hover,.cin .projects .project:hover,.cin .proofitem:hover{transform:translateY(-3px)}
  .cin .hero3d .node{animation-duration:6.5s}
  .cin .hero3d .core{animation-duration:7s}
  .cin .hero3d::after{inset:12% 4%}
}
@media(max-width:390px){.cin .hero3d .node{font-size:.78rem}.cin .hero3d .node small{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .card:hover,.ecosystem-card:hover,.related-product-card:hover,.pillar-card:hover,.fact-item:hover,.link-card:hover,.contact-link:hover,.project-card:hover,.article-card:hover,.download-card:hover,.service-card:hover,.tool-card:hover,.capability-card:hover,.platform-card:hover,.workspace-stat:hover,.proofitem:hover{transform:none}
}