.variable-fonts-illustration[data-astro-cid-vnzymwsz]{background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:16px;padding:24px;margin:24px 0}.illustration-title[data-astro-cid-vnzymwsz]{color:#fff;font-size:1.15rem;font-weight:600;text-align:center;margin-bottom:24px}.comparison[data-astro-cid-vnzymwsz]{display:flex;gap:16px;align-items:stretch}.comparison-side[data-astro-cid-vnzymwsz]{flex:1;background:#0000004d;border-radius:12px;padding:16px;display:flex;flex-direction:column}.side-header[data-astro-cid-vnzymwsz]{display:flex;align-items:center;gap:10px;margin-bottom:16px}.side-badge[data-astro-cid-vnzymwsz]{padding:5px 10px;border-radius:5px;font-size:.7rem;font-weight:700;text-transform:uppercase}.side-badge[data-astro-cid-vnzymwsz].bad{background:#ef444440;color:#fca5a5}.side-badge[data-astro-cid-vnzymwsz].good{background:#10b98140;color:#6ee7b7}.side-title[data-astro-cid-vnzymwsz]{font-size:.85rem;color:#aaa}.files-stack[data-astro-cid-vnzymwsz]{flex:1;display:flex;flex-direction:column;gap:6px}.files-stack[data-astro-cid-vnzymwsz].single{justify-content:center;align-items:center;gap:16px}.file-item[data-astro-cid-vnzymwsz]{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0d;border-radius:6px;font-size:.7rem}.file-item[data-astro-cid-vnzymwsz].large{padding:14px 18px;background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.file-icon[data-astro-cid-vnzymwsz]{font-size:.9rem}.file-name[data-astro-cid-vnzymwsz]{flex:1;color:#aaa;font-family:Fira Code,monospace;font-size:.65rem}.file-size[data-astro-cid-vnzymwsz]{color:#888;font-size:.65rem}.file-item[data-astro-cid-vnzymwsz].large .file-name[data-astro-cid-vnzymwsz]{font-size:.75rem;color:#6ee7b7}.file-item[data-astro-cid-vnzymwsz].large .file-size[data-astro-cid-vnzymwsz]{font-size:.75rem;color:#6ee7b7;font-weight:600}.weights-demo[data-astro-cid-vnzymwsz]{display:flex;gap:8px;padding:12px;background:#ffffff0d;border-radius:8px}.weight[data-astro-cid-vnzymwsz]{font-size:1.2rem;color:#ccc;font-family:Inter,sans-serif}.weights-label[data-astro-cid-vnzymwsz]{font-size:.7rem;color:#888;text-align:center}.total[data-astro-cid-vnzymwsz]{margin-top:16px;padding:12px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:.8rem}.total[data-astro-cid-vnzymwsz].bad{background:#ef44441a}.total[data-astro-cid-vnzymwsz].good{background:#10b9811a}.total-label[data-astro-cid-vnzymwsz]{color:#888}.total-value[data-astro-cid-vnzymwsz]{font-weight:700;color:#fff}.total-requests[data-astro-cid-vnzymwsz]{color:#888;font-size:.7rem;margin-left:auto}.total[data-astro-cid-vnzymwsz].bad .total-value[data-astro-cid-vnzymwsz]{color:#fca5a5}.total[data-astro-cid-vnzymwsz].good .total-value[data-astro-cid-vnzymwsz]{color:#6ee7b7}.vs-separator[data-astro-cid-vnzymwsz]{display:flex;align-items:center;justify-content:center;padding:0 8px}.vs-separator[data-astro-cid-vnzymwsz] span[data-astro-cid-vnzymwsz]{background:#ffffff1a;color:#666;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:700}.savings-banner[data-astro-cid-vnzymwsz]{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 18px;background:linear-gradient(135deg,#10b98126,#3b82f626);border-radius:10px;border:1px solid rgba(16,185,129,.3)}.savings-icon[data-astro-cid-vnzymwsz]{font-size:1.3rem}.savings-text[data-astro-cid-vnzymwsz]{font-size:.85rem;color:#ffffffe6}.examples[data-astro-cid-vnzymwsz]{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.examples-label[data-astro-cid-vnzymwsz]{font-size:.75rem;color:#888}.example-font[data-astro-cid-vnzymwsz]{font-size:.7rem;color:#93c5fd;background:#3b82f626;padding:4px 10px;border-radius:4px}@media (max-width: 700px){.variable-fonts-illustration[data-astro-cid-vnzymwsz]{padding:16px}.comparison[data-astro-cid-vnzymwsz]{flex-direction:column}.vs-separator[data-astro-cid-vnzymwsz]{padding:8px 0}.file-name[data-astro-cid-vnzymwsz]{font-size:.55rem}.examples[data-astro-cid-vnzymwsz]{justify-content:center}}.font-display-swap-illustration[data-astro-cid-kq273nzi]{background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:16px;padding:24px;margin:24px 0}.illustration-title[data-astro-cid-kq273nzi]{color:#fff;font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:24px}.animation-container[data-astro-cid-kq273nzi]{display:flex;flex-direction:column;gap:20px}.demo-zone[data-astro-cid-kq273nzi]{display:flex;flex-direction:column;gap:16px}.demo-browser[data-astro-cid-kq273nzi]{background:#2a2a2a;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.browser-bar[data-astro-cid-kq273nzi]{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#1f1f1f;border-bottom:1px solid rgba(255,255,255,.05)}.browser-dot[data-astro-cid-kq273nzi]{width:10px;height:10px;border-radius:50%;background:#444}.browser-dot[data-astro-cid-kq273nzi]:nth-child(1){background:#ff5f56}.browser-dot[data-astro-cid-kq273nzi]:nth-child(2){background:#ffbd2e}.browser-dot[data-astro-cid-kq273nzi]:nth-child(3){background:#27ca40}.browser-url[data-astro-cid-kq273nzi]{margin-left:12px;font-size:.7rem;color:#666;background:#0000004d;padding:4px 12px;border-radius:4px}.browser-content[data-astro-cid-kq273nzi]{padding:24px;min-height:100px}.demo-text-wrapper[data-astro-cid-kq273nzi]{position:relative;height:36px;margin-bottom:16px}.demo-text[data-astro-cid-kq273nzi]{position:absolute;left:0;top:0;font-size:1.4rem;font-weight:600;transition:opacity .4s ease,transform .4s ease}.fallback-text[data-astro-cid-kq273nzi]{font-family:Arial,Helvetica,sans-serif;color:#9ca3af;opacity:1;animation:fallback-anim 4s ease-in-out infinite}.custom-text[data-astro-cid-kq273nzi]{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#6ee7b7;opacity:0;transform:translateY(4px);animation:custom-anim 4s ease-in-out infinite}.demo-paragraph[data-astro-cid-kq273nzi]{display:flex;flex-direction:column;gap:8px}.paragraph-line[data-astro-cid-kq273nzi]{height:10px;background:#ffffff1a;border-radius:4px;width:90%}.paragraph-line[data-astro-cid-kq273nzi].short{width:60%}.phase-labels[data-astro-cid-kq273nzi]{display:flex;justify-content:center;gap:24px}.phase-label[data-astro-cid-kq273nzi]{display:flex;align-items:center;gap:8px;font-size:.8rem;transition:opacity .3s ease}.fallback-label[data-astro-cid-kq273nzi]{color:#9ca3af;animation:fallback-label-anim 4s ease-in-out infinite}.custom-label[data-astro-cid-kq273nzi]{color:#6ee7b7;opacity:.4;animation:custom-label-anim 4s ease-in-out infinite}.label-dot[data-astro-cid-kq273nzi]{width:10px;height:10px;border-radius:50%}.fallback-dot[data-astro-cid-kq273nzi]{background:#9ca3af}.custom-dot[data-astro-cid-kq273nzi]{background:#6ee7b7}.loading-section[data-astro-cid-kq273nzi]{background:#0000004d;border-radius:10px;padding:16px}.loading-label-row[data-astro-cid-kq273nzi]{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.8rem}.loading-icon[data-astro-cid-kq273nzi]{font-size:1rem}.loading-text[data-astro-cid-kq273nzi]{color:#888;animation:loading-text-anim 4s ease-in-out infinite}.loading-done[data-astro-cid-kq273nzi]{color:#10b981;opacity:0;animation:loading-done-anim 4s ease-in-out infinite}.loading-bar[data-astro-cid-kq273nzi]{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.loading-progress[data-astro-cid-kq273nzi]{height:100%;width:0;background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:3px;animation:loading-bar-anim 4s ease-in-out infinite}@keyframes fallback-anim{0%,5%{opacity:1;transform:translateY(0)}55%,60%{opacity:1;transform:translateY(0)}65%,to{opacity:0;transform:translateY(-4px)}}@keyframes custom-anim{0%,60%{opacity:0;transform:translateY(4px)}70%,95%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes fallback-label-anim{0%,60%{opacity:1}70%,to{opacity:.4}}@keyframes custom-label-anim{0%,60%{opacity:.4}70%,to{opacity:1}}@keyframes loading-bar-anim{0%{width:0}55%{width:100%}to{width:100%}}@keyframes loading-text-anim{0%,55%{opacity:1}60%,to{opacity:0}}@keyframes loading-done-anim{0%,55%{opacity:0}60%,to{opacity:1}}.benefit-banner[data-astro-cid-kq273nzi]{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:14px 18px;background:#10b9811a;border-radius:10px;border:1px solid rgba(16,185,129,.2)}.benefit-icon[data-astro-cid-kq273nzi]{font-size:1.2rem;flex-shrink:0}.benefit-text[data-astro-cid-kq273nzi]{font-size:.85rem;color:#ffffffd9;line-height:1.5}.benefit-text[data-astro-cid-kq273nzi] strong[data-astro-cid-kq273nzi]{color:#6ee7b7}.replay-button[data-astro-cid-kq273nzi]{display:flex;align-items:center;gap:6px;margin:16px auto 0;padding:8px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#888;font-size:.75rem;cursor:pointer;transition:all .2s}.replay-button[data-astro-cid-kq273nzi]:hover{background:#ffffff1f;color:#bbb;border-color:#ffffff40}@media (max-width: 600px){.font-display-swap-illustration[data-astro-cid-kq273nzi],.browser-content[data-astro-cid-kq273nzi]{padding:16px}.demo-text[data-astro-cid-kq273nzi]{font-size:1.1rem}.phase-labels[data-astro-cid-kq273nzi]{flex-direction:column;align-items:center;gap:8px}}