:root{--margin:clamp(16px, 2.5vw, 32px);--ease-out:cubic-bezier(.23, 1, .32, 1)}.punct[data-astro-cid-kgmuel52]{margin-left:-.14em}main>section[data-astro-cid-kgmuel52]{position:relative}main>section[data-astro-cid-kgmuel52]>[data-astro-cid-kgmuel52]{z-index:2;position:relative}h2[data-astro-cid-kgmuel52]{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(36px,4vw,60px);font-weight:800;line-height:1}.two-tone[data-astro-cid-kgmuel52] span[data-astro-cid-kgmuel52]:first-child{color:var(--text-muted)}.hero[data-astro-cid-kgmuel52]{min-height:calc(100svh - 68px);padding:clamp(32px, 6vh, 72px) var(--margin);grid-template-columns:5fr 7fr;align-items:center;column-gap:48px;display:grid}.hero-text[data-astro-cid-kgmuel52]{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.hero[data-astro-cid-kgmuel52] h1[data-astro-cid-kgmuel52]{letter-spacing:-.04em;max-width:20ch;font-size:clamp(34px,3.6vw,52px);font-weight:800;line-height:1.05}.lede[data-astro-cid-kgmuel52]{font-size:var(--step-lead);max-width:52ch;line-height:1.4}.hero-actions[data-astro-cid-kgmuel52]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.facts[data-astro-cid-kgmuel52]{flex-wrap:wrap;gap:8px 24px;margin:8px 0 0;padding:0;font-size:16px;font-weight:600;list-style:none;display:flex}.facts[data-astro-cid-kgmuel52] li[data-astro-cid-kgmuel52]:before{content:"";background:var(--sage-9);vertical-align:2px;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.hero-shot[data-astro-cid-kgmuel52]{flex-direction:column;align-items:center;gap:12px;margin:0;display:flex}.hero-shot[data-astro-cid-kgmuel52] img[data-astro-cid-kgmuel52]{background:var(--pearl-3);border-radius:14px;width:100%;height:auto}.hero-shot[data-astro-cid-kgmuel52] figcaption[data-astro-cid-kgmuel52]{color:var(--text-muted);text-align:center;max-width:48ch;font-size:15px}.rules-section[data-astro-cid-kgmuel52]{padding:clamp(80px, 12vh, 160px) var(--margin);color:#fff;background:#14172b;grid-template-columns:5fr 7fr;gap:32px 48px;display:grid}.rules-text[data-astro-cid-kgmuel52]{flex-direction:column;gap:20px;display:flex}.rules-text[data-astro-cid-kgmuel52] p[data-astro-cid-kgmuel52]{color:#c9ccdc;max-width:40ch;font-size:18px}.rules[data-astro-cid-kgmuel52]{grid-template-columns:1fr 1fr 1fr;gap:4px;margin:0;display:grid}.rule[data-astro-cid-kgmuel52]{background:#1e2238;padding:22px}.rule[data-astro-cid-kgmuel52] dt[data-astro-cid-kgmuel52]{margin-bottom:12px;font-size:18px;font-weight:700}.rule[data-astro-cid-kgmuel52] dd[data-astro-cid-kgmuel52]{color:#c9ccdc;margin:0 0 10px;padding-left:22px;font-size:16px;line-height:1.4;position:relative}.rule[data-astro-cid-kgmuel52] dd[data-astro-cid-kgmuel52]:before{content:"";background:#8fa3ff;border-radius:50%;width:10px;height:10px;position:absolute;top:.55em;left:0}.rule[data-astro-cid-kgmuel52].can dd[data-astro-cid-kgmuel52]:before{background:#19a572}.rule[data-astro-cid-kgmuel52].cant dd[data-astro-cid-kgmuel52]:before{background:#ff6a4f}.demos[data-astro-cid-kgmuel52]{padding:clamp(96px, 12vh, 180px) var(--margin)}.demos-head[data-astro-cid-kgmuel52]{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.bands[data-astro-cid-kgmuel52]{flex-direction:column;gap:4px;margin:56px 0 0;padding:0;list-style:none;display:flex}.band[data-astro-cid-kgmuel52]{background:var(--pearl-2);border-radius:8px;grid-template-columns:240px 1fr auto;align-items:center;column-gap:28px;padding:16px 20px 16px 16px;display:grid}.band[data-astro-cid-kgmuel52]:nth-child(2n){background:var(--pearl-3)}.band-shot[data-astro-cid-kgmuel52]{transition:transform .16s var(--ease-out);border-radius:6px;display:block;overflow:hidden}.band-shot[data-astro-cid-kgmuel52] img[data-astro-cid-kgmuel52]{width:100%;height:auto;display:block}.band-main[data-astro-cid-kgmuel52]{flex-direction:column;gap:2px;display:flex}.band-title[data-astro-cid-kgmuel52]{font-size:20px;font-weight:600}.band-note[data-astro-cid-kgmuel52]{color:var(--text-muted);max-width:44ch;font-size:16px}.band-right[data-astro-cid-kgmuel52]{color:var(--text-muted);text-align:right;max-width:22ch;font-size:14px}@media (hover:hover) and (pointer:fine){.band-shot[data-astro-cid-kgmuel52]:hover{transform:translateY(-3px)}}.code-section[data-astro-cid-kgmuel52]{padding:clamp(96px, 12vh, 180px) var(--margin);background:var(--pearl-2);grid-template-columns:5fr 7fr;align-items:center;gap:40px;display:grid}.code-text[data-astro-cid-kgmuel52]{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.code-text[data-astro-cid-kgmuel52] p[data-astro-cid-kgmuel52]{max-width:40ch;font-size:18px}.code[data-astro-cid-kgmuel52]{color:#d6d8e5;background:#14172b;border-radius:14px;margin:0;overflow:hidden}.code[data-astro-cid-kgmuel52] figcaption[data-astro-cid-kgmuel52]{color:#9a9db3;font-family:var(--font-mono);border-bottom:1px solid #ffffff14;padding:12px 20px;font-size:12px}pre[data-astro-cid-kgmuel52]{font-family:var(--font-mono);margin:0;padding:20px;font-size:13px;line-height:21px;overflow-x:auto}.k[data-astro-cid-kgmuel52]{color:#b8acfe}.s[data-astro-cid-kgmuel52]{color:#96e0bb}.c[data-astro-cid-kgmuel52]{color:#7c7f92}.close[data-astro-cid-kgmuel52]{padding:clamp(96px, 14vh, 200px) var(--margin) clamp(48px, 8vh, 96px);flex-direction:column;align-items:flex-start;gap:20px;display:flex}.close[data-astro-cid-kgmuel52] p[data-astro-cid-kgmuel52]{color:var(--text-muted);font-size:18px}@media (prefers-reduced-motion:no-preference){.hero-text[data-astro-cid-kgmuel52]>[data-astro-cid-kgmuel52],.hero-shot[data-astro-cid-kgmuel52]{animation:rise .6s var(--ease-out) both}.hero-text[data-astro-cid-kgmuel52]>[data-astro-cid-kgmuel52]:nth-child(2){animation-delay:70ms}.hero-text[data-astro-cid-kgmuel52]>[data-astro-cid-kgmuel52]:nth-child(3){animation-delay:.14s}.hero-text[data-astro-cid-kgmuel52]>[data-astro-cid-kgmuel52]:nth-child(4){animation-delay:.21s}.hero-shot[data-astro-cid-kgmuel52]{animation-delay:.16s}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=860px){.hero[data-astro-cid-kgmuel52]{grid-template-columns:1fr;row-gap:32px;min-height:0;padding:24px 16px 40px}.hero[data-astro-cid-kgmuel52] h1[data-astro-cid-kgmuel52]{max-width:none;font-size:9vw}.lede[data-astro-cid-kgmuel52]{font-size:17px}.rules-section[data-astro-cid-kgmuel52]{grid-template-columns:1fr;padding:64px 16px}.rules[data-astro-cid-kgmuel52]{grid-template-columns:1fr}.demos[data-astro-cid-kgmuel52],.code-section[data-astro-cid-kgmuel52],.close[data-astro-cid-kgmuel52]{padding-left:16px;padding-right:16px}.demos[data-astro-cid-kgmuel52]{padding-top:64px;padding-bottom:64px}.bands[data-astro-cid-kgmuel52]{margin-top:32px}.band[data-astro-cid-kgmuel52]{grid-template-columns:1fr;row-gap:12px;padding:12px}.band-right[data-astro-cid-kgmuel52]{text-align:left;max-width:none}.code-section[data-astro-cid-kgmuel52]{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px}pre[data-astro-cid-kgmuel52]{font-size:12px}.close[data-astro-cid-kgmuel52]{padding-top:64px}}
