.system{gap:22px;margin:0;display:grid}.system__terms{border-top:1px solid var(--color-rule-on-panel);display:grid}.system__terms li{border-bottom:1px solid var(--color-rule-on-panel);font-family:var(--font-display);font-variation-settings:"opsz" 32;letter-spacing:-.02em;color:var(--color-heading);padding:14px 0;font-size:clamp(1.25rem,.8vw + 1rem,1.5rem);font-weight:600}.system figcaption{color:var(--color-text-on-panel)}.what__head,.functions__head,.roi__head{align-items:end}.what__text,.functions__head p,.roi__head p{max-width:var(--measure);gap:16px;display:grid}.pairings,.functions__grid,.roi__grid{margin-top:56px}.pairings{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pairing{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);align-content:start;gap:14px;padding:clamp(24px,3vw,36px);display:grid}.pairing__diagram{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-bottom:12px;display:grid}.pairing__node{background:var(--color-dark);width:76px;height:76px;font-family:var(--font-display);font-variation-settings:"opsz" 32;color:var(--color-on-dark);border-radius:50%;place-items:center;font-size:1.0625rem;font-weight:600;display:grid}.pairing__node--alt{background:var(--color-action)}.pairing__link{background:var(--color-action);place-items:center;height:2px;display:grid;position:relative}.pairing__link span{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-pill);white-space:nowrap;color:var(--color-text);padding:4px 10px;font-size:.875rem;font-weight:500}.pairing__name{letter-spacing:-.02em;font-size:1.375rem;line-height:1.2}.functions__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.functions__grid li{background:linear-gradient(160deg, var(--color-panel), color-mix(in srgb, var(--color-panel) 35%, var(--color-surface)));border-radius:var(--radius);min-height:128px;font-family:var(--font-display);font-variation-settings:"opsz" 32;letter-spacing:-.02em;color:var(--color-heading);align-items:flex-end;padding:20px 24px;font-size:1.375rem;font-weight:600;line-height:1.2;display:flex}.complements__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.section-head+.complements__grid{margin-top:56px}.roi__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.roi__grid .tile{min-height:240px}.roi__grid .tile__title{margin-bottom:auto;padding-bottom:24px}.tile{border-radius:var(--radius);flex-direction:column;gap:12px;min-height:260px;padding:clamp(24px,3vw,32px);display:flex}.tile--dark{background:radial-gradient(70% 90% at 100% 0%, color-mix(in srgb, var(--color-action) 50%, transparent), transparent 70%), linear-gradient(160deg, var(--color-dark) 40%, var(--color-brand))}.tile--teal{background:linear-gradient(160deg, var(--color-brand), var(--color-action))}.tile--mist{background:var(--color-panel);color:var(--color-text-on-panel)}.tile--surface{background:var(--color-surface);border:1px solid var(--color-rule)}.tile__title{letter-spacing:-.02em;margin-bottom:auto;font-size:clamp(1.375rem,.8vw + 1.1rem,1.75rem);line-height:1.15}.tile__text{font-size:1.0625rem;line-height:1.55}.on-dark .tile__text{color:var(--color-on-dark-muted)}.tile__label{gap:2px;font-size:.9375rem;font-weight:600;display:grid}.tile__note{font-weight:400}.on-dark .tile__label{color:var(--color-on-dark-muted)}.tile__figure{letter-spacing:-.025em;margin-top:32px;font-size:clamp(2.5rem,2vw + 1.75rem,3.5rem);line-height:1}.tile__statement{font-family:var(--font-display);font-variation-settings:"opsz" 32;letter-spacing:-.02em;color:var(--color-heading);font-size:clamp(1.25rem,.6vw + 1.05rem,1.5rem);font-weight:600;line-height:1.3}.engage{border-top:1px solid var(--color-rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;margin-top:40px;padding-top:32px;display:flex}.engage p{max-width:var(--measure);color:var(--color-heading);font-size:1.0625rem}.network__text{justify-items:start;gap:16px;display:grid}.network__list{gap:12px;display:grid}@media (max-width:900px){.pairings,.complements__grid{grid-template-columns:1fr}.functions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.roi__grid .tile{min-height:0}}@media (max-width:560px){.roi__grid{grid-template-columns:1fr}.functions__grid{gap:12px}.functions__grid li{min-height:88px;padding:16px;font-size:1.125rem}.engage .btn{width:100%}}