.demo-page{display:grid;gap:var(--space-8);padding-block:var(--space-8) var(--section-gap)}.demo-head[data-astro-cid-sok2rjup]{display:flex;flex-direction:column;gap:var(--space-4)}.demo-main[data-astro-cid-sok2rjup]{display:flex;flex-direction:column;gap:28px}.demo-title[data-astro-cid-sok2rjup]{font-size:var(--text-hero-page);line-height:1.04;font-weight:var(--w-bold);letter-spacing:-.03em;color:var(--fg-1);text-wrap:balance}.demo-lead[data-astro-cid-sok2rjup]{max-width:520px;font-size:var(--text-intro);line-height:var(--lh-intro);color:var(--fg-2)}.demo-card{width:100%}.demo-form[data-astro-cid-sok2rjup]{display:flex;flex-direction:column;gap:var(--space-5)}.hp[data-astro-cid-sok2rjup]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.demo-submit[data-astro-cid-sok2rjup]{display:flex;flex-direction:column;gap:var(--space-3)}.demo-error[data-astro-cid-sok2rjup]{font-size:var(--text-sm);color:var(--error)}.demo-error[data-astro-cid-sok2rjup] a[data-astro-cid-sok2rjup]{color:var(--fg-1);text-decoration:underline}.demo-thanks[data-astro-cid-sok2rjup]{display:flex;flex-direction:column;gap:var(--space-3)}.demo-thanks-title[data-astro-cid-sok2rjup]:focus{outline:none}.demo-thanks[data-astro-cid-sok2rjup][hidden]{display:none}.demo-thanks-title[data-astro-cid-sok2rjup]{font-size:var(--text-section);line-height:var(--lh-section);font-weight:var(--w-bold);letter-spacing:-.02em;color:var(--fg-1)}.demo-thanks-text[data-astro-cid-sok2rjup]{font-size:var(--text-copy);line-height:var(--lh-copy);color:var(--fg-2)}@media(min-width:768px){.demo-submit[data-astro-cid-sok2rjup]{align-items:flex-start}.demo-form[data-astro-cid-sok2rjup]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px var(--space-5)}.demo-form[data-astro-cid-sok2rjup]>.field--textarea,.demo-form[data-astro-cid-sok2rjup]>.field--checkbox,.demo-submit[data-astro-cid-sok2rjup]{grid-column:1 / -1}.demo-card{padding:var(--space-8)}}.demo-aside[data-astro-cid-sok2rjup]{display:flex;flex-direction:column;gap:var(--space-5)}.aside-card[data-astro-cid-sok2rjup]{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background-color:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);color:var(--fg-1);overflow:hidden}.aside-card--dark[data-astro-cid-sok2rjup]{gap:18px;background-color:var(--brand-black);border-color:var(--brand-black);color:var(--fg-inverse)}.expect-head[data-astro-cid-sok2rjup]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.crane[data-astro-cid-sok2rjup]{flex:none;width:110px;height:auto;margin:-8px -6px 0 0}.crane-line[data-astro-cid-sok2rjup]{stroke:var(--fg-3)}.crane-load[data-astro-cid-sok2rjup]{stroke:var(--brand-orange)}.aside-title[data-astro-cid-sok2rjup]{font-size:1.375rem;font-weight:var(--w-bold)}.aside-card--dark[data-astro-cid-sok2rjup] .aside-title[data-astro-cid-sok2rjup]{color:var(--fg-inverse)}.aside-title--big[data-astro-cid-sok2rjup]{max-width:280px;font-size:clamp(1.375rem,1.2rem + .6vw,1.625rem)}.expect[data-astro-cid-sok2rjup]{position:relative;display:flex;flex-direction:column;gap:14px;font-size:var(--text-base);line-height:1.5}.expect[data-astro-cid-sok2rjup] li[data-astro-cid-sok2rjup]{display:flex;gap:var(--space-3)}.expect[data-astro-cid-sok2rjup] svg[data-astro-cid-sok2rjup]{flex:none;margin-top:2px;color:var(--brand-orange)}.people[data-astro-cid-sok2rjup]{display:grid;gap:var(--space-4)}.person[data-astro-cid-sok2rjup]{display:flex;align-items:center;gap:var(--space-3)}.avatar[data-astro-cid-sok2rjup]{flex:none;width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--surface-soft);object-fit:cover}.person-name[data-astro-cid-sok2rjup]{display:block;font-weight:var(--w-semibold)}.person-role[data-astro-cid-sok2rjup]{font-size:var(--text-sm);color:var(--fg-2)}.next[data-astro-cid-sok2rjup]{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-base)}.next[data-astro-cid-sok2rjup] li[data-astro-cid-sok2rjup]{display:flex;align-items:center;gap:var(--space-3)}.next-num[data-astro-cid-sok2rjup]{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background-color:var(--brand-black);color:var(--fg-inverse);font-size:var(--text-sm);font-weight:var(--w-semibold)}@media(min-width:600px){.people[data-astro-cid-sok2rjup]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.aside-card[data-astro-cid-sok2rjup]{padding:28px}.crane[data-astro-cid-sok2rjup]{width:150px}}@media(min-width:1000px){.demo-page{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:56px;padding-block:56px 96px}}