:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1c1917;background:#f5f5f4;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit}.site-header,.site-footer,main{max-width:1180px;margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px}.site-header nav{display:flex;gap:20px;font-size:14px}.wordmark{font-weight:800;text-decoration:none}.hero,.artifact-hero{padding:90px 28px 70px}.hero{max-width:900px}.eyebrow{margin:0 0 12px;color:#78716c;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.hero h1,.artifact-hero h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.98;letter-spacing:-.07em;margin:0 0 28px;max-width:900px}.hero__lede{font-size:19px;color:#57534e;max-width:720px}.hero__actions{display:flex;gap:16px;align-items:center;margin-top:32px}.button-link,.copy-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #1c1917;background:#1c1917;color:#fff;border-radius:10px;padding:11px 15px;text-decoration:none;font:inherit;cursor:pointer}.quiet-link,.text-link,.back-link{color:#57534e}.catalog-section{padding:36px 28px 90px}.section-heading{max-width:660px;margin-bottom:30px}.section-heading h2,.content-card h2{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}.artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.artifact-card,.content-card{background:#fff;border:1px solid #d6d3d1;border-radius:18px;padding:24px}.artifact-card__meta,.artifact-badges,.card-footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#78716c;font-size:12px}.artifact-card__meta{justify-content:space-between}.artifact-card h2{font-size:25px;letter-spacing:-.04em;margin:34px 0 10px}.artifact-card h2 a{text-decoration:none}.artifact-card p{color:#57534e;min-height:55px}.card-footer{justify-content:space-between;margin-top:26px}.artifact-page{padding-bottom:90px}.back-link{display:inline-block;margin-bottom:55px}.artifact-badges{margin-top:28px}.artifact-badges span{border:1px solid #d6d3d1;border-radius:999px;padding:7px 10px;background:#fff}.preview{margin:0 28px 32px;background:#1c1917;border-radius:22px;padding:18px;color:#fff}.preview__toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:2px 4px 16px;color:#d6d3d1;font-size:13px}.preview-toggle{display:flex;gap:6px}.preview-toggle button{border:1px solid #57534e;border-radius:999px;padding:7px 10px;background:transparent;color:#d6d3d1;font-size:12px;cursor:pointer}.preview-toggle button[aria-pressed=true]{background:#fff;color:#1c1917;border-color:#fff}.preview__canvas{background:#e7e5e4;border-radius:14px;padding:22px;display:flex;justify-content:center;overflow-x:auto}.preview__frame{width:1024px;flex:none;height:640px;border:1px solid #d6d3d1;border-radius:12px;background:#fff;transition:width .2s ease}.preview__fallback{margin:10px 4px 0;font-size:12px}.preview__fallback a{color:#d6d3d1}.artifact-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding:0 28px}.artifact-layout>div{display:grid;gap:16px}.content-card{margin-bottom:16px}.artifact-layout .content-card{margin:0}.install-command,.source-code{overflow:auto;background:#1c1917;color:#f5f5f4;border-radius:12px;padding:18px;font-size:12px;line-height:1.6}.copy-button{font-size:13px}.detail-row{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #e7e5e4}.detail-row dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#78716c}.detail-row dd{margin:0}.file-list{list-style:none;padding:0;margin:12px 0}.file-list li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e7e5e4;padding:10px 0;font-size:12px}.file-list span{color:#78716c}.source-card{margin:16px 28px 0}.site-footer{border-top:1px solid #d6d3d1;padding:24px 28px 44px;display:flex;justify-content:space-between;gap:18px;color:#78716c;font-size:13px}@media(max-width:760px){.site-header{align-items:flex-start;gap:18px}.site-header nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero,.artifact-hero{padding-top:58px}.hero h1,.artifact-hero h1{font-size:3.5rem}.artifact-grid,.artifact-layout{grid-template-columns:1fr}.artifact-layout{padding:0 18px}.preview{margin-left:18px;margin-right:18px}.source-card{margin-left:18px;margin-right:18px}.site-footer{display:block}.site-footer p{margin-top:0}}