Decoder2704/python-chatbot-jay

1.features-page {2  min-height: 100%;3  padding: 2.5rem clamp(1rem, 4vw, 1.5rem) 4rem;4  background: #f5f6f8;5}6 7.features-page__inner {8  max-width: 1120px;9  margin: 0 auto;10}11 12/* Grid */13.features-grid {14  display: grid;15  grid-template-columns: repeat(3, minmax(0, 1fr));16  gap: 1.5rem;17  margin-bottom: 4rem;18}19 20@media (max-width: 900px) {21  .features-grid {22    grid-template-columns: repeat(2, minmax(0, 1fr));23  }24}25 26@media (max-width: 540px) {27  .features-grid {28    grid-template-columns: 1fr;29  }30}31 32/* Architectural stack */33.features-stack {34  padding: 2.5rem 2rem;35  background: #ffffff;36  border: 1px solid rgba(15, 23, 42, 0.06);37  border-radius: 24px;38  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);39  transition:40    box-shadow var(--duration-normal) var(--ease-out),41    transform var(--duration-normal) var(--ease-out),42    border-color var(--duration-normal) var(--ease-standard);43}44 45@media (hover: hover) {46  .features-stack:hover {47    box-shadow: 0 8px 36px rgba(15, 23, 42, 0.09);48    transform: translateY(-2px);49    border-color: rgba(99, 102, 241, 0.12);50  }51}52 53.features-stack__title {54  margin: 0 0 2rem;55  font-size: 1.375rem;56  font-weight: 700;57  letter-spacing: -0.02em;58  text-align: center;59  color: #0f172a;60}61 62.features-stack__groups {63  display: flex;64  flex-direction: column;65  gap: 1.5rem;66}67 68.features-stack__row {69  display: flex;70  flex-wrap: wrap;71  align-items: flex-start;72  gap: 0.75rem 1.25rem;73  padding-bottom: 1.5rem;74  border-bottom: 1px solid rgba(15, 23, 42, 0.06);75}76 77.features-stack__row:last-child {78  padding-bottom: 0;79  border-bottom: none;80}81 82.features-stack__label {83  flex: 0 0 auto;84  min-width: 7rem;85  margin: 0;86  padding-top: 0.35rem;87  font-size: 0.75rem;88  font-weight: 700;89  letter-spacing: 0.06em;90  text-transform: uppercase;91  color: #94a3b8;92}93 94.features-stack__pills {95  display: flex;96  flex-wrap: wrap;97  gap: 0.5rem;98  flex: 1;99  min-width: 0;100}101 102@media (max-width: 600px) {103  .features-stack {104    padding: 1.75rem 1.35rem;105  }106 107  .features-stack__row {108    flex-direction: column;109    gap: 0.5rem;110  }111 112  .features-stack__label {113    padding-top: 0;114  }115}116