/* 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(560px,78vh,820px);
  display:grid;
  align-items:center;
  padding:clamp(72px,10vw,144px) var(--wtds-page-gutter,24px);
  background:
    radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--wtds-action,#111827) 10%,transparent),transparent 30%),
    var(--wtds-surface,#fff);
  color:var(--wtds-ink,#111827);
  overflow:hidden;
}
.wapu-home-empty__inner{
  width:min(1184px,100%);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
  gap:clamp(48px,8vw,112px);
  align-items:center;
}
.wapu-home-empty__copy{max-width:640px}
.wapu-home-empty__eyebrow{
  margin:0 0 16px;
  font:600 12px/1.2 var(--wtds-font-text,Manrope,sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--wtds-text-muted,#6b7280);
}
.wapu-home-empty__title{
  margin:0;
  max-width:12ch;
  font-family:var(--wtds-font-display,Poppins,sans-serif);
  font-size:clamp(52px,8vw,108px);
  font-weight:600;
  letter-spacing:-.06em;
  line-height:.92;
  text-wrap:balance;
}
.wapu-home-empty__text{
  max-width:52ch;
  margin:24px 0 0;
  font:400 clamp(16px,1.5vw,19px)/1.65 var(--wtds-font-text,Manrope,sans-serif);
  color:var(--wtds-text-muted,#6b7280);
}
.wapu-home-empty__cta{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:32px;
  padding:14px 20px;
  border:1px solid var(--wtds-ink,#111827);
  border-radius:999px;
  background:var(--wtds-ink,#111827);
  color:var(--wtds-surface,#fff);
  text-decoration:none;
  font:600 14px/1 var(--wtds-font-text,Manrope,sans-serif);
  transition:transform .2s ease,opacity .2s ease;
}
.wapu-home-empty__cta:hover{transform:translateY(-2px);opacity:.88}
.wapu-home-empty__cta:focus-visible{outline:3px solid color-mix(in srgb,var(--wtds-action,#111827) 35%,transparent);outline-offset:4px}
.wapu-home-empty__visual{
  position:relative;
  min-height:430px;
  isolation:isolate;
}
.wapu-home-empty__card{
  position:absolute;
  width:min(280px,62%);
  aspect-ratio:4/5;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:24px;
  border:1px solid color-mix(in srgb,var(--wtds-ink,#111827) 10%,transparent);
  border-radius:32px;
  background:color-mix(in srgb,var(--wtds-surface,#fff) 94%,var(--wtds-action,#111827) 6%);
  box-shadow:0 28px 80px rgba(15,23,42,.09);
  font-family:var(--wtds-font-text,Manrope,sans-serif);
}
.wapu-home-empty__card span{font-size:12px;letter-spacing:.12em;color:var(--wtds-text-muted,#6b7280)}
.wapu-home-empty__card strong{font:600 clamp(28px,4vw,46px)/.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,#111827);color:var(--wtds-surface,#fff)}
.wapu-home-empty__card--two span{color:color-mix(in srgb,var(--wtds-surface,#fff) 65%,transparent)}
.wapu-home-empty__orb{
  position:absolute;
  z-index:3;
  left:50%;top:49%;
  width:88px;height:88px;
  display:grid;place-items:center;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:var(--wtds-action,#111827);
  color:var(--wtds-surface,#fff);
  box-shadow:0 18px 50px rgba(15,23,42,.18);
  font:700 34px/1 var(--wtds-font-display,Poppins,sans-serif);
}
@media (max-width:820px){
  .wapu-home-empty{padding-top:72px;min-height:auto}
  .wapu-home-empty__inner{grid-template-columns:1fr;gap:56px}
  .wapu-home-empty__title{font-size:clamp(50px,15vw,82px)}
  .wapu-home-empty__visual{min-height:340px;max-width:520px;width:100%;margin-inline:auto}
  .wapu-home-empty__card{width:min(230px,58%);border-radius:24px;padding:20px}
  .wapu-home-empty__orb{width:72px;height:72px;font-size:28px}
}
@media (prefers-reduced-motion:reduce){.wapu-home-empty__cta{transition:none}}