/* bento: vygenerované z návrhu nástrojom tools/split_css.py */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bento .feat{display:flex;flex-direction:column;gap:12px;padding:30px}
.bento .feat .gl{width:84px;height:84px;border-radius:26px;margin-bottom:34px}
.bento .feat ul{margin-top:auto;padding-top:10px}
.bento .feat.tall{grid-row:span 3;position:relative;overflow:hidden;isolation:isolate;color:#fff;border:0;padding:clamp(30px,3vw,46px);justify-content:flex-end}
.bento .feat.tall .gl{width:120px;height:120px;border-radius:36px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);margin-bottom:auto}
.bento .feat.tall .gl::before{display:none}
.bento .feat.tall .gl span{width:72px;height:72px;border-radius:22px}
.bento .feat.tall .gl .i{width:34px;height:34px}
.bento .feat.tall h3{font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:1.09}
.bento .feat.tall p{color:rgba(255,255,255,.92);font-size:1.06rem}
.bento .feat.tall .tag{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.4)}
.bento .feat.tall ol{display:flex;flex-direction:column;margin:8px 0 4px;border-top:1px solid rgba(255,255,255,.3)}
.bento .feat.tall ol li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.3);font-size:.98rem}
.bento .feat.tall ol .i{width:18px;height:18px;stroke-width:2.2}
.bento .feat a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1080px){
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento .feat.tall{grid-row:auto;grid-column:1/-1}
}
@media (max-width:760px){
  .bento{grid-template-columns:minmax(0,1fr)}
  .bento .feat .gl{margin-bottom:14px}
}
.bento .feat.tall .gl span{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;width:auto;height:auto}
.bento .feat.tall .gl{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 24px 50px rgba(50,8,90,.28)}
.bento .feat.tall{justify-content:flex-start;gap:16px}
.bento .feat.tall .gl{margin-bottom:clamp(30px,5vw,80px)}
.bento .feat.tall ul{margin-top:auto}
@media (max-width:760px){
  .bento .feat.tall .gl{margin-bottom:24px}
}