.pattern-cards{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.pattern-cards__card{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-ink-100);border-block-start:2px solid var(--color-spl-cyan);border-radius:var(--radius-md);background:#fff;flex-direction:column;height:100%;display:flex}.pattern-cards__num{font-family:var(--font-family-base);font-size:var(--font-size-caption);line-height:var(--font-line-caption);font-weight:var(--font-weight-semibold);color:var(--color-cyan-700)}.pattern-cards__eyebrow{font-family:var(--font-family-base);font-size:var(--font-size-caption);line-height:var(--font-line-caption);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-400)}.pattern-cards__title{font-family:var(--font-family-base);font-size:var(--font-size-h4);line-height:var(--font-line-h4);font-weight:var(--font-weight-semibold);color:var(--color-deep-ink);margin:0}.pattern-cards__body{font-family:var(--font-family-base);font-size:var(--font-size-body-small);line-height:var(--font-line-body-small);color:var(--color-ink-400);margin:0}.pattern-cards__chips{margin:var(--space-2) 0 0;gap:var(--space-1);flex-wrap:wrap;padding:0;list-style:none;display:flex}.pattern-cards__chips li{border:1px solid var(--color-ink-100);font-size:var(--font-size-caption);line-height:var(--font-line-caption);color:var(--color-ink-500);white-space:nowrap;border-radius:999px;padding:2px 10px}.pattern-cards__card--accent{background:var(--color-deep-ink);border-color:var(--color-deep-ink)}.pattern-cards__card--accent .pattern-cards__num{color:var(--color-cyan-400)}.pattern-cards__card--accent .pattern-cards__eyebrow{color:var(--color-ink-300)}.pattern-cards__card--accent .pattern-cards__title{color:#fff}.pattern-cards__card--accent .pattern-cards__body{color:var(--color-ink-200)}.pattern-cards__card--accent .pattern-cards__chips li{border-color:var(--color-ink-600);color:var(--color-ink-200)}.pattern-stats{gap:var(--space-6) var(--space-7);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;display:grid}.pattern-stats__item{justify-content:flex-end;gap:var(--space-1);flex-direction:column-reverse;display:flex}.pattern-stats__value{font-family:var(--font-family-base);font-size:var(--font-size-h1);line-height:var(--font-line-h1);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-cyan-700);margin:0}.pattern-stats__label{font-family:var(--font-family-base);font-size:var(--font-size-caption);line-height:var(--font-line-caption);color:var(--color-ink-400);max-width:24ch;margin:0}.pattern-flow-wrap{gap:var(--space-4);flex-direction:column;display:flex}.pattern-flow{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pattern-flow__step{padding:var(--space-2) var(--space-4);border:1px solid var(--color-ink-200);font-family:var(--font-family-base);font-size:var(--font-size-body-small);line-height:var(--font-line-body-small);color:var(--color-ink-500);background:#fff;border-radius:999px;margin-inline-end:var(--space-6);position:relative}.pattern-flow__step:not(:last-child):after{content:"→";inset-inline-end:calc(-1 * var(--space-5));color:var(--color-ink-300);position:absolute;top:50%;transform:translateY(-50%)}[dir=rtl] .pattern-flow__step:not(:last-child):after{content:"←"}.pattern-flow__step--target{background:var(--color-cyan-800);border-color:var(--color-cyan-800);color:#fff;font-weight:var(--font-weight-semibold)}.pattern-flow__footnote{font-family:var(--font-family-base);font-size:var(--font-size-caption);line-height:var(--font-line-caption);color:var(--color-ink-400);max-width:70ch;margin:0}.pattern-compare{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.pattern-compare__col{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-ink-100);border-block-start:2px solid var(--color-spl-cyan);border-radius:var(--radius-md);background:#fff;flex-direction:column;display:flex}.pattern-compare__eyebrow{font-family:var(--font-family-base);font-size:var(--font-size-caption);line-height:var(--font-line-caption);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-cyan-700)}.pattern-compare__title{font-family:var(--font-family-base);font-size:var(--font-size-h3);line-height:var(--font-line-h3);font-weight:var(--font-weight-semibold);color:var(--color-deep-ink);margin:0}.pattern-compare__intro{font-family:var(--font-family-base);font-size:var(--font-size-body-small);line-height:var(--font-line-body-small);color:var(--color-ink-500);margin:0}.pattern-compare__points{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pattern-compare__points li{font-family:var(--font-family-base);font-size:var(--font-size-body-small);line-height:var(--font-line-body-small);color:var(--color-ink-600);padding-inline-start:var(--space-4);position:relative}.pattern-compare__points li:before{content:"";inset-inline-start:0;background:var(--color-spl-cyan);width:6px;height:6px;position:absolute;top:8px}.pattern-letters{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:0;padding:0;list-style:none;display:grid}.pattern-letters__step{gap:var(--space-2);flex-direction:column;display:flex}.pattern-letters__letter{border-radius:var(--radius-sm);background:var(--color-cyan-50);width:48px;height:48px;color:var(--color-cyan-800);font-family:var(--font-family-base);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.pattern-letters__name{font-family:var(--font-family-base);font-size:var(--font-size-h4);line-height:var(--font-line-h4);font-weight:var(--font-weight-semibold);color:var(--color-deep-ink);margin:0}.pattern-letters__value{font-family:var(--font-family-base);font-size:var(--font-size-caption);line-height:var(--font-line-caption);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-cyan-700)}.pattern-letters__body{font-family:var(--font-family-base);font-size:var(--font-size-body-small);line-height:var(--font-line-body-small);color:var(--color-ink-400);margin:0}@media (width<=640px){.pattern-stats__value{font-size:var(--font-size-h2);line-height:var(--font-line-h2)}}.pattern-stack{gap:var(--space-2);flex-direction:column;max-width:860px;display:flex}.pattern-stack__row{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-3) var(--space-5);border:1px solid var(--color-ink-100);border-radius:var(--radius-sm);background:#fff;display:flex}.pattern-stack__label{font-family:var(--font-family-base);font-size:var(--font-size-body-small);line-height:var(--font-line-body-small);font-weight:var(--font-weight-semibold);color:var(--color-deep-ink);white-space:nowrap}.pattern-stack__note{font-family:var(--font-family-base);font-size:var(--font-size-caption);line-height:var(--font-line-caption);color:var(--color-ink-400);text-align:end}.pattern-stack__row--accent{background:var(--color-deep-ink);border-color:var(--color-deep-ink)}.pattern-stack__row--accent .pattern-stack__label{color:#fff}.pattern-stack__row--accent .pattern-stack__note{color:var(--color-ink-300)}.pattern-stack__row--agents{background:var(--color-cyan-50);border-color:var(--color-cyan-200)}.pattern-stack__row--agents .pattern-stack__label{color:var(--color-cyan-900)}.pattern-stack__row--agents .pattern-stack__note{color:var(--color-cyan-800)}.pattern-stack__pair{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.pattern-stack__pair .pattern-stack__row{height:100%}.pattern-stack__swap{color:var(--color-ink-400);font-size:var(--font-size-h4)}@media (width<=640px){.pattern-stack__row{align-items:flex-start;gap:var(--space-1);flex-direction:column}.pattern-stack__note{text-align:start}.pattern-stack__pair{grid-template-columns:1fr}.pattern-stack__swap{justify-self:center;transform:rotate(90deg)}}@media (width>=900px){.pattern-cards:has(>:nth-child(5):last-child){grid-template-columns:repeat(3,1fr)}}[dir=rtl] .pattern-cards__eyebrow,[dir=rtl] .pattern-compare__eyebrow,[dir=rtl] .pattern-letters__value{letter-spacing:0;text-transform:none}.pattern-compare__link{font-family:var(--font-family-base);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);color:var(--color-brand-purple);margin-block-start:auto;padding-block-start:var(--space-3);text-decoration:none}.pattern-compare__link:hover,.pattern-compare__link:focus-visible{text-decoration:underline}