:root{--bg:#24452e;--surface:#2d5338;--surface-hover:#345f40;--ink:#eef1e6;--soft:#d5dccb;--muted:#a9b8a2;--accent:#f4a6a0;--font:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--m:clamp(20px, 5vw, 64px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.5}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1.5px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--ink);color:var(--bg)}.page{max-width:1080px;min-height:100svh;padding:28px var(--m) 32px;flex-direction:column;margin:0 auto;display:flex}.top{justify-content:space-between;align-items:baseline;display:flex}.mark{font-weight:600;text-decoration:none}main{flex:1}.intro{padding:clamp(96px,16vh,180px) 0 clamp(72px,10vh,120px)}.intro h1{letter-spacing:-.035em;font-size:clamp(44px,7vw,96px);font-weight:600;line-height:.95}.intro p{color:var(--soft);max-width:36ch;margin-top:28px;font-size:clamp(20px,2vw,26px);line-height:1.35}.block{grid-template-columns:1fr 3fr;gap:24px;padding:40px 0;display:grid}.block h2{font-size:18px;font-weight:600}.products{grid-template-columns:max-content 1fr max-content;gap:12px 0;display:grid}.products li{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.products a{grid-column:1/-1;grid-template-columns:subgrid;background:var(--surface);align-items:baseline;column-gap:32px;padding:20px 24px;text-decoration:none;transition:background-color .2s;display:grid}.products a:hover{background:var(--surface-hover)}.product-name{white-space:nowrap;letter-spacing:-.02em;font-size:24px;font-weight:600}.product-summary{color:var(--soft)}.product-host{color:var(--accent);white-space:nowrap}.contact{font-size:24px}.contact a{color:var(--accent)}.foot{color:var(--muted);justify-content:space-between;gap:16px;padding-top:64px;font-size:15px;display:flex}.notfound{padding:120px var(--m)}.notfound h1{letter-spacing:-.03em;font-size:40px}@media (width<=720px){.block{grid-template-columns:1fr;gap:16px}.products,.products li,.products a{grid-template-columns:1fr}.products a{row-gap:8px;padding:18px 20px}.foot{flex-direction:column;gap:4px}}