:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-accent-50:#eef2ff;--color-accent-100:#e0e7ff;--color-accent-200:#c7d2fe;--color-accent-300:#a5b4fc;--color-accent-400:#818cf8;--color-accent-500:#6366f1;--color-accent-600:#4f46e5;--color-accent-700:#4338ca;--color-accent-800:#3730a3;--color-accent-900:#312e81;--color-accent-950:#1e1b4b;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--font-sans:"Source Sans 3", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-display:"Source Serif 4", var(--font-sans);--font-mono:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:.8125rem;--text-sm:1rem;--text-base:1.125rem;--text-lg:1.25rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--text-4xl:4rem;--text-5xl:5.5rem;--leading-none:1;--leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.6;--leading-relaxed:1.7;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:.125rem;--radius-default:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-soft:0 2px 15px -3px #00000012, 0 10px 20px -2px #0000000a;--shadow-soft-lg:0 10px 40px -10px #0000001a, 0 2px 10px -2px #0000000a;--shadow-glow:0 0 20px #6366f126;--shadow-inner:inset 0 2px 4px 0 #0000000d;--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto;--color-global-bg:var(--color-zinc-50);--color-global-text:var(--color-zinc-900);--color-global-text-inverse:var(--color-zinc-50);--color-surface-bg:#fff;--color-surface-bg-elevated:var(--color-zinc-50);--color-surface-bg-hover:#fffc;--color-surface-border:#18181b14;--color-surface-border-hover:#6366f133;--color-surface-shadow:var(--shadow-soft);--color-surface-ring:var(--color-zinc-200);--color-surface-ring-hover:var(--color-accent-500);--color-text-primary:var(--color-zinc-900);--color-text-secondary:var(--color-zinc-600);--color-text-muted:var(--color-zinc-500);--color-text-subtle:var(--color-zinc-400);--color-text-disabled:var(--color-zinc-300);--color-text-on-accent:#fff;--color-text-on-dark:var(--color-zinc-100);--color-link:var(--color-accent-600);--color-link-hover:var(--color-accent-700);--color-link-visited:var(--color-accent-800);--color-link-muted:var(--color-zinc-500);--color-link-muted-hover:var(--color-zinc-900);--color-link-plain:#1e40af;--color-link-plain-hover:#1d4ed8;--color-button-primary-bg:var(--color-zinc-800);--color-button-primary-bg-hover:var(--color-zinc-700);--color-button-primary-bg-active:var(--color-zinc-800);--color-button-primary-text:var(--color-zinc-100);--color-button-primary-text-active:#f4f4f5b3;--color-button-secondary-bg:var(--color-zinc-50);--color-button-secondary-bg-hover:var(--color-zinc-100);--color-button-secondary-bg-active:var(--color-zinc-100);--color-button-secondary-text:var(--color-zinc-900);--color-button-secondary-text-active:#18181b99;--color-button-secondary-border:var(--color-zinc-200);--color-button-accent-bg:var(--color-accent-600);--color-button-accent-bg-hover:var(--color-accent-700);--color-button-accent-text:#fff;--color-badge-bg:var(--color-accent-100);--color-badge-text:var(--color-accent-700);--color-badge-border:var(--color-accent-200);--color-badge-neutral-bg:var(--color-zinc-100);--color-badge-neutral-text:var(--color-zinc-700);--color-badge-neutral-border:var(--color-zinc-200);--color-card-bg:transparent;--color-card-bg-hover:var(--color-surface-bg-hover);--color-card-border:var(--color-surface-border);--color-card-border-hover:var(--color-surface-border-hover);--color-card-shadow:none;--color-card-shadow-hover:var(--shadow-soft);--color-nav-bg:#ffffffe6;--color-nav-bg-blur:blur(12px);--color-nav-border:var(--color-surface-border);--color-nav-link:var(--color-zinc-600);--color-nav-link-hover:var(--color-accent-600);--color-nav-link-active:var(--color-accent-600);--color-hero-text:var(--color-text-primary);--color-hero-text-muted:var(--color-text-muted);--color-footer-bg:transparent;--color-footer-text:var(--color-text-muted);--color-footer-border:var(--color-surface-border);--color-input-bg:var(--color-surface-bg);--color-input-border:var(--color-zinc-300);--color-input-border-focus:var(--color-accent-500);--color-input-text:var(--color-text-primary);--color-input-placeholder:var(--color-text-muted);--color-input-ring:var(--color-accent-500);--font-family-body:var(--font-sans);--font-family-heading:var(--font-display);--font-family-code:var(--font-mono);--size-text-body:var(--text-base);--size-text-small:var(--text-sm);--size-text-xs:var(--text-xs);--size-text-large:var(--text-lg);--size-heading-1:var(--text-5xl);--size-heading-2:var(--text-4xl);--size-heading-3:var(--text-3xl);--size-heading-4:var(--text-2xl);--size-heading-5:var(--text-xl);--size-heading-6:var(--text-lg);--color-focus-ring:var(--color-accent-500);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-style:solid;--button-padding-x:var(--btn-padding-x,var(--space-3));--button-padding-y:var(--btn-padding-y,var(--space-2));--button-gap:var(--btn-gap,var(--space-2));--button-radius:var(--btn-radius,var(--radius-md));--button-font-size:var(--btn-font-size,var(--text-sm));--button-font-weight:var(--btn-font-weight,var(--font-weight-medium));--button-transition:var(--btn-transition,all var(--duration-150) var(--ease-out));--button-primary-bg:var(--btn-primary-bg,var(--color-button-primary-bg));--button-primary-bg-hover:var(--btn-primary-bg-hover,var(--color-button-primary-bg-hover));--button-primary-bg-active:var(--btn-primary-bg-active,var(--color-button-primary-bg-active));--button-primary-text:var(--btn-primary-text,var(--color-button-primary-text));--button-primary-text-active:var(--btn-primary-text-active,var(--color-button-primary-text-active));--button-primary-border:var(--btn-primary-border,transparent);--button-secondary-bg:var(--btn-secondary-bg,var(--color-button-secondary-bg));--button-secondary-bg-hover:var(--btn-secondary-bg-hover,var(--color-button-secondary-bg-hover));--button-secondary-bg-active:var(--btn-secondary-bg-active,var(--color-button-secondary-bg-active));--button-secondary-text:var(--btn-secondary-text,var(--color-button-secondary-text));--button-secondary-text-active:var(--btn-secondary-text-active,var(--color-button-secondary-text-active));--button-secondary-border:var(--btn-secondary-border,var(--color-button-secondary-border));--button-accent-bg:var(--btn-accent-bg,var(--color-button-accent-bg));--button-accent-bg-hover:var(--btn-accent-bg-hover,var(--color-button-accent-bg-hover));--button-accent-text:var(--btn-accent-text,var(--color-button-accent-text));--card-padding:var(--card-padding-override,var(--space-6));--card-radius:var(--card-radius-override,var(--radius-2xl));--card-bg:var(--card-bg-override,var(--color-card-bg));--card-bg-hover:var(--card-bg-hover-override,var(--color-card-bg-hover));--card-border:var(--card-border-override,var(--color-card-border));--card-border-hover:var(--card-border-hover-override,var(--color-card-border-hover));--card-shadow:var(--card-shadow-override,var(--color-card-shadow));--card-shadow-hover:var(--card-shadow-hover-override,var(--color-card-shadow-hover));--card-transition:var(--card-transition-override,all var(--duration-300) var(--ease-out));--card-title-size:var(--card-title-size-override,var(--text-base));--card-title-weight:var(--card-title-weight-override,var(--font-weight-semibold));--card-title-color:var(--card-title-color-override,var(--color-text-primary));--card-description-size:var(--card-desc-size-override,var(--text-sm));--card-description-color:var(--card-desc-color-override,var(--color-text-muted));--badge-padding-x:var(--badge-px-override,var(--space-2-5));--badge-padding-y:var(--badge-py-override,var(--space-1));--badge-radius:var(--badge-radius-override,var(--radius-md));--badge-font-size:var(--badge-font-size-override,var(--text-xs));--badge-font-weight:var(--badge-font-weight-override,var(--font-weight-medium));--badge-bg:var(--badge-bg-override,var(--color-badge-bg));--badge-text:var(--badge-text-override,var(--color-badge-text));--badge-border:var(--badge-border-override,var(--color-badge-border));--social-link-size:var(--social-size-override,var(--space-6));--social-link-icon-size:var(--social-icon-size-override,var(--space-5));--social-link-color:var(--social-color-override,var(--color-text-muted));--social-link-color-hover:var(--social-color-hover-override,var(--color-text-primary));--social-link-transition:var(--social-transition-override,color var(--duration-200) var(--ease-out));--nav-link-padding-x:var(--nav-px-override,var(--space-3));--nav-link-padding-y:var(--nav-py-override,var(--space-2));--nav-link-radius:var(--nav-radius-override,var(--radius-md));--nav-link-font-size:var(--nav-font-size-override,var(--text-sm));--nav-link-font-weight:var(--nav-font-weight-override,var(--font-weight-medium));--nav-link-color:var(--nav-color-override,var(--color-nav-link));--nav-link-color-hover:var(--nav-color-hover-override,var(--color-nav-link-hover));--nav-link-color-active:var(--nav-color-active-override,var(--color-nav-link-active));--nav-link-transition:var(--nav-transition-override,color var(--duration-200) var(--ease-out));--header-padding-y:var(--header-py-override,var(--space-6));--header-bg:var(--header-bg-override,var(--color-nav-bg));--header-backdrop:var(--header-backdrop-override,var(--color-nav-bg-blur));--header-border:var(--header-border-override,var(--color-nav-border));--header-z-index:var(--header-z-override,var(--z-50));--hero-title-size:var(--hero-title-size-override,var(--text-4xl));--hero-title-weight:var(--hero-title-weight-override,var(--font-weight-bold));--hero-title-color:var(--hero-title-color-override,var(--color-hero-text));--hero-title-tracking:var(--hero-title-tracking-override,var(--tracking-tight));--hero-intro-size:var(--hero-intro-size-override,var(--text-lg));--hero-intro-color:var(--hero-intro-color-override,var(--color-hero-text-muted));--hero-spacing:var(--hero-spacing-override,var(--space-6));--footer-padding-y:var(--footer-py-override,var(--space-10));--footer-bg:var(--footer-bg-override,var(--color-footer-bg));--footer-text:var(--footer-text-override,var(--color-footer-text));--footer-border:var(--footer-border-override,var(--color-footer-border));--section-padding-y:var(--section-py-override,var(--space-24));--section-gap:var(--section-gap-override,var(--space-16));--container-max-width:var(--container-max-override,96rem);--container-padding-x:var(--container-px-override,var(--space-6));--mini-card-padding:var(--mini-card-padding-override,var(--space-5));--mini-card-radius:var(--mini-card-radius-override,var(--radius-xl));--mini-card-bg:var(--mini-card-bg-override,var(--color-surface-bg));--mini-card-bg-hover:var(--mini-card-bg-hover-override,var(--color-surface-bg-elevated));--mini-card-border:var(--mini-card-border-override,var(--color-surface-border));--mini-card-shadow:var(--mini-card-shadow-override,var(--shadow-sm));--case-study-padding:var(--case-study-padding-override,var(--space-6));--case-study-radius:var(--case-study-radius-override,var(--radius-2xl));--case-study-image-radius:var(--case-study-img-radius-override,var(--radius-lg));--simple-layout-max-width:var(--simple-max-override,40rem);--work-layout-max-width:var(--work-max-override,52rem)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-global-bg:var(--color-zinc-950);--color-global-text:var(--color-zinc-100);--color-global-text-inverse:var(--color-zinc-900);--color-surface-bg:var(--color-zinc-900);--color-surface-bg-elevated:var(--color-zinc-800);--color-surface-bg-hover:#27272a80;--color-surface-border:#ffffff14;--color-surface-border-hover:#818cf833;--color-surface-shadow:none;--color-surface-ring:var(--color-zinc-700);--color-surface-ring-hover:var(--color-accent-400);--color-text-primary:var(--color-zinc-100);--color-text-secondary:var(--color-zinc-300);--color-text-muted:var(--color-zinc-400);--color-text-subtle:var(--color-zinc-500);--color-text-disabled:var(--color-zinc-600);--color-link:var(--color-accent-400);--color-link-hover:var(--color-accent-300);--color-link-visited:var(--color-accent-500);--color-link-muted:var(--color-zinc-400);--color-link-muted-hover:var(--color-zinc-50);--color-button-primary-bg:var(--color-zinc-700);--color-button-primary-bg-hover:var(--color-zinc-600);--color-button-primary-bg-active:var(--color-zinc-700);--color-button-primary-text:var(--color-zinc-100);--color-button-primary-text-active:#f4f4f5b3;--color-button-secondary-bg:#27272a80;--color-button-secondary-bg-hover:var(--color-zinc-800);--color-button-secondary-bg-active:#27272a80;--color-button-secondary-text:var(--color-zinc-300);--color-button-secondary-text-active:#f4f4f5b3;--color-button-secondary-border:var(--color-zinc-700);--color-button-accent-bg:var(--color-accent-600);--color-button-accent-bg-hover:var(--color-accent-500);--color-button-accent-text:#fff;--color-badge-bg:#6366f133;--color-badge-text:var(--color-accent-300);--color-badge-border:#6366f14d;--color-badge-neutral-bg:var(--color-zinc-800);--color-badge-neutral-text:var(--color-zinc-300);--color-badge-neutral-border:var(--color-zinc-700);--color-card-bg:transparent;--color-card-bg-hover:#27272a80;--color-card-border:#ffffff0d;--color-card-border-hover:#818cf833;--color-card-shadow:none;--color-card-shadow-hover:none;--color-nav-bg:#09090be6;--color-nav-border:#ffffff14;--color-nav-link:var(--color-zinc-400);--color-nav-link-hover:var(--color-accent-400);--color-nav-link-active:var(--color-accent-400);--color-hero-text:var(--color-text-primary);--color-hero-text-muted:var(--color-text-muted);--color-footer-text:var(--color-text-muted);--color-footer-border:#ffffff14;--color-input-bg:var(--color-zinc-800);--color-input-border:var(--color-zinc-700);--color-input-border-focus:var(--color-accent-500);--color-input-text:var(--color-text-primary);--color-input-placeholder:var(--color-text-muted);--color-focus-ring:var(--color-accent-400);--shadow-glow:0 0 30px #6366f140}}@media (prefers-reduced-motion:reduce){:root{--duration-75:0s;--duration-100:0s;--duration-150:0s;--duration-200:0s;--duration-300:0s;--duration-500:0s;--duration-700:0s;--duration-1000:0s}}@media (prefers-contrast:more){:root{--color-surface-border:var(--color-zinc-400);--color-card-border:var(--color-zinc-400);--color-button-secondary-border:var(--color-zinc-500)}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root{--color-surface-border:var(--color-zinc-500);--color-card-border:var(--color-zinc-500);--color-button-secondary-border:var(--color-zinc-400)}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-global-bg);min-height:100vh;color:var(--color-global-text);font-family:var(--font-family-body);font-size:var(--size-text-body);line-height:var(--leading-normal);transition:background-color var(--duration-300) var(--ease-out), color var(--duration-300) var(--ease-out);margin:0}h1,h2{font-family:var(--font-family-heading)}*,:before,:after{box-sizing:border-box}a{color:inherit;text-decoration:none}a:not([class]){color:var(--button-secondary-text)}a:not([class]):hover{color:var(--color-link-plain-hover);text-decoration:underline}img,svg{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{isolation:isolate;min-height:100vh;position:relative}.app-background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-background__glow--top{background:radial-gradient(80% 50% at 50% -20%,#6366f11f,#0000);height:45vh;position:absolute;inset:-10% 0 auto}.app-background__glow--right{filter:blur(80px);background:#6366f114;border-radius:50%;width:32rem;height:32rem;position:absolute;top:-10%;right:-10%}.app-background__glow--left{filter:blur(80px);background:#6366f114;border-radius:50%;width:28rem;height:28rem;position:absolute;bottom:-10%;left:-10%}@media (prefers-color-scheme:dark){.app-background__glow--top{background:radial-gradient(80% 50% at 50% -20%,#6366f133,#0000)}.app-background__glow--right,.app-background__glow--left{background:#6366f12e}}.app-main{position:relative}@supports (view-transition-name:root){:root{view-transition-name:root}::view-transition-old(root){animation:.16s ease-out view-fade-out}::view-transition-new(root){animation:.22s ease-in view-fade-in}}@keyframes view-fade-out{0%{opacity:1}to{opacity:0}}@keyframes view-fade-in{0%{opacity:0}to{opacity:1}}.case-study-figure--browser .lightbox__trigger{--browser-bar-height:2.25rem;padding-top:var(--browser-bar-height);border-radius:var(--radius-2xl);background:var(--color-surface-bg);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-soft);display:block;position:relative;overflow:hidden}.case-study-figure--browser .lightbox__trigger:before{content:"";height:var(--browser-bar-height);background:linear-gradient(180deg,var(--color-surface-bg),var(--color-surface-bg-elevated));border-bottom:1px solid var(--color-surface-border);pointer-events:none;position:absolute;inset:0 0 auto}.case-study-figure--browser .lightbox__trigger:after{content:"";top:calc(var(--browser-bar-height)/2 - .25rem);left:var(--space-4);border-radius:var(--radius-full);background:var(--color-text-muted);width:.5rem;height:.5rem;box-shadow:.9rem 0 0 var(--color-text-muted),1.8rem 0 0 var(--color-text-muted);opacity:.6;pointer-events:none;position:absolute}.case-study-figure--browser .lightbox__thumbnail{box-shadow:none;border-radius:0}.case-study-figure--browser .lightbox__trigger:hover .lightbox__thumbnail{transform:none}.case-study-figure--device .lightbox__trigger{--device-width:clamp(14rem,32vw,19rem);--device-bezel-x:var(--space-3);--device-bezel-top:calc(var(--space-6) + var(--space-2));--device-bezel-bottom:calc(var(--space-8) + var(--space-2));width:min(100%,var(--device-width),calc(70vh * .47));aspect-ratio:9/19;padding:var(--device-bezel-top) var(--device-bezel-x) var(--device-bezel-bottom);border-radius:var(--radius-3xl);background:radial-gradient(circle, transparent 58%, var(--color-surface-border) 59%, var(--color-surface-border) 67%, transparent 68%) 50% calc(100% - var(--space-4)) / 2.5rem 2.5rem no-repeat,radial-gradient(circle, var(--color-text-subtle) .12rem, transparent .13rem) calc(50% - 1.2rem) var(--space-4) / .4rem .4rem no-repeat,linear-gradient(var(--color-surface-border), var(--color-surface-border)) 50% var(--space-4) / 2.4rem .35rem no-repeat,linear-gradient(var(--color-surface-border), var(--color-surface-border)) left 26% / 2px 10% no-repeat,linear-gradient(var(--color-surface-border), var(--color-surface-border)) left 40% / 2px 6% no-repeat,linear-gradient(var(--color-surface-border), var(--color-surface-border)) right 30% / 2px 12% no-repeat,linear-gradient(180deg,var(--color-surface-bg-elevated),var(--color-surface-bg));border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-text-subtle) transparent;-webkit-overflow-scrolling:touch;margin:0 auto;display:block;position:relative;overflow:auto}.case-study-figure--device .lightbox__thumbnail{border-radius:var(--radius-xl);width:100%;height:auto;box-shadow:none}.case-study-figure--device .lightbox__trigger:hover .lightbox__thumbnail{transform:none}@media (width>=1280px){:root{--text-base:1.5rem;--text-lg:1.75rem;--text-xl:2rem;--text-2xl:2.5rem;--text-3xl:3.25rem;--text-4xl:4.5rem;--text-5xl:6rem}}