:root{
    --navy:#0B1622; --navy2:#12283c; --navy3:#070E16;
    --orange:#E8622C; --orange2:#f2743e; --sand:#F3EEE4;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--navy);color:#fff;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}
  body.ar{font-family:'Cairo',system-ui,sans-serif}
  img,svg,video{max-width:100%}
  a,button{cursor:pointer}

  /* ---- Everything centered, responsive margins via .wrap ---- */
  .wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(24px,5vw,64px);text-align:start}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--orange2)}
  .eyebrow::before{content:"";height:1px;width:24px;background:var(--orange)}
  body.ar .eyebrow{letter-spacing:normal}
  .eyebrow.dark{color:var(--orange)}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;padding:14px 24px;border-radius:2px;border:none;text-decoration:none;transition:.2s;font-size:15px;font-family:inherit}
  .btn-o{background:var(--orange);color:var(--navy)}
  .btn-o:hover{background:var(--orange2)}
  .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}
  .btn-ghost:hover{border-color:rgba(255,255,255,.6)}
  .btn-dark{background:var(--navy);color:#fff}
  .btn-dark:hover{background:var(--navy2)}
  h1,h2,h3{letter-spacing:-.02em}
  body.ar h1,body.ar h2,body.ar h3{letter-spacing:normal}

  header{position:fixed;top:0;left:0;right:0;z-index:50;transition:.3s;padding:14px 0}
  header.scrolled{background:rgba(11,22,34,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1)}
  .nav{display:flex;align-items:center;justify-content:space-between;text-align:initial}
  .logo{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;font-weight:700}
  .logo-img{height:60px;width:auto;display:block;transform-origin:center;transition:transform .7s cubic-bezier(.22,.61,.36,1);opacity:0}
  .logo-img.landed{opacity:1}
  .logo:hover .logo-img{transform:rotate(360deg)}
  @media(max-width:820px){.logo-img{height:48px}}
  .navlinks{display:flex;align-items:center;gap:4px}
  .navlinks button{background:none;border:none;color:rgba(255,255,255,.7);font-size:14px;padding:8px 14px;border-radius:2px;font-family:inherit}
  .navlinks button:hover{color:#fff}
  .navlinks button.active{color:var(--orange2)}
  .lang-btn{border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;font-weight:600;padding:7px 14px!important;margin-inline-start:6px}
  .lang-btn:hover{border-color:var(--orange)!important;color:var(--orange2)!important}
  .menu-btn{display:none;background:none;border:none;color:#fff;font-size:24px}
  @media(max-width:820px){
    .navlinks{display:none}
    .menu-btn{display:block}
    .navlinks.open{display:flex;flex-direction:column;align-items:center;position:absolute;top:60px;left:0;right:0;background:var(--navy);border-top:1px solid rgba(255,255,255,.1);padding:12px 20px}
    .navlinks.open button{width:100%;text-align:center;padding:11px 0}
  }

  .topo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

  .hero{position:relative;min-height:92vh;min-height:92svh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(120% 100% at 70% 20%, #16324a 0%, var(--navy) 55%, #060d15 100%)}
  .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;background:var(--navy)}
  .hero-video-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(11,22,34,.75),rgba(11,22,34,.55) 50%,rgba(11,22,34,.85))}
  .hero .topo{z-index:2;opacity:.5}
  .hero-inner{position:relative;z-index:3;padding:clamp(130px,16vh,180px) 0 clamp(80px,10vh,110px)}
    .hero h1{font-size:clamp(40px,8vw,84px);font-weight:900;line-height:.98;margin-top:20px}
  .hero h1 .o{color:var(--orange)}
  .hero p{max-width:600px;color:rgba(255,255,255,.75);font-size:clamp(16px,2.2vw,18px);margin-top:24px}
  .hero-btns{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px}
  .stats{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:560px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}
  .stats .n{color:var(--orange);font-weight:900;font-size:clamp(16px,2.5vw,22px)}
  .stats .l{color:rgba(255,255,255,.5);font-size:12px;margin-top:4px}
  @media(max-width:420px){.hero h1{font-size:clamp(34px,11vw,46px)}.btn{padding:12px 18px;font-size:14px}.stats{gap:12px}}

  section.sand{background:var(--sand);color:var(--navy);padding:clamp(72px,10vw,110px) 0}
  section.dark{background:var(--navy);padding:clamp(72px,10vw,110px) 0;position:relative;overflow:hidden}
  .sec-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
  .sec-head h2{font-size:clamp(26px,4.5vw,40px);font-weight:900;margin-top:8px}
  .sand h2{color:var(--navy)} .dark h2{color:#fff}
  .link-btn{background:none;border:none;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px;color:inherit;font-family:inherit;margin-top:8px}

  .grid4{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(11,22,34,.1);border:1px solid rgba(11,22,34,.1)}
  @media(min-width:761px) and (max-width:1024px){.grid4{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)!important}}
  @media(max-width:760px){.grid4{grid-template-columns:1fr}}
  .card{background:var(--sand);padding:28px;transition:.2s}
  .card:hover{background:#fff}
  .card .ico{color:var(--orange);font-size:26px}
  .card h3{margin-top:16px;font-size:18px;font-weight:700;color:var(--navy)}
  .card p{margin-top:10px;font-size:14px;color:rgba(11,22,34,.65)}

  .steps{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
  @media(max-width:760px){.steps{grid-template-columns:1fr}}
  .step .num{color:var(--orange);font-family:ui-monospace,monospace;font-weight:700;font-size:14px}
  .step .rule{margin:8px 0 0;height:1px;width:100%;background:rgba(255,255,255,.15)}
  .step h3{margin-top:16px;color:#fff;font-size:18px;font-weight:700}
  .step p{margin-top:8px;color:rgba(255,255,255,.55);font-size:14px}

  .cta{background:var(--orange);padding:clamp(64px,8vw,88px) 0}
  .cta-in{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
  .cta h2{color:var(--navy);font-size:clamp(26px,4.5vw,40px);font-weight:900}
  .cta p{color:rgba(11,22,34,.75);margin-top:4px;max-width:500px}

  .phead{position:relative;background:var(--navy);padding:clamp(130px,15vh,160px) 0 clamp(56px,7vw,72px);overflow:hidden}
  .phead h1{font-size:clamp(32px,6vw,56px);font-weight:900;margin-top:16px}
  .phead p{margin:16px 0 0;max-width:640px;color:rgba(255,255,255,.65);font-size:clamp(16px,2.2vw,18px)}

  .rows{margin-top:0;background:rgba(11,22,34,.1);border:1px solid rgba(11,22,34,.1);display:flex;flex-direction:column;gap:1px}
  .row{background:var(--sand);padding:clamp(24px,4vw,36px);display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:8px 20px;transition:.2s;text-align:start}
  .row:hover{background:#fff}
  .row .num{font-family:ui-monospace,monospace;color:var(--orange);font-weight:700;font-size:14px}
  .row .ico{color:var(--navy);font-size:30px;grid-row:1/3}
  .row .num{font-family:ui-monospace,monospace;color:var(--orange);font-weight:700;font-size:14px;grid-row:1/3;padding-top:4px}
  .row h3{grid-column:3;color:var(--navy);font-size:20px;font-weight:700}
  .row p{grid-column:3;margin-top:6px;color:rgba(11,22,34,.65)}
  .row h3{color:var(--navy);font-size:20px;font-weight:700}
  .row p{margin-top:6px;color:rgba(11,22,34,.65)}
  .panel{background:var(--navy);padding:clamp(28px,5vw,44px);border-radius:2px;margin-top:48px;text-align:start}
  .panel h3{color:#fff;font-size:clamp(22px,3.5vw,26px);font-weight:800}
  .panel p{color:rgba(255,255,255,.65);margin:12px 0 0;max-width:680px}

  .builds{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
  @media(max-width:640px){.builds{grid-template-columns:1fr}}
  .build{background:var(--navy);border-radius:2px;overflow:hidden}
  .build .img{position:relative;height:200px;background:linear-gradient(135deg,var(--navy2),var(--navy));overflow:hidden}
  .build .tag{position:absolute;top:16px;inset-inline-start:16px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--orange2);background:rgba(11,22,34,.6);padding:4px 10px;border-radius:2px}
  body.ar .build .tag{letter-spacing:normal}
  .build .body{padding:24px}
  .build h3{color:#fff;font-size:20px;font-weight:700}
  .build p{margin-top:8px;color:rgba(255,255,255,.55);font-size:14px}
  .build .van{position:absolute;bottom:12px;inset-inline-end:16px;font-size:56px;opacity:.15}

  .about-wrap{max-width:760px;margin:0;text-align:start}
  .about-wrap .lead{color:var(--navy);font-size:clamp(18px,3vw,20px);font-weight:600}
  .about-wrap p.body{margin-top:20px;color:rgba(11,22,34,.7)}
  .factgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(11,22,34,.1);border:1px solid rgba(11,22,34,.1);margin-top:48px}
  @media(max-width:640px){.factgrid{grid-template-columns:repeat(2,1fr)}}
  .fact{background:var(--sand);padding:24px}
  .fact .n{color:var(--orange);font-weight:900;font-size:clamp(18px,3vw,24px)}
  .fact .l{color:rgba(11,22,34,.6);font-size:14px;margin-top:4px}

  .contact-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:640px;margin:0;text-align:start}
  .cinfo{display:flex;flex-direction:row;align-items:center;gap:14px;margin-bottom:16px;text-align:start}
  .cinfo .ci{display:grid;place-items:center;height:44px;width:44px;background:var(--navy);border-radius:2px;color:var(--orange);font-size:18px}
  .cinfo .cl{color:rgba(11,22,34,.5);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
  body.ar .cinfo .cl{letter-spacing:normal}
  .cinfo .cv{color:var(--navy);font-weight:500}
  .note{background:var(--navy);border-radius:2px;padding:24px}
  .note p{color:rgba(255,255,255,.7);font-size:14px}
  .formcard{background:#fff;border-radius:2px;padding:clamp(24px,5vw,36px);border:1px solid rgba(11,22,34,.1);text-align:start}
  .field{margin-bottom:20px;text-align:initial}
  .field label{display:block;color:rgba(11,22,34,.6);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:6px}
  body.ar .field label{letter-spacing:normal}
  .field input,.field textarea{width:100%;border:1px solid rgba(11,22,34,.2);border-radius:2px;padding:10px 14px;color:var(--navy);font-family:inherit;font-size:15px}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--orange)}
  .field textarea{resize:vertical}
  .two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  @media(max-width:560px){.two{grid-template-columns:1fr}}
  .tiny{color:rgba(11,22,34,.4);font-size:12px;margin-top:8px}
  .sent{padding:48px 0}
  .sent .check{display:grid;place-items:center;height:56px;width:56px;background:var(--orange);border-radius:50%;margin:0 auto;color:var(--navy);font-size:26px}
  .sent h3{color:var(--navy);font-size:20px;font-weight:700;margin-top:20px}
  .sent p{color:rgba(11,22,34,.6);margin-top:8px}

  footer{background:var(--navy3);padding:64px 0 32px}
  .foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;text-align:start}
  .foot .desc{max-width:320px;color:rgba(255,255,255,.45);font-size:14px;margin-top:14px}
  .logo-img-foot{height:88px;width:auto;display:block;margin:0}
  .foot-cols{display:flex;flex-wrap:wrap;gap:56px}
  .foot-cols .h{color:rgba(255,255,255,.4);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
  body.ar .foot-cols .h{letter-spacing:normal}
  .foot-cols button{display:block;background:none;border:none;color:rgba(255,255,255,.6);font-size:14px;padding:4px 0;font-family:inherit;text-align:start}
  .foot-cols button:hover{color:var(--orange2)}
  .foot-cols .item{color:rgba(255,255,255,.6);font-size:14px;padding:4px 0}
  .foot-bottom{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.35);font-size:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}

  .lead-sec{background:var(--navy);padding:clamp(56px,9vw,88px) 0;position:relative;overflow:hidden}
  .lead-card{max-width:760px;margin:32px auto 0;display:flex;gap:32px;align-items:center;text-align:initial;background:#0f2033;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:28px;flex-wrap:wrap;justify-content:center}
  .lead-photo{width:200px;height:250px;object-fit:cover;object-position:center top;border-radius:3px;flex-shrink:0}
  .lead-info{flex:1;min-width:240px}
  .lead-info .nm{color:#fff;font-size:clamp(20px,3vw,26px);font-weight:800}
  .lead-info .ti{color:var(--orange2);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
  body.ar .lead-info .ti{letter-spacing:normal}
  .lead-info .bio{color:rgba(255,255,255,.6);margin-top:14px;line-height:1.7;font-size:15px}
  .lead-card.ceo-card{border-inline-start:4px solid var(--orange);justify-content:flex-start}
  @media(max-width:560px){.lead-photo{width:100%;height:auto;max-width:280px}.lead-card{justify-content:flex-start}}
  @media(prefers-reduced-motion:reduce){
    .logo-img{animation:none!important}
  }
  /* ---- Single-logo intro: zoom in center, fly up to header ---- */
  #introLogo{
    position:fixed;
    top:50%; left:50%;
    z-index:9999;
    height:60px;
    width:auto;
    pointer-events:none;
    will-change:transform,opacity;
    animation:logoIntro 2.6s cubic-bezier(.65,0,.25,1) forwards;
    filter:drop-shadow(0 8px 40px rgba(0,0,0,.6));
  }
  /* CSS var --tx/--ty set by JS = vector from screen-center to header logo slot */
  @keyframes logoIntro{
    0%   {opacity:0; transform:translate(-50%,-50%) scale(6) rotate(-160deg);}
    18%  {opacity:1;}
    55%  {opacity:1; transform:translate(-50%,-50%) scale(6) rotate(0deg);}
    100% {opacity:1; transform:translate(calc(-50% + var(--tx,0px)), calc(-50% + var(--ty,0px))) scale(1) rotate(0deg);}
  }
  @media(prefers-reduced-motion:reduce){
    #introLogo{display:none}
    .logo-img{opacity:1}
  }
  .page{display:none}
  .page.show{display:block}

.family-visual.terra-photo img{display:block;width:100%;height:100%;object-fit:contain}.family-visual.atlas-photo img,.family-visual.nomad-photo img{object-fit:cover;object-position:center 52%}.family-visual.terra-photo::after{inset:0;width:100%;height:100%;border-radius:0;background:linear-gradient(180deg,#17242126,transparent 30%,transparent 72%,#17242155);pointer-events:none}.family-visual.terra-photo .family-number,.family-visual.terra-photo .family-pill{color:#fff;background:rgba(7,14,20,.82);padding:6px 9px;border:1px solid rgba(255,255,255,.25);border-radius:4px;font-size:11px;font-weight:700;line-height:1.35;letter-spacing:.07em;text-shadow:none;z-index:2}.ar .family-visual.terra-photo .family-number,.ar .family-visual.terra-photo .family-pill{letter-spacing:normal}