.ph-hero{padding:68px 0 46px}.ph-hero h1{font-size:clamp(48px,6.3vw,86px);max-width:1100px;line-height:1.04;letter-spacing:-.055em;margin:22px 0}.ph-hero h1 em{color:#5636a5}.ph-dek{font-size:21px;line-height:1.6;max-width:850px}.ph-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #d6d9cd;margin-top:40px;padding-top:24px}.ph-meta dt{font-size:11px;letter-spacing:.12em;margin-bottom:9px}.ph-meta dd{margin:0;font-size:15px}.ph-cover{width:100%;border-radius:20px;display:block}.ph-caption{font-size:12px;color:#5a615a;margin-top:12px}.ph-section{padding:66px 0;border-bottom:1px solid #d6d9cd;display:grid;grid-template-columns:.8fr 1.3fr;gap:64px}.ph-section h2{font-size:clamp(30px,3.2vw,46px);line-height:1.1;letter-spacing:-.045em}.ph-section h3{font-size:24px;margin:28px 0 12px;letter-spacing:-.03em}.ph-section p{max-width:780px}.ph-section p+p{margin-top:18px}.ph-note{border-left:3px solid #5636a5;padding-left:20px}.ph-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.ph-flow div{border:1px solid #d6d9cd;border-radius:14px;padding:20px}.ph-flow strong{display:block;margin-bottom:8px}.ph-flow span{font-size:14px;line-height:1.55;display:block}.ph-system{background:#111019;color:#f4eeff;border-radius:20px;padding:32px;margin-top:28px}.ph-swatches{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}.ph-swatch{padding:22px 16px;border-radius:12px;min-width:125px;font-size:13px}.ph-sample{font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.15;margin-bottom:16px}.ph-system p{color:#d9c2fc}.ph-close{padding:64px 0 88px}.ph-close h2{font-size:42px;margin-bottom:24px}.ph-feature{padding-top:0}.ph-feature article{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding-bottom:56px}.ph-feature h2{font-size:clamp(32px,3.8vw,52px);margin-bottom:20px}.ph-feature img{border-radius:18px}.builder-card.ph-builder{grid-column:1/-1}.ph-builder .text-link{margin-right:24px}@media(max-width:760px){.ph-hero{padding-top:38px}.ph-meta,.ph-section,.ph-feature article{grid-template-columns:1fr;gap:24px}.ph-section{padding:40px 0}.ph-dek{font-size:18px}.ph-flow{grid-template-columns:1fr}.ph-system{padding:22px}.ph-close h2{font-size:34px}.ph-feature article{padding-bottom:38px}}
/* v23: grouped product family and real product imagery */
.ph-app-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);background:#ece8f2;border:1px solid #dcd4e6;border-radius:18px;overflow:hidden;margin:0 0 32px;position:relative;isolation:isolate}.ph-app-image{display:flex;align-items:center;background:#09080e;padding:16px;min-width:0}.ph-app-image img{width:100%;height:auto;display:block}.ph-app-copy{padding:36px;align-self:center}.ph-app-copy h3{font-size:clamp(30px,3vw,44px);line-height:1.08;margin:0 0 22px;letter-spacing:-.045em}.ph-app-copy p{font-size:16px;line-height:1.6}.ph-app-copy .eyebrow{font-size:10px}.ph-app-copy .text-link{margin-top:20px}.ph-app-family{padding:8px 0 26px}.ph-app-family .eyebrow{margin-bottom:7px}.ph-app-family>p:last-child{font-size:15px;margin:0;color:#5a615a}.ph-portfolio-card .project-image{padding:0;background:#09080e}.ph-portfolio-card .project-image img{width:100%;height:100%;object-fit:contain;box-shadow:none}.ph-real-screen{margin:36px 0 52px;min-width:0}.ph-real-screen>a{display:block;background:#09080e;border:1px solid #d6d9cd;border-radius:16px;overflow:hidden}.ph-real-screen img{width:100%;height:auto;display:block}.ph-real-screen figcaption{font-size:13px;line-height:1.6;color:#5a615a;margin-top:14px;max-width:950px}.ph-real-screen figcaption a{text-decoration:underline;text-underline-offset:3px;margin-left:8px}.ph-real-screen:has(img[src*="landing"]){max-width:850px;margin-inline:auto}.ph-page .ph-real-screen img{border-radius:0}.ph-feature{padding-top:40px}@media(max-width:760px){.ph-app-feature{grid-template-columns:1fr}.ph-app-copy{padding:26px}.ph-app-image{padding:8px}.ph-app-family{padding-bottom:20px}.ph-real-screen{margin:24px 0 36px}.ph-real-screen>a{border-radius:10px}}