:root{--ink: #101418;--muted: #5b6570;--line: #e4e8ec;--accent: #0f766e;--bg: #f7f8f9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}.logo{font-size:20px;font-weight:800;letter-spacing:-.02em}.logo span{color:var(--accent)}nav a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:14px;font-weight:500}nav a:hover{color:var(--ink)}.hero{background:linear-gradient(135deg,#0b3b37,#0f766e);color:#fff;padding:56px 0}.hero h1{font-size:clamp(26px,4vw,40px);letter-spacing:-.02em;max-width:620px}.hero p{margin-top:12px;max-width:560px;color:#cde7e3;font-size:15px}.grid-title{margin:36px 0 18px;font-size:22px;letter-spacing:-.01em}.grid{display:grid;gap:20px;margin-bottom:56px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.card-media{background:linear-gradient(160deg,#eef1f4,#dde3e8);display:grid;place-items:center;height:160px;padding:18px}.card-media img{max-width:88%;max-height:100%;object-fit:contain}.card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.card-body h3{font-size:16px}.tagline{font-size:13px;color:var(--muted);flex:1}.card-row{display:flex;align-items:baseline;justify-content:space-between}.price{font-weight:700;font-size:17px}.size{font-size:12px;color:var(--muted)}.card-actions{display:flex;gap:8px;margin-top:4px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:10px 12px;border-radius:10px;flex:1;transition:filter .15s ease,background .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--bg)}.site-footer{border-top:1px solid var(--line);background:#fff;padding:26px 0;font-size:13px;color:var(--muted)}.site-footer code{background:var(--bg);padding:1px 5px;border-radius:4px}