@layer properties,theme,base;@layer components{.product-hero-eyebrow{margin-top:24px}.product-hero-title{max-width:860px;font-size:var(--ah-text-display-lg-size);line-height:var(--ah-text-display-lg-line-height);font-weight:var(--ah-text-display-lg-weight);letter-spacing:var(--ah-text-display-lg-tracking);text-wrap:balance;margin-top:12px}.product-hero-lead{max-width:640px;color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-lg-size);line-height:var(--ah-text-body-lg-line-height);margin-top:16px}.product-hero-actions,.product-group-nav{margin-top:32px}.product-group-nav ul{flex-wrap:wrap;gap:8px;display:flex}@media (width<768px){.product-group-nav .tag-lg{min-height:44px}}.product-group{scroll-margin-top:calc(var(--ah-layout-header-height) + 32px - var(--ah-space-section-mobile))}@media (width>=768px){.product-group{scroll-margin-top:calc(var(--ah-layout-header-height) + 32px - var(--ah-space-section))}}.product-group+.product-group{border-top:1px solid var(--ah-color-hairline)}.product-feature-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px;display:grid}@media (width>=768px){.product-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.product-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pieces-flow{--pieces-gap:24px;--pieces-branch-gap:12px;--pieces-axis:22px;--pieces-line:1px dashed var(--ah-color-hairline-strong);gap:var(--pieces-gap);flex-direction:column;max-width:520px;margin-top:48px;display:flex}.pieces-step,.pieces-branch{position:relative}.pieces-node{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-md);background:var(--ah-color-surface-1);transition:border-color var(--ah-motion-duration-fast) var(--ah-motion-easing-standard), background-color var(--ah-motion-duration-fast) var(--ah-motion-easing-standard);padding:12px 14px;position:relative}.pieces-node:hover,.pieces-node:focus-within{border-color:var(--ah-color-secondary);background:var(--ah-color-surface-2)}.pieces-link{min-height:44px;color:var(--ah-color-ink);border-radius:var(--ah-radius-sm);flex-direction:column;gap:4px;text-decoration:none;display:flex}.pieces-label{font-family:var(--ah-font-mono);font-size:var(--ah-text-code-size);font-weight:600;line-height:20px}.pieces-desc{color:var(--ah-color-ink-muted);font-size:var(--ah-text-caption-size);line-height:var(--ah-text-caption-line-height)}.pieces-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pieces-chip{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-sm);min-height:44px;color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-code-sm-size);line-height:var(--ah-text-code-sm-line-height);align-items:center;padding:4px 10px;text-decoration:none;display:inline-flex}.pieces-chip:hover{border-color:var(--ah-color-secondary);color:var(--ah-color-ink)}.pieces-branches{gap:var(--pieces-branch-gap);flex-direction:column;display:flex;position:relative}.pieces-step+.pieces-step:before{content:"";top:calc(-1 * var(--pieces-gap));left:var(--pieces-axis);height:var(--pieces-gap);border-left:var(--pieces-line);position:absolute}.pieces-step+.pieces-step>.pieces-node:before{content:"";top:-7px;left:calc(var(--pieces-axis) - 4px);border-top:6px solid var(--ah-color-hairline-strong);border-inline:4px solid #0000;position:absolute}.pieces-step-last{gap:var(--pieces-branch-gap);flex-direction:column;display:flex}.pieces-branches{margin-left:calc(var(--pieces-axis) + 18px)}.pieces-branch:before{content:"";top:var(--pieces-axis);border-top:var(--pieces-line);width:18px;position:absolute;left:-18px}.pieces-branch:after{content:"";top:calc(-1 * var(--pieces-branch-gap));border-left:var(--pieces-line);position:absolute;bottom:0;left:-18px}.pieces-branch:last-child:after{height:calc(var(--pieces-branch-gap) + var(--pieces-axis));bottom:auto}.pieces-branch>.pieces-node:before{content:"";top:calc(var(--pieces-axis) - 4px);border-left:6px solid var(--ah-color-hairline-strong);border-block:4px solid #0000;position:absolute;left:-7px}@media (width>=1024px){.pieces-flow{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,2.3fr);align-items:start;max-width:none;margin-top:56px;display:grid}.pieces-step-last{align-items:start;gap:var(--pieces-gap);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);display:grid}.pieces-step+.pieces-step:before{top:var(--pieces-axis);left:calc(-1 * var(--pieces-gap));width:var(--pieces-gap);border-left:0;border-top:var(--pieces-line);height:0}.pieces-step+.pieces-step>.pieces-node:before{top:calc(var(--pieces-axis) - 4px);border-top:4px solid #0000;border-bottom:4px solid #0000;border-inline:0;border-left:6px solid var(--ah-color-hairline-strong);left:-7px}.pieces-branches{margin-left:0}.pieces-branches:before{content:"";top:var(--pieces-axis);left:calc(-1 * var(--pieces-gap));width:calc(var(--pieces-gap) - 12px);border-top:var(--pieces-line);position:absolute}.pieces-branch:before{width:12px;left:-12px}.pieces-branch:after{left:-12px}.pieces-branch:first-child:after{top:var(--pieces-axis)}.pieces-branch:first-child:last-child:after{display:none}.pieces-chip{min-height:32px}}@media (prefers-reduced-motion:reduce){.pieces-node{transition:none}}}@layer utilities;