.case-study.svelte-1xo2qsh{background:var(--color-light-3);color:var(--color-sudo-ink)}.case-study.svelte-1xo2qsh h1:where(.svelte-1xo2qsh),.case-study.svelte-1xo2qsh h2:where(.svelte-1xo2qsh),.case-study.svelte-1xo2qsh p:where(.svelte-1xo2qsh),.case-study.svelte-1xo2qsh figure:where(.svelte-1xo2qsh){margin-top:0}.section-intro.svelte-1xo2qsh{grid-template-columns:minmax(145px,.23fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);display:grid}.section-intro.svelte-1xo2qsh h2:where(.svelte-1xo2qsh),.story-row.svelte-1xo2qsh h2:where(.svelte-1xo2qsh){font-family:var(--font-display);letter-spacing:-.05em;color:var(--color-sudo-ink);margin-bottom:0;font-size:clamp(2.45rem,3.8vw,3.9rem);font-weight:620;line-height:1}.section-intro.svelte-1xo2qsh h2:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh),.story-row.svelte-1xo2qsh h2:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh){color:var(--color-text-soft);margin-top:.08em;display:block}.section-copy.svelte-1xo2qsh,.story-copy.svelte-1xo2qsh{max-width:500px;color:var(--color-text-muted);font-size:clamp(.95rem,1.05vw,1.02rem);line-height:1.7}.story-copy.svelte-1xo2qsh p:where(.svelte-1xo2qsh){margin-bottom:.9rem}.story-copy.svelte-1xo2qsh p:where(.svelte-1xo2qsh):last-child{margin-bottom:0}.story-row.svelte-1xo2qsh{grid-template-columns:minmax(0,1fr) minmax(280px,.4fr);align-items:end;gap:clamp(2.5rem,6vw,6rem);display:grid}.screenshot-stage.svelte-1xo2qsh{border:1px solid var(--color-border-light);border-radius:var(--radius-large);width:100%;box-shadow:var(--shadow-soft);cursor:zoom-in;background:linear-gradient(145deg,#2fa68d11,#10141806);place-items:center;padding:clamp(.65rem,1vw,.9rem);display:grid;position:relative}.screenshot-stage-dark.svelte-1xo2qsh{border-color:var(--color-border-dark);box-shadow:var(--shadow-dark);background:linear-gradient(145deg,#3bc0a314,#ffffff06)}.screenshot-stage.svelte-1xo2qsh img:where(.svelte-1xo2qsh){width:auto;max-width:100%;height:auto;max-height:var(--shot-height,520px);border-radius:calc(var(--radius-large) - 5px);display:block;box-shadow:0 12px 35px #1014181f}.screenshot-stage-dark.svelte-1xo2qsh img:where(.svelte-1xo2qsh){box-shadow:0 16px 45px #00000047}.zoom-label.svelte-1xo2qsh{border-radius:var(--radius-pill);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-sudo-ink);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);pointer-events:none;background:#ffffffe6;border:1px solid #1014181f;padding:.42rem .65rem;font-size:.49rem;font-weight:600;position:absolute;bottom:1rem;right:1rem;transform:translateY(3px)}.zoomable.svelte-1xo2qsh:hover .zoom-label:where(.svelte-1xo2qsh){opacity:1;transform:translateY(0)}.hero.svelte-1xo2qsh{background:var(--color-sudo-ink);color:var(--color-white);padding:clamp(3rem,4.5vw,4.5rem) 0 clamp(3.75rem,5vw,5rem);position:relative;overflow:hidden}.hero-grid.svelte-1xo2qsh,.operations-grid-bg.svelte-1xo2qsh,.close-grid.svelte-1xo2qsh{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.hero-glow.svelte-1xo2qsh{border-radius:var(--radius-pill);background:var(--color-teal-10);filter:blur(160px);pointer-events:none;width:720px;height:720px;position:absolute;top:-40%;right:-10%}.hero-shell.svelte-1xo2qsh{z-index:2;position:relative}.back-link.svelte-1xo2qsh{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-on-dark-muted);align-items:center;gap:.55rem;margin-bottom:clamp(2.5rem,3.5vw,3.5rem);font-size:.6rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link.svelte-1xo2qsh:hover{color:var(--color-sudo-teal-bright)}.hero-layout.svelte-1xo2qsh{grid-template-columns:minmax(0,1.05fr) minmax(300px,.48fr);align-items:end;gap:clamp(3rem,7vw,7rem);display:grid}.hero.svelte-1xo2qsh h1:where(.svelte-1xo2qsh){font-family:var(--font-display);letter-spacing:-.06em;color:var(--color-white);margin:0;font-size:clamp(3.6rem,5.8vw,6rem);font-weight:620;line-height:.92}.hero.svelte-1xo2qsh h1:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh){display:block}.hero-accent.svelte-1xo2qsh{color:var(--color-sudo-teal-bright)}.hero-copy.svelte-1xo2qsh{max-width:440px;color:var(--color-text-on-dark-muted);font-size:clamp(.95rem,1.05vw,1.02rem);line-height:1.68}.hero-copy.svelte-1xo2qsh strong:where(.svelte-1xo2qsh){font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-white);margin-bottom:1rem;font-size:clamp(1.3rem,1.7vw,1.65rem);font-weight:600;line-height:1.2;display:block}.hero-copy.svelte-1xo2qsh p:where(.svelte-1xo2qsh){margin-bottom:0}.hero-meta.svelte-1xo2qsh{border-top:1px solid var(--color-border-dark);border-bottom:1px solid var(--color-border-dark);grid-template-columns:repeat(3,1fr);margin-top:clamp(3rem,4vw,4rem);display:grid}.hero-meta.svelte-1xo2qsh>div:where(.svelte-1xo2qsh){border-right:1px solid var(--color-border-dark);padding:.95rem 1.2rem}.hero-meta.svelte-1xo2qsh>div:where(.svelte-1xo2qsh):first-child{padding-left:0}.hero-meta.svelte-1xo2qsh>div:where(.svelte-1xo2qsh):last-child{border-right:0}.hero-meta.svelte-1xo2qsh span:where(.svelte-1xo2qsh){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-on-dark-soft);margin-bottom:.25rem;font-size:.53rem;display:block}.hero-meta.svelte-1xo2qsh strong:where(.svelte-1xo2qsh){color:var(--color-white);font-size:.8rem;font-weight:600}.two-sides-section.svelte-1xo2qsh{background:var(--color-light-3);padding:clamp(4.5rem,6vw,6rem) 0}.section-intro.svelte-1xo2qsh .section-copy:where(.svelte-1xo2qsh){margin-top:1.4rem}.showcase.svelte-1xo2qsh{margin-top:clamp(3rem,4vw,4rem)}.showcase.svelte-1xo2qsh figure:where(.svelte-1xo2qsh){margin-bottom:0}.showcase-public.svelte-1xo2qsh{width:min(72%,840px)}.showcase-admin.svelte-1xo2qsh{width:min(70%,820px);margin:1.5rem 0 0 auto}.showcase-public.svelte-1xo2qsh .screenshot-stage:where(.svelte-1xo2qsh){--shot-height:500px}.showcase-admin.svelte-1xo2qsh .screenshot-stage:where(.svelte-1xo2qsh){--shot-height:520px}.showcase.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh){align-items:baseline;gap:.75rem;margin-top:.65rem;display:flex}.showcase.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--color-sudo-teal-dark);font-size:.54rem;font-weight:600}.showcase.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) strong:where(.svelte-1xo2qsh){font-family:var(--font-display);color:var(--color-sudo-ink);font-size:.95rem}.showcase-connection.svelte-1xo2qsh{border:1px solid var(--color-teal-25);border-radius:var(--radius-pill);align-items:center;gap:.7rem;width:max-content;margin:1.25rem auto -.25rem;padding:.48rem .72rem;display:flex}.showcase-connection.svelte-1xo2qsh>span:where(.svelte-1xo2qsh){background:var(--color-sudo-teal);width:24px;height:1px}.showcase-connection.svelte-1xo2qsh strong:where(.svelte-1xo2qsh){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--color-sudo-teal-dark);font-size:.49rem}.website-section.svelte-1xo2qsh{background:var(--color-white);padding:clamp(4.5rem,6vw,6rem) 0}.website-details.svelte-1xo2qsh{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.5rem,3vw,2.5rem);margin-top:clamp(3rem,4.5vw,4.5rem);display:grid}.visual-card.svelte-1xo2qsh{margin:0}.visual-card.svelte-1xo2qsh .screenshot-stage:where(.svelte-1xo2qsh){--shot-height:390px}.visual-card.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh){grid-template-columns:.9fr 1fr;gap:1.5rem;padding:1.15rem .1rem 0;display:grid}.visual-card.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh),.admin-primary.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh),.dark-visual.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--color-sudo-teal-dark);margin-bottom:.4rem;font-size:.53rem;font-weight:600;display:block}.visual-card.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) strong:where(.svelte-1xo2qsh){font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-sudo-ink);font-size:1.15rem;line-height:1.2;display:block}.visual-card.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) p:where(.svelte-1xo2qsh){color:var(--color-text-muted);margin:0;font-size:.86rem;line-height:1.6}.operations-section.svelte-1xo2qsh{background:var(--color-sudo-ink);color:var(--color-white);padding:clamp(4.5rem,6vw,6rem) 0;position:relative;overflow:hidden}.operations-shell.svelte-1xo2qsh{z-index:2;position:relative}.story-row-dark.svelte-1xo2qsh h2:where(.svelte-1xo2qsh){color:var(--color-white)}.story-row-dark.svelte-1xo2qsh h2:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh){color:var(--color-text-on-dark-soft)}.story-row-dark.svelte-1xo2qsh .story-copy:where(.svelte-1xo2qsh){color:var(--color-text-on-dark-muted)}.admin-primary.svelte-1xo2qsh{width:min(100%,940px);margin:clamp(3rem,4vw,4rem) auto 0}.admin-primary.svelte-1xo2qsh .screenshot-stage:where(.svelte-1xo2qsh){--shot-height:560px}.admin-primary.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh){grid-template-columns:.4fr 1fr;gap:2rem;margin-top:.9rem;display:grid}.admin-primary.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh){color:var(--color-sudo-teal-bright)}.admin-primary.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) p:where(.svelte-1xo2qsh){max-width:520px;color:var(--color-text-on-dark-muted);margin:0;font-size:.86rem;line-height:1.6}.operations-details.svelte-1xo2qsh{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(2rem,4vw,4rem);margin-top:clamp(3rem,4.5vw,4.5rem);display:grid}.dark-visual.svelte-1xo2qsh{margin:0}.dark-visual.svelte-1xo2qsh .screenshot-stage:where(.svelte-1xo2qsh){--shot-height:400px}.integrations-visual.svelte-1xo2qsh{padding-top:2rem}.integrations-visual.svelte-1xo2qsh .screenshot-stage:where(.svelte-1xo2qsh){--shot-height:250px}.dark-visual.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh){padding:1rem .1rem 0}.dark-visual.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh){color:var(--color-sudo-teal-bright)}.dark-visual.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) strong:where(.svelte-1xo2qsh){max-width:500px;font-family:var(--font-display);color:var(--color-white);margin-bottom:.6rem;font-size:1.15rem;line-height:1.2;display:block}.dark-visual.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh) p:where(.svelte-1xo2qsh){max-width:520px;color:var(--color-text-on-dark-muted);margin:0;font-size:.85rem;line-height:1.6}.reporting-section.svelte-1xo2qsh{background:var(--color-light);padding:clamp(4.5rem,6vw,6rem) 0}.reporting-visual.svelte-1xo2qsh{width:min(100%,960px);margin:clamp(3rem,4vw,4rem) auto 0}.reporting-visual.svelte-1xo2qsh .screenshot-stage:where(.svelte-1xo2qsh){--shot-height:540px}.reporting-visual.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh){font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-soft);margin-top:.65rem;font-size:.52rem}.payoff-section.svelte-1xo2qsh{background:var(--color-sudo-teal);color:var(--color-sudo-ink);padding:clamp(4rem,5vw,5rem) 0}.payoff-section.svelte-1xo2qsh .eyebrow:where(.svelte-1xo2qsh){color:var(--color-sudo-ink);margin-bottom:1.25rem}.payoff-layout.svelte-1xo2qsh{grid-template-columns:minmax(0,1fr) minmax(300px,.4fr);align-items:start;gap:clamp(3rem,7vw,7rem);display:grid}.payoff-layout.svelte-1xo2qsh h2:where(.svelte-1xo2qsh){max-width:780px;font-family:var(--font-display);letter-spacing:-.05em;color:var(--color-sudo-ink);margin:0;font-size:clamp(2.7rem,4.3vw,4.4rem);font-weight:620;line-height:.98}.payoff-layout.svelte-1xo2qsh h2:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh){display:block}.payoff-copy.svelte-1xo2qsh{color:#101418b3;max-width:440px;font-size:.93rem;line-height:1.65}.payoff-copy.svelte-1xo2qsh strong:where(.svelte-1xo2qsh){font-family:var(--font-display);color:var(--color-sudo-ink);margin-bottom:1.1rem;font-size:1.25rem;line-height:1.25;display:block}.payoff-copy.svelte-1xo2qsh p:where(.svelte-1xo2qsh){margin-bottom:.7rem}.tech-section.svelte-1xo2qsh{background:var(--color-light-3);padding:clamp(3.5rem,4.5vw,4.5rem) 0}.tech-layout.svelte-1xo2qsh{grid-template-columns:minmax(250px,.55fr) minmax(0,1fr);align-items:start;gap:clamp(3rem,7vw,7rem);display:grid}.tech-layout.svelte-1xo2qsh h2:where(.svelte-1xo2qsh){max-width:480px;font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-sudo-ink);margin:0;font-size:clamp(1.9rem,2.8vw,2.8rem);font-weight:620;line-height:1.04}.tech-list.svelte-1xo2qsh{flex-wrap:wrap;gap:.5rem;display:flex}.tech-list.svelte-1xo2qsh span:where(.svelte-1xo2qsh){border:1px solid var(--color-border-light-strong);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--color-sudo-ink);padding:.5rem .72rem;font-size:.56rem;font-weight:600}.close-section.svelte-1xo2qsh{background:var(--color-sudo-ink);color:var(--color-white);padding:clamp(4.5rem,6vw,6rem) 0;position:relative;overflow:hidden}.close-shell.svelte-1xo2qsh{z-index:2;position:relative}.close-layout.svelte-1xo2qsh{grid-template-columns:minmax(0,1fr) minmax(300px,.4fr);align-items:end;gap:clamp(3rem,7vw,7rem);display:grid}.close-layout.svelte-1xo2qsh h2:where(.svelte-1xo2qsh){font-family:var(--font-display);letter-spacing:-.05em;color:var(--color-white);margin:0;font-size:clamp(2.7rem,4.4vw,4.5rem);font-weight:620;line-height:.98}.close-layout.svelte-1xo2qsh h2:where(.svelte-1xo2qsh) span:where(.svelte-1xo2qsh){display:block}.close-accent.svelte-1xo2qsh{color:var(--color-sudo-teal-bright)}.close-copy.svelte-1xo2qsh{max-width:440px;color:var(--color-text-on-dark-muted);font-size:.93rem;line-height:1.65}.close-copy.svelte-1xo2qsh p:where(.svelte-1xo2qsh){margin-bottom:1.1rem}.close-link.svelte-1xo2qsh{color:var(--color-white);align-items:center;gap:.65rem;font-weight:700;text-decoration:none;display:inline-flex}.next-case.svelte-1xo2qsh{background:var(--color-sudo-teal);color:var(--color-sudo-ink);padding:1.65rem 0;text-decoration:none;display:block}.next-case.svelte-1xo2qsh .layout-shell:where(.svelte-1xo2qsh){justify-content:space-between;align-items:center;gap:2rem;display:flex}.next-case.svelte-1xo2qsh span:where(.svelte-1xo2qsh){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;opacity:.65;margin-bottom:.2rem;font-size:.53rem;font-weight:600;display:block}.next-case.svelte-1xo2qsh strong:where(.svelte-1xo2qsh){font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.25rem,1.7vw,1.7rem)}.next-arrow.svelte-1xo2qsh{font-size:1.9rem}.lightbox.svelte-1xo2qsh{background:0 0;border:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0}.lightbox.svelte-1xo2qsh::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040809eb}.lightbox-content.svelte-1xo2qsh{place-items:center;width:100%;height:100%;padding:clamp(1.25rem,3vw,3rem);display:grid;position:relative}.lightbox-content.svelte-1xo2qsh img:where(.svelte-1xo2qsh){border-radius:var(--radius-medium);width:auto;max-width:94vw;height:auto;max-height:90vh;display:block;box-shadow:0 30px 100px #00000080}.lightbox-close.svelte-1xo2qsh{z-index:10;border-radius:var(--radius-pill);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;place-items:center;width:44px;height:44px;padding:0;font-size:1.6rem;line-height:1;display:grid;position:fixed;top:1.25rem;right:1.5rem}.lightbox-close.svelte-1xo2qsh:hover{background:#ffffff26}@media (width<=980px){.hero-layout.svelte-1xo2qsh,.story-row.svelte-1xo2qsh,.payoff-layout.svelte-1xo2qsh,.close-layout.svelte-1xo2qsh,.tech-layout.svelte-1xo2qsh{grid-template-columns:1fr;gap:2.25rem}.section-intro.svelte-1xo2qsh{grid-template-columns:1fr;gap:1.25rem}.showcase-public.svelte-1xo2qsh,.showcase-admin.svelte-1xo2qsh{width:min(90%,800px)}.website-details.svelte-1xo2qsh{grid-template-columns:1fr;gap:3rem}.visual-card.svelte-1xo2qsh{max-width:760px}.visual-card.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh){grid-template-columns:1fr;gap:.7rem}.operations-details.svelte-1xo2qsh{grid-template-columns:1fr;gap:3rem}.dark-visual.svelte-1xo2qsh{max-width:760px}.integrations-visual.svelte-1xo2qsh{margin-left:auto;padding-top:0}}@media (width<=700px){.hero.svelte-1xo2qsh{padding:2.5rem 0 3.5rem}.back-link.svelte-1xo2qsh{margin-bottom:2.25rem}.hero.svelte-1xo2qsh h1:where(.svelte-1xo2qsh){font-size:clamp(3rem,14vw,4.6rem)}.hero-meta.svelte-1xo2qsh{grid-template-columns:1fr}.hero-meta.svelte-1xo2qsh>div:where(.svelte-1xo2qsh){border-right:0;border-bottom:1px solid var(--color-border-dark);padding:.85rem 0}.hero-meta.svelte-1xo2qsh>div:where(.svelte-1xo2qsh):last-child{border-bottom:0}.section-intro.svelte-1xo2qsh h2:where(.svelte-1xo2qsh),.story-row.svelte-1xo2qsh h2:where(.svelte-1xo2qsh){font-size:clamp(2.25rem,10vw,3.2rem)}.two-sides-section.svelte-1xo2qsh,.website-section.svelte-1xo2qsh,.operations-section.svelte-1xo2qsh,.reporting-section.svelte-1xo2qsh,.payoff-section.svelte-1xo2qsh,.close-section.svelte-1xo2qsh{padding:4rem 0}.showcase-public.svelte-1xo2qsh,.showcase-admin.svelte-1xo2qsh{width:100%;margin-left:0;margin-right:0}.screenshot-stage.svelte-1xo2qsh{padding:.4rem}.screenshot-stage.svelte-1xo2qsh img:where(.svelte-1xo2qsh){max-height:none}.showcase-connection.svelte-1xo2qsh{margin:1.4rem auto}.showcase.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh){flex-direction:column;align-items:flex-start;gap:.2rem}.admin-primary.svelte-1xo2qsh figcaption:where(.svelte-1xo2qsh){grid-template-columns:1fr;gap:.4rem}.payoff-layout.svelte-1xo2qsh h2:where(.svelte-1xo2qsh),.close-layout.svelte-1xo2qsh h2:where(.svelte-1xo2qsh){font-size:clamp(2.4rem,11vw,3.5rem)}.zoom-label.svelte-1xo2qsh{display:none}}