/* ZX Solutions — single-page site
   Brand: #00406a navy · #009edf cyan · #465467 slate */
:root{
  --navy:#00406a; --navy-d:#002b48; --navy-x:#001a2c;
  --cyan:#009edf; --cyan-d:#0078b3; --cyan-bright:#32c8ff; --cyan-l:#80d3f3;
  --slate:#465467; --muted:#6b7c93;
  --ink:#0e2235;
  --bg:#ffffff; --bg-soft:#f4f7fb; --bg-2:#eef3f9;
  --line:#e2e8f0; --line-2:#cdd7e3;
  --green:#10b981;
  --display:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ar:'Cairo','Tajawal',Tahoma,sans-serif;
  --shadow-sm:0 4px 16px rgba(10,34,53,.06);
  --shadow:0 24px 60px rgba(10,34,53,.12);
  --shadow-lg:0 40px 90px rgba(10,34,53,.18);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
body.rtl{font-family:var(--ar);direction:rtl;text-align:right}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1240px;margin:0 auto;padding:0 28px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:10px;font:600 14.5px/1 var(--display);transition:.2s;border:0;cursor:pointer;line-height:1}
body.rtl .btn{font-family:var(--ar)}
.btn-lg{padding:15px 28px;font-size:15.5px}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--cyan-d);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,64,106,.28)}
.btn-cyan{background:linear-gradient(135deg,var(--cyan),var(--cyan-bright));color:#03253b}
.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,158,223,.4)}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.btn-ghost:hover{background:rgba(255,255,255,.2);border-color:#fff}

/* ===== TOPBAR ===== */
.topbar{background:var(--navy-x);color:rgba(255,255,255,.85);font:500 13px/1 var(--sans)}
body.rtl .topbar{font-family:var(--ar)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:14px}
.tb-left,.tb-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tb-link{color:rgba(255,255,255,.8);display:inline-flex;align-items:center;gap:8px;padding:6px 0;transition:color .18s}
.tb-link:hover{color:var(--cyan-bright)}
.tb-ico{width:22px;height:22px;border-radius:50%;background:rgba(50,200,255,.16);color:var(--cyan-bright);display:inline-grid;place-items:center;flex-shrink:0}
.tb-ico svg{width:12px;height:12px}
.tb-pill{background:rgba(50,200,255,.12);color:var(--cyan-l);padding:4px 11px;border-radius:999px;font-weight:600;font-size:11.5px;letter-spacing:.4px}
.tb-social{display:flex;gap:6px}
.tb-social a{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:rgba(255,255,255,.8);transition:.18s}
.tb-social a:hover{background:var(--cyan);color:#fff}
.tb-lang{padding:5px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-weight:600;font-size:11.5px;letter-spacing:1px}
.tb-lang:hover{background:rgba(255,255,255,.08);color:#fff}

/* ===== HEADER ===== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .25s}
.site-header.scrolled{box-shadow:0 6px 24px rgba(10,34,53,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}
.brand svg{height:42px;width:auto}
.primary-nav{display:flex;gap:2px}
.nav-link{padding:10px 16px;border-radius:9px;color:var(--ink);font-weight:600;font-size:14.5px;font-family:var(--display);transition:.18s;position:relative}
body.rtl .nav-link{font-family:var(--ar)}
.nav-link:hover{color:var(--cyan-d);background:var(--bg-soft)}
.nav-link.active{color:var(--cyan-d)}
.nav-link.active::after{content:"";position:absolute;left:16px;right:16px;bottom:3px;height:2.5px;background:var(--cyan);border-radius:2px}
.nav-actions{display:flex;align-items:center;gap:10px}
.lang-toggle{display:none;padding:9px 13px;border:1.5px solid var(--line-2);border-radius:9px;font-weight:700;font-size:12.5px;color:var(--navy)}
.menu-btn{display:none;background:none;border:0;width:42px;height:42px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-btn span{width:22px;height:2px;background:var(--navy);border-radius:2px;transition:.2s}
.mobile-drawer{display:none;flex-direction:column;gap:4px;padding:14px 28px;background:#fff;border-top:1px solid var(--line)}
.mobile-drawer a{padding:13px 4px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--bg-soft)}
.mobile-drawer .btn{margin-top:8px;justify-content:center}
body.menu-open .mobile-drawer{display:flex}

/* ===== HERO ===== */
.hero{position:relative;background:linear-gradient(135deg,#001a2c 0%,#00406a 50%,#0078b3 100%);color:#fff;padding:90px 0 130px;overflow:hidden;text-align:center}
.hero-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(50,200,255,.22),transparent 35%),radial-gradient(circle at 85% 70%,rgba(0,158,223,.18),transparent 40%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,auto,54px 54px,54px 54px;pointer-events:none}
.hero-inner{position:relative;z-index:1;max-width:900px;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;font:700 12.5px/1 var(--display);letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}
body.rtl .hero-badge{font-family:var(--ar)}
.hb-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan-bright);box-shadow:0 0 0 4px rgba(50,200,255,.25);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(50,200,255,.25)}50%{box-shadow:0 0 0 8px rgba(50,200,255,.35)}}
.hero h1{font:800 clamp(38px,5.6vw,68px)/1.05 var(--display);letter-spacing:-1.5px;margin-bottom:22px}
body.rtl .hero h1{font-family:var(--ar);letter-spacing:0;line-height:1.2}
.hero-sub{font-size:19px;color:rgba(255,255,255,.85);max-width:680px;margin:0 auto 32px;line-height:1.6}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px;max-width:760px;margin-inline:auto}
.hk{text-align:center}
.hk-n{display:block;font:800 40px/1 var(--display);color:#fff;letter-spacing:-1px}
body.rtl .hk-n{font-family:var(--ar)}
.hk-n i{color:var(--cyan-bright);font-style:normal}
.hk-l{display:block;margin-top:8px;font-size:12.5px;color:rgba(255,255,255,.65);letter-spacing:.8px;text-transform:uppercase;font-weight:600}
.hero-wave{position:absolute;left:0;right:0;bottom:-1px;line-height:0}
.hero-wave svg{width:100%;height:80px;display:block}

/* ===== SECTIONS ===== */
.section{padding:90px 0}
.section-soft{background:var(--bg-soft)}
.sec-head{max-width:760px;margin-bottom:50px}
.sec-head.center{margin-inline:auto;text-align:center}
.eyebrow{display:inline-block;padding:5px 14px;background:rgba(0,158,223,.1);color:var(--cyan-d);border-radius:6px;font:700 11.5px/1 var(--display);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
body.rtl .eyebrow{font-family:var(--ar)}
.eyebrow-light{background:rgba(255,255,255,.14);color:#fff}
.sec-head h2{font:800 clamp(28px,3.8vw,46px)/1.1 var(--display);color:var(--navy);letter-spacing:-1px}
body.rtl .sec-head h2{font-family:var(--ar);letter-spacing:0;line-height:1.3}
.sec-head p{color:var(--slate);font-size:17.5px;margin-top:14px;line-height:1.6}

/* ZX / about */
.zx-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.zx-copy p{color:var(--slate);font-size:17px;line-height:1.75;margin-bottom:18px}
.zx-features{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.zx-feat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;grid-template-columns:46px 1fr;gap:14px;transition:.2s}
.zx-feat:hover{box-shadow:var(--shadow-sm);border-color:var(--cyan);transform:translateY(-3px)}
.zx-feat-ic{width:46px;height:46px;border-radius:11px;background:linear-gradient(135deg,rgba(0,158,223,.14),rgba(0,64,106,.06));color:var(--cyan-d);display:grid;place-items:center}
.zx-feat h3{font:700 16px/1.25 var(--display);color:var(--navy);margin-bottom:5px}
body.rtl .zx-feat h3{font-family:var(--ar)}
.zx-feat p{color:var(--slate);font-size:13.5px;line-height:1.5}

/* E-INVOICE */
.section-einv{background:linear-gradient(135deg,var(--navy-x),var(--navy));color:#fff;position:relative;overflow:hidden}
.section-einv::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,158,223,.18),transparent 60%);top:-200px;inset-inline-end:-150px;filter:blur(50px)}
.einv-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.einv-left h2{font:800 clamp(26px,3.4vw,42px)/1.1 var(--display);color:#fff;letter-spacing:-.5px;margin-bottom:16px}
body.rtl .einv-left h2{font-family:var(--ar);line-height:1.3}
.einv-sub{color:rgba(255,255,255,.82);font-size:17px;line-height:1.65;margin-bottom:24px}
.einv-points{list-style:none;display:grid;gap:12px;margin-bottom:30px}
.einv-points li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9);font-size:15px}
.einv-points .ck{width:24px;height:24px;border-radius:50%;background:rgba(50,200,255,.2);flex-shrink:0;position:relative}
.einv-points .ck::after{content:"";position:absolute;left:8px;top:5px;width:6px;height:11px;border:solid var(--cyan-bright);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
body.rtl .einv-points .ck::after{left:auto;right:8px}
.einv-flow{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:28px;backdrop-filter:blur(8px);position:relative}
.einv-flow-badge{display:inline-block;background:rgba(50,200,255,.18);color:var(--cyan-bright);border:1px solid rgba(50,200,255,.3);padding:5px 12px;border-radius:999px;font:700 11.5px/1 var(--display);letter-spacing:.5px;margin-bottom:20px}
body.rtl .einv-flow-badge{font-family:var(--ar)}
.flow-step{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:14px 0;position:relative}
.flow-step::after{content:"";position:absolute;inset-inline-start:19px;top:48px;bottom:-6px;width:2px;background:rgba(255,255,255,.12)}
.flow-step:last-child::after{display:none}
.fs-num{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);display:grid;place-items:center;font:700 15px var(--display);color:rgba(255,255,255,.7);position:relative;z-index:1}
.flow-step.is-done .fs-num{background:var(--green);border-color:var(--green);color:#fff}
.flow-step.is-active .fs-num{background:var(--cyan);border-color:var(--cyan);color:#fff;box-shadow:0 0 0 5px rgba(0,158,223,.2)}
.fs-body strong{display:block;color:#fff;font:700 15px var(--display);margin-bottom:3px}
body.rtl .fs-body strong{font-family:var(--ar)}
.fs-body span{color:rgba(255,255,255,.65);font-size:13px;line-height:1.45}

/* SERVICES */
.srv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.srv-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;transition:.22s;position:relative;overflow:hidden}
.srv-card::before{content:"";position:absolute;top:0;inset-inline-start:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--cyan-bright));transform:scaleX(0);transform-origin:left;transition:transform .3s}
body.rtl .srv-card::before{transform-origin:right}
.srv-card:hover{box-shadow:var(--shadow);transform:translateY(-5px);border-color:var(--cyan)}
.srv-card:hover::before{transform:scaleX(1)}
.srv-ic{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,var(--navy),var(--cyan-d));color:#fff;display:grid;place-items:center;margin-bottom:18px}
.srv-card h3{font:700 17.5px/1.25 var(--display);color:var(--navy);margin-bottom:8px}
body.rtl .srv-card h3{font-family:var(--ar)}
.srv-card p{color:var(--slate);font-size:14px;line-height:1.55}

/* STATS BAND */
.stats-band{background:linear-gradient(135deg,var(--cyan-d),var(--cyan));color:#fff;padding:70px 0;position:relative;overflow:hidden}
.stats-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 30%,rgba(255,255,255,.16),transparent 45%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}
.sb-head{text-align:center;margin-bottom:40px;position:relative}
.sb-head h2{font:800 clamp(26px,3.2vw,38px)/1.1 var(--display);letter-spacing:-.5px}
body.rtl .sb-head h2{font-family:var(--ar);line-height:1.3}
.sb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;position:relative}
.sb-n{display:block;font:800 46px/1 var(--display);letter-spacing:-1px}
body.rtl .sb-n{font-family:var(--ar)}
.sb-l{display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,.8);font-weight:600;letter-spacing:.5px}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start}
.contact-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:120px}
.cs-card{background:linear-gradient(135deg,var(--navy),var(--navy-x));color:#fff;border-radius:18px;padding:30px}
.cs-card h3{font:700 19px/1 var(--display);margin-bottom:18px}
body.rtl .cs-card h3{font-family:var(--ar)}
.cs-list{list-style:none;display:grid;gap:12px;margin-bottom:20px}
.cs-list li{display:flex;align-items:flex-start;gap:11px;color:rgba(255,255,255,.85);font-size:14px;line-height:1.4}
.ck2{width:22px;height:22px;border-radius:6px;background:rgba(50,200,255,.2);flex-shrink:0;position:relative;margin-top:1px}
.ck2::after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid var(--cyan-bright);border-width:0 2px 2px 0;transform:rotate(45deg)}
body.rtl .ck2::after{left:auto;right:8px}
.cs-note{background:rgba(255,255,255,.07);border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:14px 16px;font-size:13px;color:rgba(255,255,255,.78);line-height:1.5}
.cs-contact{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:4px}
.csc-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--ink);font-weight:600;font-size:14.5px;transition:.18s}
.csc-row:hover{background:var(--bg-soft);color:var(--cyan-d)}
.csc-ic{width:38px;height:38px;border-radius:10px;background:rgba(0,158,223,.1);color:var(--cyan-d);display:grid;place-items:center;flex-shrink:0}

/* subscribe form */
.subscribe-form{display:grid;gap:18px}
.sf-group{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow-sm)}
.sf-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.sf-letter{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--cyan-d));color:#fff;display:grid;place-items:center;font:800 16px var(--display);flex-shrink:0}
body.rtl .sf-letter{font-family:var(--ar)}
.sf-head h3{font:700 19px/1 var(--display);color:var(--navy)}
body.rtl .sf-head h3{font-family:var(--ar)}
.sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sf-field{display:flex;flex-direction:column;gap:7px}
.sf-field.full{grid-column:1/-1}
.sf-field label{font:600 13px/1.3 var(--display);color:var(--navy)}
body.rtl .sf-field label{font-family:var(--ar)}
.req{color:#e54848}
.sf-field input,.sf-field textarea{width:100%;border:1.5px solid var(--line);background:var(--bg-soft);border-radius:10px;padding:12px 14px;font:14.5px var(--sans);color:var(--ink);outline:none;transition:.18s}
body.rtl .sf-field input,body.rtl .sf-field textarea{font-family:var(--ar)}
.sf-field input:focus,.sf-field textarea:focus{border-color:var(--cyan);background:#fff;box-shadow:0 0 0 4px rgba(0,158,223,.1)}
.sf-field textarea{min-height:88px;resize:vertical}
.sf-file{position:relative;display:flex;align-items:center;gap:13px;border:1.5px dashed var(--line-2);border-radius:12px;padding:16px;cursor:pointer;background:var(--bg-soft);transition:.18s}
.sf-file:hover{border-color:var(--cyan);background:rgba(0,158,223,.04)}
.sf-file-ic{width:42px;height:42px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--cyan-d);display:grid;place-items:center;flex-shrink:0}
.sf-file-txt{display:flex;flex-direction:column;gap:2px}
.sf-file-txt strong{font:600 13.5px var(--display);color:var(--navy)}
body.rtl .sf-file-txt strong{font-family:var(--ar)}
.sf-file-txt em{font-style:normal;font-size:12px;color:var(--muted)}
.sf-file input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.sf-submit{background:linear-gradient(135deg,var(--navy),var(--navy-x));color:#fff;border-radius:18px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.sf-submit::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px}
.sf-submit>*{position:relative}
.sf-submit strong{display:block;font:700 18px var(--display);margin-bottom:6px}
body.rtl .sf-submit strong{font-family:var(--ar)}
.sf-submit p{color:rgba(255,255,255,.7);font-size:13.5px;max-width:420px}
.form-done{display:none;align-items:center;gap:12px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#0a7d57;border-radius:12px;padding:16px 20px;font-size:14.5px;font-weight:600}
.form-done.show{display:flex}
.form-done .fd-ic{width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;flex-shrink:0}

/* ===== FOOTER ===== */
.site-footer{background:var(--navy-x);color:#cfdde9;padding:70px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr;gap:40px}
.f-logo{height:46px;width:auto}
.f-tag{margin-top:18px;color:rgba(255,255,255,.6);font-size:14.5px;max-width:300px;line-height:1.6}
.f-contact{margin-top:18px;display:grid;gap:6px}
.f-contact a{color:var(--cyan-l);font-weight:600;font-size:14px}
.f-contact a:hover{color:#fff}
.f-col h4{color:#fff;font:700 13px/1 var(--display);margin-bottom:18px;letter-spacing:1.5px;text-transform:uppercase}
body.rtl .f-col h4{font-family:var(--ar)}
.f-col a{display:block;padding:6px 0;color:rgba(255,255,255,.7);font-size:14.5px;transition:.18s}
.f-col a:hover{color:var(--cyan-bright)}
.f-social{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}
.f-social a{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#cfdde9;transition:.2s}
.f-social a:hover{background:var(--cyan);color:#fff;transform:translateY(-2px)}
.f-bottom{margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.5)}
.demo-note{color:var(--cyan-bright)}

/* ===== WHATSAPP FLOAT ===== */
.wa-float{position:fixed;top:50%;inset-inline-end:18px;transform:translateY(-50%);z-index:998;display:inline-flex;align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;width:60px;height:60px;border-radius:50%;box-shadow:0 14px 40px rgba(37,211,102,.45),0 4px 14px rgba(0,0,0,.15);overflow:hidden;transition:width .35s cubic-bezier(.22,.61,.36,1),box-shadow .25s,transform .25s}
.wa-float:hover{width:auto;padding-inline-end:24px;box-shadow:0 18px 48px rgba(37,211,102,.55);transform:translateY(-50%) scale(1.03)}
.wa-icon{flex:0 0 60px;width:60px;height:60px;display:inline-grid;place-items:center;position:relative;z-index:2}
.wa-icon svg{width:32px;height:32px}
.wa-label{font:600 14px/1 var(--sans);white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transition:max-width .35s,opacity .25s,padding-inline-start .35s}
body.rtl .wa-label{font-family:var(--ar)}
.wa-float:hover .wa-label{max-width:240px;opacity:1;padding-inline-start:10px}
.wa-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:wa-wave 2s ease-out infinite;pointer-events:none}
.wa-pulse::before,.wa-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:wa-wave 2s ease-out infinite}
.wa-pulse::before{animation-delay:.7s}.wa-pulse::after{animation-delay:1.4s}
@keyframes wa-wave{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}

/* ===== RESPONSIVE ===== */
@media (max-width:1000px){
  .primary-nav,.nav-cta,.lang-toggle{display:none}
  .menu-btn{display:flex}
  .zx-grid,.einv-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
  .srv-grid{grid-template-columns:repeat(2,1fr)}
  .sb-grid,.hero-kpis{grid-template-columns:repeat(2,1fr);gap:24px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .contact-side{position:static}
  .section{padding:64px 0}
  .tb-social{display:none}
}
@media (max-width:600px){
  .srv-grid,.zx-features,.sb-grid,.footer-grid,.hero-kpis,.sf-grid{grid-template-columns:1fr}
  .container{padding:0 18px}
  .topbar .tb-txt{display:none}
  .tb-left{gap:12px}
  .hero{padding:60px 0 100px}
  .sf-submit{flex-direction:column;align-items:flex-start}
  .sf-group{padding:22px}
  .wa-float{width:54px;height:54px}
  .wa-icon{flex:0 0 54px;width:54px;height:54px}
  .wa-float:hover{width:54px;padding-inline-end:0}
  .wa-float:hover .wa-label{max-width:0;opacity:0;padding-inline-start:0}
}