.frame.svelte-1oz3msq{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--forest);box-shadow:0 0 0 1px var(--line),var(--shadow-md)}img.svelte-1oz3msq{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .7s var(--ease-out),transform 1.2s var(--ease-out)}img.active.svelte-1oz3msq{opacity:1;transform:none}.nav.svelte-1oz3msq{position:absolute;top:50%;display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-top:-1.3rem;border:0;border-radius:50%;background:#fafcfad9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text-main);box-shadow:var(--shadow-sm);cursor:pointer;opacity:0;transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring)}.prev.svelte-1oz3msq{left:.75rem}.next.svelte-1oz3msq{right:.75rem}.gallery.svelte-1oz3msq:hover .nav:where(.svelte-1oz3msq),.nav.svelte-1oz3msq:focus-visible{opacity:1}.nav.svelte-1oz3msq:active{transform:scale(.94)}@media(hover:none){.nav.svelte-1oz3msq{opacity:1}}.dots.svelte-1oz3msq{display:flex;justify-content:center;gap:.4rem;margin-top:.9rem}.dot.svelte-1oz3msq{width:.55rem;height:.55rem;padding:0;border:0;border-radius:var(--radius-pill);background:var(--line-strong);cursor:pointer;transition:width var(--dur) var(--ease-spring),background-color var(--dur) var(--ease-out)}.dot.active.svelte-1oz3msq{width:1.6rem;background:var(--primary)}.code-window.svelte-1qm5bb3{border-radius:var(--radius-lg);background:var(--forest);box-shadow:inset 0 0 0 1px var(--line-dark),var(--shadow-lg);overflow:hidden;transform:rotate(-1.2deg)}.code-bar.svelte-1qm5bb3{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line-dark)}.dots.svelte-1qm5bb3{display:inline-flex;gap:.4rem}.dots.svelte-1qm5bb3 i:where(.svelte-1qm5bb3){width:.65rem;height:.65rem;border-radius:50%;background:#ffffff2e}.dots.svelte-1qm5bb3 i:where(.svelte-1qm5bb3):first-child{background:var(--accent-amber)}.file.svelte-1qm5bb3{font-family:var(--font-mono);font-size:.8rem;color:var(--on-dark-muted)}.code-window.svelte-1qm5bb3 pre:where(.svelte-1qm5bb3){margin:0;padding:1.25rem 1.25rem 1.5rem;overflow-x:auto;font-size:.82rem;line-height:1.7;color:var(--on-dark)}.k.svelte-1qm5bb3{color:#a4d2a4}.s.svelte-1qm5bb3{color:#edbb64}.n.svelte-1qm5bb3{color:#72d0d0}.p.svelte-1qm5bb3{color:var(--on-dark-muted)}.about-grid.svelte-1qm5bb3{display:grid;gap:2rem}.about-text.svelte-1qm5bb3{display:grid;gap:1.1rem;color:var(--text-muted);max-width:62ch}.about-lead.svelte-1qm5bb3{font-size:clamp(1.15rem,1.8vw,1.35rem);line-height:1.55;color:var(--text-main)}@media(min-width:960px){.about-grid.svelte-1qm5bb3{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5rem}}.media-section.svelte-1qm5bb3{padding-top:0}.media-row.svelte-1qm5bb3{display:grid;gap:2rem;align-items:center;padding-block:2rem}.media-copy.svelte-1qm5bb3{display:grid;gap:.85rem;justify-items:start}.media-icon.svelte-1qm5bb3{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--radius);background:var(--amber-soft);color:var(--amber-ink)}.media-copy.svelte-1qm5bb3 h3:where(.svelte-1qm5bb3){font-family:var(--font-heading);font-weight:400;font-size:2.3rem;line-height:1;letter-spacing:.01em;text-transform:uppercase}.media-copy.svelte-1qm5bb3 p:where(.svelte-1qm5bb3){color:var(--text-muted);max-width:54ch}@media(min-width:960px){.media-row.svelte-1qm5bb3{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4rem}.media-row--reverse.svelte-1qm5bb3 .media-copy:where(.svelte-1qm5bb3){order:2}}.features.svelte-1qm5bb3{display:grid;gap:1px;margin:0;padding:0;list-style:none;border-radius:var(--radius-xl);overflow:hidden;background:var(--line);box-shadow:0 0 0 1px var(--line)}.features.svelte-1qm5bb3 li:where(.svelte-1qm5bb3){display:grid;gap:.6rem;align-content:start;padding:clamp(1.5rem,3vw,2.25rem);background:var(--card-bg)}.f-icon.svelte-1qm5bb3{display:grid;place-items:center;width:2.9rem;height:2.9rem;margin-bottom:.4rem;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary)}.features.svelte-1qm5bb3 h3:where(.svelte-1qm5bb3){font-size:1.12rem}.features.svelte-1qm5bb3 p:where(.svelte-1qm5bb3){color:var(--text-muted);font-size:.97rem}@media(min-width:900px){.features.svelte-1qm5bb3{grid-template-columns:repeat(3,minmax(0,1fr))}}.how-grid.svelte-1qm5bb3{display:grid;gap:2.5rem;align-items:start}.how-copy.svelte-1qm5bb3{display:grid;gap:2rem}.how-steps.svelte-1qm5bb3{display:grid;gap:1.5rem;margin:0;padding:0;list-style:none}.how-steps.svelte-1qm5bb3 li:where(.svelte-1qm5bb3){display:flex;gap:1.25rem;align-items:flex-start}.how-num.svelte-1qm5bb3{flex-shrink:0;font-family:var(--font-heading);font-size:2.6rem;line-height:.85;color:var(--accent-amber)}.how-steps.svelte-1qm5bb3 h3:where(.svelte-1qm5bb3){font-size:1.15rem;margin-bottom:.3rem}.how-steps.svelte-1qm5bb3 p:where(.svelte-1qm5bb3){color:var(--text-muted)}.how-media.svelte-1qm5bb3{display:grid;gap:1rem}@media(min-width:960px){.how-grid.svelte-1qm5bb3{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem}.how-copy.svelte-1qm5bb3{position:sticky;top:7rem}}.install.svelte-1qm5bb3{padding-top:0}.install-options.svelte-1qm5bb3{display:grid;gap:1rem}.install-option.svelte-1qm5bb3{display:grid;gap:.75rem;align-content:start;justify-items:start;padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--radius-xl);background:var(--card-bg);box-shadow:0 0 0 1px var(--line),var(--shadow-sm);color:inherit;text-decoration:none;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-spring)}.install-option.svelte-1qm5bb3:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--primary),var(--shadow-hover)}.io-icon.svelte-1qm5bb3{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:var(--radius);background:var(--primary-soft);color:var(--primary)}.install-option.svelte-1qm5bb3 h3:where(.svelte-1qm5bb3){font-size:1.25rem}.install-option.svelte-1qm5bb3 p:where(.svelte-1qm5bb3){color:var(--text-muted)}.io-link.svelte-1qm5bb3{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary);font-weight:600}.install-cta.svelte-1qm5bb3{display:flex;justify-content:center;margin-top:2.5rem}@media(min-width:800px){.install-options.svelte-1qm5bb3{grid-template-columns:1fr 1fr}}
