.mp-site .mp-feature{padding:0;overflow:hidden;border-radius:18px;display:flex;flex-direction:column;box-shadow:0 4px 16px #39215204;transition:border-color .2s,box-shadow .2s,transform .2s}.mp-feature:focus-within,.mp-feature:hover{border-color:#cfc0f2;box-shadow:0 12px 32px #3921520c;transform:translateY(-3px)}.mp-feature-cover{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 20% 10%,#ffffff99,transparent 65%),#f0eaff;color:#a487de;border-bottom:1px solid #eae3f5}.mp-cover-line{background-color:#eaf7ef;color:#81b89a;border-color:#e0eee5}.mp-cover-telegram{background-color:#eaf4fc;color:#8cbfdb;border-color:#dfeaf5}.mp-cover-webhook{background-color:#faf2e9;color:#c4a16e;border-color:#f0e7dc}.mp-cover-branches{background-color:#f7edf7;color:#c89cc1;border-color:#eedfed}.mp-cover-dashboard{background-color:#edf7f9;color:#96c6ce;border-color:#deedf0}.mp-feature-cover svg{display:block;width:100%;height:auto;font-family:var(--font-inter),var(--font-thai),sans-serif}.mp-feature-cover .fc-panel{filter:drop-shadow(0 5px 6px #3921520c)}.mp-cover-caption{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:8px;line-height:1.2;color:#746b80}.mp-feature-content{padding:25px 26px 23px;display:flex;flex-direction:column;flex:1}.mp-site .mp-feature .mp-micro{font-size:9px;color:#887698;letter-spacing:.08em}.mp-site .mp-feature h3{font-size:21px;letter-spacing:-.025em;margin:7px 0 12px}.mp-feature-content p{margin:0 0 22px}.mp-feature-link{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#7047eb;font-size:12px;font-weight:600;margin-top:auto;padding-top:14px;min-height:44px;border-top:1px solid #f1edf6}.mp-feature-link span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f4f0ff;transition:background .2s,color .2s}.mp-feature-link:hover span{background:#7047eb;color:white}.mp-feature-link:focus-visible{outline:2px solid #7047eb;outline-offset:5px;border-radius:3px}@media (max-width:1050px){.mp-site .mp-feature-grid{grid-template-columns:repeat(2,1fr)}.mp-feature-content{padding:22px}.mp-site .mp-feature h3{font-size:19px}}@media (max-width:540px){.mp-site .mp-feature-grid{grid-template-columns:1fr;gap:22px}.mp-feature-content{padding:24px}.mp-site .mp-feature h3{font-size:22px}.mp-cover-caption{font-size:9px}}@media (prefers-reduced-motion:reduce){.mp-feature:focus-within,.mp-feature:hover{transform:none}}