/* Ailutec landing — section styles & animated graphics */
.al-page .al-sec{position:relative;overflow:hidden}
.al-page .al-sec>.et_pb_row{position:relative;z-index:2}
.al-dark{color:#e2e8f0}
/* ================= HERO ================= */
.al-hero::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;z-index:0;pointer-events:none;filter:blur(70px);opacity:.75;
 background:radial-gradient(40% 45% at 78% 30%,rgba(255,30,30,.42),transparent 70%),radial-gradient(30% 35% at 92% 8%,rgba(255,176,32,.35),transparent 70%),radial-gradient(35% 40% at 12% 90%,rgba(90,40,255,.18),transparent 70%);
 animation:al-aurora 16s ease-in-out infinite alternate}
@keyframes al-aurora{50%{transform:translate3d(-3%,2%,0) scale(1.06)}100%{transform:translate3d(2%,-3%,0) scale(.98)}}
.al-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55;
 background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:64px 64px;
 -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%)}
.al-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes al-beam{to{--a:360deg}}
.al-hero .al-h{text-wrap:balance}
/* hero visual */
/* hero intro: staggered rise, image wipe, rising energy particles */
/* scroll cue */
.al-hero .et_pb_row:last-child::after{content:"";position:absolute;left:50%;bottom:-80px;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.3);border-radius:14px;
 background:radial-gradient(circle,#fff 2.5px,transparent 3px) 50% 8px/100% 14px no-repeat;animation:al-mouse 2s ease-in-out infinite}
@keyframes al-mouse{50%{background-position:50% 18px}}
/* ================= PARTNER MARQUEE ================= */
/* ================= PROBLEM ================= */
/* ================= ENERGY HOUSE ================= */
/* ================= BENTO ================= */
/* ================= SERVICES ================= */
.al-list{list-style:none;margin:0;padding:0!important;display:grid;gap:10px}
.al-list li{display:flex;gap:10px;align-items:flex-start;padding:0!important;line-height:1.5}
.al-list .al-ico{color:#fff;background:var(--al-red);border-radius:50%;padding:4px;width:20px;height:20px;margin-top:2px;stroke-width:3}
.al-list--lg li{font-weight:600;color:var(--al-ink)}
/* ================= SOLARCHECK ================= */
.al-check-form .al-form{position:relative;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1)}
.al-check-form .al-form::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:24px;background:conic-gradient(from var(--a,0deg),transparent 0 60%,#ff3b30 78%,#ffb020 86%,transparent 100%);animation:al-beam 6s linear infinite;filter:blur(2px)}
/* ================= FAQ ================= */
.al-faq .et_pb_toggle{border:1px solid var(--al-line)!important;border-radius:18px!important;margin-bottom:12px!important;transition:border-color .3s,box-shadow .3s,background .3s}
.al-faq .et_pb_toggle:hover{border-color:#fecaca!important}
.al-faq .et_pb_toggle_open{border-color:rgba(255,0,0,.35)!important;box-shadow:0 20px 40px -24px rgba(255,0,0,.35)}
.al-faq .et_pb_toggle_title{padding-right:50px!important}
.al-faq .et_pb_toggle_title::before{content:"+"!important;font:400 26px/1 var(--al-font)!important;color:var(--al-ink)!important;width:34px;height:34px;display:grid!important;place-items:center;border-radius:50%;background:var(--al-grey);right:0!important;margin-top:-17px!important;top:50%!important;transition:transform .45s var(--al-spring),background .3s,color .3s}
.al-faq .et_pb_toggle_open .et_pb_toggle_title::before{transform:rotate(45deg);background:var(--al-red);color:#fff!important;display:grid!important}
/* ================= CONTACT & FOOTER ================= */
.al-contact::before{content:"";position:absolute;left:-10%;bottom:-30%;width:70%;height:90%;background:radial-gradient(circle,rgba(255,30,30,.22),transparent 60%);filter:blur(40px);pointer-events:none}
.al-contact-list{list-style:none;margin:8px 0 0;padding:0!important;display:grid;gap:12px}
.al-contact-list li{display:flex;gap:16px;align-items:center;padding:14px 16px!important;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:background .3s,border-color .3s}
.al-contact-list li:hover{background:rgba(255,255,255,.07);border-color:rgba(255,90,77,.4)}
.al-contact-list .al-ico{width:44px;height:44px;padding:11px;border-radius:13px;background:rgba(255,40,40,.14);color:#ff6b5e}
.al-contact-list small{display:block;font-size:12px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.al-contact-list strong,.al-contact-list a{font-size:16.5px;font-weight:700;color:#fff!important;line-height:1.45}
.al-footer-logo{width:150px;height:auto;filter:brightness(0) invert(1)}
.al-foot-col .et_pb_text_inner,.al-foot-col .et_pb_text_inner>p{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.al-foot-col br{display:none}
.al-foot-h{color:#fff;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.al-footer a{color:#94a3b8!important;transition:color .25s}
.al-footer a:hover{color:#fff!important}
.al-foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px!important}
/* ================= RESPONSIVE ================= */
@media(max-width:980px){
 .al-hero{min-height:auto}
 .al-hero .et_pb_row:last-child::after{display:none}
}
@media(max-width:600px){
 .al-page .al-sec.al-hero{padding-top:92px!important;padding-bottom:44px!important}
 .al-hero .al-btn-row{gap:6px}
 .al-page .al-hero a.al-btn--primary{padding:15px 20px;font-size:15.5px}
 .al-page .al-hero a.al-btn--ghost{width:auto;padding:10px 4px;border:0;background:none;backdrop-filter:none;font-size:14.5px;color:#cbd5e1!important}
}