.docsiv-design.cmp{--cmp-accent:var(--dd-accent-teal);--cmp-accent-light:var(--dd-accent-teal-light);--cmp-warn:#b37526;--cmp-ring:0 0 0 1px #edededcc, 0 1px 4px -2px #00000014, 0 4px 14px -6px #0000000f;--cmp-ring-gradient:linear-gradient(135deg, #b6a8f0 0%, #e8a8d4 28%, #f2c2a8 58%, #f0daa8 82%, #c9c2e8 100%);--dd-section-y:clamp(36px, 4vw, 56px);background:#fff}.cmp .cmp-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cmp .cmp-hero{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:end;gap:clamp(32px,5vw,80px);padding-top:clamp(72px,8vw,104px);display:grid}.cmp .cmp-hero-title{max-width:700px}.cmp .cmp-hero-aside{flex-direction:column;gap:22px;min-width:0;display:flex}.cmp .cmp-hero-lead{max-width:480px;margin:0}.cmp .cmp-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.cmp .cmp-swap-wrap{margin-top:clamp(40px,5vw,64px)}.cmp .cmp-swap{grid-template-columns:minmax(0,1.25fr) auto minmax(300px,.85fr);align-items:stretch;gap:clamp(16px,2vw,24px);display:grid}.cmp .cmp-swap-label{color:var(--dd-ink-3);font-size:13px}.cmp .cmp-swap-old{border:1px solid var(--dd-border);border-radius:var(--dd-radius-card);background:#fafaf9;flex-direction:column;gap:16px;padding:clamp(22px,2.4vw,30px);display:flex}.cmp .cmp-swap-old .cmp-swap-note{margin-top:auto}.cmp .cmp-swap-tools{flex-wrap:wrap;gap:8px;display:flex}.cmp .cmp-swap-note{color:var(--dd-ink-2);font-size:13.5px}.cmp .cmp-swap-arrow{width:38px;height:38px;color:var(--dd-ink-2);border:1px solid var(--dd-border);border-radius:var(--dd-radius-pill);background:#fff;align-self:center;place-items:center;display:grid}.cmp .cmp-swap-new{border-radius:var(--dd-radius-card);background:#fff;align-content:start;gap:14px;padding:clamp(22px,2.4vw,30px);display:grid;position:relative;box-shadow:0 18px 48px -22px #7c60dc38,0 8px 24px -12px #e880a82e,0 1px 2px #0a0a0b0a}.cmp .cmp-swap-new:before{z-index:2;border-radius:inherit;content:"";background:var(--cmp-ring-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cmp .cmp-swap-new>*{z-index:1;position:relative}.cmp .cmp-swap-logo{width:112px;height:auto}.cmp .cmp-swap-new p{color:var(--dd-ink-2);margin:0;font-size:15px;line-height:1.55}.cmp .cmp-pillars{flex-wrap:wrap;gap:8px;display:flex}.cmp .cmp-pillar{color:var(--dd-ink);border:1px solid var(--dd-border);border-radius:var(--dd-radius-pill);background:#fff;align-items:center;gap:8px;padding:6px 14px 6px 7px;font-size:13px;display:inline-flex}.cmp .cmp-pillar-ic{width:24px;height:24px;color:var(--cmp-accent);border-radius:var(--dd-radius-pill);background:var(--cmp-accent-light);place-items:center;display:grid}.cmp .cmp-head{border-top:1px solid var(--dd-border);grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);align-items:start;gap:clamp(24px,3.5vw,56px);padding-top:clamp(26px,3vw,38px);display:grid}.cmp .cmp-head .dd-h-section{max-width:560px;font-size:clamp(30px,3.6vw,44px)}.cmp .cmp-head-lead{max-width:540px;color:var(--dd-ink-2);margin:0;font-size:16px;line-height:1.6}.cmp .cmp-head-lead+.cmp-head-lead{margin-top:14px}.cmp .cmp-contrast{border-radius:var(--dd-radius-card);background:var(--dd-border);box-shadow:var(--cmp-ring);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(28px,3.5vw,40px);display:grid;overflow:hidden}.cmp .cmp-contrast-card{background:#fff;align-content:start;gap:8px;padding:clamp(22px,2.6vw,30px);display:grid}.cmp .cmp-contrast-card.is-featured{background:var(--cmp-accent-light)}.cmp .cmp-contrast-label{color:var(--dd-ink-3);font-size:13px}.cmp .cmp-contrast-card.is-featured .cmp-contrast-label{color:var(--cmp-accent)}.cmp .cmp-contrast-card p{max-width:440px;color:var(--dd-ink);margin:0;font-size:15px;line-height:1.55}.cmp .cmp-contrast-tools{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.cmp .cmp-mark{--mark:var(--dd-ink-2);color:var(--mark);border-radius:var(--dd-radius-pill);font-family:var(--dd-font-display);background:#f2f2f0;flex:none;place-items:center;font-weight:600;line-height:1;display:grid}.cmp .cmp-mark-sm{width:22px;height:22px;font-size:11px}.cmp .cmp-mark-sm svg{width:13px!important;height:13px!important}.cmp .cmp-mark-md{width:24px;height:24px;font-size:11.5px}.cmp .cmp-mark-md svg{width:14px!important;height:14px!important}.cmp .cmp-table-wordmark{width:84px;height:auto;display:block}.cmp .cmp-tool{color:var(--dd-ink);border:1px solid var(--dd-border);border-radius:var(--dd-radius-pill);white-space:nowrap;background:#fff;align-items:center;gap:7px;padding:5px 11px 5px 5px;font-size:12px;display:inline-flex}.cmp .cmp-lanes{border-radius:var(--dd-radius-card);background:var(--dd-border);box-shadow:var(--cmp-ring);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(32px,4vw,48px);display:grid;overflow:hidden}.cmp .cmp-lane{background:#fff;flex-direction:column;gap:10px;padding:clamp(24px,2.6vw,32px);display:flex}.cmp .cmp-lane-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cmp .cmp-lane-num{color:var(--dd-ink-3);font-family:var(--dd-font-mono);letter-spacing:.1em;font-size:11px}.cmp .cmp-lane-ic{width:34px;height:34px;color:var(--cmp-accent);border-radius:var(--dd-radius-chip);background:var(--cmp-accent-light);place-items:center;display:grid}.cmp .cmp-lane h3{color:var(--dd-ink);font-family:var(--dd-font-display);letter-spacing:-.025em;margin:0;font-size:clamp(21px,2vw,25px);font-weight:400;line-height:1.15}.cmp .cmp-lane>p{color:var(--dd-ink-2);margin:0;font-size:15px;line-height:1.55}.cmp .cmp-lane-tools{border-radius:var(--dd-radius-well);background:#f7f7f5;gap:10px;margin-top:8px;padding:16px;display:grid}.cmp .cmp-lane-tools-head{color:var(--dd-ink-3);font-size:12px}.cmp .cmp-lane-tools-row{flex-wrap:wrap;gap:6px;display:flex}.cmp .cmp-lane-adds{border-top:1px solid var(--dd-border);color:var(--dd-ink);gap:6px;margin-top:auto;padding-top:18px;font-size:14px;line-height:1.5;display:grid}.cmp .cmp-lane-adds span{color:var(--cmp-accent);font-size:13px}.cmp .cmp-legend{flex-wrap:wrap;gap:20px;margin-top:clamp(32px,4vw,44px);display:flex}.cmp .cmp-val{color:var(--dd-ink-2);vertical-align:middle;white-space:nowrap;align-items:center;gap:8px;font-size:13px;line-height:1.2;display:inline-flex}.cmp .cmp-val i{border-radius:var(--dd-radius-pill);flex:none;width:10px;height:10px}.cmp .cmp-val-core{color:var(--cmp-accent)}.cmp .cmp-val-core i{border:5px solid var(--cmp-accent)}.cmp .cmp-val-adjacent i{border:1.5px solid var(--cmp-warn)}.cmp .cmp-val-not-core{color:var(--dd-ink-3)}.cmp .cmp-val-not-core i{background:linear-gradient(var(--dd-ink-3), var(--dd-ink-3)) center / 10px 1.5px no-repeat;border-radius:0}.cmp .cmp-table-shell{border-radius:var(--dd-radius-card);box-shadow:var(--cmp-ring);background:#fff;margin-top:18px;overflow:hidden}.cmp .cmp-table-scroll{overscroll-behavior-x:contain;overflow-x:auto}.cmp .cmp-table-wrap{min-width:1080px;position:relative}.cmp .cmp-table-ring{z-index:2;border-radius:var(--dd-radius-window);content:"";background:var(--cmp-ring-gradient);-webkit-mask-composite:xor;pointer-events:none;width:13%;padding:2.5px;position:absolute;top:0;bottom:0;left:22%;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cmp .cmp-table{border-collapse:collapse;table-layout:fixed;width:100%}.cmp .cmp-table th,.cmp .cmp-table td{border-bottom:1px solid var(--dd-border);text-align:left;vertical-align:middle}.cmp .cmp-table thead th{vertical-align:bottom;background:#fff;padding:20px 16px}.cmp .cmp-table thead th:not(:first-child){width:13%}.cmp .cmp-table-corner{z-index:4;width:22%;color:var(--dd-ink-2);font-size:13px;font-weight:400;position:sticky;left:0}.cmp .cmp-table-logos{align-items:center;gap:5px;margin-bottom:12px;display:flex}.cmp .cmp-table-name{color:var(--dd-ink);font-family:var(--dd-font-display);letter-spacing:-.015em;font-size:15px;font-weight:400;display:block}.cmp .cmp-table thead .is-featured .cmp-table-name{color:var(--cmp-accent)}.cmp .cmp-table-sub{color:var(--dd-ink-3);margin-top:5px;font-size:11.5px;font-weight:400;line-height:1.35;display:block}.cmp .cmp-table tbody th{z-index:3;background:#fff;padding:16px;font-weight:400;position:sticky;left:0}.cmp .cmp-table-feature{color:var(--dd-ink);font-size:14px;line-height:1.35;display:block}.cmp .cmp-table-note{color:var(--dd-ink-3);margin-top:4px;font-size:12px;line-height:1.35;display:block}.cmp .cmp-table td{padding:16px}.cmp .cmp-table tbody tr:last-child th,.cmp .cmp-table tbody tr:last-child td{border-bottom:0}.cmp .cmp-table .is-featured,.cmp .cmp-table thead .is-featured{background:#fafaf9}.cmp .cmp-table-foot{max-width:720px;color:var(--dd-ink-2);margin:clamp(24px,3vw,32px) 0 0;font-size:15px;line-height:1.6}.cmp .cmp-source{border-top:1px solid var(--dd-border);max-width:860px;color:var(--dd-ink-3);margin:clamp(40px,5vw,64px) 0 0;padding:22px 0 0;font-size:12.5px;line-height:1.6}.cmp .cmp-source strong{color:var(--dd-ink-2);font-weight:500}@media (max-width:960px){.cmp .cmp-hero,.cmp .cmp-head{grid-template-columns:1fr;align-items:start;gap:24px}.cmp .cmp-hero-aside{max-width:620px}.cmp .cmp-swap{grid-template-columns:1fr;justify-items:stretch}.cmp .cmp-swap-arrow{justify-self:center;transform:rotate(90deg)}}@media (max-width:900px){.cmp .cmp-contrast{grid-template-columns:1fr}}@media (max-width:720px){.cmp .cmp-lanes{grid-template-columns:1fr}.cmp .cmp-table-corner,.cmp .cmp-table tbody th{box-shadow:1px 0 0 var(--dd-border)}}@media (max-width:520px){.cmp .cmp-hero-actions{flex-direction:column;align-items:stretch}.cmp .cmp-hero-actions .dd-btn{justify-content:center}.cmp .cmp-legend{gap:12px 18px}}@media (prefers-reduced-motion:reduce){.cmp .cmp-swap-arrow{transition:none}}