:root{--color-bg: #EEF1F3;--color-text-primary: #1A1A1A;--color-text-secondary: #5F5E5A;--color-text-tertiary: #6F6E68;--color-border: rgba(0, 0, 0, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-micro: 15px;--text-label: 16px;--text-base: 17px;--text-card: 18px;--text-prose: 19px;--text-body: 20px;--text-hero: 22px;--text-h1: clamp(2rem, 1.6rem + 2vw, 2.5rem);--fw-body: 500;--fw-mid: 600;--fw-bold: 700;--measure: 560px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;font-weight:var(--fw-body)}::selection{background:var(--color-text-primary);color:var(--color-bg)}.container{max-width:var(--measure);margin:0 auto;padding:1.5rem 1.5rem 3rem}.hero{padding:4rem 0 2.5rem}.wordmark{font-family:var(--font-serif);font-size:var(--text-h1);font-weight:var(--fw-mid);line-height:1.2;letter-spacing:-.01em;margin:0 0 1.25rem;color:var(--color-text-primary)}.tagline{font-size:var(--text-hero);line-height:1.5;color:var(--color-text-secondary);margin:0;max-width:500px}.section{padding:2.5rem 0;border-top:.5px solid var(--color-border)}.section-label{display:flex;align-items:baseline;gap:.6rem;font-size:var(--text-micro);font-weight:var(--fw-mid);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 1.75rem}.section-number{font-family:var(--font-mono);font-weight:var(--fw-body);font-size:var(--text-micro);letter-spacing:.05em}.product{padding:1.25rem 0;border-bottom:.5px solid var(--color-border)}.product:first-of-type{padding-top:0}.product:last-child{padding-bottom:0;border-bottom:none}.product-header{display:flex;align-items:center;gap:.75rem;margin:0 0 .4rem;flex-wrap:wrap}.product-name{font-size:var(--text-card);font-weight:var(--fw-mid);margin:0;color:var(--color-text-primary);letter-spacing:-.005em}.status{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--fw-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-text-primary);flex-shrink:0}.status-dot.is-pending{background:transparent;border:1px solid var(--color-text-tertiary)}.product-desc{font-size:var(--text-base);line-height:1.6;color:var(--color-text-secondary);margin:0 0 .5rem;max-width:500px}.product-link{display:inline-block;font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-text-secondary);text-decoration:none;border-bottom:.5px solid var(--color-border);padding-bottom:1px}.product-link:hover{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}.about-text{font-size:var(--text-prose);line-height:1.7;margin:0 0 .85rem;color:var(--color-text-primary);max-width:520px}.about-text:last-child{margin-bottom:0}.link{color:var(--color-text-primary);text-decoration:none;border-bottom:.5px solid var(--color-border);padding-bottom:1px}.link:hover{border-bottom-color:var(--color-text-primary)}.contact-list{list-style:none;padding:0;margin:0}.contact-list li{padding:.95rem 0;border-bottom:.5px solid var(--color-border)}.contact-list li:first-child{padding-top:0}.contact-list li:last-child{padding-bottom:0;border-bottom:none}.contact-email{display:inline-block;font-family:var(--font-mono);font-size:var(--text-base);margin:0 0 .2rem}.contact-purpose{font-size:var(--text-micro);color:var(--color-text-secondary);margin:0;line-height:1.5}.footer{padding:2.5rem 0 0;border-top:.5px solid var(--color-border);font-size:var(--text-micro);color:var(--color-text-tertiary);line-height:1.85}.footer p{margin:0}.footer p+p{margin-top:.1rem}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:3px;border-radius:1px}@media(max-width:480px){.container{padding:1rem 1.25rem 2.5rem}.hero{padding:2.75rem 0 2rem}.tagline{font-size:var(--text-body)}.section{padding:2rem 0}}
