*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
section{scroll-margin-top:90px}
body{font-family:Arial,Helvetica,sans-serif;background:#ffffff;color:#111827;overflow-x:hidden}
.navbar{height:80px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:200}
.logo-area{display:flex;align-items:center;gap:12px}.logo-image{height:50px;width:auto;object-fit:contain}
.nav-links{display:flex;gap:28px}.nav-links a{color:#374151;text-decoration:none;font-size:17px;line-height:1.5}.nav-links a:hover,.nav-links .active{color:#008cff}.nav-links .active{border-bottom:2px solid #008cff;padding-bottom:25px}
.get-touch,.primary-btn{background:linear-gradient(90deg,#006eff,#8a00ff);color:#fff;text-decoration:none;border-radius:9px;padding:14px 24px;font-size:17px;line-height:1.5}
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 11px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}
.hamburger span{display:block;width:100%;height:2px;background:#111827;border-radius:2px;transition:transform .3s ease,opacity .3s ease}
.hamburger:hover{border-color:#008cff}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero{max-width:1400px;margin:auto;padding:50px 4% 40px;display:grid;grid-template-columns:32% 68%;align-items:center;gap:15px;overflow:visible}
.badge{display:inline-flex;gap:12px;padding:11px 18px;border:1px solid #dbeafe;border-radius:25px;background:#f8fafc;color:#475569;font-size:16px;line-height:1.5;margin-bottom:25px}.badge b{color:#9a00ff}
.hero h1{font-size:clamp(54px,5.4vw,78px);line-height:1.1;margin-bottom:18px}.hero h1 b{font:inherit;white-space:nowrap}.hero h1 span,.hero-subtitle span,.services h2 span{background:linear-gradient(90deg,#008cff,#9a00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-subtitle{font-size:25px;line-height:1.4;font-weight:bold;margin-bottom:15px;color:#111827}.hero-description{color:#4b5563;line-height:1.7;font-size:19px;max-width:540px;margin-bottom:22px}
.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.features div{font-size:17px;line-height:1.5;color:#374151}.features div:before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #008cff;border-radius:50%;color:#00aaff;margin-right:8px}
.buttons{display:flex;gap:18px}.secondary-btn{padding:15px 24px;border:1px solid #e5e7eb;border-radius:8px;color:#111827;text-decoration:none;font-size:17px;line-height:1.5;background:#ffffff}
.dashboard-wrapper{position:relative;perspective:1000px;transform-style:preserve-3d;transition:transform 0.3s ease;margin-left:-30px;scale:0.88}.dashboard-wrapper:hover{transform:rotateY(-5deg) rotateX(5deg) translateX(-30px)}.dashboard{background:linear-gradient(145deg,#ffffff,#f8fafc);border:1px solid #4d3cff;border-radius:16px;padding:14px;box-shadow:0 0 15px #0077ff22,0 0 50px #7c00ff14,0 20px 40px rgba(15,23,42,0.08);display:grid;grid-template-columns:120px 1fr;min-height:450px;transform:translateZ(0);transition:transform 0.3s ease,box-shadow 0.3s ease}.dashboard:hover{transform:translateZ(20px);box-shadow:0 0 15px #0077ff22,0 0 50px #7c00ff14,0 30px 60px rgba(15,23,42,0.12)}
.dashboard-sidebar{border-right:1px solid #e5e7eb;padding:8px}.side-item{padding:9px 8px;color:#6b7280;font-size:15px;line-height:1.5;border-radius:5px;margin-bottom:4px}.side-item.active{background:linear-gradient(90deg,#5334e8,#6f2fff);color:#fff}
.dashboard-main{padding:5px 12px}.dashboard-title{font-size:20px;line-height:1.4;margin-bottom:15px;color:#111827}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric,.panel{background:#ffffff;border:1px solid #e5e7eb;border-radius:7px;padding:12px}.metric small{display:block;color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:8px}.metric strong{font-size:21px;line-height:1.3;color:#111827}.metric span{color:#15803d;font-size:13px;line-height:1.5;display:block;margin-top:7px;font-weight:bold}
.analytics{display:grid;grid-template-columns:1.7fr .9fr 1fr;gap:10px;margin-top:10px}.panel{min-height:205px}.panel-title{font-size:14px;line-height:1.5;margin-bottom:12px;color:#374151}.chart{width:100%;height:145px}.chart polyline{fill:none;stroke:#7245ff;stroke-width:3}.chart circle{fill:#00aaff}

.donut{width:105px;height:105px;margin:15px auto;border-radius:50%;background:conic-gradient(#9a3dff 0 160deg,#1779ff 160deg 270deg,#27a8ff 270deg 320deg,#ffc72c 320deg);display:grid;place-items:center}.donut div{width:62px;height:62px;border-radius:50%;background:#ffffff;display:grid;place-items:center;text-align:center;font-size:14px;line-height:1.4;color:#111827}
.products{display:flex;flex-direction:column;gap:10px}.product{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:#4b5563}.product i{width:24px;height:24px;border-radius:5px;background:linear-gradient(135deg,#eee,#444)}
.insights{margin-top:10px;border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;justify-content:space-between;font-size:13px;line-height:1.5;color:#6b7280;background:#f8fafc}
.floating-boxes{position:absolute;right:-60px;top:30px;display:flex;flex-direction:column;gap:12px;z-index:10}.float-card{width:75px;height:75px;border:1px solid #e5e7eb;border-radius:10px;background:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:25px;color:#009cff;box-shadow:0 0 15px rgba(40,100,255,.08),0 10px 30px rgba(15,23,42,0.08);transform:translateZ(0);transition:transform 0.3s ease,box-shadow 0.3s ease}.float-card:hover{transform:translateZ(30px) scale(1.1);box-shadow:0 0 20px rgba(40,100,255,.15),0 15px 40px rgba(15,23,42,0.10)}.float-card small{font-size:13px;line-height:1.4;color:#374151;margin-top:5px}
.stats{max-width:1250px;margin:20px auto 0;border:1px solid #e5e7eb;border-radius:12px;background:#ffffff;display:grid;grid-template-columns:repeat(5,1fr);padding:18px}.stat{display:flex;align-items:center;gap:12px;padding:0 15px;border-right:1px solid #e5e7eb;color:#008cff;font-size:28px}.stat:last-child{border:none}.stat strong{display:block;color:#111827;font-size:25px;line-height:1.3}.stat small{display:block;color:#6b7280;font-size:14px;line-height:1.5;margin-top:4px}
.services{max-width:1300px;margin:10px auto;padding:0 20px}.services h2{text-align:center;font-size:27px;line-height:1.3;margin:8px 0 15px;color:#111827}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-grid article{padding:17px;border:1px solid #e5e7eb;background:#ffffff;border-radius:9px;min-height:180px;transition:.3s;box-shadow:0 1px 2px rgba(15,23,42,.04)}.service-grid article:hover{transform:translateY(-5px);border-color:#4b46ff;box-shadow:0 0 20px #4632ff22}.service-grid b{color:#008cff;font-size:28px}.service-grid h3{font-size:17px;line-height:1.5;margin:12px 0;color:#111827}.service-grid p{color:#6b7280;font-size:15px;line-height:1.6}.service-grid a{color:#008cff;display:block;margin-top:12px;font-size:15px;line-height:1.5}
.services h2 span{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#1e293b;color:#1e293b}

.benefits{max-width:1250px;margin:18px auto 25px;padding:16px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;display:grid;grid-template-columns:repeat(5,1fr)}.benefits>div{padding:0 15px;border-right:1px solid #e5e7eb}.benefits>div:last-child{border:none}.benefits b{color:#6c38ff;font-size:23px;float:left;margin-right:10px}.benefits h4{font-size:16px;line-height:1.5;margin-bottom:5px;color:#111827}.benefits p{font-size:14px;color:#6b7280;line-height:1.6}
.whatsapp{position:fixed;left:25px;bottom:90px;width:55px;height:55px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:27px;color:#fff;box-shadow:0 0 20px #25d36680;z-index:100}
.whatsapp svg{width:28px;height:28px;display:block}
.call-btn{position:fixed;left:25px;bottom:25px;width:55px;height:55px;border-radius:50%;background:linear-gradient(90deg,#006eff,#8a00ff);display:grid;place-items:center;color:#fff;box-shadow:0 0 20px #006eff66;z-index:100;text-decoration:none}
.call-btn svg{width:26px;height:26px;display:block;transform:scaleX(-1)}
@media(max-width:1200px){.nav-links{gap:12px}.floating-boxes{display:flex;position:relative;right:0;top:0;flex-direction:row;justify-content:center;margin-top:20px;flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-left{text-align:center}.hero-description{margin:auto auto 22px}.features{max-width:600px;margin:0 auto 28px;text-align:left}.buttons{justify-content:center}.service-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){
  html,body{overflow-x:hidden;overflow-x:clip;width:100%;max-width:100%;overscroll-behavior-x:none}
  img,svg{max-width:100%}
  section{max-width:100%}
  .logo-image{max-width:45vw}
  .navbar{height:auto;min-height:70px;padding:12px 15px;flex-wrap:nowrap;gap:10px}
  .hamburger{display:flex;margin-left:auto}
  .get-touch{display:none}
  .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(255,255,255,.98);border-bottom:1px solid #e5e7eb;box-shadow:0 15px 30px rgba(15,23,42,.10);max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,visibility .4s}
  .nav-links.open{max-height:500px;opacity:1;visibility:visible}
  .nav-links a{display:block;padding:14px 22px;font-size:17px;line-height:1.5;border-bottom:1px solid #e5e7eb}
  .nav-links a:hover{background:#f3f4f6;color:#008cff}
  .nav-links .active{border-bottom:1px solid #e5e7eb;padding-bottom:14px}
  .hero{grid-template-columns:1fr;padding:90px 15px 40px;gap:30px;overflow-x:hidden}
  .hero-left{text-align:center;max-width:100%;overflow:hidden}
  .badge{flex-wrap:wrap;justify-content:center;row-gap:6px;max-width:100%}
  .hero h1{font-size:clamp(38px,8.5vw,54px);line-height:1.15}
  .hero-subtitle{font-size:23px;line-height:1.4}
  .hero-description{margin:auto auto 22px;max-width:100%}
  .features{max-width:100%;margin:0 auto 28px;text-align:left}
  .buttons{justify-content:center;flex-wrap:wrap}
  .dashboard-wrapper{margin-left:0;max-width:100%;overflow:visible;transform:none;scale:none}
  .dashboard-wrapper:hover{transform:none}
  .dashboard{grid-template-columns:1fr;max-width:100%;min-height:auto}
  .dashboard-sidebar{display:none}
  .metric-grid{grid-template-columns:1fr 1fr}
  .analytics{grid-template-columns:1fr}
  .insights{flex-direction:column;gap:8px}
  .floating-boxes{flex-direction:row;flex-wrap:wrap;gap:10px;position:relative;right:0;top:0;margin-top:20px;justify-content:center}
  .float-card{width:55px;height:55px;font-size:18px}
  .stats{grid-template-columns:1fr 1fr;gap:20px;margin:20px 15px 0;width:auto}
  .stat{border:none}
  .benefits{grid-template-columns:1fr;gap:20px;margin:18px 15px 25px}
  .benefits>div{border:none;display:flex;align-items:flex-start;gap:12px}
  .benefits b{float:none;margin:0}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .testimonials-grid>*{min-width:0}
  .form-group,.metric,.panel,.stat,.testimonial-card,.industry-card,.portfolio-card,.blog-card,.faq-item,.contact-item,.about-stat{min-width:0}
  .contact-form input,.contact-form textarea{width:100%;min-width:0}
}
@media(max-width:500px){
  .hero h1{font-size:clamp(34px,7.5vw,42px);line-height:1.15}
  .hero-subtitle{font-size:21px;line-height:1.4}
  .features{grid-template-columns:1fr}
  .features div{font-size:16px;line-height:1.5}
  .buttons{flex-direction:column;align-items:center}
  .metric-grid,.stats,.service-grid{grid-template-columns:1fr}
  .float-card{width:50px;height:50px;font-size:16px}
  .logo-image{height:40px}
  .nav-links a{padding:13px 18px;font-size:16px;line-height:1.5}
  .badge{padding:9px 14px;font-size:15px;line-height:1.5;gap:10px}
  .dashboard{padding:10px}
  .service-grid article{min-height:auto}
  .about-stat,.industry-card,.portfolio-card,.testimonial-card,.faq-item,.contact-form-container,.about-visual,.blog-image{padding:20px}
  .contact-item{padding:15px}
  .about-container{gap:25px}
  .whatsapp{width:48px;height:48px;left:15px;bottom:80px;font-size:22px}
  .whatsapp svg{width:24px;height:24px}
  .call-btn{width:48px;height:48px;left:15px;bottom:20px}
  .call-btn svg{width:24px;height:24px}
  .about-section,.industries-section,.portfolio-section,.testimonials-section,.blog-section,.faq-section,.contact-section,.services{padding:0 15px}
  .testimonials-grid{grid-template-columns:1fr}
}
@media(max-width:390px){
  .hero{padding:90px 15px 30px;gap:20px}
  .hero h1{font-size:clamp(32px,6.5vw,38px);line-height:1.15}
  .hero-subtitle{font-size:20px;line-height:1.4}
  .hero-description{font-size:17px;line-height:1.6}
  .buttons{gap:10px}
  .primary-btn,.secondary-btn{padding:12px 18px;font-size:16px;line-height:1.5}
  .float-card{width:45px;height:45px;font-size:14px}
}
@media(max-width:320px){
  .hero{padding:90px 12px 25px;gap:15px}
  .hero h1{font-size:clamp(28px,5.5vw,34px);line-height:1.15}
  .hero-subtitle{font-size:19px;line-height:1.4}
  .hero-description{font-size:16px;line-height:1.6}
  .float-card{width:40px;height:40px;font-size:12px}
  .badge{gap:8px;font-size:14px;line-height:1.5;padding:8px 12px}
  .nav-links a{padding:12px 14px}
  .about-section,.industries-section,.portfolio-section,.testimonials-section,.blog-section,.faq-section,.contact-section,.services{padding:0 12px}
  .stats{margin:20px 12px 0}
  .benefits{margin:18px 12px 25px}
}

/* About Section */
.about-section{max-width:1200px;margin:60px auto;padding:0 20px}
.about-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about-content h2{font-size:37px;line-height:1.3;margin-bottom:20px;color:#111827}
.about-content h2 span{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#1e293b;color:#1e293b}
.about-content p{color:#4b5563;font-size:19px;line-height:1.7;margin-bottom:15px}
.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.about-stat{padding:20px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;text-align:center}
.about-stat strong{display:block;font-size:29px;line-height:1.3;background:linear-gradient(90deg,#008cff,#9a00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}
.about-stat span{font-size:16px;line-height:1.5;color:#6b7280}
.about-image{display:flex;justify-content:center}
.about-visual{background:#f8fafc;border:1px solid #4d3cff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 0 30px rgba(77,60,255,.10)}
.about-icon{font-size:60px;margin-bottom:20px}
.about-visual h3{font-size:25px;line-height:1.4;margin-bottom:10px;color:#111827}

/* Industries Section */
.industries-section{max-width:1200px;margin:60px auto;padding:0 20px;text-align:center}
.industries-section h2{font-size:33px;line-height:1.3;margin-bottom:10px;color:#111827}
.industries-section h2 span{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#1e293b;color:#1e293b}
.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.industry-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:30px;transition:.3s}
.industry-card:hover{border-color:#4d3cff;transform:translateY(-5px)}
.industry-icon{font-size:40px;margin-bottom:15px}
.industry-card h4{font-size:21px;line-height:1.4;margin-bottom:10px;color:#111827}
.industry-card p{color:#6b7280;font-size:17px;line-height:1.6}

/* Portfolio Section */
.portfolio-section{max-width:1200px;margin:60px auto;padding:0 20px;text-align:center}
.portfolio-section h2{font-size:33px;line-height:1.3;margin-bottom:10px;color:#111827}
.portfolio-section h2 span{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#1e293b;color:#1e293b}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.portfolio-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:30px;transition:.3s;text-align:left}
.portfolio-card:hover{border-color:#4d3cff;transform:translateY(-5px)}
.portfolio-image{font-size:50px;margin-bottom:15px}
.portfolio-card h4{font-size:23px;line-height:1.4;margin-bottom:10px;color:#111827}
.portfolio-card p{color:#6b7280;font-size:18px;line-height:1.7;margin-bottom:15px}
.portfolio-tag{display:inline-block;background:#eef2ff;border:1px solid #c7d2fe;padding:6px 12px;border-radius:15px;font-size:14px;line-height:1.5;color:#008cff}
.about-visual p{color:#4b5563;font-size:18px;line-height:1.7}

/* Testimonials Section */
.testimonials-section{max-width:1200px;margin:60px auto;padding:0 20px;text-align:center}
.testimonials-section h2{font-size:33px;line-height:1.3;margin-bottom:10px;color:#111827}
.testimonials-section h2 span{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#1e293b;color:#1e293b}
.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.testimonial-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:30px;transition:.3s;text-align:left}
.testimonial-card:hover{border-color:#4d3cff}
.testimonial-text{color:#374151;font-size:19px;line-height:1.7;margin-bottom:20px;font-style:italic}
.testimonial-author h4{font-size:18px;line-height:1.5;color:#111827;margin-bottom:5px}
.testimonial-author p{font-size:16px;line-height:1.5;color:#6b7280}

/* Blog Section */
.blog-section{max-width:1200px;margin:60px auto;padding:0 20px;text-align:center}
.blog-section h2{font-size:33px;line-height:1.3;margin-bottom:10px;color:#111827}
.blog-section h2 span{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#1e293b;color:#1e293b}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.blog-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:.3s;text-align:left}
.blog-card:hover{border-color:#4d3cff;transform:translateY(-5px)}
.blog-image{font-size:50px;padding:30px;text-align:center;background:#f1f5f9}
.blog-content{padding:20px}
.blog-date{font-size:15px;line-height:1.5;color:#008cff;display:block;margin-bottom:10px}
.blog-content h4{font-size:21px;margin-bottom:10px;line-height:1.5;color:#111827}
.blog-link{color:#008cff;font-size:17px;line-height:1.5;text-decoration:none}

/* FAQ Section */
.faq-section{max-width:1000px;margin:60px auto;padding:0 20px;text-align:center}
.faq-section h2{font-size:33px;line-height:1.3;margin-bottom:10px;color:#111827}
.faq-section h2 span{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#1e293b;color:#1e293b}
.faq-list{display:flex;flex-direction:column;gap:15px;margin-top:30px;text-align:left}
.faq-item{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:25px;transition:.3s}
.faq-item:hover{border-color:#4d3cff}
.faq-item h4{font-size:19px;line-height:1.5;margin-bottom:10px;color:#111827}
.faq-item p{color:#4b5563;font-size:18px;line-height:1.7}

/* Contact Section */
.contact-section{max-width:1200px;margin:60px auto;padding:0 20px;text-align:center}
.contact-section h2{font-size:33px;line-height:1.3;margin-bottom:10px;color:#111827}
.contact-section h2 span{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#1e293b;color:#1e293b}
.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;margin-top:30px;text-align:left}
.contact-info{display:flex;flex-direction:column;gap:20px}
.contact-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px}
.contact-icon{font-size:24px}
.contact-item h4{font-size:19px;line-height:1.5;margin-bottom:5px;color:#111827}
.contact-item p{color:#6b7280;font-size:17px;line-height:1.6}
.contact-form-container{background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:30px}
.contact-form{display:flex;flex-direction:column;gap:20px}
.contact-item a{color:#006eff;text-decoration:none}
.contact-item a:hover{text-decoration:underline;color:#004fc4}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-group{display:flex;flex-direction:column;gap:8px}
.form-group label{font-size:16px;line-height:1.5;color:#374151}
.contact-form input,.contact-form textarea{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;color:#111827;font-size:17px;line-height:1.5;font-family:inherit;outline:none;transition:border-color .2s}
.contact-form input:focus,.contact-form textarea:focus{border-color:#008cff}
.contact-form textarea{resize:vertical}
.contact-form .primary-btn{border:none;cursor:pointer;font-family:inherit}
.contact-form .primary-btn:disabled{opacity:.6;cursor:not-allowed}
.contact-form .form-status{font-size:16px;line-height:1.5;margin:0;border-radius:8px;padding:12px 14px}
.contact-form .form-status.is-sending{color:#374151;background:#f8fafc;border:1px solid #e5e7eb}
.contact-form .form-status.is-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}
.contact-form .form-status.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}
.section-subtitle{color:#6b7280;font-size:18px;line-height:1.6;margin-top:8px}

/* Responsive for new sections */
@media(max-width:1200px){
  .about-container{grid-template-columns:1fr}
  .about-image{order:-1}
  .industries-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .contact-container{grid-template-columns:1fr}
}
@media(max-width:800px){
  .about-stats{grid-template-columns:1fr 1fr}
  .industries-grid{grid-template-columns:1fr}
}
@media(max-width:500px){
  .about-stats{grid-template-columns:1fr}
}