/* ============================================================
     TOKENS
  ============================================================ */
  :root{
    --void: #0a0e16;
    --panel: #10141f;
    --panel-raised: #171e2c;
    --line: #263041;
    --line-bright: #3a4863;
    --titanium: #a9b3c4;
    --titanium-dim: #6b7688;
    --paper: #eef1f6;
    --ignition: #3b82f6;
    --ignition-soft: rgba(59, 130, 246, 0.18);
    --ok: #4fd58a;

    --font-display: 'Big Shoulders Display', sans-serif;
    --font-body: 'IBM Plex Sans', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;

    --wrap: 1180px;
  }

  *,*::before,*::after{ box-sizing: border-box; }
  html{ scroll-behavior: smooth; }
  body{
    margin:0;
    background: var(--void);
    color: var(--paper);
    font-family: var(--font-body);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }
  img{ max-width:100%; display:block; }
  a{ color: inherit; text-decoration: none; }
  ul{ margin:0; padding:0; list-style:none; }
  button{ font-family: inherit; cursor:pointer; }

  :focus-visible{
    outline: 2px solid var(--ignition);
    outline-offset: 3px;
  }

  .wrap{
    max-width: var(--wrap);
    margin: 0 auto;
    padding: 0 28px;
  }

  /* faint blueprint grid painted behind everything */
  .blueprint-bg{
    position: fixed;
    inset: 0;
    z-index: -1;
    background-image:
      linear-gradient(rgba(90,120,170,0.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(90,120,170,0.055) 1px, transparent 1px);
    background-size: 42px 42px;
    background-color: var(--void);
  }

  .eyebrow{
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ignition);
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .eyebrow::before{
    content:"";
    width: 18px; height: 1px;
    background: var(--ignition);
    display:inline-block;
  }

  h1,h2,h3{
    font-family: var(--font-display);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin: 0;
    color: var(--paper);
  }

  .section{ padding: 108px 0; position: relative; }
  .section-head{
    max-width: 640px;
    margin-bottom: 56px;
  }
  .section-head h2{
    font-size: clamp(32px, 4.4vw, 52px);
    line-height: 1.03;
    margin-top: 14px;
  }
  .section-head p{ color: var(--titanium); margin-top: 18px; font-size: 16px; max-width: 52ch; }

  /* corner-bracket "spec plate" device */
  .plate{
    position: relative;
    border: 1px solid var(--line);
    background: var(--panel);
  }
  .plate .corner{ position:absolute; width:14px; height:14px; pointer-events:none; }
  .plate .corner.tl{ top:-1px; left:-1px; border-top:2px solid var(--ignition); border-left:2px solid var(--ignition); }
  .plate .corner.tr{ top:-1px; right:-1px; border-top:2px solid var(--ignition); border-right:2px solid var(--ignition); }
  .plate .corner.bl{ bottom:-1px; left:-1px; border-bottom:2px solid var(--ignition); border-left:2px solid var(--ignition); }
  .plate .corner.br{ bottom:-1px; right:-1px; border-bottom:2px solid var(--ignition); border-right:2px solid var(--ignition); }

  .btn{
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 15px 26px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--line-bright);
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
    white-space: nowrap;
  }
  .btn-primary{ background: var(--ignition); border-color: var(--ignition); color: #0b1220; font-weight: 600; }
  .btn-primary:hover{ background: #5b9df7; border-color:#5b9df7; transform: translateY(-2px); }
  .btn-ghost{ color: var(--paper); }
  .btn-ghost:hover{ border-color: var(--ignition); color: var(--ignition); transform: translateY(-2px); }

  /* ============================================================
     NAV
  ============================================================ */
  header.site{
    position: fixed;
    top:0; left:0; right:0;
    z-index: 100;
    background: rgba(10,14,22,0.72);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    height: 78px;
  }
  .logo{ display:flex; align-items:center; gap:12px; }
  .logo-mark{ width:30px; height:30px; flex-shrink:0; }
  .logo-text{ font-family: var(--font-display); font-weight:700; font-size:20px; letter-spacing:0.02em; text-transform: uppercase; }
  .logo-text span{ color: var(--ignition); }

  .nav-links{ display:flex; align-items:center; gap:36px; }
  .nav-links a{
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--titanium);
    position: relative;
    padding: 4px 0;
    transition: color .2s ease;
  }
  .nav-links a:hover{ color: var(--paper); }
  .nav-links a::after{
    content:"";
    position:absolute; left:0; bottom:-2px;
    width:0; height:1px;
    background: var(--ignition);
    transition: width .25s ease;
  }
  .nav-links a:hover::after{ width:100%; }

  .nav-cta{ display:flex; align-items:center; gap:22px; }
  .nav-toggle{
    display:none;
    background:none; border:1px solid var(--line-bright); color: var(--paper);
    width:42px; height:42px; align-items:center; justify-content:center;
  }

  @media (max-width: 880px){
    .nav-links{
      position:fixed; top:78px; left:0; right:0;
      background: var(--void);
      border-bottom: 1px solid var(--line);
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
      padding: 8px 28px 20px;
      transform: translateY(-8px);
      opacity: 0;
      visibility: hidden;
      transition: all .2s ease;
    }
    .nav-links.open{ transform: translateY(0); opacity:1; visibility: visible; }
    .nav-links li{ width:100%; padding: 14px 0; border-bottom: 1px solid var(--line); }
    .nav-cta .btn-primary{ display:none; }
    .nav-toggle{ display:flex; }
  }

  /* ============================================================
     HERO
  ============================================================ */
  .hero{
    position: relative;
    padding-top: 78px;
    min-height: 92vh;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow:hidden;
  }
  .hero-media{
    position:absolute; inset:0;
    background:
      linear-gradient(180deg, rgba(9,12,19,0.55) 0%, rgba(9,12,19,0.86) 62%, var(--void) 100%),
      url('https://akasaaerospace.com/images/akasa_banner.png?auto=compress&cs=tinysrgb&w=1920') center 30%/cover no-repeat;
  }
  .hero-inner{ position:relative; padding: 140px 0 64px; }
  .hero-tag{ margin-bottom: 22px; }
  .hero h1{
    font-size: clamp(42px, 7.4vw, 92px);
    line-height: 0.98;
    max-width: 15ch;
  }
  .hero h1 em{ font-style:normal; color: var(--ignition); }
  .hero-sub{
    max-width: 46ch;
    color: var(--titanium);
    font-size: 17px;
    margin-top: 26px;
  }
  .hero-actions{ display:flex; gap:16px; margin-top: 38px; flex-wrap: wrap; margin-bottom: 16px;}

  /* telemetry ticker — signature element */
  .ticker{
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--panel);
    overflow: hidden;
    position: relative;
  }
  .ticker::before{
    content:"";
    position:absolute; left:0; top:0; bottom:0; width:120px;
    background: linear-gradient(90deg, var(--panel), transparent);
    z-index:2;
  }
  .ticker::after{
    content:"";
    position:absolute; right:0; top:0; bottom:0; width:120px;
    background: linear-gradient(270deg, var(--panel), transparent);
    z-index:2;
  }
  .ticker-track{
    display:none;
    width: max-content;
    animation: scroll-ticker 38s linear infinite;
  }
  @keyframes scroll-ticker{
    from{ transform: translateX(0); }
    to{ transform: translateX(-50%); }
  }
  .ticker-item{
    display:flex; align-items:center; gap:12px;
    font-family: var(--font-mono);
    font-size: 12.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--titanium);
    padding: 16px 34px;
    border-right: 1px solid var(--line);
    white-space: nowrap;
  }
  .ticker-item .dot{
    width:7px; height:7px; border-radius:50%;
    background: var(--ok);
    box-shadow: 0 0 0 3px rgba(79,213,138,0.15);
    flex-shrink:0;
  }
  .ticker-item b{ color: var(--paper); font-weight:600; }

  /* ============================================================
     ABOUT / VISION & MISSION
  ============================================================ */
  .about-grid{
    display:grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 64px;
    align-items: start;
  }
  .about-copy p{ color: var(--titanium); font-size: 16px; margin-top: 20px; max-width: 54ch; }
  .about-figure{
    margin-top: 32px;
    border: 1px solid var(--line);
    position: relative;
  }
  .about-figure img{ width:100%; height: 260px; object-fit:cover; filter: grayscale(15%) contrast(1.05); }
  .about-figure figcaption{
    font-family: var(--font-mono);
    font-size: 11.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--titanium-dim);
    padding: 12px 16px;
    border-top: 1px solid var(--line);
    background: var(--panel);
  }

  .spec-stack{ display:flex; flex-direction:column; gap:20px; }
  .spec-plate{ padding: 28px 30px; }
  .spec-plate .spec-label{
    font-family: var(--font-mono);
    font-size: 11.5px;
    letter-spacing: 0.14em;
    color: var(--ignition);
    display:flex; align-items:center; gap:10px;
  }
  .spec-label .sq{ width:8px; height:8px; background: var(--ignition); flex-shrink:0; }
  .spec-plate h3{ font-size: 24px; margin-top: 14px; }
  .spec-plate p{ color: var(--titanium); margin-top: 12px; font-size: 15px; }

  @media (max-width: 880px){
    .about-grid{ grid-template-columns: 1fr; }
  }

  /* ============================================================
     CAPABILITIES / STATS (telemetry HUD)
  ============================================================ */
  .stats-panel{
    background: var(--panel-raised);
    border: 1px solid var(--line);
  }
  .stats-panel-head{
    display:flex; align-items:center; justify-content:space-between;
    padding: 20px 30px;
    border-bottom: 1px solid var(--line);
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--titanium-dim);
  }
  .stats-panel-head .live{ display:flex; align-items:center; gap:8px; color: var(--ok); }
  .stats-panel-head .live .dot{ width:7px; height:7px; border-radius:50%; background: var(--ok); }

  .stats-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .stat{
    padding: 40px 30px;
    border-right: 1px solid var(--line);
  }
  .stat:last-child{ border-right:none; }
  .stat .num{
    font-family: var(--font-mono);
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 600;
    color: var(--paper);
    display:flex;
    align-items:baseline;
    gap:2px;
  }
  .stat .num .suffix{ color: var(--ignition); font-size: 0.5em; }
  .stat .label{ margin-top: 10px; font-weight:600; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; }
  .stat .desc{ color: var(--titanium); font-size: 13.5px; margin-top: 8px; }

  @media (max-width: 880px){
    .stats-grid{ grid-template-columns: repeat(2, 1fr); }
    .stat{ border-bottom: 1px solid var(--line); }
    .stat:nth-child(odd){ border-right: 1px solid var(--line); }
    .stat:nth-child(even){ border-right:none; }
  }

  /* ============================================================
     PROJECTS
  ============================================================ */
  .filters{
    display:flex; gap:10px; margin-bottom: 40px; flex-wrap: wrap;
  }
  .filter-btn{
    font-family: var(--font-mono);
    font-size: 12.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: transparent;
    color: var(--titanium);
    border: 1px solid var(--line);
    padding: 10px 18px;
    transition: all .2s ease;
  }
  .filter-btn:hover{ color: var(--paper); border-color: var(--line-bright); }
  .filter-btn.active{ color: var(--ignition); border-color: var(--ignition); background: var(--ignition-soft); }

  .project-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
  }
  .project-card{
    overflow:hidden;
    transition: transform .35s ease, border-color .3s ease, opacity .3s ease;
  }
  .project-card.hidden{ display:none; }
  .project-card:hover{ transform: translateY(-6px); border-color: var(--line-bright); }
  .project-media{ height: 220px; overflow:hidden; position:relative; }
  .project-media img{ width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }
  .project-card:hover .project-media img{ transform: scale(1.06); }
  .project-body{ padding: 20px 22px 24px; border-top: 1px solid var(--line); }
  .project-tag{
    font-family: var(--font-mono);
    font-size: 10.5px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ignition);
    border: 1px solid var(--ignition);
    padding: 3px 8px;
    display:inline-block;
  }
  .project-body h3{
    font-size: 20px;
    margin-top: 14px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
  }
  .project-id{
    font-family: var(--font-mono);
    font-size: 11.5px;
    color: var(--titanium-dim);
    margin-top: 8px;
  }

  @media (max-width: 980px){
    .project-grid{ grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 620px){
    .project-grid{ grid-template-columns: 1fr; }
  }

  /* ============================================================
     CTA BAND
  ============================================================ */
  .cta-band{
    padding: 90px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background:
      linear-gradient(rgba(10,14,22,0.9), rgba(10,14,22,0.92)),
      url('https://images.pexels.com/photos/586052/pexels-photo-586052.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover;
  }
  .cta-inner{ display:flex; justify-content:space-between; align-items:center; gap: 40px; flex-wrap: wrap; }
  .cta-inner h2{ font-size: clamp(28px, 3.6vw, 42px); max-width: 18ch; }

  /* ============================================================
     REVEAL ANIM
  ============================================================ */
  .reveal{ opacity:0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
  .reveal.in{ opacity:1; transform: translateY(0); }

  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    .reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
    .ticker-track{ animation: none; }
    .project-card, .project-media img{ transition:none; }
  }

  /* ============================================================
     FOOTER
  ============================================================ */
  footer.site{
    background: var(--panel);
    border-top: 1px solid var(--line);
    padding: 80px 0 30px;
  }
  .footer-grid{
    display:grid;
    grid-template-columns: 1.2fr repeat(3, 1fr) 1fr;
    gap: 40px;
  }
  .footer-brand .logo{ margin-bottom: 18px; }
  .footer-brand p{ color: var(--titanium); font-size: 14px; max-width: 32ch; }
  .footer-col h4{
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ignition);
    margin-bottom: 16px;
  }
  .footer-col p, .footer-col a{
    color: var(--titanium);
    font-size: 14px;
    display:block;
    margin-bottom: 8px;
  }
  .footer-col a:hover{ color: var(--paper); }

  .newsletter-form{ display:flex; margin-top: 14px; border: 1px solid var(--line-bright); }
  .newsletter-form input{
    flex:1; background:transparent; border:none; color: var(--paper);
    padding: 12px 14px; font-family: var(--font-body); font-size:14px;
  }
  .newsletter-form input::placeholder{ color: var(--titanium-dim); }
  .newsletter-form button{
    background: var(--ignition); border:none; color:#0b1220; font-weight:600;
    padding: 0 18px; font-family: var(--font-mono); font-size:12px; letter-spacing:0.06em; text-transform:uppercase;
  }

  .footer-bottom{
    margin-top: 64px; padding-top: 26px; border-top: 1px solid var(--line);
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;
  }
  .footer-bottom p{ color: var(--titanium-dim); font-size: 13px; }
  .socials{ display:flex; gap: 14px; }
  .socials a{
    width: 34px; height:34px; border:1px solid var(--line); display:flex; align-items:center; justify-content:center;
    transition: border-color .2s ease, color .2s ease;
    color: var(--titanium);
  }
  .socials a:hover{ border-color: var(--ignition); color: var(--ignition); }

  @media (max-width: 980px){
    .footer-grid{ grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 560px){
    .footer-grid{ grid-template-columns: 1fr; }
  }

/* ============================================================
     TOKENS
  ============================================================ */
  :root{
    --void: #0a0e16;
    --panel: #10141f;
    --panel-raised: #171e2c;
    --line: #263041;
    --line-bright: #3a4863;
    --titanium: #a9b3c4;
    --titanium-dim: #6b7688;
    --paper: #eef1f6;
    --ignition: #3b82f6;
    --ignition-soft: rgba(59, 130, 246, 0.18);
    --ok: #4fd58a;

    --font-display: 'Big Shoulders Display', sans-serif;
    --font-body: 'IBM Plex Sans', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;

    --wrap: 1180px;
  }

  *,*::before,*::after{ box-sizing: border-box; }
  html{ scroll-behavior: smooth; }
  body{
    margin:0;
    background: var(--void);
    color: var(--paper);
    font-family: var(--font-body);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }
  img{ max-width:100%; display:block; }
  a{ color: inherit; text-decoration: none; }
  ul{ margin:0; padding:0; list-style:none; }
  button{ font-family: inherit; cursor:pointer; }

  :focus-visible{
    outline: 2px solid var(--ignition);
    outline-offset: 3px;
  }

  .wrap{
    max-width: var(--wrap);
    margin: 0 auto;
    padding: 0 28px;
  }

  /* faint blueprint grid painted behind everything */
  .blueprint-bg{
    position: fixed;
    inset: 0;
    z-index: -1;
    background-image:
      linear-gradient(rgba(90,120,170,0.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(90,120,170,0.055) 1px, transparent 1px);
    background-size: 42px 42px;
    background-color: var(--void);
  }

  .eyebrow{
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ignition);
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .eyebrow::before{
    content:"";
    width: 18px; height: 1px;
    background: var(--ignition);
    display:inline-block;
  }

  h1,h2,h3{
    font-family: var(--font-display);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin: 0;
    color: var(--paper);
  }

  .section{ padding: 108px 0; position: relative; }
  .section-head{
    max-width: 640px;
    margin-bottom: 56px;
  }
  .section-head h2{
    font-size: clamp(32px, 4.4vw, 52px);
    line-height: 1.03;
    margin-top: 14px;
  }
  .section-head p{ color: var(--titanium); margin-top: 18px; font-size: 16px; max-width: 52ch; }

  /* corner-bracket "spec plate" device */
  .plate{
    position: relative;
    border: 1px solid var(--line);
    background: var(--panel);
  }
  .plate .corner{ position:absolute; width:14px; height:14px; pointer-events:none; }
  .plate .corner.tl{ top:-1px; left:-1px; border-top:2px solid var(--ignition); border-left:2px solid var(--ignition); }
  .plate .corner.tr{ top:-1px; right:-1px; border-top:2px solid var(--ignition); border-right:2px solid var(--ignition); }
  .plate .corner.bl{ bottom:-1px; left:-1px; border-bottom:2px solid var(--ignition); border-left:2px solid var(--ignition); }
  .plate .corner.br{ bottom:-1px; right:-1px; border-bottom:2px solid var(--ignition); border-right:2px solid var(--ignition); }

  .btn{
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 15px 26px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--line-bright);
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
    white-space: nowrap;
  }
  .btn-primary{ background: var(--ignition); border-color: var(--ignition); color: #0b1220; font-weight: 600; }
  .btn-primary:hover{ background: #5b9df7; border-color:#5b9df7; transform: translateY(-2px); }
  .btn-ghost{ color: var(--paper); }
  .btn-ghost:hover{ border-color: var(--ignition); color: var(--ignition); transform: translateY(-2px); }

  /* ============================================================
     NAV
  ============================================================ */
  header.site{
    position: fixed;
    top:0; left:0; right:0;
    z-index: 100;
    background: rgba(10,14,22,0.72);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    height: 78px;
  }
  .logo{ display:flex; align-items:center; gap:12px; }
  .logo-mark{ width:30px; height:30px; flex-shrink:0; }
  .logo-text{ font-family: var(--font-display); font-weight:700; font-size:20px; letter-spacing:0.02em; text-transform: uppercase; }
  .logo-text span{ color: var(--ignition); }

  .nav-links{ display:flex; align-items:center; gap:36px; }
  .nav-links a{
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--titanium);
    position: relative;
    padding: 4px 0;
    transition: color .2s ease;
  }
  .nav-links a:hover{ color: var(--paper); }
  .nav-links a::after{
    content:"";
    position:absolute; left:0; bottom:-2px;
    width:0; height:1px;
    background: var(--ignition);
    transition: width .25s ease;
  }
  .nav-links a:hover::after{ width:100%; }

  .nav-cta{ display:flex; align-items:center; gap:22px; }
  .nav-toggle{
    display:none;
    background:none; border:1px solid var(--line-bright); color: var(--paper);
    width:42px; height:42px; align-items:center; justify-content:center;
  }

  @media (max-width: 880px){
    .nav-links{
      position:fixed; top:78px; left:0; right:0;
      background: var(--void);
      border-bottom: 1px solid var(--line);
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
      padding: 8px 28px 20px;
      transform: translateY(-8px);
      opacity: 0;
      visibility: hidden;
      transition: all .2s ease;
    }
    .nav-links.open{ transform: translateY(0); opacity:1; visibility: visible; }
    .nav-links li{ width:100%; padding: 14px 0; border-bottom: 1px solid var(--line); }
    .nav-cta .btn-primary{ display:none; }
    .nav-toggle{ display:flex; }
  }

  /* ============================================================
     REVEAL ANIM
  ============================================================ */
  .reveal{ opacity:0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
  .reveal.in{ opacity:1; transform: translateY(0); }

  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    .reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
  }

  /* ============================================================
     FOOTER
  ============================================================ */
  footer.site{
    background: var(--panel);
    border-top: 1px solid var(--line);
    padding: 80px 0 30px;
  }
  .footer-grid{
    display:grid;
    grid-template-columns: 1.2fr repeat(2, 1fr) 1fr;
    gap: 40px;
  }
  .footer-brand .logo{ margin-bottom: 18px; }
  .footer-brand p{ color: var(--titanium); font-size: 14px; max-width: 32ch; }
  .footer-col h4{
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ignition);
    margin-bottom: 16px;
  }
  .footer-col p, .footer-col a{
    color: var(--titanium);
    font-size: 14px;
    display:block;
    margin-bottom: 8px;
  }
  .footer-col a:hover{ color: var(--paper); }

  .newsletter-form{ display:flex; margin-top: 14px; border: 1px solid var(--line-bright); }
  .newsletter-form input{
    flex:1; background:transparent; border:none; color: var(--paper);
    padding: 12px 14px; font-family: var(--font-body); font-size:14px;
  }
  .newsletter-form input::placeholder{ color: var(--titanium-dim); }
  .newsletter-form button{
    background: var(--ignition); border:none; color:#0b1220; font-weight:600;
    padding: 0 18px; font-family: var(--font-mono); font-size:12px; letter-spacing:0.06em; text-transform:uppercase;
  }

  .footer-bottom{
    margin-top: 64px; padding-top: 26px; border-top: 1px solid var(--line);
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;
  }
  .footer-bottom p{ color: var(--titanium-dim); font-size: 13px; }
  .socials{ display:flex; gap: 14px; }
  .socials a{
    width: 34px; height:34px; border:1px solid var(--line); display:flex; align-items:center; justify-content:center;
    transition: border-color .2s ease, color .2s ease;
    color: var(--titanium);
  }
  .socials a:hover{ border-color: var(--ignition); color: var(--ignition); }

  @media (max-width: 980px){
    .footer-grid{ grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 560px){
    .footer-grid{ grid-template-columns: 1fr; }
  }

  /* ============================================================
     CAREERS PAGE ADDITIONS
  ============================================================ */
  .nav-links a.active{ color: var(--paper); }
  .nav-links a.active::after{ width:100%; }

  .breadcrumb{
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--titanium-dim);
    display:flex; align-items:center; gap:8px;
    margin-bottom: 22px;
  }
  .breadcrumb a{ color: var(--titanium); transition: color .2s ease; }
  .breadcrumb a:hover{ color: var(--ignition); }
  .breadcrumb .sep{ color: var(--line-bright); }
  .breadcrumb .current{ color: var(--ignition); }

  .page-hero{
    position: relative;
    padding-top: 78px;
    min-height: 60vh;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow:hidden;
  }
  .page-hero-media{
    position:absolute; inset:0;
    background:
      linear-gradient(180deg, rgba(9,12,19,0.6) 0%, rgba(9,12,19,0.88) 65%, var(--void) 100%),
      url('https://images.pexels.com/photos/586090/pexels-photo-586090.jpeg?auto=compress&cs=tinysrgb&w=1920') center 42%/cover no-repeat;
  }
  .page-hero-inner{ position:relative; padding: 120px 0 60px; }
  .page-hero h1{
    font-size: clamp(38px, 6vw, 66px);
    line-height: 1.0;
    max-width: 18ch;
  }
  .page-hero h1 em{ font-style:normal; color: var(--ignition); }
  .page-hero-sub{
    max-width: 54ch;
    color: var(--titanium);
    font-size: 16px;
    margin-top: 22px;
  }

  .role-grid{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
  }
  .role-card{ padding: 30px 32px; }
  .role-card .role-top{
    display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  }
  .role-card .role-tag{
    font-family: var(--font-mono);
    font-size: 10.5px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ignition);
    border: 1px solid var(--ignition);
    padding: 3px 8px;
    display:inline-block;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .role-card h3{
    font-size: 22px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 4px;
  }
  .role-card p{ color: var(--titanium); font-size: 14.5px; margin-top: 14px; }
  .role-card .role-meta{
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
    display:flex; gap: 18px; flex-wrap: wrap;
  }
  .role-meta-item{
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--titanium-dim);
    display:flex; align-items:center; gap:8px;
  }
  .role-meta-item .sq{ width:6px; height:6px; background: var(--ignition); flex-shrink:0; }

  @media (max-width: 780px){
    .role-grid{ grid-template-columns: 1fr; }
  }

  .process-strip{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .process-step{
    padding: 32px 28px;
    border-right: 1px solid var(--line);
    position: relative;
  }
  .process-step:last-child{ border-right:none; }
  .process-step .step-num{
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--ignition);
    letter-spacing: 0.1em;
  }
  .process-step h4{
    font-family: var(--font-display);
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 10px;
    color: var(--paper);
  }
  .process-step p{ color: var(--titanium); font-size: 13.5px; margin-top: 8px; }

  @media (max-width: 880px){
    .process-strip{ grid-template-columns: repeat(2, 1fr); }
    .process-step{ border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  }
  @media (max-width: 560px){
    .process-strip{ grid-template-columns: 1fr; }
  }

  .apply-panel{
    padding: 52px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
  }
  .apply-panel .apply-copy h2{ font-size: clamp(26px, 3.2vw, 38px); }
  .apply-panel .apply-copy p{ color: var(--titanium); margin-top: 14px; max-width: 46ch; font-size: 15px; }
  .apply-panel .apply-email{
    font-family: var(--font-mono);
    color: var(--ignition);
    font-size: 15px;
    margin-top: 10px;
    display:inline-block;
  }
  .apply-actions{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; }

  @media (max-width: 780px){
    .apply-panel{ padding: 36px 28px; }
  }
  
  /* ============================================================
     WHATSAPP FLOAT BUTTON
  ============================================================ */
  .wa-float{
    position: fixed;
    bottom: 26px;
    right: 26px;
    z-index: 200;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.35);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .wa-float:hover{ transform: translateY(-3px) scale(1.04); box-shadow: 0 10px 26px rgba(0,0,0,0.45); }
  .wa-float svg{ width: 30px; height: 30px; }
  .wa-float::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    background: #25D366;
    animation: wa-pulse 2.4s ease-out infinite;
    z-index:-1;
  }
  @keyframes wa-pulse{
    0%{ transform: scale(1); opacity: 0.55; }
    100%{ transform: scale(1.7); opacity: 0; }
  }
  .wa-tooltip{
    position: absolute;
    right: 68px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--panel-raised);
    border: 1px solid var(--line);
    color: var(--paper);
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.04em;
    padding: 8px 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
  }
  .wa-float:hover .wa-tooltip{ opacity: 1; }

  @media (prefers-reduced-motion: reduce){
    .wa-float::before{ animation: none; }
  }
  @media (max-width: 560px){
    .wa-float{ width:52px; height:52px; bottom:18px; right:18px; }
    .wa-float svg{ width:26px; height:26px; }
    .wa-tooltip{ display:none; }
  }