.field.svelte-1fxiuzu{position:absolute;top:0;left:50%;z-index:0;width:100vw;height:760px;overflow:hidden;transform:translate(-50%);pointer-events:none}[data-fit=box].svelte-1fxiuzu{top:0;right:0;bottom:0;left:0;width:auto;height:auto;transform:none}canvas.svelte-1fxiuzu{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.6s cubic-bezier(.16,1,.3,1)}canvas.svelte-1fxiuzu.on{opacity:1}.fade.svelte-1fxiuzu{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 42% 22% at 50% 34%,#0009,#0000),linear-gradient(to bottom,#0000,#0000 55%,#000)}@media (max-width: 809.98px){.field.svelte-1fxiuzu{height:640px}}.chapter.svelte-10khesz{position:relative;z-index:var(--site-z-chapter);color:var(--site-ink)}p.svelte-10khesz,h3.svelte-10khesz,.heading.svelte-10khesz{margin:0}.intro.svelte-10khesz{display:grid;gap:56px}.eyebrow.svelte-10khesz{color:#ff5100}.number.svelte-10khesz{margin-right:12px;color:var(--site-ink);opacity:.45}.heading.svelte-10khesz{margin-top:16px;font-size:34px;line-height:36px;letter-spacing:-.04em;font-weight:400}.lead.svelte-10khesz{margin-top:16px;opacity:.7}.actions.svelte-10khesz{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}.start.svelte-10khesz{width:auto;padding:0 28px}.more.svelte-10khesz span:where(.svelte-10khesz){border-bottom:1px solid var(--site-ink)}.art.svelte-10khesz{position:relative;width:100%;max-width:560px;margin:0 auto}.box.svelte-10khesz{position:absolute;top:30%;right:6%;bottom:0;left:22%;overflow:hidden;border-radius:12px;background:#0d0d0d}[data-side=left].svelte-10khesz .box:where(.svelte-10khesz){right:22%;left:6%}.box.svelte-10khesz>.field{opacity:.7}.scene.svelte-10khesz{position:relative}.steps.svelte-10khesz{display:grid;gap:28px;margin:72px 0 0;padding:0;list-style:none}.steps.svelte-10khesz li:where(.svelte-10khesz){display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:20px}h3.svelte-10khesz{font-size:18px;line-height:21.6px;letter-spacing:-.03em;font-weight:400}.steps.svelte-10khesz p:where(.svelte-10khesz){margin-top:6px;opacity:.6}.footer.svelte-10khesz{margin-top:72px;padding-top:32px;border-top:1px solid var(--site-line)}@media (min-width: 810px){.heading.svelte-10khesz{font-size:40px;line-height:42px}.steps.svelte-10khesz{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:88px}.steps.svelte-10khesz li:where(.svelte-10khesz){grid-template-columns:none;align-items:start}.glyph.svelte-10khesz{width:150px}}@media (min-width: 1200px){.intro.svelte-10khesz{grid-template-columns:440px minmax(0,1fr);align-items:center;gap:40px}[data-side=left].svelte-10khesz .intro:where(.svelte-10khesz){grid-template-columns:minmax(0,1fr) 440px}[data-side=left].svelte-10khesz .text:where(.svelte-10khesz){order:1}.heading.svelte-10khesz{font-size:46px;line-height:46px}.art.svelte-10khesz{max-width:620px;margin-right:0}[data-side=left].svelte-10khesz .art:where(.svelte-10khesz){margin-right:auto;margin-left:0}h3.svelte-10khesz{font-size:20px;line-height:24px}}.loop.svelte-1kbgy4z{--cycle: 10s;--ease: cubic-bezier(.65, 0, .35, 1);display:block;width:100%;height:auto;overflow:visible}.layer.svelte-1kbgy4z{transform:translateY(var(--z));animation:svelte-1kbgy4z-rise var(--cycle) var(--ease) infinite;animation-delay:calc(var(--rise) - var(--cycle))}.dusk.svelte-1kbgy4z{opacity:0;animation:svelte-1kbgy4z-dusk var(--cycle) var(--ease) infinite;animation-delay:calc(var(--dusk) - var(--cycle))}.knob.svelte-1kbgy4z{animation:svelte-1kbgy4z-knob var(--cycle) var(--ease) infinite;animation-delay:calc(-1 * var(--cycle))}.ship.svelte-1kbgy4z{opacity:0;animation:svelte-1kbgy4z-ship var(--cycle) var(--ease) infinite;animation-delay:calc(-1 * var(--cycle))}[data-paused] :is(.layer.svelte-1kbgy4z,.dusk.svelte-1kbgy4z,.knob.svelte-1kbgy4z,.ship.svelte-1kbgy4z){animation-play-state:paused}@keyframes svelte-1kbgy4z-rise{0%,8%{transform:translateY(0);opacity:0}22%,62%{transform:translateY(var(--z));opacity:1}76%,to{transform:translateY(0);opacity:0}}@keyframes svelte-1kbgy4z-dusk{0%,40%{opacity:0}46%,86%{opacity:1}90%,to{opacity:0}}@keyframes svelte-1kbgy4z-knob{0%,36%{transform:translate(0)}42%,to{transform:translate(16px)}}@keyframes svelte-1kbgy4z-ship{0%,74%{transform:translateY(0);opacity:0}82%,94%{transform:translateY(var(--z));opacity:1}to{transform:translateY(0);opacity:0}}@media (prefers-reduced-motion: reduce){.layer.svelte-1kbgy4z,.dusk.svelte-1kbgy4z,.knob.svelte-1kbgy4z,.ship.svelte-1kbgy4z{animation:none}}.glyph.svelte-1y265k4{--cycle: 4s;--ease: cubic-bezier(.65, 0, .35, 1);display:block;width:100%;height:auto;overflow:visible}.glyph.svelte-1y265k4 .move{animation:svelte-1y265k4-move var(--cycle) var(--ease) infinite}.glyph.svelte-1y265k4 :is(.select,.show){animation:svelte-1y265k4-show var(--cycle) var(--ease) infinite}.glyph.svelte-1y265k4 .draw{stroke-dasharray:1;animation:svelte-1y265k4-draw var(--cycle) var(--ease) infinite}.glyph.svelte-1y265k4[data-paused] :is(.move,.select,.show,.draw){animation-play-state:paused}@keyframes svelte-1y265k4-move{0%,15%{transform:none}45%,80%{transform:var(--to)}to{transform:none}}@keyframes svelte-1y265k4-show{0%,20%{opacity:0}40%,85%{opacity:1}to{opacity:0}}@keyframes svelte-1y265k4-draw{0%,15%{stroke-dashoffset:1}45%,85%{stroke-dashoffset:0}to{stroke-dashoffset:1}}@media (prefers-reduced-motion: reduce){.glyph.svelte-1y265k4 .move{animation:none;transform:var(--to)}.glyph.svelte-1y265k4 :is(.select,.show,.draw){animation:none}}.frameworks.svelte-hfds9f{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px}ul.svelte-hfds9f{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.tested.svelte-hfds9f{gap:12px 24px;color:#fff}.tested.svelte-hfds9f li:where(.svelte-hfds9f){display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.tested.svelte-hfds9f svg:where(.svelte-hfds9f){width:20px;height:20px}.early.svelte-hfds9f{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.early.svelte-hfds9f p:where(.svelte-hfds9f){margin:0;opacity:.45}.early.svelte-hfds9f ul:where(.svelte-hfds9f){gap:18px;opacity:.45}.early.svelte-hfds9f svg:where(.svelte-hfds9f){display:block;width:18px;height:18px}svg.svelte-hfds9f{flex:none;fill:currentColor}