/* Home host shell · v7.1.0
 * Playground owns composed home content. These styles only cover the neutral
 * empty-state fallback rendered when no composition/page content exists.
 */
.wapu-home-empty{
  min-height:clamp(35rem,78vh,51.25rem);
  display:grid;
  align-items:center;
  padding:clamp(4.5rem,10vw,9rem) var(--wtds-page-gutter,1.5rem);
  background:
    radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--wtds-action) 10%,transparent),transparent 30%),
    var(--wtds-surface);
  color:var(--wtds-ink);
  overflow:hidden;
}
.wapu-home-empty__inner{
  width:min(74rem,100%);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr);
  gap:clamp(3rem,8vw,7rem);
  align-items:center;
}
.wapu-home-empty__copy{max-width:40rem}
.wapu-home-empty__eyebrow{
  margin:0 0 1rem;
  font:600 .75rem/1.2 var(--wtds-font-text,Manrope,sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--wtds-text-muted);
}
.wapu-home-empty__title{
  margin:0;
  max-width:12ch;
  font-family:var(--wtds-font-display,Poppins,sans-serif);
  font-size:clamp(3.25rem,8vw,6.75rem);
  font-weight: var(--wtds-fw-medium);
  letter-spacing:-.06em;
  line-height:.92;
  text-wrap:balance;
}
.wapu-home-empty__text{
  max-width:52ch;
  margin:1.5rem 0 0;
  font:400 clamp(1rem,1.5vw,1.1875rem)/1.65 var(--wtds-font-text,Manrope,sans-serif);
  color:var(--wtds-text-muted);
}
.wapu-home-empty__cta{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  margin-top:2rem;
  padding:.875rem 1.25rem;
  border:1px solid var(--wtds-ink);
  border-radius:62.4375rem;
  background:var(--wtds-ink);
  color:var(--wtds-surface);
  text-decoration:none;
  font:600 .875rem/1 var(--wtds-font-text,Manrope,sans-serif);
  transition:transform .2s ease,opacity .2s ease;
}
.wapu-home-empty__cta:hover{transform:translateY(-.125rem);opacity:.88}
.wapu-home-empty__cta:focus-visible{outline:.1875rem solid color-mix(in srgb,var(--wtds-action) 35%,transparent);outline-offset:.25rem}
.wapu-home-empty__visual{
  position:relative;
  min-height:26.875rem;
  isolation:isolate;
}
.wapu-home-empty__card{
  position:absolute;
  width:min(17.5rem,62%);
  aspect-ratio:4/5;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:1.5rem;
  border:1px solid color-mix(in srgb,var(--wtds-ink) 10%,transparent);
  border-radius:2rem;
  background:color-mix(in srgb,var(--wtds-surface) 94%,var(--wtds-action) 6%);
  box-shadow:0 1.75rem 5rem var(--wtds-shadow-color-soft);
  font-family:var(--wtds-font-text,Manrope,sans-serif);
}
.wapu-home-empty__card span{font-size:.75rem;letter-spacing:.12em;color:var(--wtds-text-muted)}
.wapu-home-empty__card strong{font:600 clamp(1.75rem,4vw,2.875rem)/.95 var(--wtds-font-display,Poppins,sans-serif);letter-spacing:-.045em}
.wapu-home-empty__card--one{left:2%;top:5%;transform:rotate(-7deg)}
.wapu-home-empty__card--two{right:1%;bottom:2%;transform:rotate(7deg);background:var(--wtds-ink);color:var(--wtds-surface)}
.wapu-home-empty__card--two span{color:color-mix(in srgb,var(--wtds-surface) 65%,transparent)}
.wapu-home-empty__orb{
  position:absolute;
  z-index:3;
  left:50%;top:49%;
  width:5.5rem;height:5.5rem;
  display:grid;place-items:center;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:var(--wtds-action);
  color:var(--wtds-surface);
  box-shadow:0 1.125rem 3.125rem var(--wtds-shadow-color-medium);
  font:700 2.125rem/1 var(--wtds-font-display,Poppins,sans-serif);
}
@media (max-width:51.25rem){
  .wapu-home-empty{padding-top:4.5rem;min-height:auto}
  .wapu-home-empty__inner{grid-template-columns:1fr;gap:3.5rem}
  .wapu-home-empty__title{font-size:clamp(3.125rem,15vw,5.125rem)}
  .wapu-home-empty__visual{min-height:21.25rem;max-width:32.5rem;width:100%;margin-inline:auto}
  .wapu-home-empty__card{width:min(14.375rem,58%);border-radius:1.5rem;padding:1.25rem}
  .wapu-home-empty__orb{width:4.5rem;height:4.5rem;font-size:1.75rem}
}
@media (prefers-reduced-motion:reduce){.wapu-home-empty__cta{transition:none}}