:root{--color-benefit-panel:oklch(0% 0 0);--color-benefit-on-panel:oklch(100% 0 0)}.motai-benefits .container{max-width:1400px}.motai-benefits-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:28px;display:grid}.motai-benefit{aspect-ratio:289/690;background-color:var(--color-benefit-panel);min-width:0;min-height:440px;color:var(--color-benefit-on-panel);text-align:right;border-radius:28px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.motai-benefit-photo{object-fit:cover;filter:brightness(.82);width:100%;height:70%;position:absolute;inset:0 0 auto}.motai-benefit:after{content:"";background:linear-gradient(to bottom, transparent 40%, var(--color-benefit-panel) 70%);pointer-events:none;position:absolute;inset:0}.motai-benefit-body{z-index:1;padding:0 34px 44px;position:relative}.motai-benefit-illustration{background:var(--color-benefit-on-panel);width:54px;height:54px;color:var(--color-maroon);border-radius:50%;margin:0 0 14px;padding:10px}.motai-benefit-illustration svg{stroke-width:4px;width:100%;height:100%;display:block}.motai-benefit-title{font-family:var(--font-main);white-space:nowrap;color:inherit;margin:0 0 8px;font-size:clamp(22px,1.75vw,28px);font-weight:700;line-height:1.15}.motai-benefit-text{font-family:var(--font-body);color:inherit;text-wrap:pretty;margin:0;font-size:18px;line-height:1.2}@media (width<=1279px){.motai-benefit-body{padding:0 20px 30px}.motai-benefit-title{white-space:normal;font-size:21px}.motai-benefit-text{font-size:16px}}@media (width<=1023px){.motai-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.motai-benefit{aspect-ratio:3/4.6;min-height:0}.motai-benefit:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}}@media (hover:hover){.motai-benefit{transition:opacity .6s,transform .55s cubic-bezier(.22,1,.36,1)}.motai-benefit-photo{transition:transform .9s cubic-bezier(.22,1,.36,1),filter .6s}.motai-benefit:hover,.motai-benefit:focus-within{transform:translateY(-8px)}.motai-benefit:hover .motai-benefit-photo,.motai-benefit:focus-within .motai-benefit-photo{filter:brightness(.95);transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.motai-benefit,.motai-benefit-photo{transition:none}.motai-benefit:hover,.motai-benefit:hover .motai-benefit-photo{transform:none}}