.viewport.svelte-je6yor{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:22px;background:#24132b}iframe.svelte-je6yor{position:absolute;top:0;left:0;width:1920px;height:1080px;border:0;transform-origin:0 0;pointer-events:none}.controls.svelte-je6yor{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}label.svelte-je6yor{flex-direction:row;align-items:center;gap:8px;margin:0}select.svelte-je6yor{width:auto;min-height:38px;padding:4px 10px;box-shadow:3px 3px 0 var(--ink)}.scene.svelte-je6yor{margin:0;font-weight:700}.dots.svelte-je6yor{display:flex;gap:2px;margin:0 0 0 auto;padding:0;list-style:none}.dots.svelte-je6yor button:where(.svelte-je6yor){display:grid;place-items:center;width:24px;min-width:0;height:24px;min-height:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;transform:none;cursor:pointer}.dots.svelte-je6yor button:where(.svelte-je6yor):before{content:"";width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--white)}.dots.svelte-je6yor button.on:where(.svelte-je6yor):before{background:var(--pink)}.dots.svelte-je6yor button:where(.svelte-je6yor):focus-visible{outline:3px solid var(--pink);outline-offset:1px}.band.svelte-1uha8ag{padding-block:clamp(40px,7vw,88px)}.hero.svelte-1uha8ag{overflow-x:clip;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));align-items:center;gap:48px}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:clamp(2.6rem,1.6rem + 4vw,4.6rem);line-height:1;margin-bottom:20px}.hero.svelte-1uha8ag .lede:where(.svelte-1uha8ag){max-width:30em;font-size:1.25rem}.screen.svelte-1uha8ag{position:relative;margin:0 0 40px}.screen.svelte-1uha8ag .viewport{border:4px solid var(--ink);border-radius:26px;box-shadow:10px 10px 0 var(--ink)}.peek.svelte-1uha8ag{position:absolute;top:-52px;right:-30px;width:clamp(100px,24%,160px);height:auto;pointer-events:none}.sub.svelte-1uha8ag+.sub:where(.svelte-1uha8ag){margin-top:-22px}.problem.svelte-1uha8ag{--band-max: 860px}.stripes.svelte-1uha8ag{display:grid;gap:14px;margin-top:28px}.stripes.svelte-1uha8ag li:where(.svelte-1uha8ag){padding:16px 22px 18px 30px;border:var(--line);border-left-width:12px;border-left-color:var(--roast);border-radius:16px;background:var(--white);font-size:1.1rem}.stripes.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 6px}.stripes.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}.finale.svelte-1uha8ag{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 48px;margin-top:24px;padding-inline:var(--gutter);border-bottom:0}.finale.svelte-1uha8ag p:where(.svelte-1uha8ag){max-width:30em;font-size:1.1rem}