*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-soft:#f5f8f6;--bg-card:#fff;--border:#e6ebe8;--border-strong:#d6ddd9;--ink:#16211d;--ink-soft:#55635d;--muted:#8b958f;--accent:#0c8a5a;--accent-hover:#0a6f49;--accent-ink:#0a6b47;--accent-soft:#0c8a5a17;--accent-line:#0c8a5a47;--radius:10px;--radius-lg:14px;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);color:var(--ink);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}body{background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}#root{flex-direction:column;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page{animation:.4s ease-out fadeIn}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);z-index:10;background:#ffffffd1;padding:1.1rem 0;position:sticky;top:0}.container{max-width:960px;margin:0 auto;padding:0 1.5rem}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--ink);align-items:center;gap:.625rem;text-decoration:none;display:flex}.logo:hover{color:var(--ink)}.logo-mark{background:var(--accent);width:32px;height:32px;font-family:var(--font-mono);color:#fff;letter-spacing:-.02em;border-radius:7px;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.logo-text{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.header-nav{align-items:center;gap:1.75rem;display:flex}.header-nav a{color:var(--ink-soft);font-size:.875rem;font-weight:500;transition:color .2s}.header-nav a:hover{color:var(--accent)}.section{padding:3.5rem 0}.section-header{align-items:center;gap:.875rem;margin-bottom:1.75rem;display:flex}.section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.75rem;font-weight:600}.section-line{background:var(--border);flex:1;height:1px}.project-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.2rem .55rem;font-size:.625rem;font-weight:600}.badge-active{background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent-line)}.badge-app{color:#4055c6;background:#eef1ff;border:1px solid #d7ddfb}.tag{font-family:var(--font-mono);color:var(--ink-soft);background:var(--bg-soft);border:1px solid var(--border);border-radius:5px;padding:.15rem .5rem;font-size:.6875rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);margin-top:auto;padding:2rem 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-text{color:var(--muted);font-size:.8125rem}.footer-links{gap:1.25rem;display:flex}.footer-links a{color:var(--ink-soft);font-size:.8125rem;transition:color .2s}.footer-links a:hover{color:var(--accent)}@media (width<=640px){.footer-inner{text-align:center;flex-direction:column;gap:.75rem}}.hero{border-bottom:1px solid var(--border);background:radial-gradient(70% 100% at 15% 0%, var(--accent-soft), transparent 60%), var(--bg);padding:6rem 0 3.5rem}.hero-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:1.25rem;font-size:.6875rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.045em;color:var(--ink);text-wrap:balance;margin-bottom:1.1rem;font-size:3.25rem;font-weight:800;line-height:1.08}.hero h1 .accent{color:var(--accent)}.hero-lead{color:var(--ink-soft);max-width:34rem;margin-bottom:1.75rem;font-size:1.125rem;line-height:1.6}.hero-fields{flex-wrap:wrap;gap:.5rem;display:flex}.field{font-family:var(--font-mono);color:var(--ink-soft);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:500}.product-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--ink);flex-direction:column;gap:.875rem;padding:1.5rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.product-card:hover{color:var(--ink);border-color:var(--accent-line);transform:translateY(-3px);box-shadow:0 10px 30px #10211d14}.product-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.product-name{letter-spacing:-.01em;color:var(--ink);font-size:1.0625rem;font-weight:700}.product-desc{color:var(--ink-soft);flex:1;font-size:.9375rem;line-height:1.55}.product-bottom{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.product-visit{font-family:var(--font-mono);color:var(--accent);opacity:0;font-size:.75rem;font-weight:600;transition:opacity .2s,transform .2s;transform:translate(-4px)}.product-card:hover .product-visit{opacity:1;transform:translate(0)}.contact{border-top:1px solid var(--border);background:var(--bg-soft)}.contact-inner{flex-direction:column;gap:1.5rem;display:flex}.contact-lead{color:var(--ink);max-width:32rem;font-size:1.125rem;font-weight:500}.contact-emails{flex-wrap:wrap;gap:1rem;display:flex}.contact-email{color:var(--accent);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.2rem;padding:.9rem 1.1rem;font-size:1rem;font-weight:600;transition:border-color .2s;display:flex}.contact-email:hover{border-color:var(--accent-line)}.contact-role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.6875rem;font-weight:500}@media (width<=780px){.product-grid{grid-template-columns:1fr}.product-visit{opacity:1;transform:none}}@media (width<=640px){.hero{padding:4rem 0 3rem}.hero h1{font-size:2.5rem}}