/* NameVerity premium system v1 — staging-only, reversible.
   Visual properties only. Never change display, visibility, position, navigation,
   form flow, generation, or saved-project control state here. */
:root {
  --verity-ink: #192b43;
  --verity-muted: #53647a;
  --verity-focus: #285f91;
  --verity-edge: rgba(29,49,73,.16);
  --verity-radius: 20px;
  --verity-ease: cubic-bezier(.2,.7,.2,1);
}
:where(.vertical-baby,.vertical-pet,.vertical-business,.vertical-boat) {
  --verity-elevation: 0 14px 40px rgba(20,37,59,.085);
}
:where(.vertical-baby,.vertical-pet,.vertical-business,.vertical-boat)
:is(.baby-welcome,.progress-panel,.result-card,.bottom-next-panel,.baby-saved-progress,.pet-premium-panel) {
  border-radius: var(--verity-radius);
}
:where(.vertical-baby,.vertical-pet,.vertical-business,.vertical-boat)
:is(.result-card,.baby-welcome,.baby-saved-progress,.pet-premium-panel) {
  box-shadow: var(--verity-elevation);
}
:where(.vertical-baby,.vertical-pet,.vertical-business,.vertical-boat)
:is(button,a,input,textarea,select):focus-visible,
.site-header :is(button,a):focus-visible,
.site-footer a:focus-visible {
  outline: 3px solid var(--verity-focus);
  outline-offset: 3px;
}
:where(.vertical-baby,.vertical-pet,.vertical-business,.vertical-boat)
:is(input,textarea,select) {
  accent-color: var(--verity-ink);
}
:where(.vertical-baby,.vertical-pet,.vertical-business,.vertical-boat)
:is(.baby-welcome h1,.bottom-next-panel h2,.results-heading h1) {
  text-wrap: balance;
}
.vertical-baby {
  --verity-baby-blue: #a8c9df;
  --verity-baby-lavender: #ccd6e7;
  --verity-baby-blush: #e9b9b7;
  --verity-baby-navy: #243e59;
}
.vertical-baby .baby-welcome {
  background:
    radial-gradient(circle at 88% 13%, rgba(233,185,183,.30), transparent 33%),
    radial-gradient(circle at 11% 93%, rgba(168,201,223,.29), transparent 41%),
    linear-gradient(135deg,#fcfefe 0%,#edf4fa 47%,#f7edf4 100%);
  border-color: rgba(88,127,164,.24);
  box-shadow: 0 24px 76px rgba(34,65,94,.10);
}
.vertical-baby .baby-welcome::after {
  background: linear-gradient(135deg,rgba(168,201,223,.24),rgba(233,185,183,.18));
}
.vertical-baby .baby-welcome::before {
  border-color: rgba(88,127,164,.21);
  box-shadow: 34px 28px 0 -1px rgba(233,185,183,.11),
             -24px 46px 0 -1px rgba(168,201,223,.13);
}
.vertical-baby .baby-welcome h1 { color: #243e59; }
.vertical-baby .baby-welcome-copy { color: #43556c; }
.vertical-baby .baby-welcome-time {
  color: #334b65;
  border-color: rgba(88,127,164,.25);
}
.vertical-baby .baby-welcome-time span { color: #345c7c; }
.vertical-baby .progress-panel {
  background: linear-gradient(130deg,#f4f9fd 0%,#dce8f2 42%,#e5dfed 70%,#f0d4d4 100%);
  border-color: rgba(77,112,146,.25);
  border-top-color: #416887;
}
.vertical-baby .result-card {
  border-color: rgba(69,109,146,.20);
}
.vertical-baby .bottom-next-panel {
  border-left-color: #537fa3;
}
@media (max-width: 670px) {
  :where(.vertical-baby,.vertical-pet,.vertical-business,.vertical-boat)
  :is(.baby-welcome,.progress-panel,.result-card,.bottom-next-panel) {
    border-radius: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.vertical-baby,.vertical-pet,.vertical-business,.vertical-boat)
  :is(button,a,.result-card) {
    transition-duration: 0s !important;
    animation-duration: 0s !important;
  }
}