/* Centered ContractIQ welcome composition + restrained metallic guide motion.
   Loaded after ciq-welcome.css. No login or onboarding behavior changes. */
.ciq-welcome-gate {
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  isolation: isolate;
}

.ciq-welcome-copy {
  width: min(920px, calc(100vw - 48px));
  min-height: 100dvh;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: clamp(46px, 7vw, 92px) 24px !important;
  text-align: center;
}

.ciq-welcome-mark {
  width: clamp(132px, 14vw, 205px) !important;
  margin: 0 auto 20px !important;
}

.ciq-welcome-copy h1,
.ciq-welcome-copy > p {
  margin-left: auto;
  margin-right: auto;
}

.ciq-welcome-copy h1 {
  position: relative;
  max-width: 850px;
  font-size: clamp(44px, 5.8vw, 76px) !important;
}

.ciq-welcome-copy > p {
  max-width: 690px;
}

.ciq-welcome-actions {
  justify-content: center;
}

/* The figure lives in the same centered stage, behind no controls. */
.ciq-welcome-visual {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  min-height: 100dvh !important;
  overflow: hidden;
  pointer-events: none;
}

.ciq-welcome-copy { z-index: 2; }

.ciq-welcome-visual::before {
  width: min(72vw, 760px) !important;
  opacity: .75;
}

/* Slimmer metallic figure, closer to the supplied stick-figure direction. */
.ciq-chrome-figure {
  position: absolute !important;
  left: 50%;
  top: 50%;
  width: 118px !important;
  height: 230px !important;
  transform-origin: 50% 100%;
  opacity: 0;
  filter:
    drop-shadow(0 18px 28px rgba(0,0,0,.52))
    drop-shadow(0 0 13px rgba(188,229,255,.38)) !important;
  animation: ciq-guide-arrival 2.65s cubic-bezier(.2,.72,.2,1) .25s forwards;
}

.ciq-chrome-head,
.ciq-chrome-body,
.ciq-chrome-arm,
.ciq-chrome-leg {
  border: 1px solid rgba(255,255,255,.9) !important;
  background: linear-gradient(115deg,#f8fdff 0%,#71889b 22%,#ffffff 45%,#405769 67%,#dceefa 100%) !important;
  box-shadow:
    inset 4px 4px 8px rgba(255,255,255,.5),
    inset -5px -7px 10px rgba(3,14,24,.48),
    0 0 13px rgba(168,220,255,.24) !important;
}

.ciq-chrome-head {
  top: 4px !important;
  left: 38px !important;
  width: 45px !important;
  height: 45px !important;
  border-radius: 50% !important;
}
.ciq-chrome-head::before { display:none !important; }

.ciq-chrome-body {
  top: 52px !important;
  left: 51px !important;
  width: 18px !important;
  height: 83px !important;
  border-radius: 11px !important;
  transform: rotate(-3deg) !important;
}

.ciq-chrome-arm {
  top: 61px !important;
  width: 14px !important;
  height: 76px !important;
  border-radius: 10px !important;
}
.ciq-chrome-arm.left {
  left: 32px !important;
  transform: rotate(24deg) !important;
}
.ciq-chrome-arm.right {
  right: 30px !important;
  transform: rotate(-36deg) !important;
}
.ciq-chrome-arm::after {
  bottom: -5px !important;
  left: -3px !important;
  width: 18px !important;
  height: 18px !important;
}

.ciq-chrome-leg {
  top: 128px !important;
  width: 16px !important;
  height: 92px !important;
  border-radius: 10px !important;
}
.ciq-chrome-leg.left {
  left: 43px !important;
  transform: rotate(7deg) !important;
}
.ciq-chrome-leg.right {
  right: 40px !important;
  transform: rotate(-12deg) !important;
}

.ciq-chrome-fold {
  z-index: 4;
  top: 89px !important;
  left: 27px !important;
  width: 72px !important;
  height: 10px !important;
  transform: rotate(-8deg) !important;
  opacity: .96;
}

/* Starts near the Q mark, takes two understated steps, then leans by the heading. */
@keyframes ciq-guide-arrival {
  0% {
    opacity: 0;
    transform: translate(-330px,-205px) scale(.38) rotate(-8deg);
  }
  16% {
    opacity: .95;
    transform: translate(-292px,-154px) scale(.55) rotate(3deg);
  }
  38% {
    transform: translate(-206px,-86px) scale(.72) rotate(-3deg);
  }
  58% {
    transform: translate(-112px,-42px) scale(.86) rotate(2deg);
  }
  78% {
    transform: translate(302px,-58px) scale(.93) rotate(-4deg);
  }
  100% {
    opacity: 1;
    transform: translate(322px,-69px) scale(.93) rotate(-8deg);
  }
}

@media (max-width: 1050px) {
  .ciq-chrome-figure {
    animation-name: ciq-guide-arrival-tablet;
  }
  @keyframes ciq-guide-arrival-tablet {
    0% { opacity:0; transform:translate(-240px,-190px) scale(.38) rotate(-8deg); }
    45% { opacity:.96; transform:translate(-95px,-70px) scale(.68) rotate(2deg); }
    100% { opacity:1; transform:translate(248px,-58px) scale(.82) rotate(-8deg); }
  }
}

@media (max-width: 760px) {
  .ciq-welcome-copy {
    width: min(100%, calc(100vw - 24px));
    padding: 38px 18px !important;
  }
  .ciq-welcome-copy h1 { font-size: clamp(39px, 12vw, 58px) !important; }
  .ciq-chrome-figure {
    top: 37%;
    animation: none !important;
    opacity: .28;
    transform: translate(150px,-55px) scale(.65) rotate(-8deg) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ciq-chrome-figure {
    animation: none !important;
    opacity: 1;
    transform: translate(322px,-69px) scale(.93) rotate(-8deg);
  }
}

/* Placeholder guide removed. Preserve the welcome layout and login experience unchanged. */
.ciq-chrome-figure {
  display: none !important;
}