@layer components{.wo-project .wo-title{font-size:clamp(3rem,9vw,9.5rem)}.pj-intro{gap:1.25rem;display:grid}@media (min-width:900px){.pj-intro{grid-template-columns:6fr 6fr;align-items:end;gap:3rem}}.pj-lead{max-width:34rem;color:var(--color-ink-soft);text-wrap:pretty;font-size:1.0625rem;line-height:1.55}.pj-views{margin-top:3rem;padding-bottom:2rem;display:grid;position:relative}.pj-desktop,.pj-phone{margin:0}.pj-desktop figcaption,.pj-phone figcaption{color:var(--color-ink-muted);margin-top:.75rem;font-size:.8125rem}.pj-frame{aspect-ratio:16/10;box-shadow:0 0 0 1px var(--color-line), 0 40px 80px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:14px;position:relative;overflow:hidden}.pj-frame img,.pj-phone-frame img{object-fit:cover}.pj-phone{justify-self:end;width:min(15rem,46%);margin-top:-4.5rem;margin-right:1rem}.pj-phone-frame{aspect-ratio:390/844;border:7px solid var(--color-ink);background:var(--color-ink);box-shadow:0 40px 80px -30px color-mix(in srgb, var(--color-ink) 55%, transparent);border-radius:30px;position:relative;overflow:hidden}@media (min-width:900px){.pj-views{grid-template-columns:1fr auto;align-items:end}.pj-desktop{grid-column:1/-1;width:78%}.pj-phone{width:min(17rem,22%);margin:0;position:absolute;bottom:0;right:4%}}.pj-features{margin-top:4.5rem}.pj-features-head{gap:1rem;display:grid}@media (min-width:900px){.pj-features-head{grid-template-columns:6fr 6fr;align-items:end;gap:3rem}}.pj-features-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:750;font-stretch:118%;line-height:1}.pj-feature-list{gap:2rem 3rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.pj-feature-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pj-feature-list{grid-template-columns:repeat(3,1fr)}}.pj-feature{border-top:1px solid var(--color-line);padding-top:1.1rem}.pj-feature-tag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);font-size:.6875rem}.pj-feature-name{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin-top:.55rem;font-size:1.25rem;font-weight:700;font-stretch:112%;line-height:1.15}.pj-feature-text{color:var(--color-ink-soft);text-wrap:pretty;margin-top:.6rem;font-size:.9375rem;line-height:1.55}.pj-facts{border-top:1px solid var(--color-line);gap:1.5rem 3rem;margin:3.5rem 0 0;padding-top:2rem;display:grid}@media (min-width:640px){.pj-facts{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pj-facts{grid-template-columns:repeat(4,1fr)}}.pj-facts dt{color:var(--color-ink-muted);font-size:.8125rem}.pj-facts dd{margin:.35rem 0 0;font-weight:600}.pj-live{color:var(--color-accent)}.pj-frame img{object-position:50% 0%}.pj-chips{gap:.4rem;display:flex}.pj-chip{width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 14%, transparent);border-radius:50%}.pj-cta{background:var(--color-ink);color:var(--color-paper)}.pj-cta :focus-visible{outline-color:var(--color-accent-bright)}.pj-cta-lead{color:var(--color-fog);margin-top:1rem;font-size:1.125rem}.pj-cta-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2rem;display:flex}}