@media (width>=48rem){.principle[data-astro-cid-j4y4sje3]{border-bottom:0}.principle[data-astro-cid-j4y4sje3]:nth-child(odd){border-right:1px solid var(--c-hair);padding-left:0}.principle[data-astro-cid-j4y4sje3]:nth-child(2n){padding-right:0}.principle[data-astro-cid-j4y4sje3]:nth-child(-n+2){border-bottom:1px solid var(--c-hair)}}@media (width>=64rem){.principle[data-astro-cid-j4y4sje3]:nth-child(-n+2){border-bottom:0}.principle[data-astro-cid-j4y4sje3]:nth-child(odd){padding-left:1.625rem}.principle[data-astro-cid-j4y4sje3]:nth-child(2n){padding-right:1.625rem}.principle[data-astro-cid-j4y4sje3]:first-child{padding-left:0}.principle[data-astro-cid-j4y4sje3]:not(:last-child){border-right:1px solid var(--c-hair)}.principle[data-astro-cid-j4y4sje3]:last-child{padding-right:0}}.callout[data-astro-cid-zmf45jhg]{border:1.5px solid var(--color-accent);background:var(--c-canvas);color:var(--c-accent-text);font-family:var(--font-mono);font-size:calc(11 * var(--u));border-radius:9999px;justify-content:center;align-items:center;display:flex}.tb-cell[data-astro-cid-zmf45jhg]{border-right:1px solid var(--c-hair);border-bottom:1px solid var(--c-hair);padding:calc(6 * var(--u)) calc(9 * var(--u));font-size:calc(10.5 * var(--u));white-space:nowrap;margin:0;line-height:1.25}.hero-render[data-astro-cid-zmf45jhg]{--p:.49;animation:1.6s cubic-bezier(.65,0,.35,1) .35s both hero-render}.hero-render-tag[data-astro-cid-zmf45jhg]{animation:.5s ease-out 1.6s both hero-tag}@keyframes hero-render{0%{--p:0}to{--p:.49}}@keyframes hero-tag{0%{opacity:0;translate:0 6px}}.hero-stage[data-astro-cid-zmf45jhg]{--dw:750;--dh:600}@container (width<34rem){.hero-stage[data-astro-cid-zmf45jhg]{--dh:515}.hero-legend[data-astro-cid-zmf45jhg],.hero-titleblock[data-astro-cid-zmf45jhg],.callout[data-astro-cid-zmf45jhg]{display:none}}.hero-word[data-astro-cid-i3irphx7]{transition:opacity .2s,translate .2s}.hero-word[data-astro-cid-i3irphx7][data-active]{transition-duration:.3s;transition-delay:.15s}.hero-word[data-astro-cid-i3irphx7]:not([data-active]){opacity:0;position:absolute;top:0;left:0;translate:0 .2em}@media (width>=64rem) and (height>=40rem) and (prefers-reduced-motion:no-preference){.showcase-track[data-astro-cid-xakddsxe]{height:140vh}.showcase-pin[data-astro-cid-xakddsxe]{position:sticky;top:6rem}.sc-drawing[data-astro-cid-xakddsxe]{width:100%;max-width:calc(137.667svh - 17.8967rem);margin-inline:auto}}.step[data-astro-cid-xakddsxe]{border:1.5px solid var(--c-hair);min-width:0;color:var(--c-subtle);font-family:var(--font-mono);letter-spacing:.04em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:clamp(.5rem,2.5vw,.625rem);transition:background-color .3s,border-color .3s,color .3s;display:flex}.step[data-astro-cid-xakddsxe][data-state=done]{border-color:var(--c-line-soft);color:var(--c-fg)}.step[data-astro-cid-xakddsxe][data-state=active]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-ink)}.step-check[data-astro-cid-xakddsxe],.step[data-astro-cid-xakddsxe][data-state=done] .step-number[data-astro-cid-xakddsxe]{display:none}.step[data-astro-cid-xakddsxe][data-state=done] .step-check[data-astro-cid-xakddsxe]{display:inline}@media (width>=64rem){.step[data-astro-cid-xakddsxe]{border:0;border-top:1.5px solid var(--c-hair);color:inherit;font-family:inherit;font-size:inherit;letter-spacing:normal;text-align:start;text-transform:none;flex-direction:row;align-items:flex-start;gap:1rem;padding:1.375rem 0}.step[data-astro-cid-xakddsxe][data-state=done]{color:inherit}.step[data-astro-cid-xakddsxe][data-state=active]{border-color:var(--color-accent);color:inherit;background:0 0}.step-mark[data-astro-cid-xakddsxe]{border:1.5px solid var(--c-hair);width:2.25rem;height:2.25rem;color:var(--c-subtle);font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;transition:background-color .3s,border-color .3s,color .3s;display:flex}.step[data-astro-cid-xakddsxe][data-state=done] .step-mark[data-astro-cid-xakddsxe]{border-color:var(--c-line-soft);color:var(--c-fg)}.step[data-astro-cid-xakddsxe][data-state=active] .step-mark[data-astro-cid-xakddsxe]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-ink)}.step-body[data-astro-cid-xakddsxe]{flex-direction:column;gap:.375rem;display:flex}.step-title[data-astro-cid-xakddsxe]{color:var(--c-subtle);font-family:var(--font-display);font-size:1.625rem;font-weight:700;line-height:1.1;transition:color .3s}.step[data-astro-cid-xakddsxe]:not([data-state=todo]) .step-title[data-astro-cid-xakddsxe]{color:var(--c-fg)}.step-text[data-astro-cid-xakddsxe]{color:var(--c-subtle);font-size:.9375rem;line-height:1.55;transition:color .3s}.step[data-astro-cid-xakddsxe][data-state=active] .step-text[data-astro-cid-xakddsxe]{color:var(--c-muted)}}[data-astro-cid-xakddsxe][data-device]{transition:--p .35s cubic-bezier(.2,.7,.3,1)}.sc-drawing[data-astro-cid-xakddsxe]{container-name:showcase}.sc-stage[data-astro-cid-xakddsxe]{--dw:826;--dh:600}.serif[data-astro-cid-xakddsxe]{font-family:Georgia,Times New Roman,serif}.sc-label[data-astro-cid-xakddsxe]{color:var(--c-subtle);font-family:var(--font-mono);font-size:calc(11 * var(--u));letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;line-height:1.15}.sc-label-example[data-astro-cid-xakddsxe]{--x:0;--y:0}.sc-label-web[data-astro-cid-xakddsxe]{--x:0;--y:98}.sc-label-app[data-astro-cid-xakddsxe]{--x:600;--y:118}.sc-label-api[data-astro-cid-xakddsxe]{--x:30;--y:464}.sc-flow[data-astro-cid-xakddsxe]{--x:0;--y:24;--w:826;--h:50;align-items:center;display:flex}.sc-chip[data-astro-cid-xakddsxe]{width:calc(150 * var(--u));height:calc(46 * var(--u));border:1.5px solid var(--c-line);background:var(--c-canvas);font-family:var(--font-mono);font-size:calc(11.5 * var(--u));letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sc-chip-accent[data-astro-cid-xakddsxe]{border-color:var(--color-accent)}.sc-arrow[data-astro-cid-xakddsxe]{padding-inline:calc(6 * var(--u));flex-grow:1;align-items:center;display:flex}.sc-arrow-line[data-astro-cid-xakddsxe]{background:var(--c-line-soft);flex-grow:1;height:1.5px}.sc-arrow-head[data-astro-cid-xakddsxe]{width:calc(9 * var(--u));height:calc(12 * var(--u));fill:var(--c-line-soft);flex-shrink:0}.sc-stamp[data-astro-cid-xakddsxe]{--x:596;--y:72;border:2px solid var(--color-accent);background:var(--c-canvas);padding:calc(5 * var(--u)) calc(10 * var(--u));color:var(--c-accent-text);font-family:var(--font-mono);font-size:calc(11.5 * var(--u));letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;font-weight:500;transition:opacity .25s,scale .35s cubic-bezier(.2,1.4,.4,1);rotate:-5deg;scale:1.3}[data-astro-cid-xakddsxe][data-approved] .sc-stamp[data-astro-cid-xakddsxe]{opacity:1;scale:1}.sc-web[data-astro-cid-xakddsxe]{--x:0;--y:118;--w:560;--h:340}.sc-app[data-astro-cid-xakddsxe]{--x:600;--y:138;--w:200;--h:400}.sc-api[data-astro-cid-xakddsxe]{--x:30;--y:482;--w:470;--h:90}.sc-api-wire[data-astro-cid-xakddsxe]{gap:calc(16 * var(--u));padding-inline:calc(18 * var(--u))}.sc-api-wire[data-astro-cid-xakddsxe]>span[data-astro-cid-xakddsxe]{height:calc(6 * var(--u));background:var(--c-wire-fill)}.sc-api-render[data-astro-cid-xakddsxe]{gap:calc(6 * var(--u));padding:calc(12 * var(--u)) calc(18 * var(--u));font-size:calc(12.5 * var(--u))}.sc-live[data-astro-cid-xakddsxe]{--x:560;--y:556;align-items:center;gap:calc(8 * var(--u));background:var(--color-accent);padding:calc(8 * var(--u)) calc(12 * var(--u));color:var(--color-ink);font-family:var(--font-mono);font-size:calc(12 * var(--u));letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:0;translate:0 calc(8 * var(--u));font-weight:500;transition:opacity .3s,translate .3s;display:flex}[data-astro-cid-xakddsxe][data-live] .sc-live[data-astro-cid-xakddsxe]{opacity:1;translate:0}.sc-live-dot[data-astro-cid-xakddsxe]{width:calc(8 * var(--u));height:calc(8 * var(--u));background:var(--color-ink);border-radius:9999px}.sc-ruler[data-astro-cid-xakddsxe]{background-image:repeating-linear-gradient(90deg, var(--c-line-soft) 0 1.5px, transparent 1.5px 10%), repeating-linear-gradient(90deg, var(--c-hair) 0 1px, transparent 1px 2%);background-repeat:no-repeat;background-size:100% 16px,100% 8px}@container showcase (width<36rem){.sc-stage[data-astro-cid-xakddsxe]{--dw:350;--dh:400}.sc-label[data-astro-cid-xakddsxe]{font-size:calc(9.5 * var(--u));letter-spacing:.12em}.sc-label-web[data-astro-cid-xakddsxe],.sc-label-app[data-astro-cid-xakddsxe],.sc-label-api[data-astro-cid-xakddsxe]{display:none}.sc-flow[data-astro-cid-xakddsxe]{--y:18;--w:350;--h:30}.sc-chip[data-astro-cid-xakddsxe]{width:calc(80 * var(--u));height:calc(30 * var(--u));font-size:calc(9 * var(--u));letter-spacing:.04em}.sc-arrow[data-astro-cid-xakddsxe]{padding-inline:0}.sc-arrow-head[data-astro-cid-xakddsxe]{display:none}.sc-stamp[data-astro-cid-xakddsxe]{--x:196;--y:52;padding:calc(3 * var(--u)) calc(7 * var(--u));font-size:calc(9.5 * var(--u));letter-spacing:.12em}.sc-web[data-astro-cid-xakddsxe]{--y:80;--w:300;--h:182}.sc-app[data-astro-cid-xakddsxe]{--x:238;--y:144;--w:112;--h:224}.sc-api[data-astro-cid-xakddsxe]{--x:0;--y:276;--w:226;--h:82}.sc-api-wire[data-astro-cid-xakddsxe]{gap:calc(15 * var(--u));padding-inline:calc(12 * var(--u))}.sc-api-wire[data-astro-cid-xakddsxe]>span[data-astro-cid-xakddsxe]{height:calc(5 * var(--u))}.sc-api-render[data-astro-cid-xakddsxe]{gap:calc(5 * var(--u));padding:calc(11 * var(--u)) calc(12 * var(--u));font-size:calc(9.5 * var(--u))}.sc-api-ms[data-astro-cid-xakddsxe]{display:none}.sc-live[data-astro-cid-xakddsxe]{--x:0;--y:372;gap:calc(6 * var(--u));padding:calc(5 * var(--u)) calc(9 * var(--u));font-size:calc(9.5 * var(--u))}}