.ci-pattern-triplet{background:var(--ci-bg);color:var(--ci-text-body);padding:72px 0;--ci-pt-accent:var(--ci-blue-light,#4d8aff);--ci-pt-bar:var(--ci-blue,#0060ff)}.ci-pattern-triplet.is-padding-compact{padding:48px 0}.ci-pattern-triplet.is-padding-loose{padding:104px 0}.ci-pattern-triplet--surface-light{--ci-bg:#fff;--ci-text-primary:#0a0e18;--ci-text-body:#3e4654;--ci-text-muted:#6b7280;--ci-border:#e5e8ee;--ci-surface-card:#f7f8fb;--ci-pt-accent:var(--ci-blue,#0060ff)}.ci-pattern-triplet--surface-tint{--ci-bg:#f7f8fb;--ci-text-primary:#0a0e18;--ci-text-body:#3e4654;--ci-text-muted:#6b7280;--ci-border:#e5e8ee;--ci-surface-card:#fff;--ci-pt-accent:var(--ci-blue,#0060ff)}.ci-pattern-triplet__inner{margin:0 auto;max-width:var(--ci-container,1200px);padding:0 var(--ci-gutter-x,40px)}.ci-pattern-triplet__header{margin:0 0 40px;max-width:720px}.ci-pattern-triplet__eyebrow{color:var(--ci-pt-accent);display:inline-block;font-family:var(--ci-font-mono,monospace);font-size:11px;font-weight:var(--ci-fw-medium,500);letter-spacing:.25em;margin-bottom:12px;text-transform:uppercase}.ci-pattern-triplet__heading{color:var(--ci-text-primary);font-family:var(--ci-font-display,inherit);font-size:clamp(28px,3.6vw,42px);font-weight:var(--ci-fw-semibold,600);letter-spacing:var(--ci-ls-display,-.02em);line-height:1.15;margin:0 0 12px}.ci-pattern-triplet__intro{color:var(--ci-text-body);font-size:var(--ci-fs-body,16px);line-height:1.6;margin:0}.ci-pattern-triplet__stack{display:flex;flex-direction:column;gap:16px}.ci-pattern-triplet--layout-row .ci-pattern-triplet__stack{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:860px){.ci-pattern-triplet--layout-row .ci-pattern-triplet__stack{grid-template-columns:1fr}}.ci-pattern-triplet__card{background:var(--ci-surface-card,hsla(0,0%,100%,.04));border:1px solid var(--ci-border,hsla(0,0%,100%,.12));border-radius:var(--ci-radius-md,14px);padding:28px 28px 28px 32px;position:relative}.ci-pattern-triplet__card:before{background:var(--ci-pt-bar);border-radius:1px;bottom:24px;content:"";left:0;position:absolute;top:24px;width:3px}.ci-pattern-triplet__tabs{border-bottom:1px solid var(--ci-border,hsla(0,0%,100%,.12));display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding-bottom:12px}.ci-pattern-triplet__tab{appearance:none;background:transparent;border:1px solid var(--ci-border,hsla(0,0%,100%,.12));border-radius:var(--ci-radius-sm,10px);color:var(--ci-text-body);cursor:pointer;font-family:var(--ci-font-body,inherit);font-size:14px;font-weight:var(--ci-fw-medium,500);padding:10px 16px;transition:background var(--ci-dur-fast,.15s) var(--ci-ease,ease),border-color var(--ci-dur-fast,.15s) var(--ci-ease,ease),color var(--ci-dur-fast,.15s) var(--ci-ease,ease)}.ci-pattern-triplet__tab.is-active,.ci-pattern-triplet__tab:hover{border-color:var(--ci-pt-accent);color:var(--ci-text-primary)}.ci-pattern-triplet__tab.is-active{background:color-mix(in srgb,var(--ci-pt-accent) 12%,transparent)}.ci-pattern-triplet__tab:focus-visible{outline:2px solid var(--ci-pt-accent);outline-offset:2px}.ci-pattern-triplet__panel{background:var(--ci-surface-card,hsla(0,0%,100%,.04));border:1px solid var(--ci-border,hsla(0,0%,100%,.12));border-radius:var(--ci-radius-md,14px);padding:28px 28px 28px 32px;position:relative}.ci-pattern-triplet__panel:before{background:var(--ci-pt-bar);border-radius:1px;bottom:24px;content:"";left:0;position:absolute;top:24px;width:3px}.ci-pattern-triplet__title{color:var(--ci-text-primary);font-family:var(--ci-font-display,inherit);font-size:clamp(20px,2.4vw,26px);font-weight:var(--ci-fw-semibold,600);letter-spacing:var(--ci-ls-display-sm,-.015em);line-height:1.2;margin:0 0 12px}.ci-pattern-triplet__body{color:var(--ci-text-body);font-family:var(--ci-font-body,inherit);font-size:var(--ci-fs-body,16px);line-height:1.65;margin:0;max-width:720px}.ci-pattern-triplet__body p{margin:0 0 .7em}.ci-pattern-triplet__body p:last-child{margin-bottom:0}.ci-pattern-triplet__body strong{color:var(--ci-text-primary);font-weight:var(--ci-fw-semibold,600)}@media (max-width:600px){.ci-pattern-triplet{padding:56px 0}.ci-pattern-triplet__inner{padding:0 var(--ci-gutter-x-mobile,24px)}.ci-pattern-triplet__header{margin-bottom:28px}.ci-pattern-triplet__card,.ci-pattern-triplet__panel{padding:22px 22px 22px 26px}}