/* Final cinematic polish layer — additive, dependency-free, mobile-safe */
.cin{background:radial-gradient(circle at 78% 8%,rgba(0,220,255,.105),transparent 25%),radial-gradient(circle at 18% 48%,rgba(111,72,255,.09),transparent 34%),#020611}
.cin-nav{position:relative;z-index:20;border-bottom:1px solid rgba(120,180,255,.08);backdrop-filter:blur(8px)}
.cin-brand{text-shadow:0 0 18px rgba(22,220,255,.09)}
.cin-links a{transition:color .2s ease,transform .2s ease,box-shadow .2s ease}
.cin-links a:not(.cin-book):hover{transform:translateY(-1px)}
.cin-book{box-shadow:0 0 24px rgba(22,220,255,.08),inset 0 1px rgba(255,255,255,.08)}
.cin-hero{position:relative}
.cin-hero>div:first-child{position:relative;z-index:8}
.cin-h1{text-wrap:balance}
.hero3d{will-change:transform;overflow:visible;background:radial-gradient(ellipse at 50% 72%,rgba(0,229,255,.055),transparent 31%),radial-gradient(ellipse at 50% 92%,rgba(79,124,255,.075),transparent 48%)}
.hero3d:before{width:82%;height:82%;filter:blur(28px);opacity:.95;transition:transform .45s ease-out}
.hero3d:after{inset:8% 0 3%;background:radial-gradient(ellipse at 50% 73%,rgba(0,229,255,.17),transparent 24%),radial-gradient(ellipse at 50% 88%,rgba(77,92,255,.13),transparent 45%)}
.orb{box-shadow:0 0 18px rgba(0,229,255,.13),inset 0 0 18px rgba(0,229,255,.025);will-change:transform}
.orb.o1{filter:drop-shadow(0 0 5px rgba(0,229,255,.14))}
.orb.o2{filter:drop-shadow(0 0 6px rgba(139,92,246,.15))}
.orb.o3{filter:drop-shadow(0 0 5px rgba(0,229,255,.12))}
.core{position:relative;overflow:visible;backdrop-filter:blur(3px);will-change:transform;box-shadow:0 0 44px rgba(0,229,255,.52),0 0 130px rgba(79,124,255,.34),inset 0 0 55px rgba(0,229,255,.21),inset 0 -22px 42px rgba(0,0,0,.3)}
.core:before{width:118%;height:118%;border-color:rgba(43,220,255,.25);box-shadow:0 0 30px rgba(0,229,255,.12),inset 0 0 32px rgba(0,229,255,.09)}
.core:after{width:78%;height:78%;border-color:rgba(180,245,255,.14);box-shadow:0 0 32px rgba(0,229,255,.14)}
.pk{filter:drop-shadow(0 0 10px rgba(102,238,255,.42))}
.node{box-shadow:0 18px 48px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.085),0 0 32px rgba(0,150,255,.085);transform-style:preserve-3d;will-change:transform}
.node:before{content:"";position:absolute;inset:1px;border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 28%,transparent 70%,rgba(22,220,255,.045));pointer-events:none}
.node b{letter-spacing:.05em}
.section{box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 72px rgba(0,0,0,.21)}
.section h2{letter-spacing:-.025em}
.eco{background:radial-gradient(ellipse at 70% 70%,rgba(22,220,255,.06),transparent 38%),linear-gradient(180deg,rgba(5,14,30,.94),rgba(2,7,17,.98))}
.map{perspective:900px;transform-style:preserve-3d}
.grid3d{opacity:.92;filter:drop-shadow(0 0 9px rgba(44,155,255,.09))}
.mapcore{transform:translate(-50%,-50%) translateZ(24px);box-shadow:0 0 48px rgba(0,229,255,.27),0 16px 42px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.12);animation:mapFloat 4.5s ease-in-out infinite}
.mapnode{transform-style:preserve-3d;box-shadow:inset 0 1px rgba(255,255,255,.085),0 19px 36px rgba(0,0,0,.32)}
.mapnode:after{content:"";position:absolute;left:12%;right:12%;bottom:-10px;height:15px;border-radius:50%;background:rgba(0,229,255,.13);filter:blur(8px);pointer-events:none}
.cards,.projects,.prooflist{position:relative;z-index:2}
.card,.project{position:relative;overflow:hidden;transform-style:preserve-3d}
.card:before,.project:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.075),transparent 22%,transparent 72%,rgba(22,220,255,.04));pointer-events:none}
.card:after,.project:after{content:"";position:absolute;left:12%;right:12%;bottom:-25px;height:45px;background:radial-gradient(ellipse,rgba(0,210,255,.13),transparent 65%);filter:blur(10px);pointer-events:none}
.icon{transform:translateZ(18px);box-shadow:0 0 28px rgba(0,229,255,.1),inset 0 1px rgba(255,255,255,.11)}
.card h3,.card p,.card a,.project h3,.project p,.project a{position:relative;z-index:2}
.card a,.project a{display:inline-block;transition:transform .2s ease}
.card a:hover,.project a:hover{transform:translateX(3px)}
.btn{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,190,255,.13);outline:none}
.btn.primary:hover,.btn.primary:focus-visible{box-shadow:0 13px 36px rgba(0,210,255,.3)}
.stat{position:relative}
.stat:after{content:"";display:block;width:27px;height:1px;margin-top:7px;background:linear-gradient(90deg,var(--c),transparent);opacity:.48}

/* 2026.09 depth pass — makes the reference composition read as a layered interface */
.cin-hero{isolation:isolate}
.hero3d{isolation:isolate;border-radius:34px}
.core{background:radial-gradient(circle at 31% 22%,rgba(190,250,255,.98) 0 2%,rgba(72,215,255,.95) 7%,rgba(17,112,190,.96) 24%,rgba(8,40,78,.98) 49%,rgba(2,8,22,1) 74%),radial-gradient(circle at 62% 75%,rgba(70,98,255,.18),transparent 48%);box-shadow:0 0 55px rgba(0,229,255,.58),0 0 145px rgba(79,124,255,.34),0 24px 55px rgba(0,0,0,.42),inset 18px 12px 34px rgba(255,255,255,.08),inset 0 -28px 48px rgba(0,0,0,.36)}
.corelabel{text-shadow:0 0 18px rgba(0,229,255,.18)}
.node{background:linear-gradient(145deg,rgba(13,39,74,.92),rgba(2,9,23,.9));backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}
.node:hover,.node:focus-visible{box-shadow:0 0 36px rgba(0,229,255,.22),0 18px 42px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.13)}
.hero3d .o1,.hero3d .o2,.hero3d .o3{mix-blend-mode:screen}
.section{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.eco .map{filter:drop-shadow(0 18px 35px rgba(0,0,0,.22))}
.mapnode{background:linear-gradient(145deg,rgba(10,35,67,.94),rgba(2,9,22,.93));backdrop-filter:blur(13px) saturate(120%);-webkit-backdrop-filter:blur(13px) saturate(120%)}
.mapnode:hover,.mapnode:focus-visible{box-shadow:0 0 32px rgba(0,229,255,.16),0 20px 36px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12)}
.card,.project{background:linear-gradient(150deg,rgba(12,32,62,.9),rgba(3,10,24,.97));box-shadow:inset 0 1px rgba(255,255,255,.065),0 20px 38px rgba(0,0,0,.24)}
.card:hover,.project:hover{box-shadow:0 0 34px rgba(0,229,255,.11),0 20px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.1)}
.icon{background:radial-gradient(circle at 35% 25%,rgba(115,244,255,.22),rgba(5,15,31,.94) 68%);border-color:rgba(0,229,255,.42)}
.proofitem{border:1px solid transparent;transition:background .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.proofitem:hover,.proofitem:focus-visible{border-color:rgba(0,229,255,.16);box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)}

/* Precision visual pass — closer to the approved reference composition */
.hero3d{min-height:570px;overflow:hidden}
.hero3d:after{inset:4% -8% 0;background:radial-gradient(ellipse at 50% 67%,rgba(0,229,255,.19),transparent 21%),radial-gradient(ellipse at 50% 88%,rgba(79,92,255,.16),transparent 43%),linear-gradient(180deg,transparent 66%,rgba(0,229,255,.025))}
.hero3d:before{background:radial-gradient(circle at 50% 50%,rgba(37,218,255,.24),rgba(56,105,255,.08) 38%,transparent 70%);width:92%;height:92%;filter:blur(34px)}
.hero3d .orb{opacity:.9}
.hero3d .o1{width:91%;height:53%;border-color:rgba(66,209,255,.44)}
.hero3d .o2{width:72%;height:42%;border-color:rgba(139,92,246,.42)}
.hero3d .o3{width:108%;height:62%;border-color:rgba(66,209,255,.32)}
.core{width:244px;height:244px;border-width:1.5px;transform:translate3d(calc(var(--mx,0px)*.025),calc(var(--my,0px)*.025),0) rotateX(var(--core-rx,0deg)) rotateY(var(--core-ry,0deg))}
.core:before{width:121%;height:121%;border-color:rgba(74,224,255,.34);box-shadow:0 0 42px rgba(0,229,255,.15),inset 0 0 42px rgba(0,229,255,.11)}
.core:after{width:81%;height:81%;border-color:rgba(195,248,255,.18);box-shadow:0 0 38px rgba(0,229,255,.17),inset 0 0 20px rgba(255,255,255,.025)}
.corelabel{top:calc(50% + 156px);letter-spacing:.17em}
.node{min-width:140px;padding:12px 14px;border-radius:15px;border-color:rgba(89,188,255,.48);transform:translate3d(calc(var(--mx,0px)*var(--depth,0)),calc(var(--my,0px)*var(--depth,0)),var(--node-z,0px)) rotateX(var(--node-rx,0deg)) rotateY(var(--node-ry,0deg))}
.node b{font-size:11px}.node small{font-size:8px}
.n1{top:1%;left:48%;--node-z:10px}.n2{top:28%;left:3%;--node-z:3px}.n3{top:29%;right:1%;--node-z:4px}.n4{bottom:9%;left:9%;--node-z:6px}.n5{bottom:8%;right:7%;--node-z:5px}
.section{border-radius:22px;padding:30px}
.eco{min-height:410px}
.eco .map{height:338px}
.mapcore{width:118px;height:118px;border-radius:24px}
.mapnode{width:150px;padding:15px;border-radius:17px}
.cards{gap:15px}.card{min-height:194px;padding:19px;border-radius:17px}.project{min-height:194px;padding:19px;border-radius:17px}
.icon{width:60px;height:60px;border-radius:16px}
.proofitem{padding:16px 8px;border-radius:14px}

@keyframes mapFloat{50%{transform:translate(-50%,-50%) translateZ(24px) translateY(-5px)}}
@media(max-width:900px){.cin-hero{overflow:visible}.hero3d{margin-bottom:-5px}.map{transform:none}.mapcore{transform:translate(-50%,-50%)}}
@media(max-width:600px){.cin-nav{height:58px}.cin-brand{font-size:17px}.cin-sub{font-size:8px}.hero3d{height:430px;min-height:430px;margin-top:5px;border-radius:24px}.hero3d:before{width:112%;height:105%;filter:blur(28px)}.hero3d:after{inset:5% -20% 0}.hero3d .o1{width:116%;height:54%}.hero3d .o2{width:94%;height:43%}.hero3d .o3{width:132%;height:63%}.core{width:168px;height:168px}.pk{font-size:58px}.corelabel{top:calc(50% + 112px);font-size:8px}.node{min-width:108px;max-width:124px;padding:9px 10px}.node b{font-size:8px}.node small{font-size:6px;line-height:1.35}.n1{top:1%;left:40%;--node-z:2px}.n2{top:28%;left:0}.n3{top:28%;right:0}.n4{bottom:6%;left:0}.n5{bottom:5%;right:0}.section{margin:12px 0;padding:21px 16px;border-radius:18px}.section h2{font-size:25px}.eco{min-height:0}.eco .map{height:335px}.mapcore{width:96px;height:96px;border-radius:20px}.mapnode{width:112px;padding:11px;border-radius:14px}.mapnode b{font-size:9px}.mapnode small{font-size:6px}.cards{gap:10px}.card,.project{transform:none!important;min-height:185px;padding:15px;border-radius:15px}.icon{width:52px;height:52px;border-radius:14px;transform:none}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.stat b{font-size:18px}.hero3d .o1,.hero3d .o2,.hero3d .o3{opacity:.9}}
@media(prefers-reduced-motion:reduce){.mapcore{animation:none!important}.hero3d:before{transition:none!important}.cin-links a,.btn,.card a,.project a{transition:none!important}.node,.card,.project,.mapnode{transition:none!important}.node,.core,.hero3d:before{transform:none!important}.hero3d .o1,.hero3d .o2,.hero3d .o3{animation:none!important}}