html { scroll-padding-top: 92px; }
.ecosystem-options { padding: 120px 0; color: #121412; background: #f4f6f3; }
.ecosystem-options-head { max-width: 900px; }
.ecosystem-options-head h2 { font-size: clamp(46px,5.8vw,78px); font-weight: 500; line-height: .97; letter-spacing: -.055em; }
.ecosystem-options-head p { max-width: 690px; margin-top: 24px; color: #656c67; font-size: 17px; line-height: 1.72; }
.option-groups { margin-top: 70px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.option-group h3 { margin-bottom: 18px; font-size: 14px; font-weight: 600; letter-spacing: .08em; }
.option-list { display: grid; gap: 12px; }
.option-card { min-height: 176px; padding: 26px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid rgba(11,25,17,.12); border-radius: 22px; background: #fff; box-shadow: 0 16px 44px rgba(16,28,20,.06); transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.option-card:hover { transform: translateY(-4px); border-color: rgba(24,214,107,.55); box-shadow: 0 20px 52px rgba(16,28,20,.1),0 0 28px rgba(24,214,107,.08); }
.option-card h4 { font-size: 21px; font-weight: 500; letter-spacing: -.035em; }
.option-card p { margin-top: 10px; color: #68706a; font-size: 13px; line-height: 1.65; }
@media (max-width:900px) { .option-groups { grid-template-columns: 1fr; } .option-group + .option-group { margin-top: 26px; } }
@media (max-width:560px) { .ecosystem-options { padding: 88px 0; } .option-groups { margin-top: 48px; } .option-card { min-height: 150px; padding: 24px; } }