:root{color:#183d3a;--accent:#09675c;--line:#d8e2dc;background:#f3f6f3;font-family:Arial,PingFang SC,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 600px);display:flex}.brand{align-items:center;gap:16px;font-size:25px;font-weight:700;display:flex}.brand span{border-left:1px solid var(--line);padding-left:16px;font-size:13px;font-weight:400}nav{gap:24px;display:flex}.demo{text-align:center;color:#41615b;background:#e7eee7;padding:9px;font-size:13px}main{max-width:1200px;margin:0 auto;padding:48px 24px}h1{letter-spacing:-1px;font-size:38px;line-height:1.25}h2{font-size:24px}p{color:#4f6c65;line-height:1.7}.eyebrow{color:var(--accent);letter-spacing:2px;font-size:12px}.card{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:20px;padding:28px}.auth{max-width:480px;margin:24px auto}form{gap:20px;display:grid}label{gap:8px;font-size:14px;display:grid}input,textarea,select{width:100%;font:inherit;background:#fff;border:1px solid #b8ccc1;border-radius:8px;padding:12px}textarea{resize:vertical;min-height:110px}button,.button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;text-align:center;border:0;border-radius:8px;padding:12px 20px;display:inline-block}button:disabled{opacity:.5;cursor:wait}.secondary{color:var(--accent);background:#e5eee8}:focus-visible{outline-offset:3px;outline:3px solid #df9b2a}.error{color:#963d26}.muted{color:#6d8279;font-size:13px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero{grid-template-columns:1.4fr 1fr;gap:40px;margin-bottom:40px;display:grid}.hero-art{background:#dce9df;border-radius:20px;align-content:center;gap:14px;min-height:280px;padding:30px;display:grid}.hero-art span{background:#fff;border-radius:8px;padding:14px}.status{background:#edf4ee;border-radius:6px;padding:4px 8px;font-size:12px}@media (max-width:700px){header{height:64px;padding:0 20px}nav{gap:16px}.brand{font-size:21px}.brand span{font-size:11px}main{padding:24px 20px}h1{font-size:30px}.hero,.grid{grid-template-columns:1fr;gap:16px}.card{padding:20px}.hero-art{min-height:220px}}