:root{--color-paper:oklch(97.6% .004 85);--color-paper-deep:oklch(95.2% .006 85);--color-ink:oklch(24% .012 255);--color-ink-soft:oklch(42% .012 255);--color-ink-faint:oklch(57% .01 255);--color-accent:oklch(44% .09 155);--color-accent-deep:oklch(35% .08 155);--color-accent-wash:oklch(93% .03 155);--color-rule:oklch(88% .008 85);--color-rule-soft:oklch(92% .006 85);--color-focus:oklch(44% .09 155);--color-postbuzz:#d12d22;--color-postbuzz-deep:#a8231a;--color-notchos:oklch(21% .005 255);--color-notchos-paper:oklch(93% .004 85);--font-display:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display:clamp(2.5rem, 6.4vw, 4.4rem);--text-display-s:clamp(2rem, 4.6vw, 3.1rem);--text-h2:clamp(1.8rem, 3.4vw, 2.6rem);--text-h3:clamp(1.35rem, 2.2vw, 1.7rem);--text-body:1.0625rem;--text-body-s:.9375rem;--text-small:.875rem;--text-meta:.75rem;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-s:12px;--space-m:16px;--space-l:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in:cubic-bezier(.4, 0, .8, .4);--ease-in-out:cubic-bezier(.5, 0, .5, 1);--dur-fast:.14s;--dur-med:.24s;--rule-hairline:1px;--radius-s:6px;--radius-m:10px;--radius-l:14px;--radius-pill:999px;--measure:54ch;--shell:1160px;--shell-pad:clamp(20px, 5vw, 48px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;overflow-wrap:anywhere;margin:0;font-style:normal;line-height:1.06}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}::selection{background:var(--color-accent-wash);color:var(--color-accent-deep)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-s)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{max-width:var(--shell);padding-inline:var(--shell-pad);margin-inline:auto}.site-header{border-bottom:var(--rule-hairline) solid var(--color-rule);background:var(--color-paper)}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-l);padding-block:var(--space-l);display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;align-items:baseline;gap:var(--space-s);min-width:0;font-size:1.3rem;font-weight:700;display:flex}.wordmark:visited{color:inherit}.wordmark-sub{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint);white-space:nowrap;font-weight:400}.nav{gap:var(--space-xl);display:flex}.nav a{font-size:var(--text-body-s);color:var(--color-ink-soft);transition:background-size var(--dur-fast) var(--ease-out);padding-block:var(--space-2xs);white-space:nowrap;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;font-weight:500}.nav a:hover,.nav a:focus-visible{color:var(--color-ink);background-size:100% 1px}.hero{padding-block:var(--space-5xl) var(--space-4xl)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-deep);margin-bottom:var(--space-xl)}.hero h1{font-size:var(--text-display);max-width:14ch;font-weight:640}.hero-lede{margin-top:var(--space-xl);max-width:var(--measure);color:var(--color-ink-soft);font-size:1.125rem}.hero-meta{margin-top:var(--space-4xl);padding-top:var(--space-m);border-top:var(--rule-hairline) solid var(--color-rule);gap:var(--space-m) var(--space-3xl);font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint);flex-wrap:wrap;display:flex}.products,.company{padding-block:var(--space-4xl);border-top:var(--rule-hairline) solid var(--color-rule)}h2{font-size:var(--text-h2);font-weight:620}.section-lede{margin-top:var(--space-m);max-width:46ch;color:var(--color-ink-soft)}.product{margin-top:var(--space-3xl);gap:var(--space-3xl);padding:var(--space-2xl);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-l);background:var(--color-paper);transition:border-color var(--dur-med) var(--ease-out), background-color var(--dur-med) var(--ease-out);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;display:grid;position:relative;overflow:hidden}.product:before{content:"";background:var(--product-accent,var(--color-accent));transform-origin:top;width:3px;transition:transform var(--dur-med) var(--ease-out);position:absolute;inset-block:0;inset-inline-start:0;transform:scaleY(.25)}.product:hover{border-color:color-mix(in oklch, var(--product-accent,var(--color-accent)) 45%, var(--color-rule));background:var(--color-paper-deep)}.product:hover:before{transform:scaleY(1)}.product-postbuzz{--product-accent:var(--color-postbuzz)}.product-notchos{--product-accent:var(--color-notchos)}.status{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-faint);align-items:center;gap:var(--space-s);margin-bottom:var(--space-l);display:flex}.status-live,.status-dev{border-radius:50%;width:7px;height:7px;display:inline-block}.status-live{background:var(--color-accent)}.status-dev{border:1.5px solid var(--color-ink-faint);background:0 0}.product-name{font-size:var(--text-h3);letter-spacing:-.02em;font-weight:700}.product-postbuzz .product-name{color:var(--color-postbuzz-deep)}.product-notchos .product-name{color:var(--color-notchos)}.product-category{margin-top:var(--space-2xs);font-size:var(--text-small);color:var(--color-ink-faint)}.product-body{margin-top:var(--space-l);max-width:52ch;color:var(--color-ink-soft)}.product-facts{margin-top:var(--space-l);gap:var(--space-xs) var(--space-s);flex-wrap:wrap;display:flex}.product-facts li{font-size:var(--text-small);color:var(--color-ink-soft);padding:var(--space-2xs) var(--space-s);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);font-weight:500}.product-cta{margin-top:var(--space-xl);align-items:center;gap:var(--space-xs);font-weight:600;font-size:var(--text-body-s);color:var(--product-accent,var(--color-accent));transition:background-size var(--dur-fast) var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;display:inline-flex}.product-cta .arrow{transition:transform var(--dur-fast) var(--ease-out)}.product-cta:hover,.product-cta:focus-visible{background-size:100% 1px}.product-cta:hover .arrow{transform:translate(1.5px,-1.5px)}.specimen{gap:var(--space-s);flex-direction:column;min-width:0;margin:0;display:flex}.spec-card{border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-m);background:#fff;min-width:0;box-shadow:0 1px 2px oklch(24% .012 255/.05)}.specimen figcaption{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--color-ink-faint);letter-spacing:.02em}.postbuzz-card{padding:var(--space-l);gap:var(--space-l);flex-direction:column;display:flex}.spec-head{align-items:center;gap:var(--space-s);font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-faint);display:flex}.spec-dot{background:var(--color-postbuzz);border-radius:50%;width:7px;height:7px}.spec-post{gap:var(--space-m);align-items:flex-start;min-width:0;display:flex}.spec-avatar{background:var(--color-postbuzz);color:#fff;width:38px;height:38px;font-size:var(--text-small);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.spec-post-body{min-width:0}.spec-post-title{font-weight:600;font-size:var(--text-body-s)}.spec-post-meta{font-size:var(--text-small);color:var(--color-ink-faint);margin-top:var(--space-3xs)}.spec-actions{gap:var(--space-s);display:flex}.spec-btn-primary,.spec-btn-ghost{font-size:var(--text-small);padding:var(--space-2xs) var(--space-l);border-radius:var(--radius-s);font-weight:600}.spec-btn-primary{background:var(--color-postbuzz);color:#fff}.spec-btn-ghost{border:var(--rule-hairline) solid var(--color-rule);color:var(--color-ink-soft)}.notchos-card{padding:var(--space-2xl) var(--space-l) var(--space-xl);align-items:center;gap:var(--space-xl);background:var(--color-notchos-paper);flex-direction:column;display:flex}.notchos-edge{background:var(--color-rule);width:100%;height:1px}.notchos-pill{margin-top:calc(-1 * var(--space-2xl));background:var(--color-notchos);color:var(--color-notchos-paper);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-2xl);font-family:var(--font-mono);font-weight:500;box-shadow:0 2px 8px oklch(21% .005 255/.18)}.notchos-time{letter-spacing:.06em;font-size:.875rem}.notchos-tools{gap:var(--space-s);display:flex}.notchos-tools span{background:var(--color-rule);border-radius:2px;width:22px;height:3px}.notchos-tools span:first-child{background:var(--color-notchos)}.company-grid{margin-top:var(--space-3xl);gap:var(--space-3xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.company-lede{color:var(--color-ink-soft);max-width:44ch;font-size:1.125rem}.ledger{border-top:var(--rule-hairline) solid var(--color-rule);margin:0}.ledger-row{gap:var(--space-l);padding-block:var(--space-m);border-bottom:var(--rule-hairline) solid var(--color-rule);grid-template-columns:minmax(0,.6fr) minmax(0,1fr);display:grid}.ledger-row dt{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint);padding-top:var(--space-2xs)}.ledger-row dd{font-size:var(--text-body-s);color:var(--color-ink);overflow-wrap:anywhere;min-width:0;margin:0}.contact{padding-block:var(--space-4xl) var(--space-5xl);border-top:var(--rule-hairline) solid var(--color-rule)}.contact-mail{margin-top:var(--space-2xl);font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-accent-deep);overflow-wrap:anywhere;transition:color var(--dur-fast) var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;font-size:clamp(1.5rem,4vw,2.6rem);font-weight:620;display:inline-block}.contact-mail:hover,.contact-mail:focus-visible{color:var(--color-accent)}.site-footer{border-top:var(--rule-hairline) solid var(--color-rule);background:var(--color-paper-deep)}.footer-inner{justify-content:space-between;gap:var(--space-l) var(--space-3xl);padding-block:var(--space-2xl);flex-wrap:wrap;display:flex}.footer-col{min-width:0}.footer-legal p{font-size:var(--text-small);color:var(--color-ink-soft)}.footer-meta{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--color-ink-faint);margin-top:var(--space-2xs);letter-spacing:.03em}.footer-links{gap:var(--space-xl);align-items:flex-start;display:flex}.footer-links a{align-items:center;gap:var(--space-2xs);font-size:var(--text-small);color:var(--color-ink-soft);transition:background-size var(--dur-fast) var(--ease-out);padding-block:var(--space-2xs);white-space:nowrap;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;font-weight:500;display:inline-flex}.footer-links a:hover,.footer-links a:focus-visible{color:var(--color-ink);background-size:100% 1px}@media (width<=900px){.product,.company-grid{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr)}.product{padding:var(--space-xl)}.specimen{max-width:420px}}@media (width<=600px){.hero{padding-block:var(--space-4xl) var(--space-3xl)}.header-inner{gap:var(--space-m);flex-wrap:wrap}.nav{gap:var(--space-l)}.hero-meta{gap:var(--space-s) var(--space-xl)}.ledger-row{gap:var(--space-2xs);grid-template-columns:minmax(0,1fr)}.footer-inner{flex-direction:column}.products,.company{padding-block:var(--space-3xl)}.contact{padding-block:var(--space-3xl) var(--space-4xl)}}