.pd-browser{border:1px solid var(--color-stone);background:var(--color-paper);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px #06302c59}.pd-browser-bar{border-bottom:1px solid var(--color-stone);background:var(--color-surface);align-items:center;gap:6px;height:2rem;padding-inline:.875rem;display:flex}.pd-browser-bar i{background:var(--color-stone);border-radius:99px;width:8px;height:8px}.on-dark .pd-browser{box-shadow:0 -20px 80px -20px color-mix(in oklab, var(--color-acc) 45%, transparent);background:#1c1c20;border-color:#ffffff1a}.on-dark .pd-browser-bar{background:linear-gradient(#232327,#1c1c20);border-color:#ffffff14}.on-dark .pd-browser-bar i{background:#ffffff2e}.pd-phone{background:var(--color-night);border-radius:2.25rem;width:min(18rem,70vw);padding:.5rem;box-shadow:0 30px 60px -30px #06302c73}.pd-phone-screen{aspect-ratio:390/700;background:var(--color-surface);border-radius:1.75rem;overflow:hidden}.pd-hero-panel{padding-top:3rem}.pd-hero-shot{margin-inline:auto;border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:68rem;margin-bottom:-18%}@media (min-width:48rem){.pd-hero-panel{padding-top:4.5rem}}.pd-stage{background:var(--color-paper-2);border-radius:20px;place-items:center;padding:1.5rem;display:grid;overflow:hidden}@media (min-width:48rem){.pd-stage{border-radius:24px;padding:2rem}}.pd-step-num{border:1.5px solid var(--color-acc-line);color:#0a6c62;border-radius:99px;place-items:center;width:2.25rem;height:2.25rem;font-size:.9375rem;font-weight:560;display:inline-grid}.pd-points.pillar-examples{grid-template-columns:minmax(0,1fr)}.pd-features{border-top:1px solid var(--color-stone);gap:0 2rem;display:grid}.pd-features li{border-bottom:1px solid var(--color-stone);padding:1.5rem 0 1.75rem}@media (min-width:48rem){.pd-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.pd-features{grid-template-columns:repeat(4,minmax(0,1fr))}}