:root{
  --black:#020617;
  --dark:#0b1120;
  --card:#111827;
  --card2:#1e293b;
  --blue:#2563eb;
  --cyan:#38bdf8;
  --green:#39ff14;
  --text:#ffffff;
  --muted:#cbd5e1;
  --line:rgba(56,189,248,.25);
  --soft:rgba(255,255,255,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--text);line-height:1.6;overflow-x:hidden}
a{color:inherit}.hidden{display:none!important}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 6%;background:rgba(2,6,23,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand img{height:64px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(56,189,248,.2))}.nav{display:flex;gap:26px}.nav a{text-decoration:none;color:var(--muted);font-weight:700;font-size:14px}.nav a:hover{color:var(--cyan)}.header-btn{background:var(--green);color:#06110a;text-decoration:none;padding:11px 18px;border-radius:999px;font-weight:900}.menu-toggle{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:20px}
.hero{min-height:92vh;display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;padding:80px 6%;background:radial-gradient(circle at 80% 10%,rgba(37,99,235,.45),transparent 28%),radial-gradient(circle at 10% 80%,rgba(57,255,20,.16),transparent 25%),linear-gradient(135deg,#020617 0%,#0b1120 45%,#06152f 100%);overflow:hidden}.eyebrow{text-transform:uppercase;color:var(--green);letter-spacing:2px;font-weight:900;font-size:13px;margin-bottom:12px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.95;margin-bottom:26px;letter-spacing:-2px}.hero-text{font-size:20px;color:var(--muted);max-width:760px;margin-bottom:30px}.btn{display:inline-block;text-decoration:none;border-radius:999px;padding:15px 25px;font-weight:900;margin:6px 8px 6px 0;transition:.25s}.primary{background:linear-gradient(90deg,var(--blue),var(--cyan));color:white}.secondary{border:2px solid var(--cyan);color:var(--cyan);background:transparent}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(37,99,235,.35)}.trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;color:#dbeafe;font-weight:700}.hero-card{background:linear-gradient(180deg,rgba(30,41,59,.85),rgba(2,6,23,.9));border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 0 70px rgba(37,99,235,.25)}.screen-top{display:flex;gap:8px;margin-bottom:22px}.screen-top span{width:13px;height:13px;border-radius:50%;background:var(--cyan)}.hero-card h3{font-size:30px;margin-bottom:18px;color:var(--cyan)}.metric{padding:18px;border:1px solid var(--line);border-radius:16px;margin:14px 0;background:rgba(15,23,42,.7)}.metric strong{display:block;font-size:22px}.metric small{color:var(--muted)}
.section{padding:90px 6%;background:var(--dark)}.darker{background:#050b18}.section-heading{text-align:center;max-width:850px;margin:0 auto 50px}.section-heading h2,.split h2,.contact h2{font-size:clamp(32px,4vw,54px);line-height:1.1;margin-bottom:15px}.section-heading p{color:var(--muted);font-size:18px}.grid{display:grid;gap:24px}.services-grid{grid-template-columns:repeat(3,1fr)}.card,.plan{background:linear-gradient(180deg,var(--card2),#0f172a);border:1px solid var(--line);border-radius:22px;padding:30px;transition:.25s}.card:hover,.plan:hover{transform:translateY(-8px);box-shadow:0 0 35px rgba(56,189,248,.18)}.icon{font-size:42px;margin-bottom:16px}.card h3,.plan h3{color:var(--cyan);font-size:24px;margin-bottom:10px}.card p,.plan p,.split p{color:#e5e7eb}.pricing-grid{grid-template-columns:repeat(3,1fr)}.plan{position:relative}.featured{border:2px solid var(--green);box-shadow:0 0 40px rgba(57,255,20,.12)}.badge{display:inline-block;background:var(--green);color:#06110a;font-weight:900;padding:7px 14px;border-radius:999px;margin-bottom:12px}.price{font-size:42px;font-weight:900;margin:12px 0}.price span{font-size:16px;color:var(--muted)}.plan ul{list-style:none;margin:22px 0}.plan li{padding:9px 0;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.08)}
.projects-section{background:linear-gradient(180deg,#0b1120,#07101f)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1160px;margin:0 auto}.project-card{position:relative;min-height:240px;padding:34px 26px;background:linear-gradient(160deg,rgba(30,41,59,.9),rgba(2,6,23,.88));border:1px solid var(--line);border-radius:24px;overflow:hidden}.project-card::after{content:"";position:absolute;right:-50px;bottom:-50px;width:140px;height:140px;background:radial-gradient(circle,rgba(57,255,20,.18),transparent 60%)}.project-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:rgba(56,189,248,.12);border:1px solid var(--line);color:var(--green);font-weight:900;margin-bottom:18px}.project-card h3{font-size:22px;color:var(--cyan);margin-bottom:12px}.project-card p{color:#dbeafe}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start;background:#111827}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.mini-stats div{border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(2,6,23,.45)}.mini-stats strong{display:block;color:var(--green);font-size:24px}.mini-stats span{color:var(--muted);font-size:14px}.why{background:#020617}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:auto}.why-grid div{background:rgba(30,41,59,.75);border:1px solid var(--line);border-radius:16px;padding:20px;font-weight:800}.testimonials{background:#07101f}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1120px;margin:0 auto}.testimonial{background:linear-gradient(180deg,#111827,#0f172a);border:1px solid var(--line);border-radius:22px;padding:30px}.stars{color:var(--green);letter-spacing:3px;margin-bottom:18px}.testimonial p{color:#e5e7eb;margin-bottom:18px}.testimonial strong{color:var(--cyan)}
.contact{padding:100px 6%;background:radial-gradient(circle at 30% 0,rgba(57,255,20,.18),transparent 30%),linear-gradient(135deg,#0b1120,#1e3a8a,#020617)}.contact-wrap{display:grid;grid-template-columns:1fr .9fr;gap:40px;max-width:1150px;margin:auto;align-items:start}.contact-text h2{text-align:left}.contact-text p{color:#dbeafe;font-size:18px;margin:12px 0}.contact-info{margin-top:26px}.contact-form{background:rgba(2,6,23,.72);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 0 50px rgba(37,99,235,.18)}.contact-form label{display:block;text-align:left;color:#e5e7eb;font-weight:800;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;border:1px solid rgba(203,213,225,.25);border-radius:14px;background:#0f172a;color:white;padding:13px 14px;font:inherit;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,189,248,.12)}.contact-form button{width:100%;border:0;border-radius:999px;padding:15px;background:linear-gradient(90deg,var(--green),var(--cyan));font-weight:900;color:#020617;cursor:pointer;font-size:16px}.contact-form button:hover{filter:brightness(1.08)}
.footer{padding:32px 6%;border-top:1px solid var(--line);color:var(--muted);background:#020617}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:1150px;margin:0 auto 18px}.footer strong{display:block;color:white;font-size:18px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none;color:var(--muted)}.footer-links a:hover{color:var(--cyan)}.copyright{text-align:center;font-size:14px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;background:#25d366;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:30px;box-shadow:0 12px 40px rgba(37,211,102,.35);z-index:80}
.reveal{animation:rise .8s ease both}.delay{animation-delay:.18s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:920px){.hero,.split,.contact-wrap{grid-template-columns:1fr}.services-grid,.pricing-grid,.why-grid,.projects-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.nav{display:none}.menu-toggle{display:block}.hero{padding-top:60px}.brand img{height:54px}.contact-text h2{text-align:center}.contact-text{text-align:center}.footer-inner{flex-direction:column;text-align:center}}
@media(max-width:620px){.services-grid,.pricing-grid,.why-grid,.projects-grid,.testimonial-grid,.mini-stats{grid-template-columns:1fr}.site-header{padding:12px 5%}.header-btn{font-size:13px;padding:9px 13px}.section,.contact{padding:65px 5%}.hero{padding:65px 5%;min-height:auto}.hero h1{letter-spacing:-1px}.hero-text{font-size:17px}.trust-row{font-size:14px}.btn{width:100%;text-align:center}.floating-whatsapp{width:56px;height:56px}.contact-form{padding:22px}.projects-grid{gap:18px}.project-card{min-height:auto}.footer-links{justify-content:center}}