:root{color-scheme:light;--ink:#161616;--line:rgba(22,22,22,0.12);--surface:rgba(255,255,255,0.68);--shadow:0 24px 80px rgba(36,31,24,0.12)}*{box-sizing:border-box}html{background:radial-gradient(circle at 50% 46%,rgba(84,190,193,.16),transparent 28rem),linear-gradient(135deg,#f8f6f1,#ffffff 50%,#f2f5f4)}body,html{min-height:100%}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(920px,calc(100% - 40px));min-height:100vh;margin:0 auto;display:grid;place-items:center}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;justify-content:center}.product-link{--accent:#161616;--accent-soft:rgba(22,22,22,0.06);min-height:190px;padding:16px 14px;display:grid;align-content:center;gap:14px;place-items:center;text-align:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.product-link:focus-visible,.product-link:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent),#161616 12%);background:rgba(255,255,255,.84);box-shadow:var(--shadow);outline:none}.twin{--accent:#21a9bb;--accent-soft:rgba(33,169,187,0.12)}.sonickaboom{--accent:#e34d3c;--accent-soft:rgba(227,77,60,0.12)}.daan{--accent:#2f9d66;--accent-soft:rgba(47,157,102,0.12)}.jobs{--accent:#6b5bd6;--accent-soft:rgba(107,91,214,0.12)}.icon-frame{width:76px;height:76px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent),transparent 64%);border-radius:8px;background:var(--accent-soft)}.icon-frame svg{width:50px;height:50px}.product-copy{display:grid;gap:5px}.product-copy strong{font-size:1rem;line-height:1.1}.product-copy span{color:rgba(22,22,22,.64);font-size:.86rem;line-height:1.28}.icon-stroke{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2}.icon-stroke.muted{opacity:.55;stroke-width:2.6}.icon-fill{fill:var(--accent);opacity:.18}.icon-node{fill:#ffffff;stroke:var(--accent);stroke-width:2.4}@media (max-width:560px){.shell{width:min(100% - 28px,920px)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-link{min-height:176px}.icon-frame{width:70px;height:70px}.icon-frame svg{width:46px;height:46px}}