*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{background:var(--d-bg);color:var(--d-ink);font-family:var(--d-font-body);font-size:var(--d-step-0);font-kerning:normal;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img,svg,video{max-width:100%;display:block}video{height:auto}a{color:var(--d-link);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--d-focus);outline-offset:2px;border-radius:2px}code,pre{font-family:var(--d-font-mono);font-variant-ligatures:none;font-size:.875em}h1,h2,h3{font-family:var(--d-font-display);text-wrap:balance;margin:0;line-height:1.15}p{text-wrap:pretty;margin:0}.wrap{width:min(100% - 2 * var(--d-gutter), var(--d-max));margin-inline:auto}.skip-link{left:var(--d-space-4);z-index:10;padding:var(--d-space-2) var(--d-space-4);background:var(--d-surface);color:var(--d-ink);position:absolute;top:-100px}.skip-link:focus{top:var(--d-space-4)}.site-header{border-bottom:1px solid var(--d-line);background:var(--d-header-bg,var(--d-bg))}.site-header__row{justify-content:space-between;align-items:center;gap:var(--d-space-4);min-height:3.75rem;display:flex}.brand{color:var(--d-ink);font-family:var(--d-font-display);font-weight:var(--d-brand-weight,650);letter-spacing:var(--d-brand-tracking,-.01em);align-items:center;gap:.55rem;font-size:1.15rem;text-decoration:none;display:inline-flex}.brand__mark .brand__taken{stroke:var(--d-accent)}.brand__mark .brand__head{fill:var(--d-accent)}.brand__mark .brand__other{stroke:var(--d-muted)}.nav{font-size:var(--d-step--1);gap:clamp(.75rem,2.5vw,1.75rem);margin:0;padding:0;list-style:none;display:flex}.nav a{color:var(--d-muted);padding-block:.5rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--d-ink)}.section{padding-block:var(--d-section)}.section+.section{border-top:1px solid var(--d-line)}.section__head{max-width:46rem;margin-bottom:var(--d-space-6)}.section__head h2{font-size:var(--d-step-3);font-weight:var(--d-heading-weight,650);letter-spacing:var(--d-heading-tracking,-.015em)}.section__head p{margin-top:var(--d-space-3);color:var(--d-muted);max-width:40rem}.lede{font-size:var(--d-step-1);line-height:1.5}.muted{color:var(--d-muted)}.small{font-size:var(--d-step--1)}.actions{gap:var(--d-space-3);flex-wrap:wrap;display:flex}.button{border-radius:var(--d-radius-control);border:1px solid var(--d-line-strong);min-height:2.75rem;color:var(--d-ink);font-weight:550;font-size:var(--d-step--1);background:var(--d-surface);align-items:center;padding:0 1.15rem;text-decoration:none;display:inline-flex}.button--primary{background:var(--d-accent);border-color:var(--d-accent);color:var(--d-on-accent)}.button:hover{border-color:var(--d-ink);text-decoration:none}.button--primary:hover{background:var(--d-accent-hover);border-color:var(--d-accent-hover)}.answer{gap:var(--d-space-5);margin:0;display:grid}.answer__head{align-items:baseline;gap:var(--d-space-3);margin-bottom:var(--d-space-2);font-size:var(--d-step--1);display:flex}.answer__head code{color:var(--d-ink);font-size:1em}.answer__type{color:var(--d-muted)}.answer__result{color:var(--d-ink);margin-left:auto;font-weight:600}.answer__bars{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.answer__bar{align-items:center;gap:var(--d-space-3);font-family:var(--d-font-mono);color:var(--d-muted);grid-template-columns:4.75rem 1fr 2.75rem;font-size:.8125rem;display:grid}.answer__bar.is-top{color:var(--d-ink)}.answer__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.answer__track{width:100%;height:.4rem}.answer__rail{fill:var(--d-rail)}.answer__fill{fill:var(--d-bar-dim)}.answer__bar.is-top .answer__fill{fill:var(--d-bar)}.answer__p{text-align:right}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--d-step--1)}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--d-line);padding:.7rem .9rem .7rem 0}.data-table thead th{color:var(--d-muted);border-bottom-color:var(--d-line-strong);font-weight:600}.data-table td.num,.data-table th.num{text-align:right;white-space:nowrap}.data-table th.num{white-space:normal;padding-left:.9rem;padding-right:0}.data-table tbody th{font-weight:450}.code{padding:var(--d-space-5);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--d-code-bg);color:var(--d-code-ink);border:1px solid var(--d-line);border-radius:var(--d-radius-panel);margin:0;font-size:.8125rem;line-height:1.55}.steps{counter-reset:step;gap:var(--d-space-5);margin:0;padding:0;list-style:none;display:grid}.steps>li{counter-increment:step;column-gap:var(--d-space-4);grid-template-columns:2rem minmax(0,1fr);align-items:start;display:grid}.steps>li:before{content:counter(step);border:1.5px solid var(--d-accent);width:2rem;height:2rem;color:var(--d-accent);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:600;display:grid}.steps>li>.code{grid-column:1/-1}.steps__title{font-size:var(--d-step-0);margin:0 0 var(--d-space-3);font-weight:600;line-height:2rem}.steps__note>p+ul{margin-top:var(--d-space-2)}.steps__note{max-width:40rem;color:var(--d-muted);grid-column:1/-1}.clips{gap:var(--d-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr));display:grid}.clip{margin:0}.clip__video{border-radius:var(--d-radius-panel);border:1px solid var(--d-line);background:#000;width:100%}.clip__caption{margin-top:var(--d-space-3);font-size:var(--d-step--1);color:var(--d-muted)}.plain-list{gap:var(--d-space-3);margin:0;padding:0;list-style:none;display:grid}.site-footer{border-top:1px solid var(--d-line);padding-block:var(--d-space-7);font-size:var(--d-step--1);color:var(--d-muted)}.site-footer__grid{gap:var(--d-space-4);display:grid}.site-footer__independence{color:var(--d-ink);max-width:44rem}.site-footer__links{gap:var(--d-space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer a{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mt-4{margin-top:var(--d-space-4)}.mt-6{margin-top:var(--d-space-6)}.mb-3{margin-bottom:var(--d-space-3)}.clip__frame{position:relative}.clip__poster{border-radius:var(--d-radius-panel);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.clip.is-started .clip__poster{display:none}.clip__bar{align-items:flex-start;gap:var(--d-space-3);margin-top:var(--d-space-3);display:flex}.clip__bar .clip__caption{margin-top:.55rem}.clip__toggle{border:1px solid var(--d-line-strong);background:var(--d-surface);width:2.5rem;height:2.5rem;color:var(--d-ink);cursor:pointer;border-radius:999px;flex:none;place-items:center;display:grid}.clip__toggle:hover{border-color:var(--d-ink)}.clip__icon{fill:currentColor;width:1rem;height:1rem}.clip__toggle[aria-pressed=true] .clip__icon--play,.clip__toggle[aria-pressed=false] .clip__icon--pause{display:none}@media (width<=63.99rem){.data-table--stack thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.data-table--stack tr{gap:var(--d-space-1);padding-block:var(--d-space-4);border-bottom:1px solid var(--d-line);display:grid}.data-table--stack th,.data-table--stack td,.data-table--stack td.num{justify-content:space-between;gap:var(--d-space-4);text-align:left;white-space:normal;border:0;padding:0;display:flex}.data-table--stack tbody th{margin-bottom:var(--d-space-1);font-weight:600}.data-table--stack td:before{content:attr(data-label);color:var(--d-muted)}.data-table--stack td>span{text-align:right}.data-table--stack td{flex-wrap:wrap}.data-table--stack td>.src{flex-basis:100%;margin-top:0}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.src{font-size:var(--d-step--2);color:var(--d-muted);font-weight:400;line-height:1.45;display:inline-block}.src a{color:inherit}.src code{overflow-wrap:anywhere;font-size:1em}th .src,td .src{margin-top:var(--d-space-1);display:block}.flags{border-top:1px solid var(--d-line-strong)}.flag{gap:var(--d-space-2) var(--d-space-6);border-bottom:1px solid var(--d-line-strong);align-items:baseline;padding-block:clamp(1rem,.6rem + 1.4vw,1.75rem);display:grid}@media (width>=56rem){.flag{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.flag__line{font-family:var(--d-font-mono);font-size:var(--d-step-flag);letter-spacing:-.03em;overflow-wrap:anywhere;font-weight:500;line-height:1.2}.flag__name{color:var(--d-muted);font-weight:300}.flag__value{color:var(--base);font-weight:600}.flag__default{margin-left:var(--d-space-3);border:1px solid var(--d-line-strong);font-family:var(--d-font-body);font-size:var(--d-step--2);letter-spacing:0;color:var(--d-muted);vertical-align:.35em;border-radius:999px;padding:.1rem .5rem;font-weight:500}.flag__why{max-width:36rem}.flag__meta{margin-top:var(--d-space-2);font-size:var(--d-step--1);color:var(--d-muted);max-width:36rem}.flag__meta code{font-size:.85em}.flags__src{margin-top:var(--d-space-3)}.dot{background:var(--base,var(--d-muted));vertical-align:.05em;border-radius:50%;flex:none;width:.6rem;height:.6rem;margin-right:.5rem;display:inline-block}.times{gap:var(--d-space-7) var(--d-space-6);display:grid}@media (width>=56rem){.times{grid-template-columns:1fr 1fr}}.time{margin:0}.time__title{gap:var(--d-space-1);margin-bottom:var(--d-space-4);font-weight:550;display:grid}.time__how{font-weight:400;font-size:var(--d-step--1);color:var(--d-muted)}.time__table{border-collapse:collapse;width:100%;font-size:var(--d-step--1)}.time__table th,.time__table td{text-align:left;vertical-align:middle;padding:.45rem 0;font-weight:400}.time__table th{width:12.5rem;padding-right:var(--d-space-4)}.time__table td.time__value{text-align:right;width:4.75rem;padding-left:var(--d-space-3);white-space:nowrap}.time__svg{display:block;overflow:visible}.time__rail{stroke:var(--d-line-strong);stroke-width:1px}.time__mark{fill:var(--base,var(--d-ink))}.time__axisrow td{padding-top:0}.time__axisrow text{fill:var(--d-muted);font-size:11px;font-family:var(--d-font-mono)}.data-table thead th.base-col{border-bottom:3px solid var(--base);color:var(--d-ink)}.data-table thead th .dot{margin-right:.4rem}.site-header__end{align-items:center;gap:clamp(.75rem,2.5vw,1.75rem);display:flex}.theme__select{appearance:none;border:1px solid var(--d-line-strong);border-radius:var(--d-radius-control);background:var(--d-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23889' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right .4rem center / .9rem;min-height:2rem;color:var(--d-ink);font:inherit;font-size:var(--d-step--1);cursor:pointer;padding:0 1.6rem 0 .6rem}@media (width<=34rem){.site-header__row{padding-block:var(--d-space-2);flex-wrap:wrap;row-gap:0}.site-header__end{justify-content:space-between;width:100%}.nav{gap:1.1rem}}.hero{padding-block:clamp(3rem,2rem + 5vw,6.5rem) clamp(2.5rem,1.5rem + 3vw,4rem)}.hero__grid{align-items:center;gap:clamp(2.5rem,1.5rem + 4vw,4.5rem);display:grid}@media (width>=60rem){.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.hero h1{font-size:var(--d-step-hero);letter-spacing:-.035em;max-width:13ch;font-weight:680;line-height:1.02}.hero .lede{margin-top:var(--d-space-5);color:var(--d-muted);max-width:36rem}.hero .actions{margin-top:var(--d-space-6)}.hero__independence{margin-top:var(--d-space-6);padding-top:var(--d-space-4);border-top:1px solid var(--d-line);font-size:var(--d-step--1);color:var(--d-muted);max-width:36rem}.panel{background:var(--d-panel);border:1px solid var(--d-line);border-radius:var(--d-radius-panel);min-width:0;padding:clamp(1.25rem,.9rem + 1.5vw,2rem)}.panel__title{justify-content:space-between;gap:var(--d-space-4);padding-bottom:var(--d-space-4);margin-bottom:var(--d-space-5);border-bottom:1px solid var(--d-line);font-family:var(--d-font-mono);color:var(--d-muted);font-size:.8125rem;display:flex}.panel__title strong{color:var(--d-ink);font-weight:500}.panel__note{margin-top:var(--d-space-5);font-size:var(--d-step--2);color:var(--d-muted)}.two-col{gap:var(--d-space-6);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=60rem){.two-col{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}.time .src{margin-top:var(--d-space-1);display:block}.time>p{margin-top:var(--d-space-3)}@media (width<=30rem){.time__table th{width:9.75rem}}@media (width<=63.99rem){.data-table--stack tbody th{display:block}}.page-head{border-bottom:1px solid var(--d-line);padding-block:clamp(2.5rem,1.5rem + 4vw,4.5rem) clamp(1.5rem,1rem + 2vw,2.5rem)}.page-head h1{font-size:var(--d-step-hero);letter-spacing:-.035em;font-weight:680;line-height:1.05}.page-head .lede{margin-top:var(--d-space-4);max-width:46rem;color:var(--d-muted)}.table-caption{caption-side:top;text-align:left;padding-bottom:var(--d-space-3);font-weight:600}.demo-group+.demo-group{margin-top:var(--d-space-7)}.demo-group__title,.result__title{font-size:var(--d-step-1);letter-spacing:-.01em;margin-bottom:var(--d-space-4);font-weight:600}.clip__caption .dot{margin-right:.45rem}.result+.result{margin-top:var(--d-space-7)}.result__note{margin-top:var(--d-space-4);max-width:46rem;color:var(--d-muted);font-size:var(--d-step--1)}.result__list{margin:var(--d-space-3) 0 0;max-width:46rem;color:var(--d-muted);font-size:var(--d-step--1);padding-left:1.2rem}.atleast{font-weight:700}.compare{width:100%;font-size:var(--d-step--1)}.compare thead th{vertical-align:bottom;line-height:1.3}.head2{display:inline-grid}.head2__second{font-weight:500}@media (width>=64rem){.compare th,.compare td{padding:.6rem 0 .6rem .75rem}.compare th:first-child{width:11rem;padding-left:0}}@media (width>=64rem) and (width<=79.99rem){.compare th,.compare td{padding-left:.5rem}.compare th:first-child{width:9.5rem}}@media (width>=64rem){.compare td.num{white-space:nowrap;text-align:right}.compare td.prose{white-space:normal;text-align:left}.compare--systems th:first-child{width:11rem}.compare--systems td.num,.compare--systems th:nth-child(2),.compare--systems th:nth-child(3){width:9rem}}@media (width<=63.99rem){.data-table--stack.compare td.prose{gap:var(--d-space-1);margin-top:var(--d-space-2);display:grid}.data-table--stack.compare td.prose>span{text-align:left}.data-table--stack .head2{display:inline}}.compares .area:first-of-type{margin-top:var(--d-space-6)}.legend{margin:0 0 var(--d-space-4);font-size:var(--d-step--1);color:var(--d-muted)}.legend .atleast{color:var(--d-ink)}.area+.area{margin-top:var(--d-space-7)}.area h3{font-size:var(--d-step-1);margin-bottom:var(--d-space-3);font-weight:600}.compares__close{max-width:46rem}