:root{--bg:#f6f8f8;--surface:#fff;--surface-strong:#101514;--text:#17201f;--muted:#66706e;--line:#d9e0de;--teal:#006d77;--teal-dark:#004f57;--copper:#b94700;--gold:#8a6f00;--green:#287348;--blue:#315d9c;--red:#b91c1c;--red-light:#fef2f2;--radius:6px}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.site-shell{min-height:100vh}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,3rem);background:rgba(16,21,20,.96);color:#fff;border-bottom:1px solid hsla(0,0%,100%,.12)}.brand-link{font-weight:800;letter-spacing:0;text-decoration:none;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.nav-links a{border-radius:6px;color:hsla(0,0%,100%,.84);font-size:.92rem;font-weight:650;padding:.45rem .7rem;text-decoration:none}.nav-links a:hover{background:hsla(0,0%,100%,.1);color:#fff}.page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) 0}.page-header{display:grid;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.eyebrow{color:var(--teal-dark);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-title{max-width:920px;margin:0;font-size:clamp(2rem,5vw,4.7rem);line-height:.98;letter-spacing:0}.page-copy{max-width:760px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.6}.action-row,.filter-row,.stat-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;border-radius:6px;border:1px solid transparent;padding:.65rem 1rem;background:var(--teal);color:#fff;font-weight:800;text-decoration:none}.button.secondary{background:#fff;border-color:var(--line);color:var(--text)}.button.copper{background:var(--copper)}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-card,.panel,.workflow-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(23,32,31,.06)}.panel{padding:1.2rem}.listing-card,.workflow-card{overflow:hidden}.listing-art{min-height:170px;background:linear-gradient(135deg,rgba(0,109,119,.9),rgba(49,93,156,.58)),repeating-linear-gradient(90deg,hsla(0,0%,100%,.12) 0 1px,transparent 1px 18px)}.listing-art.copper{background:linear-gradient(135deg,rgba(185,71,0,.9),rgba(138,111,0,.55)),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.22),transparent 32%)}.listing-art.green{background:linear-gradient(135deg,rgba(40,115,72,.92),rgba(0,109,119,.48)),repeating-linear-gradient(45deg,hsla(0,0%,100%,.15) 0 2px,transparent 2px 22px)}.listing-body,.workflow-body{display:grid;grid-gap:.85rem;gap:.85rem;padding:1rem}.listing-title,.workflow-title{margin:0;font-size:1.1rem;line-height:1.25}.meta,.small-copy{color:var(--muted);font-size:.92rem;line-height:1.45}.pill-row{display:flex;flex-wrap:wrap;gap:.4rem}.pill{border-radius:999px;background:#eef3f2;color:#24302e;font-size:.78rem;font-weight:800;padding:.34rem .55rem}.pill.teal{background:rgba(0,109,119,.12);color:var(--teal-dark)}.pill.copper{background:rgba(185,71,0,.12);color:var(--copper)}.pill.gold{background:rgba(138,111,0,.14);color:var(--gold)}.price-line{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;border-top:1px solid var(--line);padding-top:.85rem}.price{font-size:1.25rem;font-weight:900}.stat{min-width:148px;border-left:3px solid var(--teal);padding-left:.75rem}.stat strong{display:block;font-size:1.4rem}.split{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:1rem;gap:1rem;align-items:start}.workflow-list{display:grid;grid-gap:.75rem;gap:.75rem;margin:0;padding:0;list-style:none}.workflow-list li{border-left:3px solid var(--teal);padding-left:.8rem}.form-surface{display:grid;grid-gap:.75rem;gap:.75rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.field{display:grid;grid-gap:.3rem;gap:.3rem}.field label{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:6px;color:var(--text);font:inherit;min-height:2.55rem;padding:.65rem .75rem}.field textarea{min-height:6rem;resize:vertical}@media (max-width:860px){.top-nav{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}.field-grid,.grid.three,.grid.two,.split{grid-template-columns:1fr}}.auth-card{max-width:420px;margin:0 auto}.auth-form{gap:16px}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{gap:4px;font-size:.85rem;font-weight:600;color:var(--muted)}.auth-form input{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);font-size:1rem;background:var(--bg);color:var(--text);outline:none}.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,109,119,.15)}.auth-footer{margin-top:16px;font-size:.8rem;color:var(--muted);text-align:center}.error-message{padding:10px 14px;background:var(--red-light);color:var(--red);border:1px solid var(--red);border-radius:var(--radius);font-size:.85rem;margin-bottom:12px}