/* A symbolic optimization sequence, not a simulated PageSpeed result. */
.performance{--speed-height:clamp(390px,37vw,530px)}
.performance-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:start}
.performance-copy{padding-top:52px}
.performance-copy h2{font-size:clamp(44px,4.3vw,64px)}
.performance-copy>p:not(.eyebrow){max-width:42ch;margin-top:26px;font-size:16px;color:var(--muted)}
.performance-copy>p+p:not(.eyebrow){margin-top:18px}
.performance-track{min-width:0}
.speed-scene{
  --speed-scan-y:660%;--speed-scan-opacity:0;--speed-badge:1;--speed-sheen:260%;
  height:var(--speed-height);position:relative;isolation:isolate;
}
.performance.is-animated .performance-track{height:calc(var(--speed-height) + 300px)}
.performance.is-animated .speed-scene{position:sticky;top:calc(var(--header) + 32px)}
.performance.is-animated .performance-copy{position:sticky;top:calc(var(--header) + 45px)}
.speed-viewport,.speed-art{position:relative;width:100%;height:100%}
.speed-art{perspective:1100px;isolation:isolate}
.speed-shadow{position:absolute;left:14%;right:8%;bottom:20%;height:12%;border-radius:50%;background:#184c3b14;filter:blur(18px)}
.speed-site{position:absolute;width:77%;height:62%;left:8%;top:13%;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-8deg) rotateZ(-2deg);--build-toolbar:1;--build-color:1;--build-refine:0px;--build-crop:26%}
.speed-scan{position:absolute;inset:0;border-radius:9px;overflow:hidden;pointer-events:none;transform:translateZ(4px)}
.speed-scan>i{display:block;position:absolute;inset:0 0 auto;height:18%;background:linear-gradient(transparent,#2b876a36);border-bottom:2px solid #2b876a;opacity:var(--speed-scan-opacity);transform:translateY(var(--speed-scan-y))}
.speed-badge{position:absolute;right:0;bottom:0;width:20.12987%;aspect-ratio:1;padding:1.5%;display:flex;align-items:center;justify-content:center;color:var(--paper);background:linear-gradient(135deg,#2b876a,#184c3b);border:1px solid #184c3b;border-radius:50%;box-shadow:1.5px 2.5px 0 #103e30,0 9px 14px #184c3b25;overflow:hidden;opacity:var(--speed-badge);transform-origin:50% 50%;transform:translate3d(50%,calc(50% + (1 - var(--speed-badge))*13px),8px) rotate(calc((1 - var(--speed-badge))*4deg)) scale(calc(.82 + var(--speed-badge)*.18))}
.speed-badge::before{content:'';position:absolute;inset:3px;border:1px solid #ffffff24;border-radius:50%;pointer-events:none}
.speed-badge::after{content:'';position:absolute;inset:-25% auto -25% 0;width:55%;background:linear-gradient(90deg,transparent,#ffffff20,transparent);transform:translateX(var(--speed-sheen)) skewX(-18deg);pointer-events:none}
.speed-badge-value{display:flex;align-items:baseline;justify-content:center;gap:4%;font-family:Anton,Impact,sans-serif;font-size:clamp(21px,2.3vw,33.5px);font-weight:400;line-height:1.05;font-variant-numeric:tabular-nums}
.speed-badge-value>[data-speed-count]{min-width:1.75em;text-align:right}
.speed-badge-percent{font-size:.45em}
@media(min-width:901px) and (max-height:760px){
  .performance{--speed-height:390px}
  .performance-copy{padding-top:18px}
  .performance.is-animated .performance-copy{top:calc(var(--header) + 24px)}
  .performance.is-animated .speed-scene{top:calc(var(--header) + 12px)}
}
@media(max-width:1100px){.performance-layout{gap:30px}.performance-copy h2{font-size:45px}.performance-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:900px){
  .performance{--speed-height:clamp(270px,80vw,390px)}
  .performance-layout{display:block}
  .performance-copy{padding-top:0}
  .performance-copy h2{font-size:clamp(37px,10.8vw,62px)}
  .performance-copy>p:not(.eyebrow){max-width:46ch;font-size:15px}
  .performance.is-animated .performance-copy,.performance.is-animated .speed-scene{position:relative;top:auto}
  .performance.is-animated .performance-track{height:auto}
  .performance-track{margin-top:24px;max-width:520px;margin-inline:auto}
  .speed-viewport{overflow:clip}
  .speed-site{top:16%;height:58%}
  .speed-scan{border-radius:6px}
  .speed-shadow{filter:blur(12px)}
  .speed-badge{width:21.42857%;box-shadow:1px 1.5px 0 #103e30,0 5px 10px #184c3b20}
  .speed-badge::before{inset:2px}
  .speed-badge-value{font-size:clamp(17px,4.8vw,26px)}
}
@media(prefers-reduced-motion:reduce),print{
  .performance.is-animated .performance-track{height:auto}
  .performance.is-animated .performance-copy,.performance.is-animated .speed-scene{position:relative;top:auto}
  .speed-scan{display:none}
  .speed-badge{opacity:1;transform:translate3d(50%,50%,8px)}
  .speed-badge::after{display:none}
}