:root{--primary:#f8b400;--dark:#111;--text:#444;--light:#fff;--radius:14px;--transition:0.3s ease;--shadow:0px 5px 18px rgba(0,0,0,0.12)}.about-hero{position:relative;width:100%;height:60vh;background-image:url(https://i.postimg.cc/Rh8bzhvn/construction-work-tools-building-yellow-260nw-2164044467.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.about-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.about-hero-content{position:relative;text-align:center;color:var(--light);padding:15px;animation:fadeIn 1.2s ease;max-width:900px}.about-hero-content h1{font-size:3.3rem;font-weight:800;letter-spacing:1px;margin-bottom:10px}.about-hero-content p{font-size:1.25rem;opacity:.9}.about-container{max-width:1200px;margin:70px auto;padding:0 20px}.about-intro{font-size:1.2rem;text-align:center;line-height:1.85;max-width:900px;margin:0 auto 50px;color:var(--text);font-weight:500;animation:slideUp .8s ease}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:28px;gap:28px}.about-card{background:var(--light);padding:32px 25px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition);border-top:4px solid transparent;animation:fadeUp 1s ease}.about-card:hover{transform:translateY(-6px);border-top:4px solid var(--primary);box-shadow:0 8px 30px rgba(0,0,0,.15)}.icon{font-size:48px;color:var(--primary);margin-bottom:20px}.about-card h3{font-size:1.3rem;margin-bottom:8px;font-weight:650}.about-card p{color:#555;line-height:1.65}.seo-section{margin-top:70px;padding:45px 35px;background:#fafafa;border-radius:var(--radius);box-shadow:var(--shadow);animation:fadeIn 1s ease}.seo-section h2{font-size:2rem;font-weight:700;margin-bottom:18px;color:var(--dark);text-align:center}.seo-section p{font-size:1.08rem;line-height:1.85;color:var(--text);margin-bottom:15px}.seo-section strong{color:var(--primary);font-weight:700}@media (max-width:1100px){.about-grid{grid-template-columns:repeat(2,1fr)}.about-hero{height:50vh}.seo-section{padding:35px 25px}}@media (max-width:768px){.about-hero-content h1{font-size:2.5rem}.about-intro{font-size:1.1rem}.about-grid{grid-template-columns:1fr}.about-card{padding:28px 22px}.seo-section h2{font-size:1.7rem}}@media (max-width:480px){.about-hero{height:42vh}.about-hero-content h1{font-size:2rem}.icon{font-size:42px}.seo-section{padding:25px 18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}