#how{position:relative;overflow:hidden;background:linear-gradient(145deg,#e8eadf 0%,#f0f1e9 55%,#dde5dc 100%)!important}#how::before{content:"";position:absolute;width:430px;height:430px;right:-190px;top:-250px;border-radius:50%;border:80px solid rgba(36,91,69,.045)}#how .shell{position:relative;z-index:1}#how .section-head{margin-bottom:38px}#how .section-head .lead{padding:10px 16px;border:1px solid rgba(36,91,69,.12);border-radius:999px;background:rgba(255,255,255,.45);font-size:15px}#how .grid-3{gap:20px}
#how .feature{position:relative;min-height:310px;padding:26px 27px 28px;overflow:hidden;border:1px solid rgba(36,91,69,.13);border-radius:28px;background:rgba(255,253,248,.9);box-shadow:0 18px 45px rgba(29,57,46,.075);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}#how .feature::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#245b45,#00aa61)}#how .feature::after{content:"";position:absolute;width:150px;height:150px;right:-72px;bottom:-88px;border-radius:50%;background:rgba(0,168,97,.055);transition:transform .3s ease}#how .feature:hover{transform:translateY(-7px);border-color:rgba(36,91,69,.28);box-shadow:0 28px 60px rgba(29,57,46,.14)}#how .feature:hover::after{transform:scale(1.2)}#how .feature-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:31px}#how .number{display:flex;width:auto;height:auto;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#e5f0e6;color:#15543a;font-size:14px;font-weight:900}#how .number span{font-size:9px;letter-spacing:1.15px;text-transform:uppercase;color:#5b7368}#how .feature h3{position:relative;margin:0 0 13px;font-family:Georgia,serif;font-size:27px;font-weight:600;letter-spacing:-.35px}#how .feature p{position:relative;margin:0;font-size:15px;line-height:1.75}#how .feature-icon{position:relative;width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:linear-gradient(145deg,#194c39,#2b7757);box-shadow:0 11px 22px rgba(29,79,58,.2)}#how .feature-icon i,#how .feature-icon::before,#how .feature-icon::after{content:"";position:absolute;display:block}
#how .feature-create .feature-icon i{left:15px;top:17px;width:28px;height:25px;border:3px solid #fff;border-radius:5px}#how .feature-create .feature-icon::before{left:15px;top:22px;width:28px;height:3px;background:#fff}#how .feature-create .feature-icon::after{left:21px;top:13px;width:3px;height:8px;background:#dff25f;box-shadow:13px 0 #dff25f}
#how .feature-scan .feature-icon i{inset:14px;background:conic-gradient(from 90deg at 35% 35%,#fff 0 25%,transparent 0 100%),conic-gradient(from 180deg at 70% 68%,#dff25f 0 25%,transparent 0 100%);border:3px solid #fff;border-radius:4px}#how .feature-scan .feature-icon::before{left:21px;top:21px;width:8px;height:8px;background:#fff;box-shadow:13px 0 #fff,0 13px #fff}
#how .feature-gallery .feature-icon i{left:18px;top:16px;width:25px;height:30px;border:3px solid #fff;border-radius:5px;transform:rotate(7deg)}#how .feature-gallery .feature-icon::before{left:13px;top:20px;width:24px;height:28px;border:3px solid #dff25f;border-radius:5px;transform:rotate(-8deg)}#how .feature-gallery .feature-icon::after{left:26px;top:24px;width:7px;height:7px;border-radius:50%;background:#fff}
@media(max-width:760px){#how .section-head .lead{padding:0;border:0;background:none}#how .grid-3{gap:14px}#how .feature{min-height:0;padding:22px}#how .feature-top{margin-bottom:23px}#how .feature h3{font-size:24px}#how .feature:hover{transform:none}}
@media(prefers-reduced-motion:reduce){#how .feature,#how .feature::after{transition:none}}