/* HALO ALEIA — continuation cue
   Purpose: make it obvious that the landing page continues without looking like a browser instruction. */

.aleia-continuation-cue{
  position:fixed;
  z-index:1180;
  left:0;
  right:0;
  bottom:0;
  height:92px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:0 16px calc(12px + env(safe-area-inset-bottom));
  pointer-events:none;
  opacity:1;
  transition:opacity .20s ease,transform .20s ease
}
.aleia-continuation-cue.is-leaving{
  opacity:0;
  transform:translateY(7px)
}
.aleia-continuation-fade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(18,20,45,0),rgba(18,20,45,.60) 58%,rgba(18,20,45,.88))
}
.aleia-continuation-button{
  position:relative;
  z-index:1;
  min-width:150px;
  min-height:52px;
  display:grid;
  grid-template-columns:1fr 20px;
  grid-template-areas:
    "line line"
    "label chevron";
  align-items:center;
  gap:1px 8px;
  padding:5px 14px 7px;
  border:0;
  border-radius:18px;
  background:rgba(27,25,59,.72);
  box-shadow:0 10px 28px rgba(7,5,24,.22),inset 0 0 0 1px rgba(224,206,250,.08);
  backdrop-filter:blur(8px);
  color:#d8c7ef;
  pointer-events:auto;
  cursor:pointer
}
.aleia-continuation-line{
  grid-area:line;
  display:grid;
  grid-template-columns:10px 1fr 10px;
  align-items:center;
  gap:5px;
  color:#aa8cd0;
  font-size:6px;
  opacity:.80
}
.aleia-continuation-line b{
  display:block;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(199,169,237,.50),transparent)
}
.aleia-continuation-line i,
.aleia-continuation-line em{font-style:normal}
.aleia-continuation-button strong{
  grid-area:label;
  justify-self:end;
  font-size:6.7px;
  line-height:1;
  letter-spacing:.17em;
  font-weight:850;
  white-space:nowrap
}
.aleia-continuation-chevron{
  grid-area:chevron;
  justify-self:start;
  font-size:18px;
  line-height:.8;
  color:#e6d9f6;
  animation:aleiaCueNudge .72s cubic-bezier(.35,.1,.25,1) 2
}
@keyframes aleiaCueNudge{
  0%,100%{transform:translateY(-1px)}
  50%{transform:translateY(4px)}
}

@media(max-width:520px){
  .aleia-continuation-cue{
    height:80px;
    padding-bottom:calc(9px + env(safe-area-inset-bottom))
  }
  .aleia-continuation-button{
    min-height:47px;
    min-width:142px;
    padding:4px 12px 6px;
    border-radius:16px;
    backdrop-filter:blur(6px)
  }
  .aleia-continuation-button strong{font-size:6.3px}
  .aleia-continuation-chevron{font-size:17px}
}

@media(prefers-reduced-motion:reduce){
  .aleia-continuation-cue{transition:none}
  .aleia-continuation-chevron{animation:none}
}