/* ============================================================
   DRONEX V2 — style.css
   ============================================================ */

:root{
  --bg:#03101a; --bg2:#061824; --panel:#071b29;
  --line:rgba(93,196,231,.28);
  --cyan:#16d9ff; --cyan2:#73efff; --green:#20f5a0;
  --text:#e8f6fb; --muted:#8ba8b6; --muted2:#5f7b89;
  --max:1440px; --wa:#25d366;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;
  background:
    linear-gradient(rgba(23,214,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,214,255,.045) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:50;
  background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:100% 4px;opacity:.18;
}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.container{width:min(var(--max),92vw);margin:auto}
.section{padding:76px 0;border-top:1px solid rgba(93,196,231,.08)}
.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.section-title{font-size:clamp(28px,3vw,42px);margin-top:7px;line-height:1.05}
.section-subtitle{color:var(--muted);max-width:720px;line-height:1.7;margin-top:10px;font-size:14px}

/* NAV */
.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:74px;background:rgba(2,12,20,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(93,196,231,.12)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em}
.brand-mark{width:26px;height:26px;position:relative}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:3px;border:2px solid var(--cyan);transform:rotate(45deg);border-radius:5px}
.brand-mark:after{inset:9px;border-color:var(--green);transform:rotate(0)}
.nav-links{display:flex;gap:18px;height:100%;align-items:center}
.nav-links a{font-size:12px;color:#9db4c0;position:relative}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a.active:after{content:"";position:absolute;height:2px;background:var(--cyan);left:0;right:0;bottom:-28px}
.nav-actions{display:flex;align-items:center;gap:10px}
.lang-switch{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}
.lang-switch a{color:var(--muted)}
.lang-switch a.active{color:#fff;font-weight:700}
.nav-cta{padding:9px 14px;border:1px solid var(--cyan);color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:.25s;background:rgba(9,33,46,.55)}
.nav-cta:hover{background:var(--cyan);color:#00131b}
.nav-wa{padding:9px 12px;border:1px solid var(--wa);color:var(--wa);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.nav-wa:hover{background:var(--wa);color:#00131b}

/* HERO */
.hero{min-height:650px;height:92vh;max-height:900px;position:relative;display:flex;align-items:center;overflow:hidden;background:#06131d}
.hero-media{position:absolute;inset:0}
.hero-media img{filter:saturate(.8) contrast(1.05);transform:scale(1.02)}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,20,.96) 0%,rgba(2,12,20,.72) 36%,rgba(2,12,20,.18) 72%,rgba(2,12,20,.48) 100%),linear-gradient(0deg,rgba(2,12,20,.96),transparent 35%,rgba(2,12,20,.25))}
.hero-content{position:relative;z-index:2;padding-top:74px;width:62%}
.hero h1{font-size:clamp(34px,4.2vw,60px);line-height:1.06;letter-spacing:-.035em;max-width:860px;margin:16px 0 18px}
.hero h1 span{color:var(--cyan)}
.hero p{max-width:660px;color:#b5cbd4;line-height:1.75;font-size:15px}
.cta-row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero-contact{margin-top:22px;font-size:12px;color:#8ba8b6;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hero-contact a{color:#9db4c0;transition:.2s}
.hero-contact a:hover{color:var(--cyan)}
.hero-contact .dot-sep{color:var(--muted2)}
.btn{padding:12px 22px;border:1px solid var(--cyan);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:.25s;background:rgba(9,33,46,.55);display:inline-flex;align-items:center;gap:8px}
.btn.primary{background:var(--cyan);color:#00131b}
.btn.wa{border-color:var(--wa);color:var(--wa)}
.btn.wa:hover{background:var(--wa);color:#00131b}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(22,217,255,.2)}
.corner{position:absolute;width:32px;height:32px;border-color:var(--cyan);opacity:.75;z-index:3}
.corner.tl{top:92px;left:4%;border-top:1px solid;border-left:1px solid}
.corner.tr{top:92px;right:4%;border-top:1px solid;border-right:1px solid}
.corner.bl{bottom:24px;left:4%;border-bottom:1px solid;border-left:1px solid}
.corner.br{bottom:24px;right:4%;border-bottom:1px solid;border-right:1px solid}

/* CAPABILITY STRIP */
.capability-strip{border-top:1px solid rgba(93,196,231,.12);border-bottom:1px solid rgba(93,196,231,.12);background:linear-gradient(90deg,rgba(7,27,41,.9),rgba(4,17,27,.9))}
.capability-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.capability-inner.capability-6{grid-template-columns:repeat(6,1fr)}
.capability-item{padding:22px 18px;border-right:1px solid rgba(93,196,231,.12);display:flex;flex-direction:column;gap:5px}
.capability-item:last-child{border-right:none}
.capability-item b{font-size:12px;color:#fff;letter-spacing:.02em;line-height:1.3}
.capability-item span{font-size:9px;color:var(--muted2);text-transform:uppercase;letter-spacing:.1em}

/* PRODUCTS */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.product-card{border:1px solid var(--line);background:linear-gradient(150deg,#081d2b,#04111b);position:relative;overflow:hidden;transition:.3s;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-4px);border-color:rgba(22,217,255,.7)}
.product-image{height:170px;position:relative;overflow:hidden;background:#061824}
.product-image img{transition:.5s;filter:saturate(.75) brightness(.8)}
.product-card:hover .product-image img{transform:scale(1.05);filter:saturate(1) brightness(.95)}
.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,17,27,.85),transparent 60%)}
.product-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.product-code{color:var(--cyan);font-size:9px;letter-spacing:.14em}
.product-body h3{font-size:17px}
.product-body p{color:var(--muted);font-size:11px;line-height:1.6}
.product-specs{list-style:none;margin-top:6px;display:grid;gap:4px}
.product-specs li{font-size:10px;color:#9fb8c2;display:flex;justify-content:space-between;border-bottom:1px dashed rgba(93,196,231,.14);padding-bottom:3px;gap:8px}
.product-specs li span:last-child{color:var(--muted2);text-align:right;flex-shrink:0;max-width:60%}
.product-actions{display:flex;gap:8px;margin-top:auto;padding-top:10px}
.product-actions .btn{padding:8px 12px;font-size:10px;flex:1;justify-content:center}
.product-actions .btn.ghost{background:transparent}
.product-disclaimer{font-size:9px;color:var(--muted2);line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(93,196,231,.14)}
.product-card-custom{background:radial-gradient(circle at 70% 30%,rgba(22,217,255,.12),transparent 45%),linear-gradient(150deg,#081d2b,#04111b);border-color:rgba(22,217,255,.45)}
.product-card-custom .product-body{justify-content:center;min-height:100%;padding:24px 20px}
.product-card-custom h3{font-size:19px}
.product-card-custom p{font-size:11px;line-height:1.7}

/* PRODUCT NOTE */
.product-note{
  margin-top:30px;
  padding:20px 26px;
  border-left:3px solid var(--cyan);
  background:rgba(22,217,255,.04);
  font-size:13px;
  color:var(--muted);
  line-height:1.7;
}
.product-note strong{color:#fff}
.product-note a{color:var(--cyan);font-weight:700;margin-left:6px;transition:.2s}
.product-note a:hover{color:#fff}

/* CATALOG DOWNLOAD BOX */
.catalog-download-box{
  margin-top:24px;
  padding:24px 30px;
  border:1px solid rgba(22,217,255,.4);
  background:linear-gradient(135deg,rgba(22,217,255,.06),rgba(32,245,160,.04));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
}
.catalog-copy h3{font-size:18px;margin-bottom:6px}
.catalog-copy p{font-size:12px;color:var(--muted);line-height:1.7;max-width:720px}

/* SOLUTIONS */
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.solution-card{border:1px solid var(--line);background:#071a27;padding:20px;position:relative;overflow:hidden;transition:.3s}
.solution-card:hover{border-color:rgba(22,217,255,.6);transform:translateY(-3px)}
.solution-card h3{font-size:17px;margin-bottom:6px}
.solution-card p{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0 10px}
.solution-card ul{list-style:none;display:grid;gap:5px}
.solution-card li{font-size:11px;color:var(--muted);padding-left:14px;position:relative}
.solution-card li:before{content:"›";position:absolute;left:0;color:var(--cyan);font-weight:700}
.solution-num{position:absolute;top:16px;right:18px;font-size:11px;color:var(--muted2);letter-spacing:.1em}

/* TRAINING */
.training-section{
  background:radial-gradient(circle at 80% 20%,rgba(32,245,160,.06),transparent 40%),linear-gradient(135deg,#04111b,#071b29);
  border-top:1px solid rgba(93,196,231,.12);
  border-bottom:1px solid rgba(93,196,231,.12);
}
.training-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.training-card{border:1px solid var(--line);background:#071a27;padding:22px;position:relative;overflow:hidden;transition:.3s;display:flex;flex-direction:column;gap:10px}
.training-card:hover{border-color:rgba(32,245,160,.6);transform:translateY(-3px)}
.training-card .training-code{font-size:10px;color:var(--green);letter-spacing:.14em}
.training-card h3{font-size:16px}
.training-card p{font-size:11px;color:var(--muted);line-height:1.7;flex:1}
.training-card .training-price{font-size:13px;color:#fff;font-weight:700;margin-top:6px}
.training-card .training-price span{font-size:10px;color:var(--muted2);font-weight:400}
.training-card .btn{padding:8px 12px;font-size:10px;justify-content:center}
.training-note{margin-top:24px;font-size:11px;color:var(--muted2);line-height:1.7}

/* CAREERS */
.careers-section{background:radial-gradient(circle at 20% 30%,rgba(22,217,255,.05),transparent 40%),linear-gradient(135deg,#04111b,#071b29)}
.careers-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.careers-card{border:1px solid var(--line);background:#071a27;padding:28px;position:relative;overflow:hidden}
.careers-card h3{font-size:19px;margin-bottom:14px}
.careers-card ul{list-style:none;display:grid;gap:8px;margin-bottom:20px}
.careers-card li{font-size:12px;color:var(--muted);padding-left:18px;position:relative;line-height:1.6}
.careers-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
.careers-card .btn{width:100%;justify-content:center}

/* TECH MATRIX */
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tech-card{min-height:250px;border:1px solid var(--line);background:linear-gradient(150deg,#081d2b,#04111b);position:relative;overflow:hidden;transition:.3s}
.tech-card:hover{transform:translateY(-4px);border-color:rgba(22,217,255,.7)}
.tech-image{height:138px;position:relative;overflow:hidden;background:#061824}
.tech-image img{transition:.5s;filter:saturate(.7) brightness(.75)}
.tech-card:hover .tech-image img{transform:scale(1.05);filter:saturate(1) brightness(.9)}
.tech-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,17,27,.8),transparent 60%)}
.tech-body{padding:15px}
.tech-code{color:var(--cyan);font-size:9px;letter-spacing:.14em}
.tech-body h3{font-size:17px;margin:6px 0}
.tech-body p{color:var(--muted);font-size:11px;line-height:1.6}
.swarm-art{position:relative;inset:auto;background:radial-gradient(circle at 25% 35%,rgba(22,217,255,.2),transparent 3%),radial-gradient(circle at 72% 25%,rgba(32,245,160,.2),transparent 3%),linear-gradient(135deg,#06131d,#0a2533)}
.swarm-art svg{width:100%;height:100%}

/* ABOUT */
.compliance-box{margin-top:24px;border:1px solid var(--line);background:#071a27;padding:24px;border-left:3px solid var(--cyan)}
.compliance-box h3{font-size:16px;margin-bottom:10px}
.compliance-box p{font-size:12px;color:var(--muted);line-height:1.8}

/* QUOTE FORM */
.form-wrap{max-width:820px;margin:30px auto 0;border:1px solid var(--line);background:#071a27;padding:30px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:flex;flex-direction:column;gap:6px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:11px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.form-field input,.form-field select,.form-field textarea{background:rgba(2,17,27,.7);border:1px solid var(--line);color:var(--text);padding:11px 13px;font-size:13px;font-family:inherit;outline:none;transition:.25s}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--cyan)}
.form-field textarea{min-height:120px;resize:vertical}
.form-actions{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.contact-card{border:1px solid var(--line);background:#071a27;padding:20px;position:relative;overflow:hidden;transition:.3s}
.contact-card:hover{border-color:rgba(22,217,255,.6);transform:translateY(-3px)}
.contact-card h3{font-size:13px;color:#fff;margin-bottom:10px;letter-spacing:.05em;text-transform:uppercase}
.contact-card p{font-size:12px;color:var(--muted);line-height:1.7}
.contact-card p a{color:var(--cyan);transition:.2s}
.contact-card p a:hover{color:#fff}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:120;width:54px;height:54px;border-radius:50%;background:var(--wa);color:#00131b;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(37,211,102,.35);transition:.25s;font-size:24px}
.wa-float:hover{transform:scale(1.08)}

/* FOOTER */
footer{padding:40px 0 30px;border-top:1px solid rgba(93,196,231,.12);color:#607b88;font-size:11px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:30px;margin-bottom:30px}
.footer-col h4{font-size:11px;color:#fff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.footer-col a{display:block;font-size:11px;color:#8ba8b6;padding:4px 0}
.footer-col a:hover{color:var(--cyan)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:20px;border-top:1px solid rgba(93,196,231,.12);flex-wrap:wrap}

/* RTL */
html[dir="rtl"] body{font-family:"Noto Sans Arabic",Inter,ui-sans-serif,system-ui,Arial,sans-serif}
html[dir="rtl"] .nav-inner,html[dir="rtl"] .nav-links,html[dir="rtl"] .nav-actions,html[dir="rtl"] .brand,html[dir="rtl"] .cta-row,html[dir="rtl"] .form-actions,html[dir="rtl"] .footer-bottom{flex-direction:row-reverse}
html[dir="rtl"] .hero-content{text-align:right}
html[dir="rtl"] .hero-contact{flex-direction:row-reverse;justify-content:flex-end}
html[dir="rtl"] .corner.tl{left:auto;right:4%;border-left:none;border-right:1px solid}
html[dir="rtl"] .corner.tr{right:auto;left:4%;border-right:none;border-left:1px solid}
html[dir="rtl"] .corner.bl{left:auto;right:4%;border-left:none;border-right:1px solid}
html[dir="rtl"] .corner.br{right:auto;left:4%;border-right:none;border-left:1px solid}
html[dir="rtl"] .capability-item{border-right:none;border-left:1px solid rgba(93,196,231,.12);text-align:right}
html[dir="rtl"] .capability-item:last-child{border-left:none}
html[dir="rtl"] .product-body,html[dir="rtl"] .solution-card,html[dir="rtl"] .training-card,html[dir="rtl"] .careers-card,html[dir="rtl"] .contact-card,html[dir="rtl"] .form-field{text-align:right}
html[dir="rtl"] .footer-col{text-align:right}
html[dir="rtl"] .wa-float{right:auto;left:22px}

/* MOBILE */
@media(max-width:1100px){
  .hero-content{width:66%}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .solutions-grid{grid-template-columns:repeat(2,1fr)}
  .training-grid{grid-template-columns:repeat(2,1fr)}
  .careers-grid{grid-template-columns:1fr}
  .tech-grid{grid-template-columns:repeat(2,1fr)}
  .capability-inner.capability-6{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
  .nav-links{gap:12px}
  .nav-links a{font-size:11px}
}
@media(max-width:760px){
  .nav{height:64px}
  .nav-links{display:none}
  .nav-cta{display:none}
  .hero{height:800px;min-height:760px}
  .hero-content{width:100%;padding-top:80px}
  .hero h1{font-size:32px}
  .hero p{font-size:13px}
  .hero-contact{font-size:11px}
  .capability-inner,.capability-inner.capability-6{grid-template-columns:1fr}
  .capability-item{border-right:none;border-bottom:1px solid rgba(93,196,231,.12);padding:18px 20px}
  .capability-item:last-child{border-bottom:none}
  .product-grid,.solutions-grid,.training-grid,.tech-grid{grid-template-columns:1fr}
  .careers-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .wa-float{right:14px;bottom:14px}
  .catalog-download-box{flex-direction:column;align-items:flex-start}
}