@import"https://fonts.googleapis.com/css2?family=Anton&family=Poppins:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Sarina&display=swap";@font-face{font-family:Departure Mono;src:url(https://landingpage.justso.dev/fonts/DepartureMono.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-base: #5a9e90;--bg-deep: #497f74;--text-main: #fff;--muted: rgba(255, 255, 255, .7);--submenu-step: 60ms;--submenu-duration: .32s;--connector-color: rgba(170, 205, 195, .55);--hub-size: clamp(120px, 14vw, 175px)}body.justso-standalone{font-family:Poppins,sans-serif;color:var(--text-main);background:radial-gradient(ellipse at 50% 40%,#72bfad 0%,var(--bg-base) 50%,var(--bg-deep) 100%);margin:0;min-height:100vh;overflow:hidden}#justso-landing,#root{font-family:Poppins,sans-serif;color:var(--text-main);background:radial-gradient(ellipse at 50% 40%,#72bfad 0%,var(--bg-base) 50%,var(--bg-deep) 100%);min-height:100vh;overflow:hidden;position:relative}a{color:inherit;text-decoration:none}.app{position:relative;width:100vw;height:100svh;overflow:hidden;isolation:isolate}.beam-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 1rem 6vh}.logo-wrap{width:min(420px,52vw);flex-shrink:0}.logo{width:100%;height:auto;display:block}.hub-wrap{position:relative;width:min(720px,88vw);height:min(380px,50vh);flex-shrink:0;display:flex;align-items:center;justify-content:center}.hub-glow{position:absolute;width:clamp(160px,18vw,220px);aspect-ratio:1;border-radius:50%;filter:blur(42px);opacity:.32;z-index:0;transition:background-color .22s linear}.hub{position:relative;width:var(--hub-size);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 48% 45%,#f0f5f4f2,#dce8e4eb,#c8dad6e0);border:4px solid rgba(155,178,173,.7);transition:border-color .28s ease;box-shadow:inset 0 2px 6px #ffffff59,inset 0 -1px 4px #648c841a,0 4px 16px #0a28232e,0 10px 30px #0a28231a;display:grid;place-items:center;z-index:2;overflow:hidden}.hub-tint{position:absolute;inset:0;border-radius:50%;z-index:1;transition:background-color .28s ease;pointer-events:none}.hub:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(150deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.05) 45%,transparent 65%);pointer-events:none;z-index:5}.hub-shadow{position:absolute;top:calc(50% + var(--hub-size) / 2 - 4px);left:50%;transform:translate(-50%);width:calc(var(--hub-size) * 1.05);height:calc(var(--hub-size) * .45);background:radial-gradient(ellipse,rgba(8,35,30,.4) 0%,rgba(8,35,30,.12) 50%,transparent 78%);border-radius:50%;filter:blur(10px);z-index:1;pointer-events:none}.hub-dot{position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#b4c8c3e6,#82a09bb3);box-shadow:inset 0 2px 3px #ffffff73,inset 0 -1px 2px #00000026,0 1px 3px #0000001a;z-index:4;transform:translate(-50%,-50%) rotate(180deg) translateY(calc(var(--hub-size) * -.32))}.center-mark{width:58%;height:58%;object-fit:cover;border-radius:4px;z-index:0}.pivot{position:absolute;width:0;height:0;pointer-events:none;z-index:3;transition:left 70ms linear,top 70ms linear;opacity:0}.connector-line{position:absolute;background:var(--connector-color);pointer-events:none;z-index:3;border-radius:1px}.connector-line.horizontal{height:2px;width:28px;top:50%;transform:translateY(-50%);border-radius:1px}.connector-line.horizontal.left{right:calc(50% + var(--hub-size) / 2 + 20px)}.connector-line.horizontal.right{left:calc(50% + var(--hub-size) / 2 + 20px)}.connector-line.vertical{width:2px;height:28px;left:50%;transform:translate(-50%);top:calc(50% + var(--hub-size) / 2 + 16px)}.menu-cluster{position:absolute;display:flex;flex-direction:column;gap:.25rem;z-index:3}.menu-cluster.creative{right:calc(50% + var(--hub-size) / 2 + 66px);top:50%;transform:translateY(-50%);align-items:flex-end}.creative .submenu{position:absolute;top:100%;right:0;margin-top:.25rem}.menu-cluster.studios{left:calc(50% + var(--hub-size) / 2 + 66px);top:50%;transform:translateY(-50%);align-items:flex-start}.studios .submenu{position:absolute;top:100%;left:0;margin-top:.25rem}.menu-cluster.technology{top:calc(50% + var(--hub-size) / 2 + 54px);left:50%;transform:translate(-50%);align-items:center}.menu-link{line-height:1;opacity:.9;transition:opacity .18s ease,text-shadow .18s ease;white-space:nowrap}.menu-link:hover,.menu-link:focus-visible,.menu-cluster.is-open .menu-link{opacity:1;text-shadow:0 0 16px rgba(255,255,255,.25)}.menu-link:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:4px}.creative-title{font-family:Sarina,cursive;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:400}.technology-title{font-family:Departure Mono,monospace;font-size:clamp(1.6rem,3.6vw,2.4rem);text-transform:uppercase;letter-spacing:.14em;font-weight:400}.studios-title{font-family:Anton,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);text-transform:uppercase;letter-spacing:.06em;font-weight:400}.submenu{list-style:none;margin:0;padding:0;display:grid;gap:.1rem;font-family:Poppins,sans-serif}.creative .submenu{font-size:clamp(.8rem,1.4vw,1.05rem);font-weight:300;text-align:left}.studios .submenu{font-size:clamp(.8rem,1.4vw,1.05rem);text-align:right;font-weight:300}.studios .submenu li{padding-right:0}.technology .submenu{font-size:clamp(.8rem,1.3vw,1rem);text-align:center;font-weight:300;font-style:italic}.submenu li{opacity:0;transform:translateY(-6px);transition-property:opacity,transform;transition-duration:var(--submenu-duration);transition-timing-function:cubic-bezier(.2,.7,.2,1);pointer-events:none;white-space:nowrap}.submenu li a{color:var(--muted);transition:color .15s ease}.submenu li a:hover,.submenu li a:focus-visible{color:#fff}.submenu.is-open li{opacity:1;transform:translateY(0);pointer-events:auto}@media(max-width:800px){.hub-wrap{width:min(580px,94vw)}.menu-cluster.creative{right:calc(50% + var(--hub-size) / 2 + 32px)}.menu-cluster.studios{left:calc(50% + var(--hub-size) / 2 + 32px)}.submenu{max-width:180px}}@media(max-width:600px){.hero{padding-top:4vh}.creative-title{font-size:clamp(1.6rem,7vw,2.2rem)}.studios-title{font-size:clamp(1.2rem,5vw,1.6rem)}.technology-title{font-size:clamp(1rem,4.5vw,1.3rem)}.menu-cluster.creative{right:auto;left:2%}.menu-cluster.studios{left:auto;right:2%}.submenu{font-size:.75rem!important}}@media(prefers-reduced-motion:reduce){:root{--submenu-duration: 90ms;--submenu-step: 0ms}.hub-glow,.menu-link,.submenu li{transition-duration:90ms!important}}