/* GV AURORA background (2026-10-09, Siva: "make Aurora the hero page … also the get started / sign in / sign up pages").
   From the 10-06 hero test (option A). Shared by the landing hero (.h4x) and the auth pages' left scene (.scene .gv-aurora).
   Three slow blurred colour fields + a slow dot field (canvas) + drifting SAMPLE tags. Light + dark. Reduced motion = still frame. */
.gv-aurora{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.gv-aurora .aur{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.gv-aurora .aur.a1{width:52vw;height:52vw;left:-10vw;top:-18vw;background:radial-gradient(circle,#E9D6A8 0,rgba(233,214,168,0) 68%);animation:aur1 22s ease-in-out infinite alternate}
.gv-aurora .aur.a2{width:46vw;height:46vw;right:-12vw;top:-8vw;background:radial-gradient(circle,#BFD3FF 0,rgba(191,211,255,0) 68%);animation:aur2 26s ease-in-out infinite alternate}
.gv-aurora .aur.a3{width:40vw;height:40vw;left:28vw;bottom:-22vw;background:radial-gradient(circle,#D9CCF5 0,rgba(217,204,245,0) 68%);animation:aur3 30s ease-in-out infinite alternate}
@keyframes aur1{to{transform:translate(12vw,8vw) scale(1.15)}}
@keyframes aur2{to{transform:translate(-10vw,10vw) scale(.9)}}
@keyframes aur3{to{transform:translate(-8vw,-10vw) scale(1.2)}}
html.gv-night .gv-aurora .aur{opacity:.42}
html.gv-night .gv-aurora .aur.a1{background:radial-gradient(circle,#7A5A1E 0,rgba(122,90,30,0) 68%)}
html.gv-night .gv-aurora .aur.a2{background:radial-gradient(circle,#1F4AA8 0,rgba(31,74,168,0) 68%)}
html.gv-night .gv-aurora .aur.a3{background:radial-gradient(circle,#4B2E8A 0,rgba(75,46,138,0) 68%)}
.gv-aurora .pfield,.gv-aurora .ptags{position:absolute;inset:0}
.gv-aurora .pfield{width:100%;height:100%}
.gv-aurora .ptag{position:absolute;font:500 11px var(--mono,ui-monospace,monospace);letter-spacing:.04em;white-space:nowrap;padding:5px 9px;border-radius:999px;
  border:1px solid var(--hair-2,rgba(17,24,39,.12));background:color-mix(in srgb,var(--paper,#F8F7F3) 60%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  color:var(--ink-2,#33415C);opacity:0;animation:ptag 14s ease-in-out infinite}
.gv-aurora .ptag b{font-weight:600;margin-left:6px} .gv-aurora .ptag.up b{color:var(--up,#159a62)} .gv-aurora .ptag.dn b{color:var(--down,#d94b4b)} .gv-aurora .ptag.au b{color:var(--gold-ink,#8a6a2e)}
@keyframes ptag{0%{opacity:0;transform:translateY(14px)}12%{opacity:.95}70%{opacity:.95}100%{opacity:0;transform:translateY(-34px)}}
.gv-aurora .samp{position:absolute;right:20px;bottom:16px;z-index:1;font:500 10px var(--mono,ui-monospace,monospace);letter-spacing:.12em;color:var(--ink-4,#8a93a6)}
@media (prefers-reduced-motion:reduce){ .gv-aurora .aur{animation:none} .gv-aurora .ptag{animation:none;opacity:.85} }
@media (max-width:820px){ .gv-aurora .ptags,.gv-aurora .samp{display:none} }   /* phones: tags would sit on the headline — colour + dots only */
/* landing hero layout (was hero_test.css) */
.h4x{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - var(--nav-h));display:grid;align-items:center;background:var(--paper);border-bottom:1px solid var(--hair)}
.h4x-copy{position:relative;z-index:2;width:var(--shell);margin:0 auto;padding:72px 0 96px;text-align:center}
.h4x-copy .eyebrow{margin-bottom:22px}
.h4x-copy .display{margin:0 auto;font-size:clamp(42px,5.6vw,84px);line-height:1.02;letter-spacing:-.01em}
.h4x-copy .lede{margin:22px auto 0;max-width:56ch}
.h4x-copy .hero-actions{justify-content:center;margin-top:34px}
.h4x-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.h4x-chips span{font:500 11px var(--mono);letter-spacing:.06em;color:var(--ink-3);padding:7px 12px;border:1px solid var(--hair-2);border-radius:999px;
  background:color-mix(in srgb,var(--paper) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
/* auth pages: the Aurora replaces the painted journey in the left scene (the copy + brand stay on top) */
/* 10-09 (Siva: "on refresh it shows the previous design first"): hide the painted journey from the FIRST paint (CSS, not after aurora.js
   runs) and give the scene + hero a soft static aurora tint, so nothing old or empty shows before the animation mounts. */
.scene .gv-aurora{z-index:1}
.scene .scene-art{display:none!important}
.scene::before{display:none!important}
.scene,.h4x{background:radial-gradient(60% 50% at 12% 8%,rgba(233,214,168,.45),transparent 70%),radial-gradient(55% 45% at 92% 14%,rgba(191,211,255,.40),transparent 70%),
  radial-gradient(50% 40% at 50% 100%,rgba(217,204,245,.35),transparent 70%),var(--paper,#F8F7F3)}
html.gv-night .h4x{background:radial-gradient(60% 50% at 12% 8%,rgba(122,90,30,.30),transparent 70%),radial-gradient(55% 45% at 92% 14%,rgba(31,74,168,.28),transparent 70%),
  radial-gradient(50% 40% at 50% 100%,rgba(75,46,138,.25),transparent 70%),var(--paper)}