:root{--color-bg: #fafafa;--color-bg-alt: #f5f5f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #e5e5e5;--color-accent: #2a2a2a;--color-accent-hover: #444444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Georgia", "Times New Roman", serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-4xl: clamp(2.5rem, 2rem + 2.5vw, 4rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--max-width: 1200px;--max-width-content: 720px;--max-width-narrow: 540px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:var(--text-4xl);font-weight:400;letter-spacing:-.03em}h2{font-size:var(--text-2xl);font-weight:400}h3{font-size:var(--text-xl)}p{color:var(--color-text-secondary);max-width:65ch}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-lg)}.container--narrow{max-width:var(--max-width-narrow)}.container--content{max-width:var(--max-width-content)}.section{padding-block:var(--space-4xl)}.section--hero{padding-block:var(--space-5xl) var(--space-4xl);min-height:60vh;display:flex;align-items:center}.section--alt{background-color:var(--color-bg-alt)}.section__header{margin-bottom:var(--space-2xl)}.section__title{margin-bottom:var(--space-sm)}.section__subtitle{font-size:var(--text-lg);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1;text-decoration:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.btn--primary{background-color:var(--color-accent);color:var(--color-surface)}.btn--primary:hover{background-color:var(--color-accent-hover);color:var(--color-surface)}.btn--secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-text)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md)}.btn--ghost:hover{color:var(--color-text)}.list{list-style:none}.list--spaced>li{padding-block:var(--space-sm)}.list--spaced>li+li{border-top:1px solid var(--color-border)}.list--bullet>li{position:relative;padding-left:var(--space-lg)}.list--bullet>li:before{content:"";position:absolute;left:0;top:.8em;width:6px;height:1px;background-color:var(--color-text-muted)}.screenshot-card{background:var(--color-surface);border-radius:var(--radius-lg);display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base)}.screenshot-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm)}img{max-width:100%;height:auto;display:block}.screenshot{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.footer{padding-block:var(--space-3xl);border-top:1px solid var(--color-border);background-color:var(--color-bg)}.footer__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.footer__links{display:flex;gap:var(--space-xl)}.footer__link{font-size:var(--text-sm);color:var(--color-text-muted)}.footer__link:hover{color:var(--color-text)}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-muted)}.header{position:sticky;top:0;z-index:100;background-color:#fafafae6;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header__content{display:flex;align-items:center;justify-content:space-between;height:64px}.header__logo{font-size:var(--text-lg);font-weight:500;letter-spacing:-.02em}.header__nav{display:flex;align-items:center;gap:var(--space-xl)}.header__link{font-size:var(--text-sm);color:var(--color-text-secondary)}.header__link:hover{color:var(--color-text)}.prose{max-width:var(--max-width-content)}.prose h2{margin-top:var(--space-3xl);margin-bottom:var(--space-lg)}.prose h3{margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.prose p{margin-bottom:var(--space-lg)}.prose ul,.prose ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.prose li{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}@media(max-width:768px){.section{padding-block:var(--space-3xl)}.section--hero{padding-block:var(--space-4xl) var(--space-3xl);min-height:auto}.header__nav{gap:var(--space-lg)}.footer__links{flex-wrap:wrap;justify-content:center;gap:var(--space-lg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background-color:#fffc;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:64px;display:flex;align-items:center}.header__content[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between}.header__brand[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text);transition:opacity var(--transition-fast)}.header__brand[data-astro-cid-3ef6ksr2]:hover{opacity:.8}.header__logo-img[data-astro-cid-3ef6ksr2]{width:32px;height:32px;border-radius:6px;object-fit:contain}.header__name[data-astro-cid-3ef6ksr2]{font-weight:500;font-size:var(--text-lg);letter-spacing:-.01em}.header__nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-lg)}.header__link[data-astro-cid-3ef6ksr2]{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.header__link[data-astro-cid-3ef6ksr2]:hover{color:var(--color-text)}.btn--sm[data-astro-cid-3ef6ksr2]{padding:var(--space-sm) var(--space-lg);font-size:var(--text-xs)}@media(max-width:640px){.header__link[data-astro-cid-3ef6ksr2]{display:none}}.footer__philosophy[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);margin-top:var(--space-lg)}.footer__philosophy[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-size:var(--text-xs);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer__philosophy[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-text-secondary)}