.play-hub .play-hero{grid-template-columns:minmax(0,1fr);padding-bottom:clamp(2rem,4vw,3.5rem)}.play-hub .play-hero__scope{max-width:48rem}.play-hub #guide-title{font-size:clamp(1.7rem,2.5vw,2.4rem);line-height:1.35}.play-carousel{width:min(100%,78rem);margin:0 auto clamp(2.5rem,5vw,4rem)}.play-carousel__viewport{border:.12rem solid var(--play-ink);background:var(--color-deep);box-shadow:.4rem .4rem 0 var(--play-blue);display:grid;overflow:hidden}.play-slide{opacity:0;visibility:hidden;transition:opacity .6s var(--motion-ease), visibility 0s linear .6s;grid-area:1/1;display:grid}.play-slide[data-state=active]{opacity:1;visibility:visible;transition:opacity .6s var(--motion-ease)}.play-slide__visual{background:var(--color-pale-sky);grid-area:1/1;height:clamp(20rem,33vw,30rem);position:relative;overflow:hidden}.play-slide__visual img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.play-slide--walkthrough .play-slide__visual{background:var(--color-white);display:grid}.play-slide--walkthrough .play-slide__visual img{object-fit:contain;grid-area:1/1;min-height:0;padding:2rem 3rem 2rem 50%;position:relative}.play-slide--walkthrough .play-slide__visual .play-slide__backdrop{object-fit:cover;padding:0;mask-image:linear-gradient(90deg,#0003 35%,#000000e6 100%)}.play-slide__copy{z-index:1;max-width:min(40rem,62%);color:var(--color-white);background:linear-gradient(90deg,#061c58f0 0%,#061c58e6 68%,#061c5800 100%);grid-area:1/1;align-content:center;gap:.75rem;padding:clamp(1.5rem,4vw,3.5rem) clamp(3rem,9vw,8rem) clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,4vw,3.5rem);display:grid}.play-slide__copy p{margin:0}.play-slide__name{font:700 var(--text-sm) var(--font-family-mono);letter-spacing:.12em}.play-slide__title{word-break:auto-phrase;text-wrap:balance;font-size:clamp(1.5rem,3vw,2.3rem);font-weight:800;line-height:1.35}.play-slide__body{word-break:auto-phrase;line-height:1.8}.play-slide__cta{min-height:3rem;color:var(--color-deep);background:var(--color-white);text-underline-offset:.2em;justify-self:start;align-items:center;gap:.4rem;margin-top:.5rem;padding:.7rem 1.3rem;font-weight:800;text-decoration:none;display:inline-flex}.play-slide__cta:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.25rem;text-decoration:underline}@media (hover:hover){.play-slide__cta:hover{text-decoration:underline}}.play-slide--trial .play-slide__copy{background:linear-gradient(90deg,#2c1e64f0 0%,#2c1e64e6 68%,#2c1e6400 100%)}.play-slide--walkthrough .play-slide__copy{color:var(--color-deep);background:0 0}.play-slide--walkthrough .play-slide__cta{color:var(--color-white);background:var(--color-deep)}.play-slide--walkthrough .play-slide__cta:focus-visible{outline-color:var(--color-deep)}.play-carousel__controls{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.play-carousel:not([data-ready]) .play-carousel__controls{visibility:hidden}.play-carousel__button{border:.12rem solid var(--play-ink);width:2.75rem;height:2.75rem;color:var(--play-ink);background:var(--play-paper);cursor:pointer;place-items:center;padding:0;font-size:1.5rem;font-weight:800;line-height:1;display:grid}.play-carousel__pause span{border-inline:.25rem solid;width:.8rem;height:.9rem}.play-carousel__pause[data-playing=false] span{border:.45rem solid #0000;border-inline:0;border-left:.75rem solid;width:0;height:0;margin-left:.2rem}.play-carousel__dots{display:flex}.play-carousel__dot{cursor:pointer;background:0 0;border:0;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.play-carousel__dot:before{content:"";border:.12rem solid var(--play-ink);width:.75rem;height:.75rem;transition:width var(--motion-fast) var(--motion-ease);border-radius:999px}.play-carousel__dot[aria-current=true]:before{background:var(--play-ink);width:1.6rem}.play-carousel__button:focus-visible,.play-carousel__dot:focus-visible{outline:.2rem solid var(--play-ink);outline-offset:.15rem}.play-hub-entries{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.play-hub-card{border:.12rem solid var(--play-ink);color:var(--play-ink);background:var(--play-paper);box-shadow:.4rem .4rem 0 var(--play-blue);transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.play-hub-card__visual--logo{background:var(--color-white);display:grid}.play-hub-card__visual--logo img{object-fit:contain;grid-area:1/1;min-height:0;padding:1.25rem 2rem;position:relative}.play-hub-card__visual--logo .play-hub-card__backdrop{object-fit:cover;opacity:.8;padding:0}.play-hub-card__body{flex-direction:column;gap:.9rem;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.play-hub-card h2{margin:0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.5}.play-hub-card p{word-break:auto-phrase;margin:0;line-height:1.8}.play-hub-card__summary-phone{display:none}.play-hub-card__facts{border-top:1px solid var(--play-line);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;margin:.25rem 0 0;padding-top:.9rem;line-height:1.6;display:grid}.play-hub-card__facts div{display:contents}.play-hub-card__facts dt{font-weight:800}.play-hub-card__facts dd{margin:0}.play-hub-card .play-hub-card__scope{font-size:var(--text-sm);line-height:1.7}.play-hub-card:focus-visible{box-shadow:.4rem .55rem 0 var(--play-blue);transform:translateY(-2px)}@media (hover:hover){.play-hub-card:hover{box-shadow:.4rem .55rem 0 var(--play-blue);transform:translateY(-2px)}}#walkthrough{scroll-margin-top:7rem}@media not all and (min-width:64rem){.play-carousel,.play-hub-card__summary-wide{display:none}.play-hub-card__summary-phone{display:inline}.play-prelude{padding-left:0}}@media (min-width:64rem){.play-hub-entries{grid-template-columns:repeat(3,minmax(0,1fr))}.play-hub-card{flex-direction:column}.play-hub-card__visual{aspect-ratio:16/9;width:auto}}@media (prefers-reduced-motion:reduce){.play-slide,.play-slide[data-state=active],.play-carousel__dot:before,.play-hub-card{transition:none}.play-hub-card:hover,.play-hub-card:focus-visible{transform:none}}@media not all and (min-width:64rem){.play-hero__scope{margin-bottom:2rem}}
