*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#050d10;color:#eefdf8;line-height:1.7}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.announcement{background:#52ffae;color:#041012;text-align:center;font-weight:900;padding:12px}
.hero{padding:30px 7% 90px;background:radial-gradient(circle at 80% 10%,rgba(82,255,174,.18),transparent 32%),radial-gradient(circle at 10% 88%,rgba(20,217,255,.13),transparent 35%),linear-gradient(135deg,#061316,#081d20)}
.navbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:90px}
.logo{font-size:28px;font-weight:950;letter-spacing:-1px}.logo span{color:#52ffae}
.menu{display:flex;gap:24px;align-items:center;color:#cde1dc;font-weight:850}.menu a:hover{color:#52ffae}
.nav-btn{border:1px solid #52ffae;border-radius:99px;padding:10px 18px;color:#52ffae}
.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:50px;align-items:center}
.eyebrow{color:#52ffae;font-weight:950;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
h1{font-size:72px;line-height:.95;letter-spacing:-4px;max-width:900px}
.lead{font-size:21px;color:#cde1dc;max-width:720px;margin:30px 0}
.btn{display:inline-block;border-radius:99px;padding:15px 26px;font-weight:950;margin-right:12px}.primary{background:#52ffae;color:#041012}.outline{border:1px solid #52ffae;color:#52ffae}
.hero-img,.visuals img,.feature img{border-radius:34px;border:1px solid #20484e;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:45px 7%;background:#071a1d}
.stats div,.service-grid article,.project-form{background:#0c2024;border:1px solid #1e444a;border-radius:28px;padding:26px}
.stats strong{display:block;color:#52ffae;font-size:44px;line-height:1}.stats span{color:#cde1dc;font-weight:850}
.section,.visuals,.feature,.chatbot-section,.contact{padding:90px 7%}
.section-title{max-width:900px;margin-bottom:40px}
h2{font-size:48px;line-height:1.05;letter-spacing:-2px;margin-bottom:18px}
.section-title p,.feature p,.feature li,.chatbot-section p,.contact p,.service-grid p,.form-note{color:#cde1dc}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-grid article{transition:.25s}.service-grid article:hover{transform:translateY(-6px);border-color:#52ffae}
.service-grid h3{font-size:22px;margin-bottom:8px;color:white}
.visuals{background:#071a1d}
.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.feature ul{margin-top:18px;padding-left:22px}
.chatbot-section{text-align:center;background:#050d10}
.contact{background:radial-gradient(circle at center,rgba(82,255,174,.12),transparent 45%),#0c2024}
.contact-intro{text-align:center;max-width:850px;margin:0 auto 35px}
.project-form{max-width:900px;margin:0 auto;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-form label{display:grid;gap:8px;margin-bottom:18px;color:#eafff7;font-weight:850}
.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid #2a5960;background:#071417;color:#eefdf8;border-radius:16px;padding:15px 16px;font-size:16px;outline:none}
.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#52ffae;box-shadow:0 0 0 4px rgba(82,255,174,.10)}
.submit-btn{border:none;background:#52ffae;color:#041012;border-radius:99px;padding:16px 28px;font-weight:950;font-size:16px;cursor:pointer}
.form-note{font-size:13px;margin-top:16px}
.success-message{display:none;margin-top:18px;background:rgba(82,255,174,.12);border:1px solid #52ffae;color:#52ffae;padding:14px 16px;border-radius:16px;font-weight:850}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px 7%;background:#020708;color:#9fb7b2}footer strong{color:#52ffae}
.chat-toggle{position:fixed;right:22px;bottom:22px;background:#52ffae;color:#041012;border:none;border-radius:50%;width:64px;height:64px;font-weight:950;font-size:18px;box-shadow:0 18px 50px rgba(0,0,0,.35);cursor:pointer;z-index:50}
.chat-widget{display:none;position:fixed;right:22px;bottom:100px;width:350px;max-width:calc(100vw - 44px);background:#0c2024;border:1px solid #2a5960;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.45);overflow:hidden;z-index:60}
.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#10282d;border-bottom:1px solid #2a5960}.chat-header button{background:none;border:none;color:white;font-size:24px;cursor:pointer}
.chat-body{height:260px;overflow:auto;padding:16px;display:grid;gap:10px}.bot-msg,.user-msg{padding:12px 14px;border-radius:16px;max-width:85%}.bot-msg{background:#153238;color:#eafff7}.user-msg{background:#52ffae;color:#041012;margin-left:auto}
.quick-buttons{display:flex;gap:8px;padding:0 16px 12px}.quick-buttons button{border:1px solid #52ffae;color:#52ffae;background:transparent;border-radius:99px;padding:8px 12px;cursor:pointer}
.chat-input{display:flex;border-top:1px solid #2a5960}.chat-input input{flex:1;background:#071417;color:white;border:none;padding:14px;outline:none}.chat-input button{background:#52ffae;color:#041012;border:none;padding:0 16px;font-weight:900;cursor:pointer}
@media(max-width:1050px){.navbar{flex-direction:column;gap:20px}.menu{flex-wrap:wrap;justify-content:center}.hero-grid,.feature{grid-template-columns:1fr}.stats,.service-grid,.form-row{grid-template-columns:1fr 1fr}.image-grid{grid-template-columns:1fr 1fr}h1{font-size:54px}}
@media(max-width:650px){.stats,.service-grid,.image-grid,.form-row{grid-template-columns:1fr}h1{font-size:42px}h2{font-size:34px}.menu a{font-size:14px}footer{flex-direction:column;text-align:center}}
.main-logo{
width:180px;
margin-bottom:20px;
filter:drop-shadow(0 0 25px #00e5ff);
animation:floatLogo 4s ease-in-out infinite;
}

@keyframes floatLogo{
0%{
transform:translateY(0px);
}
50%{
transform:translateY(-10px);
}
100%{
transform:translateY(0px);
}
}