:root{--bg: #f7f3ea;--surface: #fffdf8;--fg: #241e15;--muted: #6e6656;--border: #e7dfcf;--accent: #a66518;--accent-fg: #fffdf8;--accent-hero: #c17d2a;--accent-soft: #f5e6ce;--accent-soft-fg: #6b4212;--indigo: #2c3e6b;--indigo-soft: #e5e8f1;--indigo-fg: #1e2b4d;--badge-bg: #efe7d6;--badge-fg: #5f584a;--link: #a66518;--shadow: 0 1px 2px rgba(60, 45, 20, .06), 0 4px 12px rgba(60, 45, 20, .05)}@media(prefers-color-scheme:dark){:root{--bg: #16130d;--surface: #201b12;--fg: #efe9dc;--muted: #a29a89;--border: #342c1d;--accent: #e0a44c;--accent-fg: #241e15;--accent-hero: #c17d2a;--accent-soft: #37280f;--accent-soft-fg: #e8c78f;--indigo: #90a4da;--indigo-soft: #23304f;--indigo-fg: #cdd6ee;--badge-bg: #2c2519;--badge-fg: #b6ac97;--link: #e0a44c;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .3)}}:root[data-theme=dark]{--bg: #16130d;--surface: #201b12;--fg: #efe9dc;--muted: #a29a89;--border: #342c1d;--accent: #e0a44c;--accent-fg: #241e15;--accent-hero: #c17d2a;--accent-soft: #37280f;--accent-soft-fg: #e8c78f;--indigo: #90a4da;--indigo-soft: #23304f;--indigo-fg: #cdd6ee;--badge-bg: #2c2519;--badge-fg: #b6ac97;--link: #e0a44c;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3)}:root[data-theme=light]{--bg: #f7f3ea;--surface: #fffdf8;--fg: #241e15;--muted: #6e6656;--border: #e7dfcf;--accent: #a66518;--accent-fg: #fffdf8;--accent-hero: #c17d2a;--accent-soft: #f5e6ce;--accent-soft-fg: #6b4212;--indigo: #2c3e6b;--indigo-soft: #e5e8f1;--indigo-fg: #1e2b4d;--badge-bg: #efe7d6;--badge-fg: #5f584a;--link: #a66518;--shadow: 0 1px 2px rgba(60,45,20,.06), 0 4px 12px rgba(60,45,20,.05)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}header,main,footer{max-width:68rem;margin:0 auto;padding:1rem 1.5rem}header{display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:1.15rem;letter-spacing:-.02em;text-decoration:none;color:var(--fg)}.logo:first-letter{color:var(--accent)}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:2px}h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.03em;margin:0}h2{font-size:1.3rem;letter-spacing:-.01em;margin:2.5rem 0 1rem}.hero{background:linear-gradient(135deg,var(--accent-hero) 0%,var(--accent) 100%);color:var(--accent-fg);border-radius:1rem;padding:2.5rem 2rem;margin:1rem 0 .5rem;box-shadow:var(--shadow)}.hero h1{max-width:20ch}.hero .search{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.hero input[type=search]{flex:1 1 18rem;padding:.7rem 1rem;border:1px solid transparent;border-radius:.6rem;font-size:1rem;background:var(--surface);color:var(--fg)}.hero label{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--accent-fg);opacity:.95;cursor:pointer}.saas-list,.category-grid{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.55rem}.saas-list a,.category-grid a{display:inline-block;padding:.45rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--fg);font-size:.92rem;transition:border-color .15s,color .15s,transform .1s}.saas-list a:hover,.category-grid a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem}.card{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--surface);border-radius:.75rem;padding:1.1rem 1.2rem;box-shadow:var(--shadow);transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-2px);border-color:var(--accent)}.card h3{margin:0 0 .35rem;font-size:1.1rem;letter-spacing:-.01em}.card h3 a{text-decoration:none;color:var(--fg)}.card h3 a:hover{color:var(--accent)}.card p{margin:0 0 .75rem;color:var(--muted);font-size:.94rem}.card__get{margin-top:auto;align-self:flex-start;font-weight:600;text-decoration:none;color:var(--accent)}.card__get:hover{text-decoration:underline}.badges{display:flex;flex-wrap:wrap;gap:.4rem}.badge{display:inline-block;background:var(--badge-bg);color:var(--badge-fg);border-radius:999px;padding:.18rem .65rem;font-size:.76rem;font-weight:600;letter-spacing:.01em}.badge--onetime{background:var(--accent);color:var(--accent-fg)}.badge--offline{background:var(--indigo-soft);color:var(--indigo-fg)}.badge--oss{background:var(--accent-soft);color:var(--accent-soft-fg)}.pains{background:var(--accent-soft);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.4rem;margin:1rem 0 2rem}.pains h2{margin:0 0 .5rem;font-size:1.05rem}.pains ul{margin:0;padding-left:1.1rem;color:var(--accent-soft-fg)}.card-guide{display:block;margin:.9rem -1.2rem -1.1rem;padding:.7rem 1.2rem;background:linear-gradient(135deg,var(--accent-hero) 0%,var(--accent) 100%);color:var(--accent-fg);border-radius:0 0 .75rem .75rem;text-decoration:none;transition:filter .12s}.card-guide:hover{filter:brightness(1.06)}.card-guide__title{display:block;font-size:.9rem;font-weight:700;letter-spacing:-.01em}.card-guide__note{display:block;font-size:.78rem;opacity:.9;margin-top:.1rem}.sources{color:var(--muted);font-size:.9rem}footer{border-top:1px solid var(--border);color:var(--muted);font-size:.9rem;margin-top:3rem}footer a{color:var(--muted)}