@layer components{.product-family{background:var(--brand-white);color:var(--brand-ink);--ring:var(--brand-action)}.product-family ::selection{background:var(--brand-action);color:var(--brand-white)}.product-family .p-wrap{width:min(1180px,100% - 48px);margin-inline:auto}.product-family .p-section{padding-block:clamp(64px,7.5vw,108px);position:relative}.product-family .p-paper{background:var(--brand-paper)}.product-family .p-dark{background:var(--brand-console);color:var(--brand-light);--link-color:var(--brand-light);--link-underline:var(--brand-action);--ring:var(--brand-white);--foreground:var(--brand-light);--muted-foreground:var(--brand-dark-muted)}.product-family h2{font-size:var(--brand-heading-size);line-height:var(--brand-heading-leading)}.product-family h3{font-size:var(--brand-title-size);font-weight:var(--brand-title-weight);line-height:var(--brand-title-leading);letter-spacing:var(--brand-title-tracking)}.product-family p{color:var(--brand-muted);text-wrap:pretty;line-height:1.75}.product-family .p-dark p{color:var(--brand-dark-muted)}.product-family .p-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px;display:grid}.product-family .p-intro{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:64px;margin-bottom:40px;display:grid}.product-family .p-copy{max-width:60ch}.product-family .p-copy p{margin-top:20px}.product-family .p-copy>:first-child{margin-top:0}.product-family .p-copy>a{margin-top:24px;display:inline-block}.product-family .p-figure{min-width:0;margin:0}.product-family .p-figure img{border-radius:var(--brand-radius-frame);width:100%;height:auto;display:block}.product-family figcaption{color:var(--brand-muted);font-size:var(--brand-caption-size);line-height:var(--brand-caption-leading);margin-top:16px}.product-family .p-dark figcaption{color:var(--brand-dark-muted)}.product-family .p-overlap{z-index:2;margin-top:-48px;position:relative}.product-family .p-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.product-family .p-actions a{min-height:48px}.product-family .p-link{color:var(--link-color);text-decoration:underline;text-decoration-color:var(--link-underline);text-decoration-thickness:var(--brand-link-thickness);text-underline-offset:.25em;font-weight:600}.product-family .p-link:hover{text-decoration-thickness:2px}.product-family .p-steps{margin:0;padding:0;list-style:none}.product-family .p-steps>li{border-top:1px solid var(--brand-border);grid-template-columns:1fr 1.5fr;gap:36px;padding-block:28px;display:grid}.product-family .p-dark .p-steps>li{border-color:var(--brand-dark-border)}.product-family .p-closing{background:var(--brand-console);color:var(--brand-light);--link-color:var(--brand-light);--link-underline:var(--brand-action);--ring:var(--brand-white);padding-block:80px}.product-family .p-closing p{color:var(--brand-dark-muted);max-width:58ch;margin-top:20px}.product-family [id]{scroll-margin-top:88px}.product-hero{padding-block:clamp(64px,7vw,104px) 100px;position:relative}.product-family .product-hero-rose{background:radial-gradient(ellipse at 70% 100%, color-mix(in oklch, var(--brand-action) 30%, transparent), transparent 65%), var(--brand-console)}.product-hero-grid{align-items:center;gap:64px;display:grid}.product-hero-grid.has-visual{grid-template-columns:1.2fr 1fr}.product-hero h1{font-size:var(--brand-display-size);line-height:var(--brand-display-leading);max-width:18ch}.product-hero-copy>p{max-width:56ch;margin-top:28px;font-size:1.125rem}.product-hero-visual{min-width:0}.product-family [data-signal]{opacity:0;stroke:var(--brand-signal);fill:none;stroke-width:2px}@media (width<=900px){.product-family .p-grid,.product-family .p-intro,.product-hero-grid{gap:36px}.product-hero-grid.has-visual{grid-template-columns:1.1fr 1fr}}@media (width<=700px){.product-family .p-wrap{width:calc(100% - 40px)}.product-family .p-grid,.product-family .p-intro,.product-hero-grid.has-visual{grid-template-columns:1fr}.product-hero{padding-block:52px 64px}.product-hero h1{max-width:19ch}.product-hero-copy>p{font-size:1rem}.product-family .p-overlap{margin-top:0}.product-family .p-steps>li{grid-template-columns:1fr;gap:12px}.product-family .p-closing{padding-block:64px}}@media (prefers-reduced-motion:reduce){.product-family *,.product-family :before,.product-family :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}