.docsiv-design.cmp{background:#fff}.cmp .cmp-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cmp .cmp-frame{border-radius:var(--dd-radius-card);background-color:#f2f2f2;background-origin:border-box;border:7px solid #ffffffb3;box-shadow:0 0 0 1px #1111110f}.cmp .cmp-link{color:var(--dd-ink);border-bottom:1px solid;align-items:center;gap:8px;padding-bottom:2px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.cmp .cmp-link svg{transition:transform .2s}.cmp .cmp-link:hover svg{transform:translate(3px)}.cmp .cmp-tool{color:var(--dd-ink);border-radius:var(--dd-radius-pill);white-space:nowrap;background:#fff;align-items:center;padding:6px 12px;font-size:12.5px;line-height:1.2;display:inline-flex;box-shadow:0 0 0 1px #11111112}.cmp .cmp-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:end;gap:clamp(32px,5vw,80px);display:grid}.cmp .cmp-hero-title{min-width:0;max-width:700px}.cmp .cmp-hero-aside{flex-direction:column;gap:24px;min-width:0;display:flex}.cmp .cmp-hero-lead{max-width:480px;margin:0}.cmp .cmp-hero-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.cmp .cmp-swap-wrap{margin-top:clamp(40px,5vw,64px)}.cmp .cmp-swap{background-color:#f5f5f5;grid-template-columns:minmax(0,1.2fr) auto minmax(0,.9fr);align-items:stretch;gap:clamp(10px,1.4vw,18px);padding:12px;display:grid}.cmp .cmp-swap-old{background-color:#fbfbfa;background-image:radial-gradient(#0a0a0b1f 1px,#0000 1.2px);background-size:18px 18px;border-radius:18px;flex-direction:column;justify-content:center;gap:18px;min-width:0;padding:clamp(24px,3vw,40px);display:flex;box-shadow:inset 0 0 0 1px #1111110d}.cmp .cmp-swap-tools{flex-wrap:wrap;gap:8px;display:flex}.cmp .cmp-swap-tools .cmp-tool{box-shadow:0 0 0 1px #11111112,0 6px 14px -10px #11111159}.cmp .cmp-swap-note{color:var(--dd-ink-2);font-size:14px;line-height:1.5}.cmp .cmp-swap-arrow{width:36px;height:36px;color:var(--dd-ink);border-radius:var(--dd-radius-pill);background:#fff;align-self:center;place-items:center;display:grid;box-shadow:0 0 0 1px #1111110f,0 8px 18px -12px #1111114d}.cmp .cmp-swap-new{place-items:center;min-width:0;padding:clamp(18px,2.4vw,32px);display:grid}.cmp .cmp-swap-panel{background:#fff;border:1px solid #11111114;border-radius:16px;gap:14px;width:100%;max-width:440px;padding:22px;display:grid;box-shadow:0 30px 60px -32px #14211f59}.cmp .cmp-swap-logo{width:104px;height:auto}.cmp .cmp-swap-panel p{color:var(--dd-ink-2);margin:0;font-size:15px;line-height:1.55}.cmp .cmp-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.cmp .cmp-pillar{min-width:0;color:var(--dd-ink);background:#f5f5f5;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.cmp .cmp-pillar-ic{width:28px;height:28px;color:var(--dd-ink);background:#fff;border-radius:9px;flex:none;place-items:center;display:grid;box-shadow:0 0 0 1px #1111110f}.cmp .cmp-head{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:clamp(20px,3.5vw,56px);margin-bottom:clamp(28px,3.4vw,44px);display:grid}.cmp .cmp-head .dd-h-section{max-width:560px}.cmp .cmp-head-lead{max-width:560px;margin:0}.cmp .cmp-head-lead+.cmp-head-lead{margin-top:14px}.cmp .cmp-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cmp .cmp-lane{flex-direction:column;gap:8px;min-width:0;padding:clamp(20px,2.4vw,28px) clamp(18px,2.2vw,26px) clamp(18px,2vw,22px);display:flex}.cmp .cmp-lane-ic{width:40px;height:40px;color:var(--dd-ink);background:#fff;border-radius:12px;place-items:center;margin-bottom:10px;display:grid;box-shadow:0 0 0 1px #1111110d,0 8px 18px -12px #1111114d}.cmp .cmp-lane h3{color:var(--dd-ink);font-family:var(--dd-font-display);letter-spacing:-.025em;margin:0;font-size:clamp(21px,2vw,24px);font-weight:400;line-height:1.15}.cmp .cmp-lane>p{max-width:56ch;color:var(--dd-ink-2);margin:0;font-size:14.5px;line-height:1.55}.cmp .cmp-lane-panel{background:#fff;border-radius:16px;margin-top:auto;display:grid;overflow:hidden;box-shadow:0 0 0 1px #1111110d,0 18px 36px -28px #14211f4d}.cmp .cmp-lane>p{margin-bottom:10px}.cmp .cmp-lane-tools{border-bottom:1px solid #11111112;flex-wrap:wrap;gap:6px;padding:14px 16px;display:flex}.cmp .cmp-lane-tools .cmp-tool{box-shadow:none;color:var(--dd-ink-2);background:#f5f5f5}.cmp .cmp-lane-adds{gap:8px;padding:14px 16px 16px;display:grid}.cmp .cmp-lane-logo{width:64px;height:auto;display:block}.cmp .cmp-lane-adds p{color:var(--dd-ink);margin:0;font-size:14px;line-height:1.5}.cmp .cmp-table-frame{background-color:#f5f5f5;padding:12px}.cmp .cmp-legend{flex-wrap:wrap;gap:10px 22px;padding:6px 8px 14px;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-mark{border-radius:var(--dd-radius-pill);flex:none;place-items:center;width:18px;height:18px;display:grid}.cmp .cmp-val-core{color:var(--dd-ink)}.cmp .cmp-val-core .cmp-val-mark{color:#fff;background:linear-gradient(#2a2a2a,#0a0a0a)}.cmp .cmp-val-adjacent .cmp-val-mark{box-shadow:inset 0 0 0 1.5px var(--dd-ink-2);background:linear-gradient(90deg, var(--dd-ink-2) 50%, transparent 50%)}.cmp .cmp-val-not-core{color:var(--dd-ink-3)}.cmp .cmp-val-not-core .cmp-val-mark{color:var(--dd-ink-3);background:#f0f0f0}.cmp .cmp-table-shell{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #1111110d}.cmp .cmp-table-scroll{overscroll-behavior-x:contain;overflow-x:auto}.cmp .cmp-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1040px}.cmp .cmp-table th,.cmp .cmp-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #11111112}.cmp .cmp-table thead th{vertical-align:bottom;background:#fff;padding:20px 16px 18px}.cmp .cmp-table thead th:not(:first-child){width:13%}.cmp .cmp-table-corner{z-index:3;width:22%;color:var(--dd-ink-3);font-size:13px;font-weight:400;position:sticky;left:0}.cmp .cmp-table-wordmark{width:84px;height:auto;display:block}.cmp .cmp-table-name{color:var(--dd-ink);font-family:var(--dd-font-display);letter-spacing:-.015em;font-size:15px;font-weight:400;line-height:1.25;display:block}.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:2;background:#fff;padding:15px 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:3px;font-size:12px;line-height:1.35;display:block}.cmp .cmp-table td{padding:15px 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{background:#f7f7f7}.cmp .cmp-table-foot{max-width:720px;color:var(--dd-ink-2);margin:clamp(20px,2.6vw,28px) 0 0;font-size:15px;line-height:1.6}.cmp .cmp-contrast{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cmp .cmp-contrast-card{flex-direction:column;gap:10px;min-width:0;padding:clamp(20px,2.4vw,28px) clamp(18px,2.2vw,26px);display:flex}.cmp .cmp-contrast-card h3{color:var(--dd-ink);font-family:var(--dd-font-display);letter-spacing:-.025em;margin:0;font-size:clamp(20px,1.9vw,23px);font-weight:400;line-height:1.15}.cmp .cmp-contrast-card p{max-width:440px;color:var(--dd-ink-2);margin:0;font-size:14.5px;line-height:1.55}.cmp .cmp-contrast-tools{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px;display:flex}.cmp .cmp-source{max-width:860px;color:var(--dd-ink-3);margin:clamp(32px,4vw,48px) 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:minmax(0,1fr);align-items:start;gap:20px}.cmp .cmp-hero-aside{max-width:620px}.cmp .cmp-swap{grid-template-columns:minmax(0,1fr)}.cmp .cmp-swap-arrow{justify-self:center;transform:rotate(90deg)}.cmp .cmp-swap-new{padding:0 0 8px}.cmp .cmp-contrast{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.cmp .cmp-lanes{grid-template-columns:minmax(0,1fr);gap:12px}.cmp .cmp-table-corner,.cmp .cmp-table tbody th{box-shadow:1px 0 #11111112}.cmp .cmp-table{min-width:880px}.cmp .cmp-table thead th:first-child{width:170px}}@media (max-width:520px){.cmp .cmp-swap,.cmp .cmp-table-frame{padding:8px}.cmp .cmp-swap-old{padding:20px 16px}.cmp .cmp-swap-panel{padding:18px}.cmp .cmp-pillar{gap:8px;padding:7px 8px}}