.testimonial-board{gap:var(--space-7) var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;&>*{grid-column:1/-1;min-width:0}@media (width>=48rem){&>.testimonial-card+.testimonial-card{grid-column:span 6}}@media (width>=64rem){&>.testimonial-card+.testimonial-card{grid-column:span 4}&>.testimonial-board__lead{grid-column:1/span 6}&>.testimonial-card--featured{grid-column:7/-1;align-self:start}}}.testimonial-card{border-block-start:var(--border-width) solid var(--color-paper-300);flex-direction:column;margin:0;padding-block-start:var(--space-5);display:flex;position:relative;&:before{background:var(--color-teal-700);content:"";width:3rem;height:3px;position:absolute;inset-block-start:-1px;inset-inline-start:0}& blockquote{margin:0 0 var(--space-5);text-indent:-.4em;padding-inline-start:.4em;line-height:1.6}& figcaption{color:var(--color-paper-600);font-size:var(--font-size-sm);margin-block-start:auto;line-height:1.6}}.testimonial-attribution{color:var(--color-ink-900);font-family:var(--font-figure);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:900}.testimonial-card__logo{height:3.5rem;align-items:center;margin-block-end:var(--space-4);display:flex}.testimonial-card--featured blockquote{font-size:clamp(1.25rem,1.05rem + .75vw,1.625rem);line-height:1.45}.home-stats{--stat-column:calc((min(100vw, var(--content-max)) - 2 * var(--edge-gutter)) / 4 - var(--space-5));--stat-size:min(var(--font-size-stat), .27 * var(--stat-column));background:var(--color-teal-800);color:var(--color-limestone);padding-block:clamp(3rem,2rem + 4vw,5.5rem);& dl{grid-template-columns:repeat(4,minmax(0,1fr));margin-block:0;padding-block-start:var(--space-7);display:grid;position:relative}& dl:before{inset-block-start:0;inset-inline:var(--edge-gutter);border-block-start:var(--border-width) solid var(--color-teal-500);content:"";transform-origin:0;position:absolute}& dt{color:var(--color-teal-100);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;grid-row:2;margin-block-start:var(--space-4);font-weight:700}& dd{grid-row:1;margin:0}@media (width<=48rem){--stat-column:calc(100vw - 2 * var(--edge-gutter) - var(--space-6));& dl{row-gap:var(--space-6);grid-template-columns:1fr;padding-block-start:0;padding-inline-start:calc(var(--edge-gutter) + var(--space-6))}& dl:before{inset-block:.5rem 2rem;inset-inline:var(--edge-gutter) auto;border-block-start:0;border-inline-start:var(--border-width) solid var(--color-teal-500);transform-origin:top}}}.stat{border-inline-start:var(--border-width) solid var(--color-teal-600);padding-inline:var(--space-5);align-content:start;display:grid;position:relative;&:first-child{border-inline-start:0;padding-inline-start:0}&:before{border:2px solid var(--color-teal-300);background:var(--color-teal-800);content:"";border-radius:50%;width:11px;height:11px;position:absolute;inset-block-start:calc(-1 * var(--space-7) - 5px);inset-inline-start:-5px}&:first-child:before{inset-inline-start:0}&:last-child:before{border-color:var(--color-lime);background:var(--color-lime)}@media (width<=48rem){&,&:first-child{border-inline-start:0;padding-inline:0}&:before,&:first-child:before{inset-block-start:.55rem;inset-inline-start:calc(-1 * var(--space-6) - 5px)}}}.stat__figure{font-family:var(--font-figure);font-size:var(--stat-size);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:900;line-height:.88;display:inline-block}.stat__unit{color:var(--color-teal-300);font-size:calc(.72 * var(--stat-size))}@media screen and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.home-stats{view-timeline-name:--stats}.home-stats dl:before,.stat:before,.stat__figure{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--stats}.home-stats dl:before{animation-name:draw-x;animation-range:entry entry 90%}.stat:before{animation-name:node-land;animation-range:entry calc(10% + var(--node,0) * 20%) entry calc(25% + var(--node,0) * 20%)}.stat__figure{--from:10;animation-name:stat-count;animation-range:entry}.stat__figure--thousands{--from:1000;--stat-k:calc((var(--stat-n) - 500) / 1000)}.stat__digits{color:color-mix(in srgb, currentColor calc(var(--stat-done) * 100%), transparent);position:relative}.stat__digits:before{color:var(--color-limestone);white-space:nowrap;opacity:calc(1 - var(--stat-done));counter-reset:stat-n var(--stat-n);content:counter(stat-n) / "";position:absolute;inset-block-start:0;inset-inline-end:0}.stat__figure--thousands .stat__digits:before{counter-reset:stat-k var(--stat-k) stat-r calc(var(--stat-n) - var(--stat-k) * 1000);content:counter(stat-k) "," counter(stat-r, stat-pad3) / ""}@media (width<=48rem){.home-stats dl:before{animation-name:grid-draw}}}}@property --stat-n{syntax:"<integer>";inherits:true;initial-value:0}@property --stat-k{syntax:"<integer>";inherits:true;initial-value:0}@property --stat-done{syntax:"<number>";inherits:true;initial-value:1}@counter-style stat-pad3{system:extends decimal;pad:3 "0"}@keyframes grid-draw{0%{scale:1 0}}@keyframes node-land{0%{scale:0}}@keyframes stat-count{0%{--stat-n:var(--from);--stat-done:0}98%{--stat-done:0}to{--stat-n:var(--to);--stat-done:1}}
