.sfn283{padding:96px 0;background:#fff}.sfn283-head{max-width:760px;margin:0 auto 42px;text-align:center}.sfn283-head>span{color:#078e61;font-size:13px;font-weight:900}.sfn283-head h2{margin:8px 0 10px;color:#0b2639;font-size:clamp(28px,3.4vw,44px);line-height:1.4}.sfn283-head p{margin:0;color:#687685}.sfn283-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sfn283-card{--tone:#27ce8d;position:relative;display:grid;grid-template-columns:auto 1fr;gap:17px;background:#f8fbfc;border:1px solid #e0e9ed;border-radius:26px;padding:25px;overflow:hidden}.sfn283-card:after{content:"";position:absolute;width:160px;height:160px;left:-80px;bottom:-85px;border-radius:50%;background:var(--tone);opacity:.1}.sfn283-icon{position:relative;z-index:1;width:55px;height:55px;border-radius:17px;background:#fff;display:grid;place-items:center;font-size:27px;box-shadow:0 9px 24px rgba(8,37,52,.08)}.sfn283-body{position:relative;z-index:1}.sfn283-body h3{margin:1px 0 7px;color:#102b3d;font-size:20px}.sfn283-body>p{margin:0 0 13px;color:#667582;font-size:13px;line-height:1.9}.sfn283-tags{display:flex;flex-wrap:wrap;gap:7px}.sfn283-tags span{padding:6px 9px;border-radius:10px;background:#fff;border:1px solid #e4eaee;color:#344b5b;font-size:11px;font-weight:700}.sfn283-demo{display:inline-flex;margin-top:15px;color:#087a58;font-size:13px;font-weight:900;text-decoration:none}.sfn283-card.motor{--tone:#ef744d}.sfn283-card.gold{--tone:#d4a32b}.sfn283-card.beauty{--tone:#aa77e5}.sfn283-card.pastry{--tone:#ed75a2}.sfn283-card:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(8,37,52,.1);transition:.25s}@media(max-width:760px){.sfn283{padding:72px 0}.sfn283-grid{grid-template-columns:1fr}.sfn283-card{padding:20px}.sfn283-head{text-align:right;margin-bottom:28px}}