.gd-main .sect{padding-block:calc(var(--sp-section) * .62)}.gd-glow{z-index:0;pointer-events:none;filter:blur(90px);border-radius:50%;position:absolute}.gd-head,.gd-code-sect,.gd-result-sect{position:relative;overflow:hidden}.gd-head>.wrap,.gd-code-sect>.wrap,.gd-result-sect>.wrap{z-index:1;position:relative}.gd-glow--hero{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 22%, transparent), transparent);block-size:30rem;inline-size:min(52rem,78vw);inset-block-start:-12rem;inset-inline-end:-10rem}.gd-glow--warm{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 16%, transparent), transparent);block-size:24rem;inline-size:min(40rem,70vw);inset-block-end:-10rem;inset-inline-start:-8rem}.gd-glow--cool{background:radial-gradient(closest-side,#6e7c992e,#0000);block-size:26rem;inline-size:min(46rem,74vw);inset-block-start:-8rem;inset-inline-start:30%}@media (prefers-reduced-motion:no-preference){.gd-glow--hero{animation:gd-drift 22s var(--ease-inout) infinite alternate}.gd-glow--cool{animation:gd-drift 26s var(--ease-inout) 2s infinite alternate-reverse}@keyframes gd-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-3%,4%)scale(1.08)}}}.gd-head{padding-block:calc(var(--sp-section) * .5) calc(var(--sp-section) * .7)}.gd-crumbs{margin-block-end:var(--sp-4)}.gd-crumbs a{font-size:var(--fs--1);color:var(--ink-dim);text-decoration-color:var(--line-strong);font-weight:500}.gd-crumbs a:hover{color:var(--ink)}.gd-head h1{font-size:var(--fs-5);letter-spacing:-.03em;margin-block:var(--sp-3) var(--sp-4);line-height:1.05}.lp-sect h2.gd-h2{font-size:var(--fs-3);letter-spacing:-.025em;margin-block-end:var(--sp-6);line-height:1.1}.gd-steps{gap:var(--sp-5);counter-reset:none;margin:0;padding:0;list-style:none;display:grid}.gd-step{gap:var(--sp-5) var(--sp-6);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-6);grid-template-columns:auto minmax(0,1fr) minmax(0,22rem);align-items:center;display:grid}.gd-step:has(.gd-step-art) .gd-step-body{align-self:center}.gd-step-n{align-self:start}.gd-step-art{min-width:0}.gd-step:not(:has(.gd-step-art)){grid-template-columns:auto minmax(0,1fr)}.gd-step-n{background:color-mix(in srgb, var(--accent) 12%, var(--bg-card));block-size:2.75rem;inline-size:2.75rem;color:var(--accent-ink);font-size:var(--fs-1);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid}.gd-step-body h3{font-size:var(--fs-1);margin-block-end:var(--sp-2)}.gd-step-body p{color:var(--ink-soft);max-inline-size:68ch}.gd-step-body code,.gd-inline-code{font-family:var(--font-mono,ui-monospace, monospace);background:var(--bg-soft);border-radius:var(--r-sm);padding:.1em .35em;font-size:.92em}.gd-code-grid{gap:var(--sp-7);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}.gd-code-col{min-width:0}.gd-code-col .gd-h2{margin-block-end:var(--sp-4)}.gd-code-col .cb{margin-block:0 var(--sp-5)}.gd-warn{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 5%, var(--bg-card));padding:var(--sp-6)}.gd-warn-label{font-size:var(--fs--1);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-block-end:var(--sp-3);font-weight:600}.gd-warn h2.gd-warn-h{font-size:var(--fs-1);letter-spacing:-.01em;margin-block-end:var(--sp-3);line-height:1.25}.gd-warn p{color:var(--ink-soft);max-inline-size:68ch}.gd-warn-extra{margin-block-start:var(--sp-4)}.gd-result{gap:var(--sp-8);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;display:grid}.gd-result-copy,.gd-result-demo{min-width:0}.gd-result-copy>p{color:var(--ink-soft);max-inline-size:52ch;margin-block-end:var(--sp-5)}.gd-result-demo .lw{max-width:34rem}.gd-check{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.gd-check li{color:var(--ink-soft);padding-inline-start:1.9em;line-height:1.55;position:relative}.gd-check li:before{content:"✓";color:var(--accent-ink);font-weight:700;position:absolute;inset-block-start:0;inset-inline-start:0}.gd-related{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.gd-rel{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5);color:var(--ink);background:var(--bg-card);font-weight:500;text-decoration:none;display:block}.gd-rel:hover{border-color:var(--line-strong)}.gd-why{color:var(--ink-soft);max-inline-size:62ch;margin-block-start:var(--sp-6)}.gd-why a{margin-inline-start:.35em}.gd-tm{max-inline-size:68ch;padding-inline:var(--sp-5);padding-block:var(--sp-6) 0;color:var(--ink-dim);font-size:var(--fs--1);text-align:center;margin-inline:auto}.gd-hub-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.gd-card{gap:var(--sp-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-card);padding:var(--sp-6);flex-direction:column;text-decoration:none;display:flex}.gd-card:hover{border-color:var(--line-strong)}.gd-card h3{font-size:var(--fs-1)}.gd-card p{color:var(--ink-soft);font-size:var(--fs--1);line-height:1.5}.gd-card-more{color:var(--accent-ink);font-weight:500;font-size:var(--fs--1);margin-block-start:auto;padding-block-start:var(--sp-3)}.gd-hub-note{color:var(--ink-soft);max-inline-size:62ch;margin-block-start:var(--sp-6)}@media (width<=64em){.gd-step,.gd-step:not(:has(.gd-step-art)){grid-template-columns:auto minmax(0,1fr)}.gd-step-art{grid-column:2}.gd-result,.gd-code-grid{gap:var(--sp-6);grid-template-columns:1fr}}@media (width<=48em){.gd-step,.gd-step:not(:has(.gd-step-art)){gap:var(--sp-4);padding:var(--sp-5);grid-template-columns:1fr}.gd-step-art{grid-column:1}.gd-step-n{block-size:2.25rem;inline-size:2.25rem;font-size:var(--fs-0)}}.gart[data-astro-cid-4kh5ausi]{margin:0}.gart[data-astro-cid-4kh5ausi] svg[data-astro-cid-4kh5ausi]{block-size:auto;inline-size:100%;display:block;overflow:visible}text[data-astro-cid-4kh5ausi]{font-family:var(--font);fill:#fff;font-size:12px;font-weight:600}.g-canvas[data-astro-cid-4kh5ausi],.g-panel[data-astro-cid-4kh5ausi]{fill:var(--bg-card);stroke:var(--line);stroke-width:1.5px}.g-panel[data-astro-cid-4kh5ausi]{filter:drop-shadow(0 8px 22px #0e10130f)}.g-bar[data-astro-cid-4kh5ausi],.g-bar-b[data-astro-cid-4kh5ausi]{fill:var(--bg-soft)}.g-dot[data-astro-cid-4kh5ausi]{fill:var(--accent)}.g-chip[data-astro-cid-4kh5ausi]{fill:var(--line-strong)}.g-chip--dim[data-astro-cid-4kh5ausi]{fill:var(--line)}.g-side[data-astro-cid-4kh5ausi]{fill:var(--bg-soft)}.g-side-i[data-astro-cid-4kh5ausi]{fill:var(--line-strong)}.g-side-i--on[data-astro-cid-4kh5ausi]{fill:var(--accent)}.g-block[data-astro-cid-4kh5ausi]{fill:var(--line-strong)}.g-block--s[data-astro-cid-4kh5ausi]{fill:var(--line)}.g-code-l[data-astro-cid-4kh5ausi]{fill:var(--line-strong)}.g-code-l--s[data-astro-cid-4kh5ausi]{fill:var(--line)}.g-codeblock[data-astro-cid-4kh5ausi]{fill:var(--bg-soft);stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 4}.g-slot[data-astro-cid-4kh5ausi]{fill:var(--bg-soft);stroke:var(--line);stroke-width:1px}.g-slot--on[data-astro-cid-4kh5ausi]{fill:color-mix(in srgb, var(--accent) 16%, var(--bg-card));stroke:var(--accent)}.g-cta[data-astro-cid-4kh5ausi],.g-tag[data-astro-cid-4kh5ausi] rect[data-astro-cid-4kh5ausi]{fill:var(--ink)}.g-frame[data-astro-cid-4kh5ausi]{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 4}.g-cut[data-astro-cid-4kh5ausi]{fill:color-mix(in srgb, var(--bg-card) 82%, transparent)}.g-guide[data-astro-cid-4kh5ausi]{stroke:var(--line);stroke-width:1px;stroke-dasharray:4 5}.g-sel[data-astro-cid-4kh5ausi]{fill:none;stroke:var(--accent);stroke-width:1.5px}.g-handle[data-astro-cid-4kh5ausi]{fill:var(--bg-card);stroke:var(--accent);stroke-width:1.5px}.g-wire[data-astro-cid-4kh5ausi]{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 4}@media (prefers-reduced-motion:no-preference){.g-codeblock[data-astro-cid-4kh5ausi],.g-sel[data-astro-cid-4kh5ausi],.g-tag[data-astro-cid-4kh5ausi],.g-frame[data-astro-cid-4kh5ausi],.g-wire[data-astro-cid-4kh5ausi]{animation-duration:.8s;animation-timing-function:var(--ease-out);animation-fill-mode:both}.g-codeblock[data-astro-cid-4kh5ausi],.g-sel[data-astro-cid-4kh5ausi],.g-frame[data-astro-cid-4kh5ausi]{animation-name:gart-in;animation-delay:.25s}.g-wire[data-astro-cid-4kh5ausi]{animation-name:gart-fade;animation-delay:.35s}.g-tag[data-astro-cid-4kh5ausi]{animation-name:gart-rise;animation-delay:.6s}@keyframes gart-in{0%{opacity:.25}to{opacity:1}}@keyframes gart-fade{0%{opacity:0}to{opacity:1}}@keyframes gart-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}