.hero{position:relative}.hero-pin{isolation:isolate;align-items:end;min-height:clamp(560px,86svh,880px);display:grid;position:relative;overflow:hidden}.hero-media{z-index:-4;background:var(--placeholder,var(--night-2));position:absolute;inset:0}.hero-plate,.hero-plate img{width:100%;height:100%}.hero-plate img{object-fit:cover;object-position:50% 58%;transform:scale(1.04) translate3d(var(--px,0px), var(--py,0px), 0);transition:transform 1.6s var(--ease-out)}.stage{z-index:-2;opacity:0;width:100%;height:100%;transition:opacity 1.4s var(--ease-soft);pointer-events:none;position:absolute;inset:0}.hero[data-webgl] .stage{opacity:1}.hero-sphere{z-index:-3;aspect-ratio:1;width:min(24vw,37vh);transition:opacity 1.2s var(--ease-soft);position:absolute;top:40%;left:69%;transform:translate(-50%,-50%)}.hero-sphere:before{content:"";background:radial-gradient(circle,#ffc9a08c,#ff9ec033 40%,#0000 68%);border-radius:50%;animation:7s ease-in-out infinite breathe;position:absolute;inset:-45%}.js .hero-sphere{opacity:0}.hero[data-fallback] .hero-sphere{opacity:1}.hero[data-webgl] .hero-sphere{opacity:0}.hero-sphere-img{filter:drop-shadow(0 30px 40px #140a2873);width:100%;height:auto;animation:9s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(-2%)rotate(-4deg)}50%{transform:translateY(3%)rotate(3deg)}}@keyframes breathe{50%{opacity:.65;transform:scale(.94)}}.hero-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg, #080612b8 0%, #08061257 36%, transparent 60%), linear-gradient(0deg, var(--night-1) 0%, #0b09178c 16%, transparent 42%), linear-gradient(180deg, #08061273 0%, transparent 18%);position:absolute;inset:0}.hero-copy{padding-top:calc(var(--header-h) + 80px);gap:24px;padding-bottom:clamp(96px,15vh,160px);display:grid}.hero-eyebrow{color:var(--peach);margin:0}.hero-eyebrow .dot{background:var(--capture);width:8px;height:8px;box-shadow:0 0 0 3px #e8203a40, 0 0 16px var(--capture);border-radius:50%}.hero h1{max-width:100%}.hero h1 .line{display:block}.hero h1 .display{letter-spacing:-.02em;text-shadow:0 10px 40px #08061273;font-size:clamp(2.6rem,1.2rem + 5.4vw,6.4rem);line-height:.92;display:block}.hero h1 .h1-sub{max-width:34rem;font-family:var(--font-sans);letter-spacing:0;text-transform:none;color:var(--text-2);margin-top:26px;font-size:clamp(1.05rem,.98rem + .4vw,1.3rem);font-weight:450;line-height:1.5;display:block}.hero-facts{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-2);flex-wrap:wrap;gap:8px 22px;margin:4px 0 0;padding:0;font-weight:560;list-style:none;display:flex}.hero-facts li{align-items:center;gap:6px;display:inline-flex}.hero-facts .icon{color:#7ff0b2;width:15px;height:15px}.continue{position:relative}.continue summary{list-style:none}.continue summary::-webkit-details-marker{display:none}.continue[open] summary .icon{transform:rotate(180deg)}.continue ul{z-index:5;-webkit-backdrop-filter:blur(20px);min-width:290px;box-shadow:var(--shadow-float);animation:pop .35s var(--ease-out);background:#0c091ceb;border:1px solid #ffffff1f;border-radius:0;gap:4px;margin:0;padding:8px;list-style:none;display:grid;position:absolute;top:calc(100% + 10px);left:0}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.continue a{border-radius:0;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;padding:12px 14px;font-weight:620;text-decoration:none;display:grid}.continue a:hover{background:#ffffff0f}.continue small{font-weight:450;font-size:var(--fs-xs);color:var(--text-3);grid-column:2}.continue .icon{width:16px;height:16px;color:var(--tool);grid-area:1/3/span 2}.continue-dot{background:var(--tool);width:10px;height:10px;box-shadow:0 0 12px var(--tool);border-radius:50%;grid-row:1/span 2}.encounter{z-index:3;grid-template-columns:auto minmax(0,330px);align-items:end;gap:12px;display:grid;position:absolute;bottom:clamp(90px,16vh,170px);right:clamp(24px,7vw,120px)}.encounter-alert{width:40px;height:44px;color:var(--capture);font-family:var(--font-display);animation:alert .5s var(--ease-out) both;background:#fff;border-radius:0;place-items:center;font-size:2.2rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-52px;left:36px;box-shadow:0 10px 24px -8px #0009}.encounter-sprite .sprite{width:128px;height:128px;animation:rise .7s var(--ease-out) both}.encounter-dialog{animation:pop .5s .35s var(--ease-out) both;font-size:1.35rem}.encounter-links{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:8px;font-size:1.1rem;display:flex}.encounter-links a{color:var(--capture)}.encounter-links button{color:#5b5389;background:0 0;border:0;padding:0;text-decoration:underline}@keyframes alert{0%{opacity:0;transform:translateY(12px)scale(.6)}60%{transform:translateY(-4px)scale(1.1)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.8)}}@media (max-width:760px){.encounter{display:none!important}}.hub{padding-top:clamp(48px,6vw,88px)}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);margin:0;padding:0;list-style:none;display:grid}.hub-card{--accent:var(--tool);transition:border-color .3s, transform .5s var(--ease-out);flex-direction:column;gap:18px;padding:clamp(22px,2.4vw,32px);display:flex}.hub-card:hover{border-color:color-mix(in srgb, var(--tool) 55%, var(--line-2));transform:translateY(-4px)}.hub-card .panel-index{color:var(--tool)}.hub-sphere{width:112px;height:112px;filter:drop-shadow(0 18px 24px #00000073) drop-shadow(0 0 28px color-mix(in srgb, var(--tool) 35%, transparent));margin:6px 0 -4px}.hub-card h3{gap:4px;display:grid}.hub-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(2.6rem,1.8rem + 2vw,3.6rem);font-weight:800;line-height:.9}.hub-card h3 em{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--tool);font-size:1.5rem;font-style:italic;font-weight:400}.hub-card p{color:var(--text-2);font-size:var(--fs-small);line-height:1.6}.hub-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:auto;padding-top:8px;display:flex}@media (max-width:900px){.hub-grid{grid-template-columns:minmax(0,1fr)}}.home-faq{padding-top:0}.home-faq .faq{max-width:52rem}@media (max-aspect-ratio:4/5){.hero-sphere{width:min(36vw,21vh);top:21%;left:50%}.hero-shade{background:linear-gradient(0deg, var(--night-1) 0%, #0b0917d1 30%, #0b091733 55%, transparent 70%), linear-gradient(180deg, #08061280 0%, transparent 16%)}.hero-copy{padding-bottom:92px}}@media (max-width:760px){.hero-copy{gap:18px;padding-bottom:48px}.hero h1 .h1-sub{margin-top:16px}}