:root{--ink:#0a0a0a;--text:#374151;--muted:#6b7280;--line:#e5e7eb;--paper:#fff;--soft:#f7f8fa;--accent:#2f5bd3}*{box-sizing:border-box}body{color:var(--text);background:var(--paper);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent)}img{max-width:100%;display:block}.site-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.wordmark{color:var(--ink);font-size:20px;font-weight:800;text-decoration:none}.wordmark span{color:var(--accent)}.site-header nav{gap:20px;display:flex}.site-header nav a{color:var(--ink);font-weight:600;text-decoration:none}main{max-width:1040px;margin:0 auto;padding:40px 24px 64px}h1{color:var(--ink);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.15}h2{color:var(--ink);margin:40px 0 12px;font-size:24px}.lede{max-width:700px;font-size:18px}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.button.ghost{color:var(--accent);border:1px solid var(--accent);background:0 0}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.card{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;gap:10px;padding:22px;display:flex}.card h3{color:var(--ink);margin:0;font-size:20px}.card .tagline{color:var(--ink);margin:0;font-weight:600}.card .tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:12px;font-weight:700}.card .meta{color:var(--muted);margin:0;font-size:13px}.card a.more{margin-top:auto;font-weight:700}.shot{aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid var(--line);background:var(--soft);border-radius:10px;width:100%}.shot.phone{object-fit:contain;background:var(--soft)}.shot-empty{aspect-ratio:16/10;background:var(--soft);width:100%;color:var(--muted);border:1px dashed #cbd5e1;border-radius:10px;place-items:center;font-size:14px;display:grid}.product{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:32px 0;display:grid}.product:first-of-type{border-top:0}.product h2{margin:0 0 6px}@media (max-width:760px){.product{grid-template-columns:1fr}}.form{gap:14px;max-width:560px;display:grid}.form label{color:var(--ink);gap:6px;font-weight:600;display:grid}.form input,.form textarea{font:inherit;color:var(--ink);border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px}.form textarea{resize:vertical;min-height:150px}.form .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form .consent{color:var(--muted);font-size:13px;font-weight:400}.status{font-weight:600}.status.ok{color:#047857}.status.err{color:#b91c1c}.article-list{gap:18px;display:grid}.article-list a.item{border:1px solid var(--line);color:inherit;border-radius:14px;padding:22px;text-decoration:none;display:block}.article-list a.item:hover{border-color:var(--accent)}.article-list h3{color:var(--ink);margin:4px 0;font-size:20px}.article-list p{margin:0}.article-body{max-width:720px}.article-body .meta{color:var(--muted);font-size:14px}.article-body .excerpt{color:var(--ink);font-size:18px}.back{font-weight:600}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:24px;font-size:14px}
