:root{--navy:#07172f;--navy2:#0d2341;--green:#63d80a;--green2:#2c9d14;--white:#fff;--muted:#aeb9c8;--line:rgba(255,255,255,.12);--light:#f5f8fb;--dark:#08162b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#10233b;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:10px;font-weight:800;border:1px solid transparent;transition:.25s}.btn-primary{background:var(--green);color:#07172f}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(99,216,10,.25)}.btn-outline{border-color:#fff;color:#fff}.btn-outline:hover{background:#fff;color:var(--navy)}header{position:fixed;z-index:20;top:0;left:0;width:100%;background:rgba(7,23,47,.9);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900;color:#fff}.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#fff}.brand span{color:var(--green)}.tag{display:block;font-size:10px;font-weight:600;color:#c8d0dc}.links{display:flex;gap:30px;color:#dce2ea;font-weight:700}.links a:hover,.links a.active{color:var(--green)}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{min-height:760px;background:linear-gradient(90deg,rgba(5,19,39,.94),rgba(5,19,39,.52)),url('https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&w=1800&q=85') center/cover;display:flex;align-items:center;color:#fff;padding-top:82px}.hero-grid{max-width:760px}.eyebrow{letter-spacing:3px;color:var(--green);font-size:12px;font-weight:900}.hero h1{font-size:clamp(45px,7vw,78px);line-height:1.03;margin:15px 0}.hero h1 em{color:var(--green);font-style:normal}.hero p{font-size:20px;color:#d2d9e3;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-slider-dots{margin-top:50px;display:flex;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:#8b96a7}.dot.active{background:var(--green);width:30px;border-radius:8px}.trustbar{background:var(--navy);color:#fff}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:20px}.trustitem{border-right:1px solid var(--line);padding-left:12px}.trustitem b{display:block}.trustitem span{font-size:13px;color:#bdc7d3}.section{padding:95px 0}.section-light{background:var(--light)}.section-dark{background:var(--navy);color:#fff}.center{text-align:center}.section h2{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:10px 0 18px}.lead{max-width:760px;margin:0 auto;color:#65748a;font-size:18px}.section-dark .lead{color:#bac4d1}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.card{background:#fff;border:1px solid #e4e9ef;border-radius:18px;padding:26px;min-height:310px;box-shadow:0 12px 35px rgba(16,35,59,.06);transition:.3s}.card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(16,35,59,.13)}.service-card>a{display:block;width:100%;height:100%;}.service-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:380px;background:#fff}.service-media{height:180px;background-size:cover;background-position:center;position:relative;transition:transform .45s ease,filter .45s ease}.service-card:hover .service-media{transform:scale(1.08);filter:saturate(1.08)}.service-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,23,47,0),rgba(7,23,47,.14));}.power-media{background-image:url('assets/images/energy/1.jpg')}.account-media{background-image:url('assets/images/power-and-gas/1.jpg')}.solar-media{background-image:url('assets/images/solar/1.jpg')}.telecom-media{background-image:url('assets/img/telecommunication.jpeg')}.card-body{padding:22px 22px 20px}.card h3{font-size:21px;margin:0 0 10px}.card p{color:#66758a}.learn{font-weight:800;color:#258d13}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.visual{min-height:430px;border-radius:24px;background:linear-gradient(145deg,rgba(7,23,47,.12),rgba(99,216,10,.18)),url('assets/images/why-us.png') center/cover}.checks{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.check{color:#4c5c70}.check:before{content:'✓';color:var(--green);font-weight:900;margin-right:9px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;position:relative}.step{position:relative;text-align:center}.stepnum{width:62px;height:62px;margin:auto;background:linear-gradient(135deg,var(--green),var(--green2));border-radius:16px;display:grid;place-items:center;font-size:1.6rem;font-weight:900;letter-spacing:-.04em;color:#fff;box-shadow:0 10px 18px rgba(99,216,10,.22);border:1px solid rgba(255,255,255,.18)}.step h3{margin:16px 0 8px}.step p{color:#66758a;font-size:14px}.future{background:linear-gradient(120deg,rgba(6,20,40,.95),rgba(9,50,44,.82)),url('./assets/images/solar/10.jpg') center/cover}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px}.stat{padding:20px;border-right:1px solid var(--line)}.stat b{font-size:25px;color:var(--green);display:block}.faq-list{max-width:900px;margin:40px auto 0}.faq{border-bottom:1px solid #dce4ec}.faq button{width:100%;padding:21px 0;background:none;border:0;text-align:left;font-size:17px;font-weight:800;color:#142741;display:flex;justify-content:space-between}.answer{display:none;padding:0 0 20px;color:#65748a}.faq.open .answer{display:block}.contact-section{background:linear-gradient(135deg,#0a1d38,#102a4b);color:#fff}.contact-box{border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:55px;display:grid;grid-template-columns:1fr 1.15fr;gap:55px;background:rgba(255,255,255,.025)}.contact-box h2{font-size:clamp(42px,5vw,66px);line-height:1;margin:15px 0}.contact-box p{color:#bdc7d4;font-size:18px}.contact-details{margin-top:30px;display:grid;gap:15px}.detail{border:1px solid rgba(255,255,255,.12);padding:17px 20px;border-radius:14px}.detail small{color:#9ba9ba;display:block}.detail b{font-size:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{width:100%;background:#07172b;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:14px;padding:17px;font:inherit}textarea{min-height:170px;resize:vertical}.full{grid-column:1/-1}.form-message{display:none;margin-top:12px;color:var(--green);font-weight:700}.cta{padding:48px 0;background:linear-gradient(90deg,#07172f,#10314b);color:#fff}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;font-size:34px}footer{background:#051225;color:#c7d0db;padding:55px 0 25px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.4fr;gap:35px}.footergrid h4{color:#fff;margin-top:0}.footergrid a{display:block;margin:7px 0;font-size:14px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:20px;font-size:13px}.page-hero{padding:160px 0 75px;background:linear-gradient(120deg,#07172f,#14375a);color:#fff}.page-hero h1{font-size:55px;margin:0}.page-hero p{color:#bdc7d4;max-width:680px}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{padding:30px;border-radius:18px;border:1px solid #e3e9ef}.info-card h3{margin-top:0}.service-row{display:grid;grid-template-columns:280px 1fr;gap:35px;padding:35px 0;border-bottom:1px solid #e5eaf0}.service-num{font-size:70px;color:#dff5d4;font-weight:900}
@media(max-width:1200px){.links{display:none}.menu{display:block}.nav-cta{display:none}.links.open{display:flex;position:absolute;top:82px;left:0;width:100%;padding:25px;background:#07172f;flex-direction:column}.trustgrid,.services,.process,.stats{grid-template-columns:repeat(2,1fr)}.split,.contact-box{grid-template-columns:1fr}.contact-box{padding:32px}.footergrid{grid-template-columns:1fr 1fr}.service-row{grid-template-columns:1fr}.page-hero h1{font-size:42px}}@media(max-width:560px){.hero{min-height:700px}.trustgrid,.services,.process,.stats,.checks,.about-cards,.footergrid{grid-template-columns:1fr}.section{padding:70px 0}.form-grid{grid-template-columns:1fr}.contact-box{padding:25px}.contact-box h2{font-size:46px}.cta-row{flex-direction:column;align-items:flex-start}.trustitem{border-bottom:1px solid var(--line);padding-bottom:12px}.stats .stat{border-bottom:1px solid var(--line)}.brand{font-size:17px}}

/* ===== Premium motion & interaction system ===== */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes floatGlow{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(-18px);opacity:1}}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(99,216,10,.45)}50%{box-shadow:0 0 0 12px rgba(99,216,10,0)}}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .72s cubic-bezier(.2,.75,.2,1),transform .72s cubic-bezier(.2,.75,.2,1)}
.reveal.visible{opacity:1;transform:none}
.reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.delay-3{transition-delay:.24s}.reveal.delay-4{transition-delay:.32s}

.hero{position:relative;overflow:hidden;isolation:isolate;transition:background-image .9s ease}
.hero:before{content:"";position:absolute;inset:-10%;z-index:-1;background:radial-gradient(circle at 76% 48%,rgba(99,216,10,.16),transparent 27%),radial-gradient(circle at 25% 30%,rgba(43,111,194,.16),transparent 28%);animation:floatGlow 8s ease-in-out infinite}
.hero-grid>*{animation:fadeUp .8s cubic-bezier(.2,.75,.2,1) both}.hero-grid .eyebrow{animation-delay:.05s}.hero-grid h1{animation-delay:.12s}.hero-grid p{animation-delay:.2s}.hero-actions{animation-delay:.28s}.hero-slider-dots{animation-delay:.36s}
.hero-copy-refresh{animation:fadeUp .65s cubic-bezier(.2,.75,.2,1) both!important}
.dot{cursor:pointer;transition:width .35s ease,background .35s ease,transform .25s ease}.dot:hover{transform:scale(1.25)}.dot.active{animation:pulseDot 2.2s infinite}

header{transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}header.scrolled{background:rgba(5,18,37,.97);box-shadow:0 12px 32px rgba(0,0,0,.2)}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.25) 48%,transparent 72%);transform:translateX(-130%);transition:transform .65s ease}.btn:hover:after{transform:translateX(130%)}
.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--green),#7cf0c8);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.card:hover:before{transform:scaleX(1)}.icon{transition:transform .35s ease,box-shadow .35s ease}.card:hover .icon{transform:rotate(-5deg) scale(1.08);box-shadow:0 10px 25px rgba(99,216,10,.2)}
.visual{overflow:hidden;transition:transform .55s ease,box-shadow .55s ease}.visual:hover{transform:scale(1.02);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.stepnum{transition:transform .35s ease,box-shadow .35s ease}.step:hover .stepnum{transform:translateY(-6px) scale(1.06);box-shadow:0 14px 30px rgba(99,216,10,.2)}
.trustitem{transition:transform .3s ease,color .3s ease}.trustitem:hover{transform:translateY(-4px);color:var(--green)}
.stat{transition:background .35s ease,transform .35s ease}.stat:hover{background:rgba(255,255,255,.05);transform:translateY(-5px)}
.faq{transition:background .25s ease,padding .25s ease}.faq:hover{background:#f8fafc}.faq button span{transition:transform .3s ease}.faq.open button span{transform:rotate(180deg)}.answer{display:block;max-height:0;overflow:hidden;padding:0;opacity:0;transition:max-height .4s ease,padding .4s ease,opacity .3s ease}.faq.open .answer{max-height:220px;padding:0 0 20px;opacity:1}
.testimonial-section{background:linear-gradient(180deg,#f7faf8 0%,#edf7f2 100%);position:relative;overflow:hidden}
.testimonial-section:before{content:"";position:absolute;inset:auto 0 0 0;height:180px;background:radial-gradient(circle at center,rgba(99,216,10,.1),transparent 65%);pointer-events:none}
.testimonial-slider{position:relative;z-index:1;margin-top:40px}
.testimonial-track{position:relative;overflow:hidden}
.testimonial-slide{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;animation:fadeUp .6s cubic-bezier(.2,.75,.2,1) both}
.testimonial-slide.active{display:grid}
.testimonial{position:relative;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e7edf2;border-radius:22px;padding:28px 26px 22px;box-shadow:0 18px 40px rgba(7,23,47,.06);transition:transform .3s ease,box-shadow .3s ease}
.testimonial:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(7,23,47,.12)}
.quote-mark{font-size:58px;line-height:1;color:rgba(99,216,10,.25);font-weight:900;margin-bottom:10px}
.testimonial p{margin:0;color:#42566f;font-size:17px;line-height:1.75}
.testimonial-meta{margin-top:20px;padding-top:16px;border-top:1px solid #edf2f6;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4d6071;font-size:14px}
.testimonial-meta strong{color:#07172f;font-size:15px}
.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px}
.testimonial-arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(7,23,47,.14);background:#fff;color:#07172f;display:grid;place-items:center;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 20px rgba(7,23,47,.08)}
.testimonial-arrow:hover{background:var(--green);color:#07172f;border-color:var(--green);transform:translateY(-2px)}
.testimonial-dots{display:flex;align-items:center;gap:10px}
.testimonial-dot{width:12px;height:12px;border:0;border-radius:50%;background:rgba(7,23,47,.18);cursor:pointer;padding:0;transition:all .25s ease}
.testimonial-dot.active{width:30px;border-radius:999px;background:var(--green)}
.detail{transition:transform .3s ease,border-color .3s ease,background .3s ease}.detail:hover{transform:translateX(7px);border-color:rgba(99,216,10,.45);background:rgba(99,216,10,.05)}
@media(max-width:900px){.testimonial-slide{grid-template-columns:1fr 1fr}.}
@media(max-width:560px){.testimonial-slide{grid-template-columns:1fr}.testimonial{padding:24px 20px}.testimonial p{font-size:16px}.testimonial-meta{flex-direction:column;align-items:flex-start}.testimonial-controls{gap:12px}}
input,select,textarea{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(99,216,10,.1)}
.form-hint{font-size:13px;color:#5d7287;margin-top:6px}
.form-privacy{margin-top:14px;color:#3f536d;font-size:14px;font-weight:700}
.contact-section{padding:110px 0}.light-contact-section{background:#f5f7fa;color:#07172f}.light-contact-section .eyebrow{color:#2d7c10}.light-contact-section .contact-box{background:linear-gradient(180deg,#ffffff,#f8fafb);border:1px solid #e6edf3;box-shadow:0 22px 52px rgba(7,23,47,.08)}.light-contact-section h2,.light-contact-section p,.light-contact-section .detail small,.light-contact-section .detail b,.light-contact-section label,.light-contact-section .form-message,.light-contact-section .form-privacy,.light-contact-section .form-hint{color:#172b3d}.light-contact-section p{color:#40556d}.light-contact-section .contact-details{display:grid;gap:16px}.light-contact-section .detail{background:#f8fbff;border:1px solid rgba(7,23,47,.09);border-left:4px solid var(--green);border-radius:16px;padding:16px 18px;box-shadow:0 10px 22px rgba(7,23,47,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.light-contact-section .detail:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(7,23,47,.07);border-color:rgba(99,216,10,.5)}.light-contact-section .detail small{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:hsl(210, 18%, 43%);font-weight:800;margin-bottom:6px}.light-contact-section .detail b{display:block;font-size:17px;line-height:1.5}.contact-box{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:32px;padding:40px;border-radius:24px}/*.contact-box:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(99,216,10,.07);filter:blur(25px);right:-180px;top:-180px;pointer-events:none}*/
.authority-form{background:#f4f7f2;border:1px solid #dfe8d8;border-radius:18px;padding:22px 20px 18px;box-shadow:0 14px 30px rgba(7,23,47,.06)}.authority-header{margin-bottom:14px}.authority-header h3{margin:0 0 4px;font-size:clamp(24px,2.5vw,34px);color:#152b3a}.authority-header p{margin:0;color:#4d6476;font-size:12px}.authority-intro{background:#edf5ea;border:1px solid #dfecd9;border-radius:14px;padding:16px 18px;margin-bottom:22px;border-left:4px solid #6ecb39}.authority-intro p{margin:0 0 8px;color:#1b2d3c;font-size:14px;line-height:1.5}.authority-intro ul{margin:0;padding-left:18px;color:#1b2d3c;display:grid;gap:6px}.authority-intro li{list-style:none;position:relative;padding-left:22px}.authority-intro li:before{content:"✓";position:absolute;left:0;top:0;color:#4aa82d;font-weight:700}.terms-box .terms-panel{background:#edf5ea;border:1px solid #dfecd9;border-radius:14px;padding:16px 18px;border-left:4px solid #6ecb39}.terms-box .terms-title{margin:0 0 12px;color:#1b2d3c;font-size:15px;font-weight:700}.terms-box ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.terms-box li{position:relative;padding-left:26px;color:#1b2d3c;line-height:1.5;font-size:15px}.terms-box li:before{content:"✓";position:absolute;left:0;top:0;color:#4aa82d;font-weight:700}.accept-row{margin-top:-4px}.custom-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;color:#1d2d3a;font-weight:700;font-size:15px}.custom-checkbox input{position:absolute;opacity:0;width:auto;pointer-events:none}.custom-checkbox .checkmark{width:18px;height:18px;border:1.5px solid #b9c9bb;border-radius:4px;background:#fff;display:inline-block;position:relative;flex-shrink:0}.custom-checkbox input:checked + .checkmark{background:#6ecb39;border-color:#6ecb39}.custom-checkbox input:checked + .checkmark:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.light-contact-section .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}@media screen and (max-width:767px){.light-contact-section .field-grid{grid-template-columns:repeat(1,minmax(0,1fr));}}.light-contact-section .field{display:flex;flex-direction:column;gap:8px}.light-contact-section .field label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#203247;font-weight:900}.light-contact-section .field label span{color:#1b2d3c}.light-contact-section .field label .optional{font-size:10px;letter-spacing:1px;text-transform:none;color:#5a6e82;font-weight:700}.light-contact-section .field input,.light-contact-section .field textarea{background:#fff;color:#07172f;border:1px solid #dfe8f0;border-radius:10px;padding:12px 14px;font:inherit;box-shadow:inset 0 1px 2px rgba(7,23,47,.02);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.light-contact-section .field input::placeholder{color:#77879b}.light-contact-section .field input:focus,.light-contact-section .field textarea:focus{outline:none;border-color:#6bbf3d;box-shadow:0 0 0 3px rgba(99,216,10,.12)}.light-contact-section .field textarea{min-height:120px;resize:vertical}.light-contact-section .full-field{grid-column:1 / -1}.light-contact-section .service-toggle-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media screen and (max-width:767px){.light-contact-section .service-toggle-group{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:10px}}.light-contact-section .service-option{display:flex;align-items:center;justify-content:center;gap:8px;min-height:72px;background:#fff;border:1px solid #dfe8f0;border-radius:12px;padding:12px 12px;color:#0f2431;font:inherit;font-weight:700;cursor:pointer;transition:all .25s ease;text-align:center;position:relative}.light-contact-section .service-option:hover{transform:translateY(-2px);border-color:#73c94d;box-shadow:0 8px 16px rgba(99,216,10,.08)}.light-contact-section .service-option.active{background:rgba(99,216,10,.12);border-color:#6bcf39;box-shadow:0 0 0 3px rgba(99,216,10,.12)}.light-contact-section .service-option .service-icon{font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.light-contact-section .service-option span:last-child{display:block;line-height:1.2}.light-contact-section .signature-wrap{background:#fff;border:1px solid #dfe8f0;border-radius:12px;padding:10px}.light-contact-section .signature-canvas{display:block;width:100%;height:180px;border:1px solid #edf2f7;border-radius:10px;background:#fff;cursor:crosshair;touch-action:none}.light-contact-section .signature-tools{display:flex;justify-content:flex-end;margin-top:8px}.light-contact-section .clear-signature{padding:8px 12px;border:1px solid rgba(7,23,47,.14);border-radius:9px;background:#fff;color:#10233b;font:inherit;font-weight:700;cursor:pointer}.light-contact-section .clear-signature:hover{border-color:#73c94d}.light-contact-section .file-upload{display:flex;align-items:center;justify-content:center;min-height:120px;background:#f7faf5;border:2px dashed #d5dfd1;border-radius:12px;cursor:pointer;transition:all .25s ease;text-align:center;padding:18px}.light-contact-section .file-upload:hover{border-color:#6bcf39;background:#eef7ea}.light-contact-section .file-upload input{display:none}.light-contact-section .file-upload span{display:block;font-size:18px;font-weight:700;color:#1f2a38}.light-contact-section .submit-btn{width:100%;justify-content:center;margin-top:4px}.light-contact-section .form-message{display:none;margin-top:12px;font-size:14px;color:#455b72}.light-contact-section .form-privacy{margin-top:12px;color:#3f536d;font-size:13px;font-weight:700}.services-dark{background:linear-gradient(90deg,#07172f,#0c213b);color:#fff}.services-dark .eyebrow{color:#86f39d}.services-dark .lead{color:#bac4d1}.services-dark .card{background:#fff;color:#07172f}.services-dark .card p{color:#66758a}.light-about{background:#f8fbf7}.about-split{display:grid;grid-template-columns:1.05fr 1.2fr;gap:52px;align-items:center}.about-visual{display:flex;justify-content:center;overflow:hidden;border-radius:28px;box-shadow:0 24px 70px rgba(11,26,41,.12)}.about-photo{width:100%;max-width:560px;height:560px;border-radius:28px;background:linear-gradient(135deg,rgba(99,216,10,.18),rgba(7,23,47,.06)),url('assets/images/energy/5.jpg') center/cover;transition:transform .55s ease,box-shadow .55s ease;border:1px solid rgba(99,216,10,.15)}.about-visual:hover .about-photo{transform:scale(1.03);box-shadow:0 24px 60px rgba(0,0,0,.12)}.about-copy h2{margin:12px 0 18px;font-size:clamp(30px,4vw,48px);line-height:1.12}.about-copy p{color:#4e5d72;margin:0 0 18px;font-size:17px}.about-copy .btn{margin-top:8px}
@media(max-width:1200px){.about-split{grid-template-columns:1fr}.about-visual{order:2}.about-copy{order:1}.about-photo{max-width:100%;height:420px}.contact-box{grid-template-columns:1fr}.light-contact-section .form-grid{grid-template-columns:1fr}}@media(max-width:560px){.about-split{gap:32px}.about-photo{height:300px}.about-copy h2{font-size:32px}.about-copy p{font-size:16px}.about-copy .btn{width:100%;justify-content:center}.contact-box{padding:25px}.contact-box h2{font-size:46px}.light-contact-section form{padding:18px}} 

/* Allow sticky left column in contact box: remove clipping and make left column sticky */
/* .contact-box{overflow:visible} */
.contact-box > div:first-child{
  position:-webkit-sticky;
  position:sticky;
  top:7rem;
  align-self:flex-start;
  z-index:2;
}
@media (max-width:1200px){
  .contact-box > div:first-child{position:static;top:auto}
}
.footergrid a{transition:color .25s ease,transform .25s ease}.footergrid a:hover{color:var(--green);transform:translateX(4px)}

/* Footer contact icons sizing */
.footer-contact-link{display:block;color:inherit}
.footer-contact-link img{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:4px;}

/* Gallery component */
.gallery-section{padding:80px 0}
.gallery-section .lead{max-width:100%;margin:auto 0 20px;color:#40556d}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;align-items:stretch;margin-top:28px}
.gallery-item{display:block;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px rgba(7,23,47,.06);position:relative}
.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.gallery-item:hover img{transform:scale(1.06)}
.gallery-item.large{grid-column:span 2;grid-row:span 2}

@media(max-width:1000px){
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
  .gallery-item.large{grid-column:span 2}
}
@media(max-width:700px){
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-item.large{grid-column:span 2}
}
@media(max-width:420px){
  .gallery-grid{grid-template-columns:1fr}
  .gallery-item.large{grid-row:auto;grid-column:span 1;}
}

/* Simple lightbox styles */
.lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999}
.lightbox.open{display:flex}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(4,10,20,.72);backdrop-filter:blur(4px);cursor:zoom-out}
.lightbox-content{position:relative;max-width:96vw;max-height:92vh;padding:18px;border-radius:12px;z-index:2;display:flex;align-items:center;justify-content:center}
.lightbox-image{max-width:calc(100vw - 80px);max-height:calc(100vh - 120px);width:auto;height:auto;border-radius:8px;box-shadow:0 30px 60px rgba(7,23,47,.6);display:block}
.lightbox-close{position:absolute;right:8px;top:8px;background:rgba(255,255,255,.06);border:0;color:#fff;width:40px;height:40px;border-radius:8px;font-size:20px;cursor:pointer}
.lightbox-close:hover{background:rgba(255,255,255,.12)}

@media(max-width:560px){
  .lightbox-content{padding:12px}
  .lightbox-close{width:36px;height:36px}
}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Override / enhance menu button: animated hamburger -> close */
.menu{color:transparent;width:44px;height:44px;position:relative;cursor:pointer;background:none;border:0}
/* top and bottom bars */
.menu::before,.menu::after{content:"";position:absolute;left:50%;width:22px;height:2px;background:#fff;border-radius:2px;transform-origin:center center;transition:transform .28s cubic-bezier(.2,.8,.2,1),top .2s ease,opacity .2s ease}
.menu::before{top:calc(50% - 9px);transform:translateX(-50%)}
.menu::after{top:calc(50% + 9px);transform:translateX(-50%)}
/* middle bar rendered via background */
.menu{background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-position:center;background-size:22px 2px}
.menu.open::before{top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.menu.open::after{top:50%;transform:translate(-50%,-50%) rotate(-45deg)}
.menu.open{background-size:0 0}
.menu:focus{outline:none}

@media(min-width:1201px){
  /* keep the old behaviour where .menu is hidden on wide screens */
  .menu{display:none}
}



/* ===== Premium motion upgrade: loader, hero controls & energy waves ===== */
.site-loader{position:fixed;inset:0;background:#07172f;z-index:9999;display:grid;place-items:center;transition:opacity .65s ease,visibility .65s ease}.site-loader.done{opacity:0;visibility:hidden}.loader-inner{text-align:center;color:#fff}.loader-bolt{width:74px;height:74px;border-radius:50%;border:2px solid rgba(99,216,10,.35);display:grid;place-items:center;margin:0 auto 18px;position:relative;color:var(--green);font-size:32px;animation:loaderPulse 1.5s ease-in-out infinite}.loader-bolt:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(99,216,10,.18);animation:loaderRing 1.5s ease-out infinite}.loader-line{width:180px;height:3px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin:12px auto}.loader-line:after{content:"";display:block;width:42%;height:100%;background:var(--green);border-radius:inherit;animation:loaderTravel 1.1s ease-in-out infinite}.loader-copy{font-size:12px;letter-spacing:2px;color:#b9c5d4;font-weight:800}.hero{position:relative;overflow:hidden;isolation:isolate;background-position:center;background-size:cover;transition:background-image .8s ease}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 40%,rgba(99,216,10,.13),transparent 30%);z-index:-1;pointer-events:none}.hero-grid{position:relative;z-index:2}.hero-slider-controls{display:flex;align-items:center;gap:18px;margin-top:46px}.hero-slider-dots{margin-top:0}.hero-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(7,23,47,.28);backdrop-filter:blur(8px);color:#fff;font-size:22px;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease}.hero-arrow:hover{transform:translateY(-2px) scale(1.06);background:var(--green);color:var(--navy);border-color:var(--green)}.energy-wave{position:absolute;left:-10%;width:120%;height:230px;bottom:-145px;border:2px solid rgba(99,216,10,.42);border-left:0;border-right:0;border-radius:50%;transform:rotate(-4deg);filter:drop-shadow(0 0 18px rgba(99,216,10,.22));pointer-events:none;z-index:1;animation:waveDrift 8s ease-in-out infinite alternate}.wave-one{border-color:rgba(99,216,10,.45);animation-duration:9s}.wave-two{bottom:-170px;height:280px;border-color:rgba(61,145,255,.35);transform:rotate(5deg);animation-delay:-3s;animation-duration:11s}.hero-copy-refresh{animation:heroCopyIn .65s cubic-bezier(.2,.8,.2,1) both}.dot{cursor:pointer;transition:width .35s ease,background .35s ease,transform .25s ease}.dot:hover{transform:scale(1.2)}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes waveDrift{from{transform:translateX(-2%) rotate(-4deg) scaleY(.94)}to{transform:translateX(2%) rotate(-1deg) scaleY(1.05)}}@keyframes loaderPulse{50%{transform:scale(1.08);box-shadow:0 0 32px rgba(99,216,10,.22)}}@keyframes loaderRing{from{transform:scale(.7);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes loaderTravel{from{transform:translateX(-110%)}to{transform:translateX(330%)}}
@media(max-width:700px){.hero-slider-controls{gap:12px}.hero-arrow{width:40px;height:40px}.energy-wave{bottom:-175px}.hero{min-height:680px}}


/* ===== Final hero slider refinement ===== */
/* Wider hero content for a more balanced premium composition */
.hero .hero-grid{
  width:90%;
  max-width:90%;
}

/* Smooth outgoing and incoming transitions for every slider item */
.hero-slide-item{
  will-change:transform,opacity,filter;
}
.hero-grid.is-transitioning .hero-slide-item{
  pointer-events:none;
}
.hero-slide-out{
  animation:heroSlideOut .28s cubic-bezier(.55,0,1,.45) both !important;
}
.hero-slide-in{
  animation:heroSlideIn .7s cubic-bezier(.16,1,.3,1) both !important;
}
.hero-slide-in:nth-child(1){animation-delay:.02s!important}
.hero-slide-in:nth-child(2){animation-delay:.08s!important}
.hero-slide-in:nth-child(3){animation-delay:.14s!important}
.hero-slide-in:nth-child(4){animation-delay:.20s!important}
.hero-slide-in:nth-child(5){animation-delay:.26s!important}

@keyframes heroSlideOut{
  from{opacity:1;transform:translateX(0) translateY(0);filter:blur(0)}
  to{opacity:0;transform:translateX(-34px) translateY(4px);filter:blur(4px)}
}
@keyframes heroSlideIn{
  from{opacity:0;transform:translateX(42px) translateY(8px);filter:blur(7px)}
  to{opacity:1;transform:translateX(0) translateY(0);filter:blur(0)}
}

/* On small screens use the full available content width */
@media(max-width:700px){
  .hero .hero-grid{width:100%;max-width:100%;padding:0 1.5rem;}
}

/* ===== Nav: Solutions dropdown (moved from inline in index.html) ===== */
.nav-item{position:relative}
.drop-toggle{background:none;border:0;color:inherit;font-weight:700;cursor:pointer;padding:0;border-radius:6px;font-size:inherit}
.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;background:linear-gradient(180deg,#07172f,#0b2a45);color:#dce2ea;border-radius:10px;box-shadow:0 12px 40px rgba(2,6,23,.6);min-width:220px;padding:6px 0;display:none;flex-direction:column;z-index:40}
.dropdown-menu a{display:block;padding:10px 16px;color:inherit;font-weight:600}
.dropdown-menu a:hover{background:rgba(255,255,255,.03);color:var(--green)}
.dropdown.open .dropdown-menu{display:flex;animation:fadeIn .18s ease both}
.dropdown .all-services{border-top:1px solid rgba(255,255,255,.04);margin-top:6px;padding-top:8px;color:#aeb9c8;font-weight:700}
@media(max-width:1200px){
  /* Mobile: dropdown flows inside the nav when the nav is opened; visibility controlled by .dropdown.open */
  .links.open .dropdown-menu{position:static;padding-left:12px}
  .dropdown .all-services{margin-top:8px;padding-top:8px}
  /* Make the opened nav scrollable on small screens so items aren't clipped */
  .links.open{max-height:calc(100vh - 82px);overflow:auto;-webkit-overflow-scrolling:touch}
}

.product-detail-section.aj-energy .visual {
  background: linear-gradient(145deg, rgba(7, 23, 47, .12), rgba(99, 216, 10, .18)), var(--bg-image) center / cover;
}

@media screen and (min-width: 1201px) {
  .product-detail-section .visual {
  align-self: flex-start;
    position: sticky;
    top: 6rem;
}
}

body{
  overflow-x:hidden;
}

.contact-detail-section .contact-info{
  list-style:none;
  padding:0;
  margin:0;
}

.contact-detail-section .contact-info li {
  list-style:none;
  padding:0;
  margin:0;
  margin-bottom:1rem;
}

.contact-detail-section .contact-info li a{
  margin-left:0;
}

.contact-detail-section .contact-info li .custom-icon{
  display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: var(--green);
    font-size: 16px;
    border: 1px solid var(--green);
    color: var(--green);
    font-size: 16px;
    margin-right: 0.25rem;
}

.why-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.why-grid .image{
  display:block;
  aspect-ratio:4 / 3;
  line-height:0;
}
.why-grid .image img{
  width: 100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
  border:1px solid white;
}
.grid-section{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.product-detail-section ul{
  padding-left: 2rem;
}
.product-detail-section h3{
  margin-top: 2rem;
  margin-bottom:0.5rem;
}
.product-detail-section p{
  margin-top: 0;
}

@media screen and (max-width: 1200px){
  .product-detail-section.mobile-reverse .split > :nth-child(1){
    order: 2;
  }
  .product-detail-section.mobile-reverse .split > :nth-child(2){
    order: 1;
  }
}