.about-page{color:#333;max-width:1100px;margin:0 auto;padding:80px 20px;font-family:Inter,sans-serif}.hero-banner{color:#fff;text-align:center;background:linear-gradient(#00000080,#00000080),url(/images/about-banner.jpg) 50%/cover no-repeat;padding:140px 20px}.hero-banner h1{font-size:48px;font-weight:800}.hero-banner p{max-width:750px;margin:20px auto 35px;font-size:20px}.hero-btn{color:#fff;background:#0070f3;border:2px solid #fff;border-radius:8px;padding:14px 40px;font-size:18px;transition:all .3s;display:inline-block}.hero-btn:hover{color:#0070f3;background:#fff}h2{margin-bottom:20px;font-size:36px;font-weight:700}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;display:grid}.project-card{text-align:center;background:#fff;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 6px 18px #00000014}.project-card:hover{transform:translateY(-5px)}.project-card img{border-radius:8px;width:100%;margin-bottom:15px}.process-section{margin-top:70px}.process-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:30px;display:grid}.process-step{text-align:center;background:#fff;border-radius:12px;padding:25px;transition:all .3s;box-shadow:0 5px 16px #00000012}.process-step:hover{transform:translateY(-5px)}.process-step h4{margin:10px 0;font-size:20px}.process-icon{margin-bottom:10px;font-size:40px}.faq-section{max-width:850px;margin:70px auto}.faq-item{background:#fff;border:1px solid #e5e5e5;border-radius:10px;margin-bottom:18px;transition:all .3s;overflow:hidden}.faq-question{cursor:pointer;background:#f9f9f9;border:none;justify-content:space-between;width:100%;padding:18px 24px;font-size:18px;font-weight:600;display:flex}.faq-item.active .faq-question{color:#fff;background:#0070f3}.faq-answer{max-height:0;padding:0 24px;transition:max-height .35s;overflow:hidden}.faq-answer p{padding:15px 0;line-height:1.7}.cta-section{text-align:center;background:#f7f7f7;border-radius:12px;margin-top:80px;padding:70px 20px}@media (max-width:768px){.hero-banner h1{font-size:32px}.hero-banner p{font-size:16px}h2{font-size:28px}.process-step h4{font-size:18px}}
