.about{color:var(--white);display:flex;flex-direction:column;gap:32px;padding-top:25px;font-family:var(--font-dm-sans);@media (max-width:767px){padding-left:16px;padding-bottom:16px;padding-right:16px;padding-top:16px}& .about-description{color:var(--white-60);font-size:16px;line-height:1.6;margin:0}& .about-section{display:flex;flex-direction:column;gap:12px;& h2{margin:0;font-size:20px}& p{margin:0;color:var(--white-60);font-size:15px;line-height:1.6}& a{align-self:flex-start;color:var(--white-60);text-decoration:underline;&:hover{color:var(--primary)}}}& .about-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;color:var(--white-90);font-size:15px;line-height:1.6;list-style:decimal;& li::marker{color:var(--white-60);font-weight:600}}& .about-features{display:flex;flex-wrap:wrap;gap:16px;& .about-feature{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:var(--white-5);border:1px solid var(--white-10);flex-grow:1;flex-shrink:1;flex-basis:calc(33% - 16px);@media (max-width:767px){flex:1 1 100%}& h3{margin:0;font-size:16px}& p{margin:0;color:var(--white-60);font-size:14px;line-height:1.5}}}& .about-faq-items{display:flex;flex-direction:column;gap:12px;& .about-faq-item{padding:16px 20px;border-radius:12px;background:var(--white-5);border:1px solid var(--white-10);& h3{margin:0 0 8px;font-size:16px;color:var(--white)}& p{margin:0;color:var(--white-60);font-size:14px;line-height:1.6}}}& .about-contact{& a.about-contact-link{align-self:flex-start;color:var(--white-60);text-decoration:underline;&:hover{color:var(--primary)}}}}