/* Anya Segen · guidance layer — one-time hints + journey pill */

/* toast: a whisper, once per session, about the nearest interactive thing */
.g-toast{position:fixed;left:50%;bottom:1.7rem;transform:translate(-50%,14px);z-index:150;
  display:flex;align-items:center;gap:.6rem;background:rgba(24,17,12,.95);color:#F6F1E8;
  font-family:'JetBrains Mono',monospace;font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;
  padding:.78rem 1.25rem;border-radius:999px;border:1px solid rgba(232,203,143,.28);
  box-shadow:0 14px 36px -14px rgba(0,0,0,.55);
  opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease;
  max-width:90vw;text-align:center;white-space:nowrap}
.g-toast.on{opacity:1;transform:translate(-50%,0)}
.g-toast b{width:.45rem;height:.45rem;border-radius:50%;background:#E8CB8F;flex:0 0 auto;
  animation:gPulse 1.6s ease-in-out infinite}
@keyframes gPulse{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}

/* journey pill: where the flow goes next, appears once you're deep in the page */
.g-next{position:fixed;right:1.4rem;bottom:1.5rem;z-index:140;display:flex;align-items:center;gap:.55rem;
  background:rgba(24,17,12,.95);color:#F6F1E8;text-decoration:none;
  font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;
  padding:.72rem 1.15rem;border-radius:999px;border:1px solid rgba(232,203,143,.28);
  box-shadow:0 12px 30px -12px rgba(0,0,0,.5);
  opacity:0;transform:translateY(12px);pointer-events:none;
  transition:opacity .5s ease,transform .5s ease,background .3s,border-color .3s}
.g-next.on{opacity:1;transform:none;pointer-events:auto}
.g-next:hover{background:#B0541C;border-color:#B0541C;color:#fff}
.g-next .k{opacity:.5}
.g-next .a{color:#E8CB8F}
.g-next:hover .a{color:#fff}

/* pulse ring: marks the first untouched interactive element */
.g-pulse{position:relative}
.g-pulse::after{content:'';position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;
  background:#E8CB8F;pointer-events:none;
  box-shadow:0 0 0 0 rgba(232,203,143,.6);animation:gRing 1.9s ease-out infinite}
@keyframes gRing{0%{box-shadow:0 0 0 0 rgba(232,203,143,.55)}70%{box-shadow:0 0 0 13px rgba(232,203,143,0)}100%{box-shadow:0 0 0 0 rgba(232,203,143,0)}}

@media(prefers-reduced-motion:reduce){
  .g-toast b,.g-pulse::after{animation:none}
}
@media(max-width:640px){
  .g-next{right:.9rem;bottom:.95rem;font-size:.55rem;padding:.62rem .95rem}
  .g-toast{bottom:4rem;white-space:normal}
}

/* cue chip: a labelled pulsing dot pinned to an untouched interactive element */
.g-cue{position:fixed;z-index:120;display:inline-flex;align-items:center;gap:.4rem;
  background:rgba(24,17,12,.93);color:#F6F1E8;font-family:'JetBrains Mono',monospace;
  font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;padding:.4rem .7rem;border-radius:999px;
  border:1px solid rgba(232,203,143,.35);pointer-events:none;opacity:0;transition:opacity .4s ease;
  box-shadow:0 8px 22px -10px rgba(0,0,0,.5);white-space:nowrap}
.g-cue b{width:.38rem;height:.38rem;border-radius:50%;background:#E8CB8F;animation:gPulse 1.6s ease-in-out infinite}
.g-cue.off{opacity:0 !important}

/* homepage section rail */
.g-rail{position:fixed;right:1.1rem;top:50%;transform:translateY(-50%);z-index:110;
  display:flex;flex-direction:column;gap:.85rem;opacity:0;pointer-events:none;transition:opacity .5s ease}
.g-rail.on{opacity:1;pointer-events:auto}
.g-rail a{display:flex;align-items:center;gap:.5rem;flex-direction:row-reverse;text-decoration:none}
.g-rail i{width:.5rem;height:.5rem;border-radius:50%;background:rgba(27,20,16,.25);transition:background .3s,transform .3s}
.g-rail a.on i{background:#B0541C;transform:scale(1.3)}
.g-rail span{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;
  color:#1B1410;opacity:0;transform:translateX(4px);transition:opacity .3s,transform .3s;pointer-events:none}
.g-rail a:hover span,.g-rail a.on span{opacity:.65;transform:none}
@media(max-width:900px){.g-rail{display:none}}

/* accessibility: skip link + visible keyboard focus */
.g-skip{position:fixed;top:-40px;left:1rem;z-index:300;background:#1B1410;color:#F6F1E8;
  font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  padding:.7rem 1.1rem;border-radius:0 0 10px 10px;text-decoration:none;transition:top .25s ease}
.g-skip:focus{top:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid #B0541C;outline-offset:3px;border-radius:4px}