.about{background:#f2dcc8;padding:60px 20px}@media (min-width:768px){.about{padding:80px 20px}}.container{max-width:1200px;margin:auto}.about-title{text-align:center;margin-bottom:30px;font-size:28px;font-weight:700}@media (min-width:768px){.about-title{text-align:left;margin-bottom:40px;font-size:34px}}.about-title span{color:#d46a11}.about-top{flex-direction:column;justify-content:space-between;align-items:center;gap:40px;display:flex}@media (min-width:992px){.about-top{flex-direction:row;gap:60px}}.about-left{flex:1;width:100%}.about-right{flex:1;justify-content:center;width:100%;display:flex}.about-main-box{background:#fff;border:2px solid #000;border-radius:18px;padding:24px;box-shadow:4px 6px #000}@media (min-width:768px){.about-main-box{padding:28px}}@media (min-width:1200px){.about-main-box{min-width:800px}}.about-main-box p{font-size:15px;line-height:1.6}.founder-row{justify-content:center;align-items:center;gap:10px;margin-top:30px;display:flex}@media (min-width:768px){.founder-row{justify-content:flex-start;margin-top:50px}}.check{font-size:20px;font-weight:bolder}.founder-row h4{color:#ff7a00;margin:0;font-weight:600}.founder-row p{margin:0;font-size:14px}.about-image{border-radius:18px;max-width:100%;height:auto}.bottom-cards{flex-direction:column;gap:30px;margin-top:40px;display:flex}@media (min-width:992px){.bottom-cards{flex-direction:row;gap:40px;margin-top:60px}}.card{border:2px solid #000;border-radius:18px;flex:1;padding:24px;position:relative;box-shadow:4px 6px #000}@media (min-width:768px){.card{padding:30px}}.focus-card{background:#fff}.dream-card{background:#ffcc9c}.card-content{flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:20px;display:flex}@media (min-width:640px){.card-content{flex-direction:row;gap:30px}}.card-content p{flex:1}.card-img{flex-shrink:0;width:100px;height:auto}@media (min-width:768px){.card-img{width:150px}}.card-label{z-index:1;background:#f1b382;border:1px solid #000;border-radius:6px;padding:6px 14px;font-weight:600;position:absolute;top:-15px;left:20px}.card-label.white{background:#fff}.card p{margin-top:15px;font-size:14px;line-height:1.6}
.community{background:#f2dcc8;padding:60px 20px}@media (min-width:768px){.community{padding:90px 20px}}.community-container{flex-direction:column;justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:auto;display:flex}@media (min-width:992px){.community-container{flex-direction:row;gap:70px}}.community-left{flex:1;width:100%}.mini-title{letter-spacing:1px;text-align:center;margin-bottom:15px;font-size:13px;font-weight:600}@media (min-width:992px){.mini-title{text-align:left}}.main-title{text-align:center;margin-bottom:30px;font-size:28px;font-weight:700;line-height:1.2}@media (min-width:768px){.main-title{margin-bottom:40px;font-size:36px}}@media (min-width:992px){.main-title{text-align:left}}.main-title span{background:linear-gradient(90deg,#000,#fa7905);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quote-card{background:#fff;border:2px solid #000;border-radius:18px;padding:24px;position:relative;box-shadow:5px 7px #000}@media (min-width:768px){.quote-card{padding:30px}}.quote-label{background:#f1b382;border:1px solid #000;border-radius:8px;padding:7px 16px;font-size:14px;font-weight:600;position:absolute;top:-18px;left:20px}.quote-content{flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:20px;display:flex}@media (min-width:640px){.quote-content{flex-direction:row;gap:25px}}.quote-content p{flex:1;font-size:15px;line-height:1.6}.quote-img{flex-shrink:0;width:100px;height:auto}@media (min-width:640px){.quote-img{width:130px}}.author{text-align:center;margin-top:15px;font-size:13px;font-weight:500}@media (min-width:640px){.author{text-align:right}}.community-right{flex:1;justify-content:center;width:100%;display:flex}.founder-img{border-radius:20px;max-width:100%;height:auto}
.services{background:#f2dcc8;padding:60px 20px}@media (min-width:768px){.services{padding:80px 20px}}.services-container{max-width:1400px;margin:auto}.services-wrapper{background:#fff;border-radius:25px;padding:24px}@media (min-width:768px){.services-wrapper{border-radius:35px;padding:45px}}.services-title{text-align:center;background:#fff;width:100%;padding:1.5rem 1rem;font-size:20px;font-weight:700;line-height:1.3}@media (min-width:768px){.services-title{padding:1rem;font-size:26px}}.services-title span{background:linear-gradient(90deg,#000,#fa7905);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.expertise{text-align:center;margin:15px 0 30px;font-size:14px;font-weight:500}@media (min-width:768px){.expertise{margin:15px 0 40px;font-size:16px}}.category{color:#fff;background:#333;border-radius:10px;margin:20px 0 15px;padding:6px 14px;font-size:13px;display:inline-block}@media (min-width:768px){.category{margin:30px -10px 20px}}.business{margin-top:40px}@media (min-width:768px){.business{margin-top:50px}}.services-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:992px){.services-grid{grid-template-columns:repeat(2,1fr);gap:30px}}.service-card{background:#fff;border:2px solid #000;border-radius:18px;padding:20px;transition:transform .3s;position:relative;box-shadow:4px 6px #000}@media (min-width:768px){.service-card{padding:25px;box-shadow:5px 7px #000}}.service-card:hover{transform:translateY(-5px)}.light{background:#f9f9f9}.peach{background:#ffcc9c}.dark{color:#fff;background:#3b3b3b}.card-header{justify-content:space-between;align-items:center;display:flex}.card-title{background:#f1b382;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}@media (min-width:768px){.card-title{font-size:16px}}.dark .card-title{background:#555}.arrow-btn{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}@media (min-width:768px){.arrow-btn{width:34px;height:34px}}.arrow-btn span{transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.service-card:hover .arrow-btn span{transform:translate(4px)rotate(50deg)}.card-body{flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;display:flex}@media (min-width:640px){.card-body{text-align:left;flex-direction:row;gap:20px;margin-top:20px}}.card-body p{flex:1;font-size:13px;line-height:1.6}@media (min-width:768px){.card-body p{font-size:14px}}.card-image{flex-shrink:0;max-width:100px;height:auto}@media (min-width:768px){.card-image{max-width:none}}
.projects{background:#f2dcc8;padding:60px 20px}@media (min-width:768px){.projects{padding:80px 20px}}.projects-container{width:100%}.projects-title{text-align:center;letter-spacing:.5px;background:#fff;margin-bottom:40px;padding:14px 10px;font-size:18px;font-weight:700;line-height:1.3}@media (min-width:768px){.projects-title{margin-bottom:70px;padding:18px 0;font-size:22px}}.projects-title span{background:linear-gradient(90deg,#000,#fa7905,#3b9c57);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.projects-grid{grid-template-columns:1fr;gap:40px;display:grid}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:60px}}.project-card{background:#efefef;border-radius:22px;flex-direction:column;height:100%;padding:20px;transition:transform .25s;display:flex;box-shadow:0 8px #000}@media (min-width:768px){.project-card{padding:26px;box-shadow:0 10px #000}}.project-card.peach{background:#e8b789}.project-card:hover{transform:translateY(-6px)}.project-image{background:#d9d9d9;border-radius:16px;height:180px;margin-bottom:18px;position:relative;overflow:hidden}@media (min-width:768px){.project-image{height:200px;margin-bottom:22px}}.project-card h3{margin-bottom:10px;font-size:18px;font-weight:700}@media (min-width:768px){.project-card h3{margin-bottom:12px;font-size:20px}}.project-card .description{color:#333;flex-grow:1;margin-bottom:16px;font-size:14px;line-height:1.6}.metrics{flex-wrap:wrap;gap:12px;margin:15px 0;display:flex}.metric-box{color:#fff;background:#2f2f2f;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:120px;padding:10px 14px;font-size:13px;display:flex}.metric-box strong{font-size:14px;font-weight:700}.project-card.peach .metric-box{color:#000;background:#fff}.highlights{margin:15px 0;padding-left:18px}.highlights li{margin-bottom:6px;font-size:13px}.read-btn{cursor:pointer;color:#000;background:#fb7c04;border:none;border-radius:40px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:14px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 5px #000}@media (min-width:768px){.read-btn{padding:16px;font-size:15px;box-shadow:0 6px #000}}.read-btn:hover{transform:translateY(-3px)}.arrow{background:#fff;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;padding:.35rem;transition:transform .3s;display:flex}.read-btn:hover .arrow{transform:rotate(-45deg)scale(1.1)}.view-all-wrapper{text-align:center;margin-top:50px}@media (min-width:768px){.view-all-wrapper{margin-top:70px}}.view-all{cursor:pointer;color:#000;background:#fb7c04;border:none;border-radius:40px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 5px #000}@media (min-width:768px){.view-all{padding:16px 34px;font-size:15px;box-shadow:0 6px #000}}.view-all:hover{transform:translateY(-3px)}.view-all:hover .arrow{transform:rotate(-45deg)scale(1.1)}