/* ===== AtomX Technologies — shared stylesheet =====
   Palette: deep engineering navy + electric blue (distinct from Gujranwala solar competitors'
      generic green/orange — matches the real AtomX logo mark, signals precision + power) */
      
      :root{
        --navy-900:#0e1f33;
          --navy-800:#152c47;
            --navy-700:#1f3d5f;
              --blue-600:#1d6fe0;
                --blue-500:#2f83f5;
                  --ice-50:#f4f8fc;
                    --slate-100:#e7edf3;
                      --ink-900:#101b2b;
                        --ink-600:#4c5c70;
                          --white:#ffffff;
                            --success:#1f8f5f;
                              --radius-lg:20px;
                                --radius-md:12px;
                                  --radius-sm:8px;
                                    --shadow-md:0 12px 32px rgba(14,31,51,.14);
                                      --shadow-sm:0 4px 14px rgba(14,31,51,.10);
                                        --max-w:1180px;
                                        }
                                        
                                        *,*::before,*::after{box-sizing:border-box;}
                                        html{scroll-behavior:smooth;}
                                        body{
                                          margin:0;
                                            font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
                                              color:var(--ink-900);
                                                background:var(--white);
                                                  line-height:1.6;
                                                    -webkit-font-smoothing:antialiased;
                                                    }
                                                    h1,h2,h3,h4{
                                                      font-family:'Sora',system-ui,-apple-system,Segoe UI,sans-serif;
                                                        line-height:1.15;
                                                          margin:0 0 .5em;
                                                            color:var(--navy-900);
                                                            }
                                                            p{margin:0 0 1em;}
                                                            a{color:inherit;text-decoration:none;}
                                                            img{max-width:100%;display:block;}
                                                            ul{margin:0;padding:0;list-style:none;}
                                                            .container{max-width:var(--max-w);margin:0 auto;padding:0 24px;}
                                                            .eyebrow{
                                                              display:inline-flex;align-items:center;gap:8px;
                                                                font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
                                                                  color:var(--blue-600);margin-bottom:12px;
                                                                  }
                                                                  .section{padding:64px 0;}
                                                                  .section-alt{background:var(--ice-50);}
                                                                  .section-navy{background:var(--navy-900);color:var(--white);}
                                                                  .section-navy h2,.section-navy h3{color:var(--white);}
                                                                  .section-head{max-width:680px;margin:0 auto 40px;text-align:center;}
                                                                  .section-head p{color:var(--ink-600);}
                                                                  .section-navy .section-head p{color:#c3d1e2;}
                                                                  
                                                                  /* Buttons */
                                                                  .btn{
                                                                    display:inline-flex;align-items:center;justify-content:center;gap:8px;
                                                                      padding:16px 24px;border-radius:4px;font-weight:700;font-size:.98rem;
                                                                        letter-spacing:.02em;
                                                                          border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;
                                                                          }
                                                                          .btn-primary{background:var(--blue-600);color:var(--white);box-shadow:var(--shadow-sm);}
                                                                          .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
                                                                          .btn-outline{background:transparent;border-color:rgba(255,255,255,.5);color:var(--white);}
                                                                          .btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,.08);}
                                                                          .btn-outline-dark{background:transparent;border-color:var(--navy-900);color:var(--navy-900);}
                                                                          .btn-outline-dark:hover{background:var(--navy-900);color:var(--white);}
                                                                          .btn-block{width:100%;}
                                                                          
                                                                          /* Header */
                                                                          .site-header{
                                                                            position:sticky;top:0;z-index:50;background:var(--white);
                                                                              border-bottom:1px solid rgba(14,31,51,.08);
                                                                              }
                                                                              .header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:var(--max-w);margin:0 auto;}
                                                                              .logo{display:inline-flex;align-items:center;gap:8px;min-height:44px;}
                                                                              .logo img{height:32px;width:auto;display:block;}
                                                                              .main-nav{display:flex;align-items:center;gap:24px;}
                                                                              .main-nav > a, .main-nav .nav-dropdown > a{font-weight:600;font-size:.95rem;color:var(--navy-800);padding:8px 0;white-space:nowrap;}
                                                                                .main-nav > a:hover, .main-nav .nav-dropdown > a:hover{color:var(--blue-600);}
                                                                                .nav-dropdown{position:relative;}
                                                                                .nav-dropdown-panel{
                                                                                  position:absolute;top:100%;left:0;background:var(--white);border-radius:var(--radius-md);
                                                                                    box-shadow:var(--shadow-md);padding:8px;min-width:260px;display:none;flex-direction:column;gap:4px;
                                                                                    }
                                                                                    .nav-dropdown:hover .nav-dropdown-panel{display:flex;}
                                                                                    .nav-dropdown-panel a{padding:12px 16px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;color:var(--ink-900);}
                                                                                    .nav-dropdown-panel a:hover{background:var(--ice-50);color:var(--blue-600);}
                                                                                    .header-cta{display:flex;align-items:center;gap:16px;}
                                                                                    .header-phone{
                                                                                      font-weight:700;color:var(--navy-900);font-size:.95rem;white-space:nowrap;
                                                                                        display:flex;align-items:center;min-height:44px;
                                                                                        }
                                                                                        .nav-toggle{
                                                                                          display:none;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--slate-100);
                                                                                            background:var(--white);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;
                                                                                            }
                                                                                            .nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
                                                                                              content:'';display:block;width:20px;height:2px;background:var(--navy-900);position:relative;
                                                                                              }
                                                                                              .nav-toggle span::before{position:absolute;top:-4px;}
                                                                                              .nav-toggle span::after{position:absolute;top:4px;}
                                                                                              
                                                                                              /* Hero */
                                                                                              .hero{
                                                                                                position:relative;color:var(--white);padding:96px 0 80px;
background:linear-gradient(180deg,rgba(14,31,51,.6),rgba(14,31,51,.8)),center/cover no-repeat;
                                                                                                  }
                                                                                                  .hero-solar{background-image:linear-gradient(180deg,rgba(14,31,51,.55),rgba(14,31,51,.75)),url('img/hero-solar-wind-farm.png');}
                                                                                                  .hero-industrial{background-image:linear-gradient(180deg,rgba(14,31,51,.55),rgba(14,31,51,.75)),url('img/refinery-industrial.png');}
                                                                                                  .hero-night{background-image:linear-gradient(180deg,rgba(14,31,51,.5),rgba(14,31,51,.78)),url('img/night-industrial-power.png');}
                                                                                                  .hero .eyebrow{color:var(--blue-500);}
                                                                                                  .hero h1{color:var(--white);font-size:2.6rem;max-width:820px;}
                                                                                                  .hero p.lede{font-size:1.15rem;color:#d6e0ec;max-width:640px;margin-bottom:32px;}
                                                                                                  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
                                                                                                  .hero-proof{font-size:.9rem;color:#aebdd0;}
                                                                                                  
                                                                                                  /* Trust bar */
                                                                                                  .trust-bar{background:var(--white);border-bottom:1px solid var(--slate-100);}
                                                                                                  .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:32px 0;}
                                                                                                  .trust-item{text-align:center;min-width:0;}
                                                                                                  .trust-item strong{display:block;font-family:'Sora',sans-serif;font-size:1.6rem;color:var(--navy-900);}
                                                                                                  .trust-item span{font-size:.85rem;color:var(--ink-600);font-weight:600;}
                                                                                                  
                                                                                                  /* Cards */
                                                                                                  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
                                                                                                  .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
                                                                                                  .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
                                                                                                  .card{
                                                                                                    position:relative;background:var(--white);border:1px solid var(--slate-100);border-radius:4px;
                                                                                                      padding:32px;height:100%;border-top:2px solid var(--navy-900);transition:border-color .15s ease;
                                                                                                      }
                                                                                                      .card:hover{border-top-color:var(--blue-600);}
                                                                                                      .card-icon{
                                                                                                        width:48px;min-height:48px;border-radius:4px;background:transparent;border:1px solid var(--slate-100);
                                                                                                          display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--blue-600);
                                                                                                          }
                                                                                                          .card-num{
                                                                                                            font-family:'Sora',sans-serif;font-weight:800;font-size:2rem;color:var(--slate-100);
                                                                                                              position:absolute;top:20px;right:24px;line-height:1;z-index:0;
                                                                                                              }
                                                                                                              .card h3{font-size:1.15rem;margin-bottom:8px;padding-right:48px;position:relative;z-index:1;}
                                                                                                              .card p{color:var(--ink-600);font-size:.95rem;margin-bottom:0;}
                                                                                                              .card-invert{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);}
                                                                                                              .card-invert h3{color:var(--white);padding-right:0;}
                                                                                                              .card a.card-link{display:inline-block;margin-top:16px;font-weight:700;color:var(--blue-600);font-size:.9rem;}
                                                                                                              
                                                                                                              /* Comparison table */
                                                                                                              .table-wrap{overflow-x:auto;border-radius:4px;border:1px solid var(--slate-100);}
                                                                                                              table.compare{width:100%;border-collapse:collapse;background:var(--white);min-width:640px;}
                                                                                                              table.compare th,table.compare td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--slate-100);font-size:.92rem;}
                                                                                                              table.compare th{background:var(--navy-900);color:var(--white);font-family:'Sora',sans-serif;font-weight:700;}
                                                                                                              table.compare td.check{color:var(--success);font-weight:700;}
                                                                                                              table.compare tr:last-child td{border-bottom:none;}
                                                                                                              
                                                                                                              /* Process */
                                                                                                              .process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step;}
                                                                                                              .process-list-5{grid-template-columns:repeat(5,1fr);}
                                                                                                              .process-item{position:relative;padding-top:64px;}
                                                                                                              .process-item::before{
                                                                                                                counter-increment:step;content:counter(step,decimal-leading-zero);
                                                                                                                  position:absolute;top:0;left:0;width:40px;height:40px;border-radius:4px;
                                                                                                                    background:var(--navy-900);color:var(--white);font-family:'Sora',sans-serif;font-weight:700;
                                                                                                                      display:flex;align-items:center;justify-content:center;
                                                                                                                      }
                                                                                                                      .process-item h3{font-size:1.05rem;}
                                                                                                                      .process-item p{color:var(--ink-600);font-size:.92rem;}
                                                                                                                      
                                                                                                                      /* FAQ accordion */
                                                                                                                      .faq-item{border-bottom:1px solid var(--slate-100);}
                                                                                                                      .faq-item summary{
                                                                                                                        padding:20px 0;font-weight:700;font-size:1.02rem;cursor:pointer;color:var(--navy-900);
                                                                                                                          list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;
                                                                                                                          }
                                                                                                                          .faq-item summary::-webkit-details-marker{display:none;}
                                                                                                                          .faq-item summary::after{content:'+';font-size:1.4rem;color:var(--blue-600);flex-shrink:0;}
                                                                                                                          .faq-item[open] summary::after{content:'−';}
                                                                                                                          .faq-item p{padding-bottom:20px;color:var(--ink-600);margin:0;}
                                                                                                                          
                                                                                                                          /* CTA band */
                                                                                                                          .cta-band{background:var(--navy-900);color:var(--white);padding:64px 0;text-align:center;}
                                                                                                                          .cta-band h2{color:var(--white);}
                                                                                                                          .cta-band p{color:#c3d1e2;max-width:560px;margin:0 auto 32px;}
                                                                                                                          
                                                                                                                          /* Footer */
                                                                                                                          footer{background:var(--navy-900);color:#c3d1e2;padding:64px 0 32px;}
                                                                                                                          .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;}
                                                                                                                          .footer-logo{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;}
                                                                                                                          .footer-logo img{height:28px;filter:brightness(0) invert(1);}
                                                                                                                          .footer-col h4{color:var(--white);font-size:.95rem;margin-bottom:16px;}
                                                                                                                          .footer-col a,.footer-col li{display:block;font-size:.9rem;color:#aebdd0;margin-bottom:8px;min-height:20px;}
                                                                                                                          .footer-col a:hover{color:var(--white);}
                                                                                                                          .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;font-size:.85rem;color:#8ea0b8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
                                                                                                                          
                                                                                                                          /* Editorial body copy */
                                                                                                                          .prose{max-width:760px;margin:0 auto;}
                                                                                                                          .prose h2{margin-top:1.4em;}
                                                                                                                          .prose h3{margin-top:1.2em;font-size:1.2rem;}
                                                                                                                          .prose ul{list-style:disc;padding-left:1.4em;margin-bottom:1.2em;}
                                                                                                                          .prose li{margin-bottom:.4em;}
                                                                                                                          .prose blockquote{
                                                                                                                            border-left:4px solid var(--blue-600);padding:4px 0 4px 20px;margin:24px 0;
                                                                                                                              font-size:1.1rem;color:var(--navy-800);font-style:italic;
                                                                                                                              }
                                                                                                                              
                                                                                                                              /* Stat highlight strip inline in prose sections */
                                                                                                                              .stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0;}
                                                                                                                              .stat-strip div{background:var(--ice-50);border-radius:4px;border-top:2px solid var(--blue-600);padding:20px;text-align:center;}
                                                                                                                              .stat-strip strong{display:block;font-family:'Sora',sans-serif;font-size:1.4rem;color:var(--blue-600);}
                                                                                                                              .stat-strip span{font-size:.82rem;color:var(--ink-600);}
                                                                                                                              
                                                                                                                              /* Contact form */
                                                                                                                              .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
                                                                                                                              .form-grid .full{grid-column:1/-1;}
                                                                                                                              label{display:block;font-weight:600;font-size:.9rem;margin-bottom:8px;color:var(--navy-900);}
                                                                                                                              input,select,textarea{
                                                                                                                                width:100%;padding:12px 16px;border:1px solid var(--slate-100);border-radius:var(--radius-sm);
                                                                                                                                  font-family:inherit;font-size:.95rem;background:var(--ice-50);
                                                                                                                                  }
                                                                                                                                  textarea{min-height:120px;resize:vertical;}
                                                                                                                                  
                                                                                                                                  /* Responsive */
                                                                                                                                  @media (max-width:960px){
                                                                                                                                    .main-nav{
                                                                                                                                        display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);
                                                                                                                                            flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 24px;
                                                                                                                                                border-bottom:1px solid var(--slate-100);box-shadow:var(--shadow-md);
                                                                                                                                                  }
                                                                                                                                                    .main-nav.nav-open{display:flex;}
                                                                                                                                                      .main-nav .nav-dropdown-panel{display:flex;position:static;box-shadow:none;padding:0 0 0 16px;min-width:0;}
                                                                                                                                                        .main-nav .nav-dropdown:hover .nav-dropdown-panel{display:flex;}
                                                                                                                                                          .nav-toggle{display:flex;}
                                                                                                                                                            .trust-grid{grid-template-columns:repeat(2,1fr);}
                                                                                                                                                              .grid-3,.grid-4,.grid-2{grid-template-columns:1fr;}
                                                                                                                                                                .process-list{grid-template-columns:repeat(2,1fr);}
                                                                                                                                                                  .footer-grid{grid-template-columns:1fr 1fr;}
                                                                                                                                                                    .form-grid{grid-template-columns:1fr;}
                                                                                                                                                                      .hero h1{font-size:2rem;}
                                                                                                                                                                        .stat-strip{grid-template-columns:1fr;}
                                                                                                                                                                          .eyebrow,.trust-item span,.stat-strip span,.process-item p,.card p,.footer-col a,.footer-col p{font-size:16px;}
                                                                                                                                                                            .footer-col a,.footer-col li{min-height:44px;padding:12px 0;margin-bottom:0;}
                                                                                                                                                                              .contact-info a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;}
                                                                                                                                                                                /* SITE-OVERRIDE: overrides an inline style attribute on the footer tagline paragraph */
                                                                                                                                                                                footer p[style*="font-size"]{font-size:16px !important;}
                                                                                                                                                                                  .hero-proof{font-size:16px;}
                                                                                                                                                                                    a.card-link{display:inline-flex;align-items:center;min-height:44px;}
                                                                                                                                                                                      label{padding:12px 0;margin-bottom:0;}
                                                                                                                                                                                        .footer-bottom a{display:inline-flex;align-items:center;min-height:44px;}
                                                                                                                                                                                          .prose a[href^="mailto:"],.prose a[href^="tel:"]{display:inline-block;padding:12px 0;}
                                                                                                                                                                                            .footer-grid > div:first-child a{display:inline-flex;align-items:center;min-height:44px;padding:12px 0;}
                                                                                                                                                                                              table.compare th,table.compare td{font-size:16px;padding:12px;}
                                                                                                                                                                                          }
                                                                                                                                                                                          @media (max-width:600px){
                                                                                                                                                                                            .footer-grid{grid-template-columns:1fr;}
                                                                                                                                                                                              .header-phone{
                                                                                                                                                                                                  font-size:0;min-width:44px;justify-content:center;color:transparent;
                                                                                                                                                                                                    }
                                                                                                                                                                                                      .header-phone::before{
                                                                                                                                                                                                          content:'\260E';font-size:20px;color:var(--navy-900);
                                                                                                                                                                                                            }
                                                                                                                                                                                                            }