.hero-canvas{position:fixed;left:0;top:0;width:100vw;height:100vh;display:block;z-index:0;pointer-events:none}
#page > header,#page > section,#page > footer{position:relative;z-index:1}
.nav-link{font-size:15px;letter-spacing:0.02em;color:#B9C2D6}
.ghost:hover{border-color:#D4A855}
.shine-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.03) 45%,rgba(255,255,255,0) 50%);pointer-events:none}
.shine-label{background:linear-gradient(180deg,#FFF1CC 0%,#F0CE8A 45%,#C99A45 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dpz-inner{transform-style:preserve-3d;animation:dpzFlip 20s cubic-bezier(.45,.05,.25,1) infinite}
.dpz-face{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.dpz-back{transform:rotateY(180deg)}
.dpz-lens{opacity:0;box-shadow:inset 0 0 0 6px #D4A855,inset 0 0 0 8px rgba(10,15,30,.55),inset 0 0 0 9px rgba(244,246,250,.35),0 14px 36px rgba(0,0,0,.55),0 0 0 1px rgba(212,168,85,.6);animation:dpzLens 20s ease-in-out infinite}
.dpz-lens::after{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(60% 40% at 30% 22%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);pointer-events:none}
.dpz-zoom{animation:dpzZoom 20s ease-in-out infinite}
.dpz-badge{opacity:0;transform:scale(.6);animation:dpzBadge 20s ease-out infinite}
@keyframes dpzFlip{0%,20%{transform:rotateY(0)}25%,93%{transform:rotateY(180deg)}99%,100%{transform:rotateY(360deg)}}
@keyframes dpzLens{0%{opacity:0;left:65px;top:-25px}3%{opacity:1;left:147px;top:17px}8%{left:147px;top:17px}12%{left:247px;top:75px}16%{opacity:1;left:219px;top:171px}19%,100%{opacity:0;left:219px;top:171px}}
@keyframes dpzZoom{0%{transform:translate(-215px,-35px) scale(2)}3%{transform:translate(-379px,-119px) scale(2)}8%{transform:translate(-379px,-119px) scale(2)}12%{transform:translate(-579px,-235px) scale(2)}16%,100%{transform:translate(-523px,-427px) scale(2)}}
.dpz-cap{opacity:0;animation:dpzCap 20s ease-out infinite}
@keyframes dpzCap{0%{opacity:0;transform:translateY(8px)}2%,18%{opacity:1;transform:none}21%,100%{opacity:0}}
.dpz-msg{opacity:0;animation:dpzMsg 20s ease-out infinite}
@keyframes dpzMsg{0%,30%{opacity:0;transform:translateY(8px)}34%,91%{opacity:1;transform:none}94%,100%{opacity:0}}
@keyframes dpzBadge{0%,26%{opacity:0;transform:scale(.6)}29%{opacity:1;transform:scale(1.15)}31%,91%{opacity:1;transform:scale(1)}94%,100%{opacity:0;transform:scale(1)}}
/* 3D magnifier years (Who we are) */
.tt3{position:relative;overflow:hidden;border-radius:18px;background:#0A0F1E}
.tt3 canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.tt3-hud{position:absolute;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7F8AA3;pointer-events:none}
.tt3-hud b{color:#D4A855;font-weight:600}
.tt3-tb{position:absolute;right:16px;bottom:16px;border:1px solid #3A4460;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#B9C2D6;pointer-events:none;display:grid;grid-template-columns:auto auto}
.tt3-tb span{padding:5px 9px;border-right:1px solid #3A4460;border-bottom:1px solid #3A4460}.tt3-tb span:nth-child(2n){border-right:0;color:#F4F6FA}.tt3-tb span:nth-last-child(-n+2){border-bottom:0}
.tt3-ax{position:absolute;left:16px;bottom:16px;width:54px;height:54px;pointer-events:none}
@media (max-width:480px){.tt3-tb{display:none}.tt3-hud{font-size:10px;left:12px;right:12px;top:12px}}
/* time-travel eVTOL (Who we are) */
.tt{position:relative;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1B2547 0%,#0F1630 38%,#0A0F1E 72%);border:1px solid rgba(212,168,85,.35);box-shadow:0 0 0 10px rgba(212,168,85,.04),0 0 80px rgba(95,123,209,.18) inset,0 30px 80px rgba(0,0,0,.45);container-type:inline-size}
.tt-gal{position:absolute;left:50%;top:50%;width:78%;margin:-39% 0 0 -39%;opacity:.38;animation:ttSpin 70s linear infinite}
.tt-stars{position:absolute;inset:-25%;animation:ttWarp 6s linear infinite;opacity:0}
.tt-s1{background-image:radial-gradient(2px 2px at 43% 21%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 11% 70%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 76% 9%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(2px 2px at 13% 57%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(2px 2px at 32% 13%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 74% 17%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(2px 2px at 75% 76%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 30% 7%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 55% 20%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 73% 89%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 76% 75%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 14% 72%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(2px 2px at 81% 28%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(2px 2px at 42% 61%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 40% 33%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 12% 75%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(2px 2px at 45% 95%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 79% 11%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 23% 98%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1px 1px at 64% 55%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 73% 75%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(2px 2px at 90% 46%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 10% 13%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1px 1px at 91% 87%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 95% 91%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(2px 2px at 38% 93%, rgba(212,168,85,.9) 99%, transparent 100%)}
.tt-s2{background-image:radial-gradient(1.5px 1.5px at 4% 61%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(2px 2px at 80% 16%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 29% 38%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(2px 2px at 52% 52%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(2px 2px at 23% 59%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 19% 57%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(2px 2px at 47% 89%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1px 1px at 21% 12%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1px 1px at 31% 86%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 64% 77%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 38% 2%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 70% 49%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1px 1px at 90% 67%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(2px 2px at 89% 73%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1px 1px at 53% 52%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1px 1px at 83% 53%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(2px 2px at 10% 28%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1px 1px at 16% 45%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 2% 74%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 48% 80%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(2px 2px at 28% 80%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 83% 34%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 62% 17%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(2px 2px at 61% 63%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 12% 20%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(2px 2px at 96% 35%, rgba(244,246,250,.7) 99%, transparent 100%);animation-delay:-2s}
.tt-s3{background-image:radial-gradient(1px 1px at 68% 4%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 20% 90%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 84% 13%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 23% 47%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 83% 30%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1px 1px at 53% 96%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 68% 65%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(2px 2px at 5% 37%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 26% 90%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 94% 46%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 30% 15%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1px 1px at 27% 45%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1px 1px at 81% 80%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1px 1px at 85% 46%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 51% 93%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 24% 57%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(2px 2px at 94% 52%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1px 1px at 97% 12%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1px 1px at 18% 5%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(2px 2px at 85% 20%, rgba(212,168,85,.9) 99%, transparent 100%),radial-gradient(1px 1px at 21% 72%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1px 1px at 3% 94%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1px 1px at 57% 26%, rgba(244,246,250,.9) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 34% 29%, rgba(244,246,250,.7) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 77% 43%, rgba(143,166,232,.85) 99%, transparent 100%),radial-gradient(1.5px 1.5px at 18% 9%, rgba(143,166,232,.85) 99%, transparent 100%);animation-delay:-4s}
.tt-ring{position:absolute;left:50%;top:50%;width:100%;height:100%;margin:-50% 0 0 -50%;border-radius:50%;border:2px solid rgba(212,168,85,.55);box-shadow:0 0 18px rgba(212,168,85,.18);opacity:0;animation:ttRing 10s linear infinite}
.tt-ring span{position:absolute;left:50%;top:3%;transform:translateX(-50%);opacity:0;animation:ttLbl 10s linear infinite;font-size:8cqw;font-weight:600;letter-spacing:.04em;color:#D4A855;text-shadow:0 0 18px rgba(212,168,85,.6)}
.tt-r2,.tt-r2 span{animation-delay:-8s}.tt-r3,.tt-r3 span{animation-delay:-6s}.tt-r4,.tt-r4 span{animation-delay:-4s}.tt-r5,.tt-r5 span{animation-delay:-2s}
.tt-r1{rotate:-28deg}.tt-r2{rotate:34deg}.tt-r3{rotate:-48deg}.tt-r4{rotate:22deg}.tt-r5{rotate:-14deg}
.tt-lines{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(212,168,85,.0) 0deg 11deg,rgba(212,168,85,.10) 11deg 11.6deg);-webkit-mask:radial-gradient(circle,transparent 18%,#000 60%);mask:radial-gradient(circle,transparent 18%,#000 60%);animation:ttSpin 40s linear infinite reverse}
.tt-craft{position:absolute;left:50%;top:50%;width:68%;margin-left:-34%;animation:ttBob 4.5s ease-in-out infinite alternate}
.tt-craft svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 10px rgba(212,168,85,.35))}
.tt-blade{transform-box:fill-box;transform-origin:center;animation:ttBlade .18s linear infinite}
.tt-glow{animation:ttGlow 1.6s ease-in-out infinite alternate}
.tt-cap{position:absolute;left:0;right:0;bottom:9%;text-align:center;font-size:2.6cqw;letter-spacing:.32em;text-transform:uppercase;color:#7F8AA3}
@keyframes ttSpin{to{transform:rotate(360deg)}}
@keyframes ttWarp{0%{transform:scale(.35);opacity:0}25%{opacity:1}100%{transform:scale(1.9);opacity:0}}
@keyframes ttRing{0%{transform:scale(.04);opacity:0}12%{opacity:.9}80%{opacity:.75}100%{transform:scale(1.35);opacity:0}}
@keyframes ttLbl{0%,22%{opacity:0}38%,62%{opacity:1}78%,100%{opacity:0}}
@keyframes ttBob{0%{transform:translateY(-3%) rotate(-2.5deg)}100%{transform:translateY(3%) rotate(2.5deg)}}
@keyframes ttBlade{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}100%{transform:scaleX(1)}}
@keyframes ttGlow{0%{opacity:.45}100%{opacity:1}}
@media (prefers-reduced-motion: reduce){.tt *{animation:none!important}.tt-ring{opacity:.5}.tt-r1{transform:scale(.3)}.tt-r2{transform:scale(.6)}.tt-r3{transform:scale(.9)}.tt-stars{opacity:.8}}
@media (prefers-reduced-motion: reduce){.dpz-inner{animation:none;transform:rotateY(180deg)}.dpz-lens{animation:none;opacity:0}.dpz-cap{animation:none}.dpz-msg{animation:none;opacity:1}.dpz-badge{animation:none;opacity:1;transform:none}}
