KaybaAI/Agentic-Context-Engine
2
1body {2 padding: 2rem;3 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;4 line-height: 1.6;5 color: #333;6 background: #f5f5f5;7}8 9.banner img {10 width: 100%;11 max-width: 600px; /* Adjust this value */12 height: auto;13 display: block;14 margin: 0 auto; /* Centers it */15}16 17.card {18 max-width: 900px;19 margin: 0 auto;20 background: white;21 border-radius: 8px;22 padding: 3rem;23 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);24}25 26h1 {27 font-size: 2rem;28 font-weight: 600;29 line-height: 1.3;30 margin-bottom: 1.5rem;31 color: #1a1a1a;32}33 34.badge {35 display: inline-block;36 background: #ff8c00;37 color: white;38 padding: 0.5rem 1rem;39 border-radius: 20px;40 font-size: 0.9rem;41 font-weight: 500;42 margin-bottom: 1.5rem;43}44 45.intro {46 font-size: 1.1rem;47 margin-bottom: 2rem;48 color: #444;49}50 51.section-title {52 font-size: 1.05rem;53 margin-bottom: 1rem;54 color: #333;55}56 57.features {58 list-style: disc;59 padding-left: 2rem;60 margin-bottom: 2rem;61}62 63.features li {64 margin-bottom: 0.75rem;65 font-size: 1rem;66 color: #444;67}68 69.integration {70 font-size: 1rem;71 margin-bottom: 2rem;72 color: #444;73}74 75.links {76 margin-bottom: 2rem;77 font-size: 1rem;78}79 80.links p {81 margin-bottom: 0.5rem;82}83 84.links a {85 color: #6366f1;86 text-decoration: none;87}88 89.links a:hover {90 text-decoration: underline;91}92 93.feedback {94 font-size: 1rem;95 color: #333;96 margin-top: 2rem;97}98 99@media (max-width: 768px) {100 body {101 padding: 1rem;102 }103 104 .card {105 padding: 2rem 1.5rem;106 }107 108 h1 {109 font-size: 1.5rem;110 }111}112 