.hero[data-v-ad9e880a]{align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) 330px;padding:112px 0 40px}.hero-intro h1[data-v-ad9e880a]{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:600;letter-spacing:-.045em;line-height:1.15}.hero-intro h1 span[data-v-ad9e880a]{color:#42d392}.hero-intro p[data-v-ad9e880a]{color:#a1a1aa;font-size:15px;line-height:1.7;margin-top:18px}.demo-panel[data-v-ad9e880a]{border-left:1px solid #ffffff14;font-family:Geist Mono Variable,monospace;min-width:0;padding-left:28px}.demo-heading[data-v-ad9e880a]{color:#a1a1aa;display:flex;font-size:11px;justify-content:space-between;margin-bottom:14px}.demo-heading button[data-v-ad9e880a]{color:#a1a1aa}.demo-heading button[data-v-ad9e880a]:hover{color:#fafafa}.demo-panel pre[data-v-ad9e880a]{color:#d4d4d8;font-size:12px;line-height:1.8;white-space:pre-wrap}.syntax-keyword[data-v-ad9e880a]{color:#c4b5fd}.syntax-function[data-v-ad9e880a],output span[data-v-ad9e880a]{color:#42d392}.demo-output[data-v-ad9e880a]{color:#a1a1aa;font-size:12px;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:16px}.demo-button[data-v-ad9e880a],.demo-output[data-v-ad9e880a]{align-items:center;display:flex;gap:12px}.demo-button[data-v-ad9e880a]{border:1px solid #ffffff20;border-radius:6px;padding:6px 10px;transition:border-color .2s}.demo-button[data-v-ad9e880a]:hover{border-color:#42d39280}.demo-button span[data-v-ad9e880a]{color:#fafafa}.demo-button .syntax-function[data-v-ad9e880a]{color:#42d392}.demo-arrow[data-v-ad9e880a]{color:#71717a}@media(max-width:767px){.hero[data-v-ad9e880a]{gap:28px;grid-template-columns:1fr;padding:104px 0 24px}.demo-panel[data-v-ad9e880a]{display:none}.hero-intro p[data-v-ad9e880a]{margin-top:12px}}.tip-code[data-v-bfa72f36] pre{background:#0c0c0e;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;font-size:12px;line-height:1.7;margin-top:4px;overflow-x:auto;padding:16px 20px}.tip-code[data-v-bfa72f36] pre+pre{margin-top:8px}.tip-code[data-v-bfa72f36] pre code{font-family:Geist Mono Variable,SF Mono,Fira Code,monospace}.tip-code[data-v-bfa72f36] p{color:#a1a1aa;font-size:13px;line-height:1.7;margin-top:4px}.tip-code[data-v-bfa72f36] a{color:#42d392}.tip-code[data-v-bfa72f36] a:hover{color:#5deaa5}