@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#041416;--panel:#082125;--panel2:#0c2b2f;--green:#1ec1cb;--green2:#8eeaf0;--text:#f2feff;--muted:#94b6b9;--line:#19464b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#10545b 0,transparent 32%),var(--bg);color:var(--text);font-family:Cairo,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:29px;font-weight:900}.logo span,.hero h1 span,.statement span{color:var(--green)}nav{display:flex;gap:28px;color:#c0d9db;font-size:14px}nav a:hover{color:var(--green)}.nav-btn,.primary{background:var(--green);color:#042326;padding:11px 20px;border-radius:12px;font-weight:800}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0}.eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:1.5px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.15;margin:18px 0}.hero-copy>p,.section-title p,.contact p,.join p{color:var(--muted);line-height:2;font-size:16px}.counter-card{display:inline-flex;align-items:center;gap:15px;margin-top:28px;padding:13px 20px;background:#092a2d;border:1px solid var(--line);border-radius:16px}.counter-card strong{font-size:28px;color:var(--green)}.counter-card span{color:#c0d9db;font-size:13px}.chat-card{background:rgba(6,31,34,.9);border:1px solid #27747a;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px #0007}.chat-head{height:76px;padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#042326;font-weight:900}.chat-head small{display:block;color:#78a0a4;font-size:10px}.chat-head i{margin-right:auto;color:var(--green);font-size:9px}.messages{height:360px;padding:22px;display:flex;flex-direction:column;gap:12px;overflow:auto}.msg{max-width:82%;padding:11px 14px;border-radius:15px;font-size:13px;line-height:1.8}.bot{background:#104247;align-self:flex-start;border-bottom-right-radius:5px}.user{background:var(--green);color:#042326;align-self:flex-end;border-bottom-left-radius:5px}.chat-input{display:flex;gap:8px;padding:13px;border-top:1px solid var(--line)}.chat-input input{flex:1;background:#061c1f;border:1px solid var(--line);border-radius:12px;padding:12px;color:white;outline:0;font-family:inherit}.chat-input button{border:0;background:var(--green);border-radius:12px;width:46px;font-size:18px}.section{padding:90px 0}.section-title{text-align:center;max-width:700px;margin:0 auto 45px}.section-title h2,.clients h2,.contact h2{font-size:38px;margin:10px 0}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.problem img{width:100%;height:210px;object-fit:cover;display:block;filter:saturate(.8)}.problem div{padding:20px}.problem h3{margin:0 0 8px}.problem p{margin:0;color:var(--muted);font-size:13px}.statement{padding:120px 0;background:linear-gradient(90deg,#0a3438,#071c1f);border-block:1px solid var(--line);text-align:center}.statement h2{font-size:clamp(30px,5vw,55px);line-height:1.5;margin:18px 0}.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:850px;margin:auto}.plan{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px}.plan.featured{border-color:#1ec1cb;background:linear-gradient(145deg,#0d383d,#071e21)}.tag{position:absolute;top:18px;left:18px;background:var(--green);color:#042326;padding:5px 10px;border-radius:20px;font-size:10px}.plan span{color:var(--green);font-size:11px;font-weight:800}.plan h3{font-size:25px;margin:10px 0}.price{font-size:38px;font-weight:900;margin:20px 0}.price small{font-size:12px;color:var(--muted);font-weight:400}.plan ul{padding:0;list-style:none;line-height:2.5;color:#c0d9db;font-size:14px}.plan a,.whatsapp a{display:inline-block;margin-top:15px;border:1px solid #28767b;padding:10px 18px;border-radius:11px;color:var(--green);font-weight:700}.clients{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.muted{color:var(--muted)}.client-list{margin-top:28px;border-top:1px solid var(--line)}.client-list div{display:flex;gap:30px;padding:15px 5px;border-bottom:1px solid var(--line);color:#6e9599}.client-list b{color:#ddfbfd}.join{background:var(--panel2);border:1px solid #27747a;border-radius:24px;padding:40px}.join h2{font-size:34px}.contact{padding:80px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.contact>a{color:var(--green);font-weight:700}.whatsapp{padding:32px;background:linear-gradient(145deg,#0c383d,#071d20);border:1px solid #27747a;border-radius:22px}.wa-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#042326}.whatsapp p{font-size:13px}footer{border-top:1px solid var(--line);padding:25px 0;color:#6e9599}footer .container{display:flex;justify-content:space-between}footer b{color:var(--green)}@media(max-width:800px){nav{display:none}.hero,.clients,.contact{grid-template-columns:1fr}.hero{padding:50px 0}.problem-grid,.plans{grid-template-columns:1fr}.section{padding:65px 0}.chat-card{order:2}.hero h1{font-size:45px}.clients{gap:35px}footer .container{flex-direction:column;gap:8px}}
