:root{--brand:#0d3ea0;--brand-dark:#0a2f7a;--text:#0f172a;--muted:#475569;--bg:#ffffff;--bg-alt:#f1f5f9;--border:#e2e8f0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Cairo',system-ui,-apple-system,'Segoe UI','Poppins',sans-serif;color:var(--text);
  background:var(--bg);
  background-image:
    linear-gradient(135deg,#f7fbff 0%,#edf4ff 35%,#eef2ff 100%),
    radial-gradient(900px 520px at 0% 0%,rgba(14,162,255,.14) 0%,transparent 60%),
    radial-gradient(760px 480px at 100% 100%,rgba(13,62,160,.10) 0%,transparent 60%),
    url('assets/images/bg.jpg');
  background-position:center,center,center,center;
  background-size:cover,cover,cover,cover;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-attachment: fixed;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:10;display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.85rem}
.brand-logo{width:160px;height:160px;object-fit:contain}
.brand-text{position:relative;font-weight:800;color:var(--brand);font-size:1.35rem;letter-spacing:.3px;animation:brandEnter .6s ease both}
.brand-text::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:3px;background:linear-gradient(90deg,var(--brand) 0%,#0EA2FF 50%,var(--brand) 100%);background-size:200% auto;border-radius:2px;animation:brandUnderline 4s linear infinite}
@keyframes brandUnderline{0%{background-position:0%}100%{background-position:200%}}
@keyframes brandEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.nav-toggle{display:none;background:transparent;border:none;font-size:1.6rem}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:1rem;flex:1 1 0;justify-content:flex-end}
.site-nav a{padding:.6rem .9rem;border-radius:.6rem;color:var(--text);font-weight:600}
.site-nav a.active{color:var(--brand)}
.site-nav a:hover{background:var(--bg-alt)}
.site-nav .cta{background:var(--brand);color:#fff;border:1px solid var(--brand);box-shadow:0 2px 6px rgba(13,62,160,.15)}
.lang-switch{display:flex;gap:.35rem;margin-inline-start:.5rem}
.lang-switch button{border:1px solid var(--border);background:#fff;padding:.45rem .6rem;border-radius:.5rem;cursor:pointer;font-weight:600}
.lang-switch button.active{background:var(--brand);color:#fff;border-color:var(--brand)}

.hero{position:relative;min-height:64vh;display:grid;place-items:center;text-align:center;color:#fff;
  background-image:linear-gradient(180deg,rgba(13,62,160,.65),rgba(10,47,122,.55)),url('assets/images/Land-Sea-Air-Transportation.jpg');
  background-position:center;background-size:cover;background-repeat:no-repeat}
.hero::before{content:none}
.hero-overlay{padding:3rem 1rem}
.hero-overlay{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:1rem;backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,.15)}
.hero-collage{display:none}
.hero h1{font-size:2rem;margin:.5rem 0}
.hero p{font-size:1.125rem;opacity:.9}
.hero .btn{margin-top:1rem}

.section{padding:3rem 0}
.page-hero.compact{background:var(--bg-alt);border-bottom:1px solid var(--border);padding:2rem 0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.cards-large{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--border);border-radius:.75rem;padding:1rem}
.card{transition:.25s ease;box-shadow:0 2px 10px rgba(13,62,160,.06)}
.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(13,62,160,.12)}
.card .icon{font-size:1.5rem}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{padding:.5rem .75rem;border:1px dashed var(--border);border-radius:.5rem;margin-bottom:.5rem}

.btn{display:inline-block;padding:.75rem 1rem;border-radius:.6rem}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{filter:brightness(1.05)}
.btn-secondary{background:#fff;border:1px solid var(--brand);color:var(--brand)}
.btn-secondary:hover{background:var(--brand);color:#fff}

@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(14px)}
.reveal.in{opacity:1;transform:none;animation:fadeUp .6s ease both}

.site-footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:2rem 0;margin-top:2rem}
.footer-grid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:1rem}
.footer-brand{display:flex;align-items:center;gap:.5rem}
.footer-brand img{width:64px;height:64px;object-fit:contain}
.footnote{color:var(--muted)}
.contact-list{list-style:none;padding:0;margin:0}
.contact-list li{margin:.35rem 0}

.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem}
.commitment{margin-top:1rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:.75rem;padding:1rem}

.contact-form{background:#fff;border:1px solid var(--border);border-radius:.75rem;padding:1rem}
.form-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}
.form-row input,.form-row textarea{padding:.6rem;border:1px solid var(--border);border-radius:.5rem}
.form-status{margin-top:.5rem;color:var(--brand)}
.map iframe{width:100%;height:320px;border:0;border-radius:.75rem}

@media (max-width:980px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .cards-large{grid-template-columns:repeat(2,1fr)}
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .grid-2{grid-template-columns:1fr}
}
@media (max-width:720px){
  .nav-toggle{display:block}
  .site-nav{position:fixed;inset:170px 0 auto 0;background:#fff;border-bottom:1px solid var(--border);padding:.75rem 1rem;display:none;flex-direction:column;gap:.5rem}
  .site-nav.open{display:flex}
  .site-nav a{padding:.9rem 1rem;font-size:1rem}
  .brand-logo{width:120px;height:120px}
  .cards{grid-template-columns:1fr}
  .cards-large{grid-template-columns:1fr}
  .features-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}

*:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
html{scroll-padding-top:180px}
.section h2{margin-top:0;margin-bottom:1rem}
h1{font-size:clamp(1.8rem,2.4vw+1rem,2.6rem);line-height:1.2}
h2{font-size:clamp(1.4rem,1.6vw+1rem,2rem);line-height:1.3}
h3{font-size:clamp(1.15rem,1.1vw+1rem,1.35rem);line-height:1.35}
p{line-height:1.75}
.form-status.success{color:#16a34a}
.form-status.error{color:#dc2626}