:root{color-scheme:dark;background:#02081b;font-family:system-ui,sans-serif}@property --grow{syntax: "<percentage>"; inherits: false; initial-value: -18%;}*{box-sizing:border-box}html,body,#experience{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 65%,rgba(0,88,215,.2),transparent 42%),linear-gradient(180deg,#071630,#020817 68%,#01030b)}#experience{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(9,22,54,.18) 1px,transparent 1px),linear-gradient(rgba(9,22,54,.13) 1px,transparent 1px);background-size:7.5rem 7.5rem}#webgl,#foregroundParticles,.vignette,.grain,.ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#webgl{z-index:1;opacity:1}.tree-stage{position:absolute;z-index:2;left:50%;top:auto;bottom:-2px;width:min(100vw,106.4vh);aspect-ratio:3359 / 3156;translate:-50% 0;transform:perspective(1200px) scale(.86);transform-origin:50% 100%;opacity:1}.tree-visual,.tree-image,#staticCircuitCanvas,#circuitCanvas,.tree-aura{position:absolute;inset:0;width:100%;height:100%}.tree-visual{position:absolute;z-index:2;inset:-1px;contain:layout paint}.tree-image{z-index:1;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;backface-visibility:hidden}img.tree-image[data-artwork]:not(.is-artwork-loaded){visibility:hidden}.tree-image--mono{z-index:3;filter:grayscale(1) saturate(0) brightness(.34) contrast(1.22) drop-shadow(0 0 12px rgba(100,185,255,.16));opacity:0}.tree-image--mono-earth{opacity:.82;animation:mono-fade .125s 1.8s ease-in forwards}.tree-image--mono-tree{--grow: -18%;-webkit-mask-image:linear-gradient(to top,#000 0%,#000 var(--grow),rgba(0,0,0,.65) calc(var(--grow) + 9%),transparent calc(var(--grow) + 18%));mask-image:linear-gradient(to top,#000 0%,#000 var(--grow),rgba(0,0,0,.65) calc(var(--grow) + 9%),transparent calc(var(--grow) + 18%));animation:tree-grow .5s .275s cubic-bezier(.25,.05,.18,1) forwards,mono-fade .175s 3.075s ease-in forwards}.intro-sphere{z-index:3;opacity:0;transform-origin:50% 43%;filter:grayscale(1) brightness(.42) sepia(.35) saturate(2) hue-rotate(168deg);animation:sphere-form .35s .675s ease-out forwards,intro-layer-fade .175s 3.075s ease-in forwards}.intro-fruits{z-index:5;opacity:1;filter:grayscale(1) brightness(.58) contrast(1.08);animation:fruit-layer-colorize 5ms 3.29s linear forwards}.fruit-mask{opacity:0;animation:fruit-open .125s ease-out calc(.875s + var(--fruit-index) * .0125s) forwards,fruit-switch-on .14s ease-in var(--fruit-light-delay, 2.25s) forwards,fruit-body-pulse 2.85s ease-in-out calc(3.31s + var(--fruit-index) * 7.5ms) infinite}.tree-image--color{z-index:4;mix-blend-mode:screen;filter:saturate(1.22) contrast(1.08) brightness(1.06)}.energy-color-layer{opacity:1}.earth-body-reveal{transform:translateY(3156px);animation:earth-body-rise .725s 1.075s linear forwards}.root-flow-lane,.network-flow-lane{transform:translateY(3156px);animation:network-color-flow var(--flow-duration) var(--flow-delay) linear forwards}.fruit-color-mask{opacity:0;fill:#fff;animation:fruit-color-open .14s var(--fruit-light-delay) ease-out forwards}.final-color{opacity:0;animation:final-color-settle .225s 3.075s ease-in-out forwards}.final-color.is-colored{opacity:1;animation:none}.tree-image--color.is-colored{filter:saturate(1.22) contrast(1.08) brightness(1.06) drop-shadow(0 0 16px rgba(0,125,255,.3))}.is-android .final-color,.is-android .final-color.is-colored{mix-blend-mode:normal;filter:none;backface-visibility:visible}#staticCircuitCanvas,#circuitCanvas{pointer-events:none;mix-blend-mode:screen;opacity:0}#staticCircuitCanvas{z-index:3;animation:circuit-activate .515s .3s ease-in-out forwards}#staticCircuitCanvas.is-retired{display:none}#circuitCanvas{z-index:4;animation:circuit-activate .25s 1.31s ease-out forwards}.intro-pending .tree-image--mono,.intro-pending .tree-image--color,.intro-pending .intro-layer,.intro-pending .fruit-mask,.intro-pending .earth-body-reveal,.intro-pending .root-flow-lane,.intro-pending .network-flow-lane,.intro-pending .fruit-color-mask,.intro-pending #staticCircuitCanvas,.intro-pending #circuitCanvas,.intro-pending .tree-aura,.intro-pending #foregroundParticles{animation-play-state:paused}.tree-aura{z-index:3;border-radius:50%;background:radial-gradient(ellipse 48% 25% at 50% 82%,rgba(18,215,255,.12),rgba(0,90,255,.06) 42%,transparent 72%);opacity:0;mix-blend-mode:screen;pointer-events:none;animation:earth-aura-enter .36s 1.175s ease-out forwards,earth-glow 4.8s 1.535s ease-in-out infinite}.ambient{z-index:0;opacity:.45}.ambient--left{background:radial-gradient(circle at 0 45%,rgba(0,124,255,.16),transparent 42%);animation:ambient-drift 9s ease-in-out infinite alternate}.ambient--right{background:radial-gradient(circle at 100% 25%,rgba(0,224,255,.11),transparent 38%);animation:ambient-drift 11s -4s ease-in-out infinite alternate-reverse}.vignette{z-index:7;background:radial-gradient(ellipse at center,transparent 44%,rgba(0,3,16,.22) 72%,rgba(0,2,12,.85) 100%),linear-gradient(180deg,rgba(1,7,25,.25),transparent 25%,transparent 75%,rgba(0,2,10,.48))}.grain{z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}@keyframes tree-grow{0%{opacity:0;--grow: -18%}12%{opacity:.82}to{opacity:.82;--grow: 100%}}@keyframes sphere-form{0%{opacity:0;transform:scale(.92)}to{opacity:.5;transform:scale(1)}}@keyframes fruit-open{to{opacity:1}}@keyframes fruit-switch-on{0%{opacity:1}to{opacity:0}}@keyframes fruit-layer-colorize{to{filter:saturate(1.25) brightness(1.32) drop-shadow(0 0 6px rgba(20,235,255,.55));mix-blend-mode:screen}}@keyframes fruit-body-pulse{0%,to{opacity:.08}50%{opacity:.36}}@keyframes intro-layer-fade{to{opacity:0}}@keyframes mono-fade{to{opacity:0}}@keyframes network-color-flow{to{transform:translateY(0)}}@keyframes earth-body-rise{to{transform:translateY(1750px)}}@keyframes fruit-color-open{0%{opacity:0}to{opacity:1}}@keyframes final-color-settle{0%{opacity:0}to{opacity:1}}@keyframes circuit-activate{0%{opacity:0}35%{opacity:.18}to{opacity:1}}@keyframes earth-glow{0%,to{opacity:.38;transform:scale(.98)}50%{opacity:.62;transform:scale(1.015)}}@keyframes earth-aura-enter{0%{opacity:0;transform:scale(.94)}to{opacity:.38;transform:scale(.98)}}#foregroundParticles{z-index:6;opacity:0;animation:late-particle-reveal .3s 3.3s ease-out forwards;contain:strict}@keyframes late-particle-reveal{to{opacity:1}}@keyframes ambient-drift{to{transform:translate3d(3%,-2%,0) scale(1.12)}}@media(max-aspect-ratio:3 / 4){.tree-stage{width:138vw;bottom:-1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}