.product-intro{padding:72px 0 48px}.product-heading{max-width:860px;margin:0 auto 48px;text-align:left}.product-heading h1{color:var(--ink-inverse);font:600 clamp(2.4rem,4.9vw,4rem) / 1.08 var(--font-head);letter-spacing:-.045em;margin:18px 0 24px}.product-heading .hero-sub{max-width:700px}.product-heading .hero-actions{justify-content:flex-start}.product-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.product-principles article{padding-top:24px;border-top:1px solid var(--line-strong)}.product-principles h3{margin:20px 0 12px;font-size:1.2rem}.product-principles p,.product-feature p,.product-use-cases p{color:var(--slate)}.product-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.product-feature .section-title{font-size:clamp(2rem,3.1vw,2.7rem)}.product-feature p+p{margin-top:16px}.product-feature .product-note{font-size:.82rem;color:var(--muted);border-left:2px solid var(--line-strong);padding-left:16px}.product-feature-reverse{grid-template-columns:1.2fr .8fr}.product-feature-reverse>div{order:2}.product-fit{display:grid;grid-template-columns:1fr 1fr;gap:80px}.product-use-cases{list-style:none}.product-use-cases li{border-top:1px solid var(--line-strong);padding:24px 0}.product-use-cases h3{margin-bottom:10px;font-size:1.2rem}.product-outro{max-width:850px;text-align:left}@media (max-width: 900px){.product-feature,.product-feature-reverse{grid-template-columns:1fr;gap:32px}.product-feature-reverse>div{order:0}.product-fit{gap:40px}}@media (max-width: 680px){.product-intro{padding:48px 0 32px}.product-heading{margin-bottom:32px}.product-principles,.product-fit{grid-template-columns:1fr;gap:28px}}.product-screen{min-width:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-md)}.product-screen img{display:block;width:100%;height:auto}.product-screen>a{display:block}.product-screen-label{padding:14px 20px;display:flex;justify-content:space-between;gap:12px;background:var(--bg-soft);color:var(--navy);font-size:.8rem;font-weight:600;border-bottom:1px solid var(--line)}.product-screen figcaption{padding:14px 20px;color:var(--muted);font-size:.78rem;line-height:1.7;border-top:1px solid var(--line)}.product-screen figcaption a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.product-screen-lead{max-width:1060px;margin-inline:auto}@media (max-width: 680px){.product-screen-label{flex-direction:column;gap:2px;padding:12px}.product-screen figcaption{padding:12px}}
