@layer components{.technology-scene{--scene-paper:#f6f0e8;--scene-muted:#e2d8cd94;--scene-warm:#f3b184;--scene-hot:#fff3dc;background:radial-gradient(circle at 82% 48%,#6d47312e,#0000 31%),linear-gradient(135deg,#050707,#010202 72%)}.technology-scene__atmosphere{background:linear-gradient(90deg,#0102024d,#0000 35% 74%,#02020217),radial-gradient(circle at 50% 52%,#0000 0 52%,#00000057 100%);box-shadow:inset 0 0 clamp(5rem,14vw,13rem) #0000007a}.technology-scene[data-quality=fallback] .technology-scene__atmosphere{background:radial-gradient(at 82% 48%,#0000 0 8%,#ffecd3b3 8.5% 9.2%,#da7e4842 10% 25%,#0000 42%),radial-gradient(at 84% 48%,#000000fa 0 10%,#0000 11%),radial-gradient(circle at 82% 48%,#6d473133,#0000 44%),#020303}.technology-scene[data-layout=mobile-top] .technology-scene__atmosphere{background:linear-gradient(#0102021f,#0000 38%,#00000040),radial-gradient(circle at 50% 48%,#0000 0 55%,#00000061 100%)}.technology-scene__credit{max-width:42%;opacity:var(--scene-ui,1);position:absolute;top:clamp(1.25rem,3.2vw,3.25rem);left:clamp(1.2rem,3.6vw,4rem)}.technology-scene[data-black-hole-only=true] .technology-scene__credit{opacity:.42;text-align:right;max-width:none;inset:auto clamp(.75rem,2vw,2rem) clamp(.75rem,2vw,2rem) auto}.technology-scene__planet-slot{width:max(54px, var(--planet-size));height:max(54px, var(--planet-size))}.technology-scene[data-layout=desktop-side] .technology-scene__planet-slot{width:max(54px, calc(var(--planet-size) * 1.28));height:max(54px, calc(var(--planet-size) * 1.28))}.technology-scene__planet-control:before,.technology-scene__planet-control:after{z-index:0;content:"";pointer-events:none;border-radius:50%;position:absolute}.technology-scene__planet-chip{filter:drop-shadow(0 0 .35rem rgb(var(--planet-accent-rgb) / 42%)) drop-shadow(0 0 .7rem #000000a6);background:radial-gradient(circle,#0104059e 0 42%,#02050642 62%,#0000 76%);transition:filter .18s,transform .2s cubic-bezier(.2,.8,.2,1)}.technology-scene__planet-control:hover .technology-scene__planet-chip,.technology-scene__planet-control:focus-visible .technology-scene__planet-chip,.technology-scene__planet-control[data-active=true] .technology-scene__planet-chip,.technology-scene__planet-control[data-selected=true] .technology-scene__planet-chip{filter:drop-shadow(0 0 .5rem rgb(var(--planet-accent-rgb) / 72%)) drop-shadow(0 0 .9rem #000000b3);transform:scale(1.08)}.technology-scene__planet-control:after{border:1px solid rgb(var(--planet-accent-rgb) / 0%);opacity:0;transition:border-color .18s,opacity .18s,transform .24s;inset:-.45rem}.technology-scene__planet-control[data-selected=true]:after{border-color:rgb(var(--planet-accent-rgb) / 52%);box-shadow:0 0 .9rem rgb(var(--planet-accent-rgb) / 18%), inset 0 0 .8rem #ffba7c1a;opacity:1;animation:2.8s ease-in-out infinite technology-scene-selected-planet-pulse}.technology-scene__planet-control:focus-visible:after{border-color:rgb(var(--planet-accent-rgb) / 72%);box-shadow:0 0 1.1rem rgb(var(--planet-accent-rgb) / 28%);opacity:1}.technology-scene__planet-surface{transition:box-shadow .2s,transform .2s cubic-bezier(.2,.8,.2,1);inset:1px;box-shadow:inset 0 0 .25rem #ffffff0f,0 0 .9rem #0006,0 1rem 2.2rem #000000ad}.technology-scene__planet-globe{filter:brightness(1.32)saturate(1.06);animation:technology-scene-globe-drift var(--globe-duration) linear var(--globe-delay) infinite;background:url(/technology-icons/planet-sphere.png) 50%/cover no-repeat}.technology-scene__planet-tint{background:radial-gradient(circle at var(--planet-light-x) var(--planet-light-y), rgb(var(--planet-accent-rgb) / 85%) 0, rgb(var(--planet-accent-rgb) / 45%) 52%, rgb(var(--planet-accent-rgb) / 28%) 100%);mix-blend-mode:color;opacity:.55}.technology-scene__planet-lighting{background:radial-gradient(ellipse 34% 24% at var(--planet-light-x) var(--planet-light-y), #fffaeee0 0 16%, transparent 72%), radial-gradient(circle at var(--planet-light-x) var(--planet-light-y), #fff2daad 0, #ffd39a52 30%, #ffc4861a 52%, transparent 70%), radial-gradient(circle at calc(100% - var(--planet-light-x)) calc(100% - var(--planet-light-y)), #010203bd 0 20%, #0102036b 44%, #0102031f 66%, transparent 84%);opacity:calc(.6 + var(--ring-energy) * .4)}.technology-scene__planet-rim{background:radial-gradient(circle at var(--planet-light-x) var(--planet-light-y), #fff8e6 0 30%, #ffd09099 52%, #ffbe7e2e 68%, transparent 80%);mix-blend-mode:screen;opacity:calc(.55 + var(--ring-energy) * .45);-webkit-mask:radial-gradient(circle closest-side,#0000 0 90%,#000000b3 95%,#000 100%);mask:radial-gradient(circle closest-side,#0000 0 90%,#000000b3 95%,#000 100%)}.technology-scene__planet-slot:not([data-visible]) .technology-scene__planet-globe{animation-play-state:paused}.technology-scene__planet-icon-frame{width:56%;height:56%;filter:drop-shadow(0 0 .35rem rgb(var(--planet-accent-rgb) / 48%)) drop-shadow(0 0 .8rem #000000b8);background:radial-gradient(circle,#010405bd 0 39%,#02050652 60%,#0000 74%)}.technology-scene__planet-control:hover .technology-scene__planet-surface,.technology-scene__planet-control:focus-visible .technology-scene__planet-surface,.technology-scene__planet-control[data-active=true] .technology-scene__planet-surface,.technology-scene__planet-control[data-selected=true] .technology-scene__planet-surface{box-shadow:inset 0 0 .3rem #ffffff1a, 0 0 1.25rem rgb(var(--planet-accent-rgb) / 30%), 0 1.1rem 2.4rem #000000b8;transform:scale(1.075)}.technology-scene__planet-label{top:calc(50% + var(--label-shift-y,0px));transform:translateY(-50%) scale(var(--label-inverse-scale,1));transform-origin:0;transition:opacity .18s,transform .22s;left:calc(100% + 1rem)}.technology-scene__planet-label:before{content:"";background:linear-gradient(90deg, rgb(var(--planet-accent-rgb) / 52%), transparent);width:.55rem;height:1px;position:absolute;top:50%;right:calc(100% + .36rem)}.technology-scene__planet-slot[data-label-side=left] .technology-scene__planet-label{text-align:end;transform-origin:100%;left:auto;right:calc(100% + .82rem)}.technology-scene__planet-slot[data-label-side=left] .technology-scene__planet-label:before{background:linear-gradient(90deg, transparent, rgb(var(--planet-accent-rgb) / 52%));left:calc(100% + .32rem);right:auto}.technology-scene__planet-control:hover .technology-scene__planet-label,.technology-scene__planet-control:focus-visible .technology-scene__planet-label,.technology-scene__planet-control[data-active=true] .technology-scene__planet-label,.technology-scene__planet-control[data-selected=true] .technology-scene__planet-label{color:#fffaf2;opacity:1}.technology-scene__planet-control:hover .technology-scene__planet-label,.technology-scene__planet-control:focus-visible .technology-scene__planet-label,.technology-scene__planet-control[data-active=true] .technology-scene__planet-label{transform:translateY(-50%) translateX(.14rem) scale(var(--label-inverse-scale,1))}.technology-scene__planet-slot[data-label-side=left] .technology-scene__planet-control:hover .technology-scene__planet-label,.technology-scene__planet-slot[data-label-side=left] .technology-scene__planet-control:focus-visible .technology-scene__planet-label,.technology-scene__planet-slot[data-label-side=left] .technology-scene__planet-control[data-active=true] .technology-scene__planet-label{transform:translateY(-50%) translateX(-.14rem) scale(var(--label-inverse-scale,1))}.technology-scene__detail-card{background:radial-gradient(circle at 13% 58%, rgb(var(--planet-accent-rgb) / 12%), transparent 31%), linear-gradient(112deg, #0c0c0cdb, #030404f0);width:clamp(24rem,36vw,38rem);box-shadow:inset 0 1px 0 #ffffff0d, 0 1.6rem 5rem #0000009e, 0 0 2rem rgb(var(--planet-accent-rgb) / 7%);animation:.42s cubic-bezier(.16,1,.3,1) both technology-scene-detail-card-in;position:absolute;bottom:clamp(1.4rem,4.2vh,3.8rem);right:clamp(1.2rem,3.6vw,4rem)}.technology-scene__detail-card:before{content:"";background:linear-gradient(90deg, transparent, rgb(var(--planet-accent-rgb) / 72%), transparent);height:1px;box-shadow:0 0 1rem rgb(var(--planet-accent-rgb) / 24%);position:absolute;top:0;left:12%;right:12%}.technology-scene[data-diving=true] .technology-scene__detail-card{pointer-events:none}.technology-scene__active-signal{box-shadow:0 0 .7rem rgb(var(--planet-accent-rgb) / 78%);animation:2.2s ease-in-out infinite technology-scene-active-signal}.technology-scene__detail-planet:before{background:radial-gradient(circle at 18% 20%, #ffe8c447, rgb(var(--planet-accent-rgb) / 10%) 31%, transparent 67%);content:"";filter:blur(.45rem);border-radius:50%;position:absolute;inset:-10%}.technology-scene__detail-planet .technology-scene__planet-surface{inset:0}.technology-scene__detail-planet .technology-scene__planet-icon-frame{width:43%;height:43%}.technology-scene[data-layout=mobile-top] .technology-scene__detail-card{right:1rem;bottom:max(1rem, calc(env(safe-area-inset-bottom) + .75rem));width:min(34rem,100% - 2rem)}@media (max-width:700px){.technology-scene{background:radial-gradient(circle at 90% 17%,#6f473033,#0000 38%),linear-gradient(155deg,#050707,#010202 74%)}.technology-scene__credit{display:none}.technology-scene__planet-label{left:calc(100% + .58rem)}.technology-scene__planet-label:before{display:none}.technology-scene__planet-slot[data-label-side=left] .technology-scene__planet-label{left:auto;right:calc(100% + .58rem)}.technology-scene__detail-card,.technology-scene[data-layout=mobile-top] .technology-scene__detail-card{right:1rem;bottom:max(4.6rem, calc(env(safe-area-inset-bottom) + 3.65rem));width:auto;left:1rem}}@media (prefers-reduced-motion:reduce){.technology-scene__planet-control[data-selected=true]:after{animation:none}}@keyframes technology-scene-globe-drift{0%{transform:rotate(var(--globe-angle))}to{transform:rotate(calc(var(--globe-angle) + 360deg))}}@keyframes technology-scene-selected-planet-pulse{0%,to{opacity:.52;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}@keyframes technology-scene-active-signal{0%,to{opacity:.48;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}@keyframes technology-scene-detail-card-in{0%{opacity:0;transform:translateY(1.1rem)scale(.975)}to{opacity:var(--scene-ui,1);transform:translate(0,0)scale(1)}}}