*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ee;color:#18211d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:5;background:rgba(247,244,238,.95);border-bottom:1px solid #e3ddd2;backdrop-filter:blur(10px)}.nav{height:70px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;font-weight:850;letter-spacing:-.04em}.brand span{color:#c27643}nav{display:flex;gap:24px;color:#68716c;font-size:14px}
.hero{padding:90px 0 58px;background:linear-gradient(135deg,#edf1e9,#f7f4ee 58%,#f3e5d8)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:850;color:#315c4b;margin-bottom:14px}.hero h1{font-size:clamp(46px,7vw,82px);line-height:.95;letter-spacing:-.065em;margin:0 0 24px}.hero p{max-width:700px;font-size:18px;color:#68716c}.actions{display:flex;gap:10px;margin:28px 0 40px;flex-wrap:wrap}.button{display:inline-block;padding:12px 18px;border-radius:999px;background:#18211d;color:#fff;font-weight:750}.button.secondary{background:transparent;color:#18211d;border:1px solid #dcd5c9}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px}.stats div{padding:18px;border:1px solid #e1dbd0;background:#ffffff8f;border-radius:18px}.stats strong{display:block;font-size:29px;letter-spacing:-.04em}.stats span{font-size:13px;color:#68716c}
main{padding:58px 0 90px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px;flex-wrap:wrap}.toolbar h2{margin:0}.toolbar small{color:#68716c}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.search{width:250px;border:1px solid #ded7cc;background:#fffdf8;border-radius:999px;padding:11px 15px;font:inherit}.filters{display:flex;gap:6px}.filter{border:1px solid #ded7cc;background:#fffdf8;border-radius:999px;padding:9px 13px;font-weight:750;cursor:pointer}.filter.active{background:#18211d;color:#fff}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#fffdf8;border:1px solid #e2dcd1;border-radius:20px;padding:21px;min-height:205px;display:flex;flex-direction:column}.meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:17px}.meta code{font-size:10px;color:#8b918c;word-break:break-all;text-align:right}.badge{font-size:11px;font-weight:900;padding:5px 9px;border-radius:99px;background:#ece8e0}.badge.p1{background:#dce9df;color:#24503d}.badge.p2{background:#f3e8d9;color:#8a552f}.badge.p3{background:#e9e6e1;color:#68625b}.card h3{font-size:19px;line-height:1.15;letter-spacing:-.025em;margin:0 0 8px}.card p{font-size:14px;color:#68716c;margin:0 0 18px}.link{border:0;background:none;padding:0;text-align:left;color:#315c4b;font-weight:850;cursor:pointer;margin-top:auto}
.dark{margin-top:70px;padding:35px;border-radius:27px;background:#18211d;color:#f7f4ee;overflow:auto}.dark h2{margin-top:0}.dark pre{font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dce7df}.model{padding:65px 0;max-width:850px}.model h2{font-size:38px;line-height:1.05;letter-spacing:-.04em}.model p{color:#68716c}.flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:25px}.flow span{padding:9px 13px;border-radius:99px;background:#e9eee8;font-weight:800}.flow b{color:#c27643}footer{border-top:1px solid #e2dcd1;padding:28px 0;color:#68716c;font-size:13px}
.modal{display:none;position:fixed;inset:0;z-index:20;background:#10171399;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{position:relative;width:min(600px,100%);background:#fffdf8;border-radius:24px;padding:30px;box-shadow:0 25px 80px #0003}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;cursor:pointer}.modal-box h2{margin:0 0 10px}.modal-box p{color:#68716c}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{width:min(100% - 28px,1160px)}nav{display:none}.hero{padding:65px 0 45px}.hero h1{font-size:50px}.stats{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.tools{width:100%}.search{width:100%}.dark{padding:24px}.flow b{display:none}}