@layer components{:where(.pg-saas-product) .sp-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;padding-block:72px 0;display:flex}:where(.pg-saas-product) .sp-hero .sheet{justify-content:center}:where(.pg-saas-product) .sp-h1{letter-spacing:-.02em;color:#fff;text-wrap:balance;max-width:15em;font-size:64px;font-weight:600;line-height:68px}:where(.pg-saas-product) .sp-note{letter-spacing:.1em;text-transform:uppercase;color:#b9bec4;border:1px dashed #b9bec480;border-radius:4px;align-items:center;gap:10px;padding:10px 16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:16px;display:inline-flex}:where(.pg-saas-product) .sp-shot{z-index:1;width:100%;margin-top:40px;margin-bottom:-240px;position:relative}:where(.pg-saas-product) .sp-frame{border-radius:4px}:where(.pg-saas-product) .ph{color:#efc9b1;font-weight:inherit}:where(.pg-saas-product) .vp li{border-top:1px solid var(--line);grid-template-columns:56px minmax(0,1fr);gap:4px 16px;padding:24px 0;display:grid}:where(.pg-saas-product) .vp li:last-child{border-bottom:1px solid var(--line)}:where(.pg-saas-product) .vp .n{letter-spacing:.12em;color:var(--navy);grid-row:span 2;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;line-height:26px}:where(.pg-saas-product) .users{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:64px;display:grid}:where(.pg-saas-product) .users li{border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:baseline;gap:8px 40px;padding:28px 0;display:grid}:where(.pg-saas-product) .users li:last-child{border-bottom:1px solid var(--line)}:where(.pg-saas-product) .users h3{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:32px}:where(.pg-saas-product) .how{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;display:grid}:where(.pg-saas-product) .how li{border-top:1px solid #ffffff24;flex-direction:column;gap:8px;padding-top:18px;display:flex}:where(.pg-saas-product) .demo{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;gap:24px;display:grid}:where(.pg-saas-product) .demo ol li{border-top:1px solid var(--line);color:var(--text);grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 0;font-size:16px;line-height:25px;display:grid}:where(.pg-saas-product) .demo ol li b{color:var(--navy);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;font-weight:500}:where(.pg-saas-product) .tbc{color:var(--cyanink);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}:where(.pg-saas-product) .pubnote{border:1px solid var(--line);border-left:4px solid var(--navy);background:#fff;border-radius:4px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;padding:24px 28px;display:grid}:where(.pg-saas-product) .sp-after{padding-block:344px 104px}:where(.pg-saas-product) .sp-stick{position:sticky;top:120px}:where(.pg-saas-product) .demo-p{padding:36px 40px}:where(.pg-saas-product) .cta-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:48px;display:grid}@media (max-width:1100px){:where(.pg-saas-product) .sp-h1{font-size:56px;line-height:60px}:where(.pg-saas-product) .sp-shot{margin-bottom:-160px}:where(.pg-saas-product) .sp-after{padding-top:264px}:where(.pg-saas-product) .sp-stick{position:static}:where(.pg-saas-product) .users{grid-template-columns:minmax(0,1fr);gap:32px}:where(.pg-saas-product) .demo,:where(.pg-saas-product) .cta-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){:where(.pg-saas-product) .how{grid-template-columns:minmax(0,1fr);gap:24px}:where(.pg-saas-product) .users li{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){:where(.pg-saas-product) .sp-hero{text-align:left;align-items:stretch;gap:20px;padding-top:48px}:where(.pg-saas-product) .sp-hero .sheet{justify-content:flex-start}:where(.pg-saas-product) .sp-h1{letter-spacing:-.02em;font-size:40px;line-height:44px}:where(.pg-saas-product) .sp-note{text-align:left;align-self:flex-start;font-size:11px}:where(.pg-saas-product) .cta-row{flex-direction:column;align-items:stretch}:where(.pg-saas-product) .sp-shot{margin-top:24px;margin-bottom:-120px}:where(.pg-saas-product) .sp-after{padding-block:184px 80px}:where(.pg-saas-product) .demo-p{padding:28px 22px}:where(.pg-saas-product) .sp-frame{overflow:hidden;box-shadow:0 30px 60px -20px #00000080}:where(.pg-saas-product) .sp-frame svg{width:1236px;max-width:none;margin-left:-890px}:where(.pg-saas-product) .vp li,:where(.pg-saas-product) .users li{padding:22px 0}:where(.pg-saas-product) .users h3{font-size:22px;line-height:28px}:where(.pg-saas-product) .small{font-size:16px;line-height:25px}:where(.pg-saas-product) .pubnote{grid-template-columns:minmax(0,1fr);padding:20px}}}