.af-wrapper{width:fit-content;padding:1.5rem;position:relative}.af-bg-solid{background-color:#0a0a0a}.af-bg-subtle{background-color:color-mix(in srgb, var(--af-color-a,#00f3ff) 6%, transparent)}.af-corner,.af-corner-b{transition-property:width,height,box-shadow,opacity;transition-duration:var(--af-duration,.3s);transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}.af-corner-rounded{border-radius:2px}.af-bg-a{background-color:var(--af-color-a,#00f3ff)}.af-bg-b{background-color:var(--af-color-b,var(--af-color-a,#00f3ff))}.af-h-thickness{height:var(--af-thickness,2px)}.af-w-thickness{width:var(--af-thickness,2px)}.af-w-length{width:var(--af-corner-length,16px)}.af-h-length{height:var(--af-corner-length,16px)}.af-wrapper:hover .af-hover-w-expand{width:var(--af-hover-length,32px)}.af-wrapper:hover .af-hover-h-expand{height:var(--af-hover-length,32px)}.af-top-0{top:0}.af-bottom-0{bottom:0}.af-left-0{left:0}.af-right-0{right:0}.af-content{z-index:10;position:relative}.af-glow-low{--af-glow-size:5px}.af-glow-medium{--af-glow-size:10px}.af-glow-high{--af-glow-size:22px}.af-hover-glow:hover .af-corner{box-shadow:0 0 var(--af-glow-size,10px) var(--af-color-a,#00f3ff), 0 0 calc(var(--af-glow-size,10px) * 2.2) color-mix(in srgb, var(--af-color-a,#00f3ff) 40%, transparent)}.af-hover-glow:hover .af-corner-b{box-shadow:0 0 var(--af-glow-size,10px) var(--af-color-b,var(--af-color-a,#00f3ff)), 0 0 calc(var(--af-glow-size,10px) * 2.2) color-mix(in srgb, var(--af-color-b,var(--af-color-a,#00f3ff)) 40%, transparent)}@keyframes af-pulse-a{0%,to{box-shadow:0 0 var(--af-glow-size,10px) var(--af-color-a,#00f3ff)}50%{box-shadow:0 0 calc(var(--af-glow-size,10px) * 2.5) var(--af-color-a,#00f3ff), 0 0 calc(var(--af-glow-size,10px) * 4.5) color-mix(in srgb, var(--af-color-a,#00f3ff) 30%, transparent)}}@keyframes af-pulse-b{0%,to{box-shadow:0 0 var(--af-glow-size,10px) var(--af-color-b,var(--af-color-a,#00f3ff))}50%{box-shadow:0 0 calc(var(--af-glow-size,10px) * 2.5) var(--af-color-b,var(--af-color-a,#00f3ff)), 0 0 calc(var(--af-glow-size,10px) * 4.5) color-mix(in srgb, var(--af-color-b,var(--af-color-a,#00f3ff)) 30%, transparent)}}.af-hover-pulse:hover .af-corner{animation:1.4s ease-in-out infinite af-pulse-a}.af-hover-pulse:hover .af-corner-b{animation:1.4s ease-in-out infinite af-pulse-b}@keyframes af-flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.12}}.af-hover-flicker:hover .af-corner,.af-hover-flicker:hover .af-corner-b{animation:.45s linear infinite af-flicker}@keyframes af-trace-h{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes af-trace-v{0%{background-position:0 -100%}to{background-position:0 200%}}.af-hover-trace:hover .af-corner,.af-hover-trace:hover .af-corner-b{background-size:200% 200%;background-image:linear-gradient(90deg, var(--af-color-a,#00f3ff) 0%, color-mix(in srgb, white 70%, var(--af-color-a,#00f3ff)) 50%, var(--af-color-a,#00f3ff) 100%);animation:1s linear infinite af-trace-h}.af-animated.af-hover-glow .af-corner{box-shadow:0 0 var(--af-glow-size,10px) var(--af-color-a,#00f3ff), 0 0 calc(var(--af-glow-size,10px) * 2.2) color-mix(in srgb, var(--af-color-a,#00f3ff) 40%, transparent)}.af-animated.af-hover-glow .af-corner-b{box-shadow:0 0 var(--af-glow-size,10px) var(--af-color-b,var(--af-color-a,#00f3ff)), 0 0 calc(var(--af-glow-size,10px) * 2.2) color-mix(in srgb, var(--af-color-b,var(--af-color-a,#00f3ff)) 40%, transparent)}.af-animated.af-hover-pulse .af-corner{animation:1.4s ease-in-out infinite af-pulse-a}.af-animated.af-hover-pulse .af-corner-b{animation:1.4s ease-in-out infinite af-pulse-b}.af-animated.af-hover-flicker .af-corner,.af-animated.af-hover-flicker .af-corner-b{animation:.45s linear infinite af-flicker}.af-animated.af-hover-trace .af-corner,.af-animated.af-hover-trace .af-corner-b{background-size:200% 200%;background-image:linear-gradient(90deg, var(--af-color-a,#00f3ff) 0%, color-mix(in srgb, white 70%, var(--af-color-a,#00f3ff)) 50%, var(--af-color-a,#00f3ff) 100%);animation:1s linear infinite af-trace-h}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#000;width:100%;margin:0;padding:0}.scroll-container{height:4100vh;position:relative}.orbit-story{pointer-events:none;z-index:10;align-items:center;width:100%;min-height:110vh;padding:0 12vw;display:flex;position:absolute;top:510vh;left:0}.moon-story{pointer-events:none;z-index:10;align-items:center;width:100%;min-height:140vh;padding:0 12vw;display:flex;position:absolute;top:990vh;left:0}.mars-story{pointer-events:none;z-index:10;justify-content:flex-end;align-items:center;width:100%;min-height:140vh;padding:0 12vw;display:flex;position:absolute;top:1460vh;left:0}.jupiter-story{pointer-events:none;z-index:10;align-items:center;width:100%;min-height:140vh;padding:0 12vw;display:flex;position:absolute;top:1960vh;left:0}.saturn-story{pointer-events:none;z-index:10;justify-content:flex-end;align-items:center;width:100%;min-height:140vh;padding:0 12vw;display:flex;position:absolute;top:2460vh;left:0}.uranus-story{pointer-events:none;z-index:10;align-items:center;width:100%;min-height:140vh;padding:0 12vw;display:flex;position:absolute;top:2960vh;left:0}.neptune-story{pointer-events:none;z-index:10;justify-content:flex-end;align-items:center;width:100%;min-height:140vh;padding:0 12vw;display:flex;position:absolute;top:3460vh;left:0}.final-story{pointer-events:none;z-index:10;align-items:center;width:100%;min-height:140vh;padding:0 12vw;display:flex;position:absolute;top:3960vh;left:0}.orbit-story__reveal{width:min(31rem,100%)}.orbit-story__content{gap:1rem;display:grid}.orbit-story__eyebrow,.orbit-readout span{letter-spacing:.2em;text-transform:uppercase;color:#b1f0ffad;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:.65rem;font-weight:500}.orbit-story__title{letter-spacing:.17em;color:#fff;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:clamp(2.8rem,7vw,6rem);font-weight:200;line-height:.95}.orbit-story__copy{color:#ffffffb8;max-width:24rem;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:300;line-height:1.55}.orbit-readout{background:#040e1457;gap:.35rem;width:fit-content;margin-top:1.5rem;padding:.85rem 1.15rem;display:grid}.orbit-readout strong{letter-spacing:.11em;color:#e6fbff;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:300}.orbit-readout .af-content{gap:.3rem;display:grid}.canvas-container{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}canvas{display:block}.intro-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:fixed;top:0;left:0}.intro-title{letter-spacing:.3em;text-transform:uppercase;color:#fff;opacity:0;text-align:center;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:clamp(2.5rem,8vw,7rem);font-weight:200;line-height:1.2;animation:2s ease-out .5s forwards fadeInUp;transform:translateY(2rem)}.intro-subtitle{letter-spacing:.5em;text-transform:uppercase;color:#fff9;opacity:0;text-align:center;margin-top:2rem;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:clamp(.875rem,2vw,1.25rem);font-weight:300;animation:2s ease-out 1.5s forwards fadeInUp;transform:translateY(1.5rem)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.intro-title,.intro-subtitle{opacity:1;animation:none;transform:none}}@media (width<=700px){.orbit-story{align-items:flex-end;padding:0 1.75rem 13vh}.orbit-story__title{letter-spacing:.12em}}.rot-container{pointer-events:auto;z-index:15;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.rot-container:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#010b119e 0%,#010b115c 44%,#010b1100 74%);border-radius:50%;width:min(42rem,92vw);position:absolute}.rot-interactive-area{pointer-events:auto;z-index:1;justify-content:center;align-items:center;width:100%;max-width:56rem;height:100%;display:flex;position:relative}.rot-orbit{perspective:1000px;width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;transition:transform .3s ease-out;display:flex;position:absolute}.rot-core-glow{z-index:10;pointer-events:none;background:linear-gradient(to bottom right,#61efff,#00aeb7);border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;animation:2.6s cubic-bezier(.4,0,.6,1) infinite rot-pulse;display:flex;position:absolute;transform:translateZ(24px);box-shadow:0 0 22px #34e2f36b}.rot-core-ring-1{opacity:.7;border:1px solid #fff3;border-radius:50%;width:5rem;height:5rem;animation:1s cubic-bezier(0,0,.2,1) infinite rot-ping;position:absolute}.rot-core-ring-2{opacity:.5;border:1px solid #ffffff1a;border-radius:50%;width:6rem;height:6rem;animation:1s cubic-bezier(0,0,.2,1) .5s infinite rot-ping;position:absolute}.rot-core-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffc;border-radius:50%;width:2rem;height:2rem}.rot-orbital-path{width:24rem;height:24rem;transform-style:preserve-3d;pointer-events:none;border:1px solid #ffffff9e;border-radius:50%;position:absolute;transform:rotateX(58deg);box-shadow:0 0 10px #ffffff38}.rot-node-wrapper{cursor:pointer;transform-style:preserve-3d;pointer-events:auto;transition:all .7s cubic-bezier(.4,0,.2,1);position:absolute}.rot-node-energy{pointer-events:none;background:radial-gradient(circle,#00f3ff57 0%,#fff0 70%);border-radius:50%;position:absolute}.rot-node-energy.is-pulsing{animation:1s cubic-bezier(.4,0,.6,1) infinite rot-pulse}.rot-node-icon{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.rot-node-icon.state-expanded{color:#000;background-color:#fff;border-color:#fff;transform:scale(1.5);box-shadow:0 0 15px #ffffff4d}.rot-node-icon.state-related{color:#000;background-color:#ffffff80;border-color:#fff;animation:2s cubic-bezier(.4,0,.6,1) infinite rot-pulse}.rot-node-icon.state-default{color:#dffcff;background-color:#010e15eb;border-color:#74efffe6;box-shadow:0 0 16px #35e0f23d,inset 0 0 10px #35e0f21f}.rot-node-title{white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3rem;left:50%;transform:translate(-50%)}.rot-node-title.state-expanded{color:#fff;margin-top:.5rem;transform:translate(-50%)scale(1.25)}.rot-node-title.state-default{color:#defafff0;text-shadow:0 1px 8px #000000f2,0 0 12px #3adcee47}.rot-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;z-index:250;background-color:#0a0a0ad9;border:1px solid #fff3;border-radius:4px;width:16rem;padding:1rem;position:absolute;top:5rem;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 10px 25px #00000080,0 0 15px #ffffff0d}.rot-card-connector{background-color:#ffffff80;width:1px;height:12px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.rot-card--above{top:auto;bottom:5rem}.rot-card--above .rot-card-connector{top:auto;bottom:-12px}.rot-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.rot-card-title{letter-spacing:.05em;margin-top:.5rem;font-size:1rem;font-weight:600}.rot-card-content{color:#fffc;font-size:.75rem;line-height:1.5}.rot-badge{text-transform:uppercase;border:1px solid;border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex}.rot-badge-completed{color:#fff;background-color:#0000;border-color:#0fc}.rot-badge-inprogress{color:#000;background-color:#0fc;border-color:#0fc}.rot-badge-pending{color:#ffffff80;background-color:#0000;border-color:#ffffff4d}.rot-card-date{color:#ffffff80;font-family:monospace;font-size:.7rem}.rot-energy-bar-container{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:.75rem}.rot-energy-header{justify-content:space-between;margin-bottom:.25rem;font-size:.7rem;display:flex}.rot-energy-track{background-color:#ffffff1a;border-radius:9999px;width:100%;height:4px;overflow:hidden}.rot-energy-fill{background:linear-gradient(90deg,#00f3ff,#3b82f6);height:100%}.rot-connections-container{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:.75rem}.rot-connections-header{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;align-items:center;margin-bottom:.5rem;font-size:.65rem;font-weight:500;display:flex}.rot-connections-list{flex-wrap:wrap;gap:.25rem;display:flex}.rot-button{color:#fffc;cursor:pointer;background-color:#0000;border:1px solid #fff3;align-items:center;height:1.5rem;padding:0 .5rem;font-family:inherit;font-size:.7rem;transition:all .2s;display:inline-flex}.rot-button:hover{color:#fff;background-color:#ffffff1a;border-color:#fff6}@keyframes rot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes rot-ping{75%,to{opacity:0;transform:scale(2)}}