.hero-orb{--size:clamp(260px, 32vw, 440px);width:var(--size);aspect-ratio:1;position:relative}.orb-glow{background:radial-gradient(circle, color-mix(in oklab, var(--accent) 55%, transparent), color-mix(in oklab, var(--aurora-2) 25%, transparent) 55%, transparent 70%);filter:blur(40px);animation:orbBreathe 6s var(--ease-in-out) infinite alternate;border-radius:50%;position:absolute;inset:18%}.orb-rings{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.orb-rings circle{fill:none}.orb-rings .ring-faint{stroke:#ffffff14;stroke-width:1px;stroke-dasharray:2 6}.orb-rings .ring-base{stroke:#ffffff1a;stroke-width:1.5px}.orb-rings .ring-arc{stroke:url(#orb-arc);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:260 620;transform-origin:200px 200px;animation:9s linear infinite orbSpin}.orb-rings .ring-arc-outer{stroke-width:1.5px;stroke-dasharray:160 1034;opacity:.7;animation-duration:16s;animation-direction:reverse}.orbit{animation:orbSpin var(--orbit-dur) linear infinite;position:absolute;inset:0}.orbit.orbit-inner{--orbit-dur:30s;--r:calc(var(--size) * .35)}.orbit.orbit-outer{--orbit-dur:46s;--r:calc(var(--size) * .475);animation-direction:reverse}.orbit.orbit-outer .orbit-node img{animation-direction:normal}.orbit-node{width:calc(var(--size)*.11);aspect-ratio:1;margin:calc(var(--size)*-.055);transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));position:absolute;top:50%;left:50%}.orbit-node img{background:color-mix(in oklab, var(--surface-2) 85%, transparent);border:1px solid var(--border);width:100%;height:100%;animation:orbSpin var(--orbit-dur) linear infinite reverse;border-radius:50%;padding:18%;box-shadow:0 6px 20px #00000073}.orb-core{background:radial-gradient(circle at 30% 25%, #ffffff29, transparent 55%),linear-gradient(160deg, var(--surface-2), var(--bg));border:1px solid color-mix(in oklab, var(--accent) 35%, transparent);box-shadow:inset 0 0 30px color-mix(in oklab, var(--accent) 18%, transparent),0 0 50px color-mix(in oklab, var(--accent) 30%, transparent);animation:orbBreathe 6s var(--ease-in-out) infinite alternate;border-radius:50%;place-items:center;display:grid;position:absolute;inset:31%}.orb-core span{font-family:var(--font-display),sans-serif;font-size:calc(var(--size)*.12);letter-spacing:-.04em;background:linear-gradient(135deg, var(--accent), var(--aurora-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}@keyframes orbSpin{to{rotate:360deg}}@keyframes orbBreathe{0%{scale:.97}to{scale:1.03}}
.home-container{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1320px;min-height:100svh;margin:0 auto;padding:3rem clamp(2rem,5vw,4rem);display:grid;overflow-x:clip}.home-container .home-intro{animation:slideInFromLeft var(--dur-slow) var(--ease-out) both;flex-direction:column;gap:1rem;display:flex}.home-container .home-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;font-weight:600}.home-container .home-hello{color:#fff;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:700;line-height:1.05}.home-container h2{color:var(--text-muted);max-width:38ch;animation:slideInFromLeft var(--dur-slow) var(--ease-out) .35s both;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.5}.home-container h2 span{color:var(--accent);font-weight:600}.home-container .home-hint{color:var(--text-muted);animation:slideInFromLeft var(--dur-slow) var(--ease-out) .5s both;margin-top:.5rem;font-size:.9rem}.home-container .home-hint:after{content:" →";color:var(--accent)}@container page not (min-width:1000px){.home-container{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:5rem}.home-container .home-intro{align-items:center}.home-container .home-hint:after{content:" ↓"}}.hub-ring{--ring:min(600px, 44vw);--node:clamp(84px, calc(var(--ring) * .2), 120px);--r:calc(var(--ring) / 2 - var(--node) / 2);width:var(--ring);aspect-ratio:1;position:relative}.hub-ring:before{content:"";inset:calc(var(--node)/2);border:1px dashed #ffffff14;border-radius:50%;position:absolute}.hub-ring .hub-orb{animation:orbIn .9s var(--ease-out) .2s both;place-items:center;display:grid;position:absolute;inset:0}.hub-ring .hub-node{transform:translate(-50%, -50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));z-index:2;position:absolute;top:50%;left:50%}.hub-ring .hub-node .nav-tab{height:var(--node);padding-bottom:calc(var(--node)*.14);font-size:clamp(.75rem,var(--node)*.11,.95rem)}@container page not (min-width:1000px){.hub-ring{--ring:min(560px, 88vw)}}@container page not (min-width:600px){.hub-ring{--ring:88vw;--node:50px;aspect-ratio:auto;flex-wrap:wrap;justify-content:center;gap:1.6rem 1.4rem;width:100%;display:flex}.hub-ring:before{display:none}.hub-ring .hub-orb{width:100%;margin-bottom:1rem;position:static}.hub-ring .hub-node{position:static;transform:none}.hub-ring .hub-node .nav-tab{padding-bottom:0;overflow:visible}.hub-ring .hub-node .nav-tab-title{white-space:nowrap;mix-blend-mode:normal;width:auto;color:var(--text-muted);background:0 0;font-size:.65rem;position:absolute;top:calc(100% + .4rem);left:50%;translate:-50%}}.nav-tab{aspect-ratio:1;text-align:center;z-index:2;cursor:pointer;height:126px;box-shadow:0 0 0 2px var(--border),0 10px 30px #0006;animation:flip var(--dur-slow) var(--ease-out) forwards;animation-delay:calc(.3s + var(--delay));transition:scale var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);border-radius:50%;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:1.5rem;display:flex;position:relative;overflow:hidden;rotate:y -90deg;background-position:50%!important;background-size:contain!important}.nav-tab:hover{box-shadow:0 0 0 2px var(--accent),0 0 40px color-mix(in oklab, var(--accent) 35%, transparent);scale:1.12}.nav-tab .nav-tab-title{color:#f5f5f5;mix-blend-mode:multiply;background-color:#0009;width:100%;font-weight:600}@keyframes slideInFromLeft{0%{opacity:0;translate:-40px}}@keyframes orbIn{0%{opacity:0;scale:.85}}@keyframes flip{0%{rotate:y -90deg}to{rotate:y 0deg}}@container page not (min-width:48rem){.home-container{padding:5rem 1rem 2rem}}