.perf-section{padding:46px 0 54px;border-top:1px solid var(--line)}.perf-section h2{max-width:24ch;font-size:clamp(26px,3vw,34px);font-weight:450;letter-spacing:-.02em;line-height:1.2}.perf-lede{margin-top:14px;max-width:62ch;color:var(--ink-2);font-size:16px;line-height:1.75}.perf-note{margin-top:22px;max-width:66ch;color:var(--mute);font-size:14px;line-height:1.7}.perf-card a,.perf-lede a,.perf-note a,.perf-steps a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.perf-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}.perf-device{padding:26px 26px 22px;border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-1)}.perf-device h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;line-height:1.4}.perf-device h3 svg{color:var(--accent);flex:none}.perf-device>p{margin-top:6px;color:var(--mute);font-size:13px;line-height:1.6}.perf-rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:22px 0 0;padding:0}.perf-ring{text-align:center;min-width:0}.perf-ring-figure{position:relative;width:92px;height:92px;margin:0 auto}.perf-ring-figure svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.perf-ring-figure circle{fill:none;stroke-width:7}.perf-ring-track{stroke:var(--line-soft)}.perf-ring-value{stroke:var(--good);stroke-linecap:round}.perf-ring-figure strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:500;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.perf-ring>span{display:block;margin-top:10px;font-size:13px;line-height:1.4;color:var(--ink-2)}@media (prefers-reduced-motion:no-preference){.perf-ring-value{animation:perf-fill 1.1s cubic-bezier(.2,.7,.2,1) both}.perf-ring:nth-child(2) .perf-ring-value{animation-delay:.08s}.perf-ring:nth-child(3) .perf-ring-value{animation-delay:.16s}.perf-ring:nth-child(4) .perf-ring-value{animation-delay:.24s}@keyframes perf-fill{0%{stroke-dasharray:0 1000}}}.perf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 32px;margin:34px 0 0}.perf-stats>div{padding-top:20px;border-top:1px solid var(--line)}.perf-stats dt{font-size:13px;line-height:1.5;color:var(--ink-2)}.perf-stats dd{margin:8px 0 0}.perf-stats dd strong{display:block;font-size:38px;font-weight:500;letter-spacing:-.03em;line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.perf-stats dd span{display:block;margin-top:10px;max-width:30ch;font-size:14px;line-height:1.65;color:var(--mute)}.perf-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 56px;align-items:start;margin-top:8px}.perf-split .marketing-checklist{margin-top:26px}.perf-split .marketing-checklist li{font-size:15px;line-height:1.65}.perf-split .marketing-checklist li>svg{color:var(--accent)}.perf-links{margin-top:30px;border-bottom:1px solid var(--line)}.perf-links a.marketing-topic-link{padding:20px 0}.perf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.perf-card{padding:26px 24px 28px;border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-1)}.perf-card>svg{color:var(--accent)}.perf-card h3{margin-top:16px;font-size:18px;font-weight:500;line-height:1.35}.perf-card p{margin-top:10px;font-size:14.5px;line-height:1.7;color:var(--ink-2)}.perf-table{margin-top:30px}.perf-table table{width:100%;border-collapse:collapse;font-size:15px}.perf-table caption{text-align:left;padding-bottom:14px;font-size:14px;color:var(--mute)}.perf-table td,.perf-table th{padding:14px 16px 14px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5}.perf-table th{font-weight:500}.perf-table thead th{font-size:13px;color:var(--ink-2);border-top:0}.perf-table td:last-child{font-weight:500;color:var(--ink)}.perf-table tbody th{color:var(--ink-2);font-weight:400}.perf-steps{counter-reset:perf-step;list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.perf-steps li{counter-increment:perf-step;padding-top:18px;border-top:1px solid var(--line)}.perf-steps li:before{content:counter(perf-step,decimal-leading-zero);display:block;font-size:13px;color:var(--mute);letter-spacing:.04em}.perf-steps h3{margin-top:10px;font-size:17px;font-weight:500;line-height:1.4}.perf-steps p{margin-top:8px;font-size:14.5px;line-height:1.7;color:var(--ink-2)}.perf-steps a{display:inline-flex;align-items:center;gap:6px}.perf-steps a svg{flex:none}.perf-code{margin:14px 0 0;padding:14px 16px;border-radius:var(--r-field);background:var(--sunken);font:13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);overflow-x:auto;white-space:pre}.perf-faq{max-width:850px}.perf-faq .faq-list{margin:26px 0 0;max-width:none}@media (max-width:900px){.perf-cards,.perf-devices,.perf-split,.perf-steps{grid-template-columns:1fr}.perf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.perf-section{padding:38px 0 44px}}@media (max-width:560px){.perf-rings{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.perf-stats{grid-template-columns:1fr}.perf-stats dd strong{font-size:34px}}@media (forced-colors:active){.perf-ring-track{stroke:GrayText}.perf-ring-value{stroke:Highlight}}