:root{--text: #000;--text-secondary: #999;--bg: #fff;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--text: #EDEDED;--text-secondary: #888;--bg: #111}body.theme-transitioning{animation:theme-fade .7s ease}@keyframes theme-fade{0%,to{opacity:1}50%{opacity:.85}}@media(prefers-reduced-motion:reduce){body.theme-transitioning{animation:none!important}}*{margin:0;padding:0;box-sizing:border-box}.toolbar{position:fixed;top:24px;right:24px;display:flex;gap:8px;z-index:10}.toolbar button{width:36px;height:36px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.75rem;font-weight:600;font-family:var(--font);transition:color .15s}.toolbar button:hover{color:var(--text)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--text);text-decoration:none;transition:opacity .15s}a:hover{opacity:.7}.page{max-width:640px;margin:0 auto;padding:120px 20px 20px}.logo-mark{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:20px;display:flex;align-items:center;gap:10px}.logo-icon{width:22px;height:22px}.logo-light,[data-theme=dark] .logo-dark{display:none}[data-theme=dark] .logo-light{display:block}.logo-mark span{color:var(--text-secondary);font-weight:400}.name{font-size:1.15rem;font-weight:700;margin-bottom:10px}.tagline{font-size:1.15rem;font-weight:500;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.description{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:48px}.section{margin-bottom:48px}.section-title{font-size:1rem;color:var(--text-secondary);margin-bottom:16px}.portfolio{display:flex;flex-direction:column;gap:20px}.portfolio-item{display:grid;grid-template-columns:140px 80px 1fr;column-gap:12px;align-items:first baseline;font-size:.95rem}.portfolio-item .item-name{font-weight:500;white-space:nowrap}.portfolio-item .item-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.portfolio-item .item-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 10px;border-radius:3px;text-align:center;justify-self:start}.badge-active,.badge-coming{background:var(--bg);color:var(--text);border:1px solid var(--text)}.badge-sold{background:var(--text);color:var(--bg);border:1px solid var(--text)}.badge-closed{background:var(--bg);color:var(--text-secondary);border:1px solid var(--text-secondary)}a.portfolio-item:hover .item-name,a.portfolio-item:hover .item-desc{opacity:.6}.founder{display:flex;gap:20px;align-items:flex-start;margin-top:8px}.founder-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.founder-avatar img{width:100%;height:100%;object-fit:cover}.founder-info .founder-name{font-size:1rem;font-weight:600;margin-bottom:4px}.founder-info .founder-role{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin-bottom:8px}.founder-info .founder-links{display:flex;gap:16px}.founder-info .founder-links a{font-size:.85rem;color:var(--text-secondary)}.founder-info .founder-links a:hover{color:var(--text)}.contact-line{font-size:.9rem;color:var(--text-secondary);margin-bottom:6px}.contact-line a{color:var(--text-secondary);text-decoration:underline}.contact-line a:hover{color:var(--text)}.footer{padding:48px 20px 32px;max-width:640px;margin:0 auto;border-top:1px solid rgba(128,128,128,.15);font-size:.85rem;color:var(--text-secondary)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:40px}.footer-col p{margin-bottom:4px}.footer-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin-bottom:10px!important}.footer-col a{color:var(--text-secondary)}.footer-col a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;opacity:.4;font-size:.75rem}.footer-bottom a{color:var(--text-secondary)}.footer-bottom a:hover{opacity:.7}@media(max-width:600px){.page{padding:100px 16px 20px}.portfolio-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.portfolio-item .item-name{margin-right:4px}.portfolio-item .item-desc{flex-basis:100%;font-size:.85rem}.footer-grid{grid-template-columns:1fr;gap:28px}}
