/* Keep the first screen readable before optional animation and without JS. */
html, body.sam-static-home { overflow-x:clip; }
/* The document scrolls. A second (unscrolled) body scroll container prevents
   every nested sticky scene from following the viewport. */
body.sam-static-home { overflow-y:visible !important; }
.sam-static-home #pwb-loading-wrap, .sam-static-home .sam-landing-orb-loader { display:none !important; }
.sam-static-home .sam-reveal { opacity:1 !important; visibility:visible !important; transform:none !important; }
.sam-static-home #i84ba { background:radial-gradient(ellipse at 75% 40%,rgba(32,209,158,.13),transparent 55%); }
.sam-case-details { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.sam-case-details a { color:#a4f4cd; padding:12px 16px; border:1px solid #30443e; border-radius:10px; text-decoration:none; }
.sam-static-home .sam-workspace-window img { aspect-ratio:16/10; object-fit:cover; object-position:top; }
@media(prefers-reduced-motion:reduce) { .sam-static-home *, .sam-static-home *::before,.sam-static-home *::after { animation:none !important; scroll-behavior:auto !important; } }


.sam-static-home #pwb-body-wrap { opacity:1 !important; max-height:none !important; overflow:visible !important; }

.sam-static-home #i84ba { height:auto !important; min-height:85svh; margin-bottom:48px !important; padding-top:140px; padding-bottom:48px; justify-content:center !important; pointer-events:auto; }
@media(max-width:820px){.sam-static-home #i84ba { min-height:0; padding-top:130px; padding-bottom:30px; }}
.sam-static-home #pwb-body-wrap a.pwb-flex-grid-wrap {text-decoration:none;color:inherit;cursor:pointer;}
.sam-static-home .sam-live-work { position:relative !important; inset:auto !important; width:100% !important; max-width:520px; margin:0 0 28px; }

/* This preview is rendered on the server. Its optional legacy animation is not
   loaded on the static homepage, so it must never reserve an invisible runway. */
.sam-static-home #ilwyn-2-2-2-3 { padding-bottom:64px; }
.sam-static-home #pw-unlocking-block { height:auto; min-height:0; padding:48px 32px 64px; }
.sam-static-home #pw-unlocking-block .pw-unlock-stage {
  position:relative; top:auto; display:grid; width:min(1200px,100%);
  height:auto; gap:28px; overflow:visible; perspective:none;
}
.sam-static-home #pw-unlocking-block .pw-unlock-fan {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
  width:100% !important; height:auto; aspect-ratio:auto; margin:0; transform:none; transform-style:flat;
}
.sam-static-home #pw-unlocking-block .pw-unlock-fan::before {
  position:static; grid-column:1 / -1; width:auto; margin-bottom:4px;
  opacity:1; transform:none; white-space:normal; line-height:1.5;
}
.sam-static-home #pw-unlocking-block .pw-unlock-card {
  position:relative; inset:auto; width:100%; aspect-ratio:1.6;
  opacity:1; transform:none; transform-style:flat; will-change:auto;
}
.sam-static-home #pw-unlocking-block .pw-unlock-card figcaption { padding-inline:10px; }
.sam-static-home #pw-unlocking-block .pw-unlock-card figcaption > small { display:none; }
.sam-static-home #pw-unlocking-block .pw-unlock-card img { min-height:0; }
.sam-static-home #pw-unlocking-block .pw-unlock-stage .pw-unlock-copy {
  position:relative; inset:auto; width:100%; gap:24px; padding:24px !important;
  opacity:1; translate:none; transform:none; pointer-events:auto;
}
.sam-static-home #pw-unlocking-block .pw-unlock-title { max-width:none !important; font-size:clamp(26px,3vw,38px); line-height:1.14; }
@media(max-width:820px) { .sam-static-home #ilwyn-2-2-2-3 { padding-bottom:40px; } }
@media(max-width:600px) {
  .sam-static-home #pw-unlocking-block { padding:32px 12px 40px; }
  .sam-static-home #pw-unlocking-block .pw-unlock-stage { gap:20px; }
  .sam-static-home #pw-unlocking-block .pw-unlock-fan { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .sam-static-home #pw-unlocking-block .pw-unlock-card.is-hero { grid-column:1 / -1; }
  .sam-static-home #pw-unlocking-block .pw-unlock-card figcaption > span { margin-left:0; font-size:9px; }
  .sam-static-home #pw-unlocking-block .pw-unlock-stage .pw-unlock-copy { padding:20px !important; gap:16px; }
  .sam-static-home #pw-unlocking-block .pw-unlock-title { font-size:29px; }
}

/* Small/short viewports and reduced motion use normal document flow. There is
   no reason to retain the tall animation runway when a scene cannot be pinned
   without hiding its controls or text. */
@media (max-width:820px), (max-height:700px), (prefers-reduced-motion:reduce) {
  body.sam-static-home #pwb-body-wrap .sam-reframe-host {
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .sam-static-home .sam-reframe-host > .sam-reframe,
  .sam-static-home .sam-workspace-story,
  .sam-static-home .sam-route-story,
  .sam-static-home .sam-capabilities-story,
  .sam-static-home .sam-cost-story,
  .sam-static-home .sam-connect-story,
  .sam-static-home .sam-team-story {
    height:auto;
  }
  .sam-static-home .sam-workspace-story__sticky,
  .sam-static-home .sam-route-story__sticky,
  .sam-static-home .sam-capabilities-story__sticky,
  .sam-static-home .sam-cost-story__sticky,
  .sam-static-home .sam-cases-story {
    position:relative;
    top:auto;
    height:auto;
    padding-top:40px;
    padding-bottom:40px;
  }
  .sam-static-home .sam-workspace-story__body,
  .sam-static-home .sam-workspace-window,
  .sam-static-home .sam-prompt-console {
    height:auto;
    min-height:0;
  }
  .sam-static-home .sam-workspace-window__media { aspect-ratio:16/10; }
  .sam-static-home .sam-prompt-sentinels,
  .sam-static-home .sam-route-sentinels,
  .sam-static-home .sam-capability-sentinels { display:none; }
}