@font-face{font-family:Archivo;src:url(archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:DINish;src:url(dinish-bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{color-scheme:only light;
  --navy:#1a2252;      /* azul do logotipo */
  --ink:#232a4d;
  --muted:#5a6280;
  --paper:#fff;
  --mist:#eef2f7;      /* céu da foto do Noamay, clareado */
  --line:#cfd7e3;
  --signal:#d9480f;    /* laranja internacional da aviação: só para vetores e destaques */
  --wrap:min(1180px,calc(100vw - 48px));
  --title:Bahnschrift,DINish,Archivo,system-ui,sans-serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:116px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,ol,ul,dl,dd,figure,blockquote{margin:0;padding:0}
ol,ul{list-style:none}
h1,h2,h3{font-family:var(--title);font-weight:700}
h1,h2{color:var(--navy);letter-spacing:-.005em;text-wrap:balance}
h2{font-size:clamp(30px,4.2vw,52px);line-height:1.08}
h3{color:var(--navy);font-size:21px;line-height:1.3}
.wrap{width:var(--wrap);margin-inline:auto}
.tag{color:var(--signal);font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.lead{font-size:clamp(19px,1.8vw,22px);line-height:1.5}
.note{color:var(--muted);font-size:14px;line-height:1.5}
.note a{text-underline-offset:2px}
section{padding:clamp(72px,10vw,136px) 0}

/* Navegação */
.nav{position:fixed;inset:0 0 auto;z-index:10;background:#fff;border-bottom:1px solid rgba(26,34,82,.1)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100px}
.nav img{height:80px;width:auto;max-width:none}
.nav .wrap>a:first-child{flex-shrink:0}
.nav .wrap>ul{display:flex;gap:16px;font-size:14px;font-weight:500;white-space:nowrap}
.nav li a{color:var(--navy);text-decoration:none}
.nav li a:hover{color:var(--signal)}
.btn{display:inline-block;padding:14px 24px;background:var(--navy);border:2px solid var(--navy);color:#fff;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .2s,color .2s}
.btn:hover{background:var(--signal);border-color:var(--signal)}
.btn.ghost{background:transparent;color:var(--navy)}
.btn.ghost:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.nav .btn{padding:9px 16px;font-size:14px;white-space:nowrap}
.nav-end{display:flex;align-items:center;gap:12px}
.lang{position:relative;font:600 13px/1 var(--mono);letter-spacing:.06em}
.lang summary{display:flex;align-items:center;gap:8px;padding:12px 12px;border:1px solid var(--line);color:var(--navy);cursor:pointer;list-style:none;user-select:none}
.lang summary::-webkit-details-marker{display:none}
.lang summary::after{content:"";width:5px;height:5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.lang[open] summary::after{transform:translateY(1px) rotate(-135deg)}
.lang summary:hover{border-color:var(--navy)}
.lang ul{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;padding:4px 0;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(26,34,82,.14);font:500 15px/1.2 Archivo,system-ui,sans-serif;letter-spacing:0}
.lang ul a,.lang ul span{display:block;padding:11px 16px;color:var(--navy);text-decoration:none}
.lang ul a:hover{background:var(--mist);color:var(--signal)}
.lang ul [aria-current]{color:var(--muted)}
.lang ul [aria-current]::after{content:" ✓";color:var(--signal)}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px}

/* Abertura */
.hero{position:relative;display:flex;align-items:center;min-height:100svh;padding:100px 0 0;overflow:hidden;background:#fff}
.hero-img{position:absolute;top:50%;right:-2vw;width:min(49vw,980px);height:auto;transform:translateY(-46%);animation:drift 9s ease-in-out infinite alternate}
@keyframes drift{from{margin-top:-8px}to{margin-top:10px}}
.hero-text{position:relative;z-index:1;padding-block:32px}
.hero h1{max-width:7.6em;margin:14px 0 20px;font-size:clamp(40px,min(5.8vw,10.5vh),88px);line-height:1.02}
.hero .lead{max-width:27em;color:var(--ink)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

/* Tese */
.tese{display:grid;grid-template-columns:5fr 6fr;gap:clamp(40px,7vw,96px);align-items:start}
.tese .lead{margin-top:24px}
.points li{padding:22px 0;border-top:1px solid var(--line)}
.points li:last-child{border-bottom:1px solid var(--line)}
.points p{margin-top:4px;color:var(--muted)}

/* Noamay */
.noamay{background:var(--mist)}
.d3-intro{padding-bottom:clamp(24px,4vw,48px)}
.d3-specs{margin-top:0}
.d3-intro .lead+p{max-width:44em;margin-top:16px}
.head{max-width:44em;margin-bottom:clamp(32px,4vw,52px)}
.head h2{margin:12px 0 18px}
.noamay-grid{display:grid;grid-template-columns:6fr 5fr;gap:clamp(28px,5vw,64px);align-items:center}
.noamay-grid img{width:100%;height:auto}
.noamay-grid figcaption{margin-top:8px}
.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;background:var(--line);border:1px solid var(--line)}
.specs div{padding:18px 20px;background:#fff}
.specs dt{color:var(--muted);font:500 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.specs dd{margin-top:6px;color:var(--navy);font-family:var(--title);font-size:22px;font-weight:700;line-height:1.2}
.specs dd small{display:block;margin-top:3px;font-family:Archivo,system-ui,sans-serif;font-size:14px;font-weight:400}
.quote{max-width:46em;margin-top:clamp(48px,6vw,80px);padding-left:26px;border-left:4px solid var(--signal)}
.quote blockquote{color:var(--navy);font-size:clamp(21px,2.4vw,29px);font-weight:500;line-height:1.32}
.quote figcaption{margin-top:14px;color:var(--muted);font-size:15px}

/* Joint venture */
.jv{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.jv>li{padding:clamp(22px,2.6vw,32px);background:#fff}
.jv>li.omega{grid-column:1/-1}
.proj{columns:2;column-gap:clamp(28px,4vw,56px);margin-top:12px;color:var(--muted)}
.proj li{break-inside:avoid;position:relative;padding:0 0 10px 18px}
.proj li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:2px;background:var(--signal)}
.jv-head{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:24px;text-decoration:none}
.jv-head img{width:auto;height:120px;border-radius:12px}
.omega .jv-head img{height:84px;border-radius:0}
.jv-head .tag{font-size:16px;text-align:center}
a.jv-head:hover .tag{text-decoration:underline;text-underline-offset:3px}
a.x{color:inherit;text-decoration:underline;text-decoration-color:rgba(217,72,15,.55);text-decoration-thickness:1px;text-underline-offset:3px}
a.x:hover{text-decoration-color:var(--signal)}
.jv>li>p:last-child,.jv .intro{margin-top:8px;color:var(--muted)}
.jv>li.res{background:var(--navy)}
.jv>li.res h3{color:#fff}
.jv>li.res p:last-child{color:#d5dbea}
.jv>li.res .tag{color:#ffa77f}

/* Aplicações */
.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,52px) clamp(28px,4vw,48px)}
.apps p{margin-top:8px;color:var(--muted)}
.apps li{padding-top:16px;border-top:2px solid var(--navy)}
.apps .tag{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}

/* Trajetória */
.mist{background:var(--mist)}
.timeline{display:grid;grid-template-columns:minmax(150px,max-content) 1fr}
.timeline>li{display:contents}
.year{padding:26px 28px 26px 0;border-top:1px solid var(--line);color:var(--navy);font-family:var(--title);font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.1}
.ev{padding:28px 0;border-top:1px solid var(--line)}
.ev p{max-width:42em;margin-top:6px;color:var(--muted)}
.now .year{color:var(--signal)}

/* Parceiros */
.eco{display:grid;grid-template-columns:5fr 6fr;gap:clamp(40px,7vw,96px)}
.eco .lead{margin-top:20px}
.orgs li{display:grid;grid-template-columns:92px 84px 1fr;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.orgs img{justify-self:center;width:auto;height:auto;max-width:92px;max-height:46px}
.orgs li:last-child{border-bottom:1px solid var(--line)}
.orgs b{color:var(--navy);font-family:var(--title);font-weight:700}
.orgs span{color:var(--muted);font-size:16px}
.press{margin-top:36px}
.press li{margin-top:8px}

/* Liderança */
.lead-grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(40px,7vw,96px)}
.lead-grid h2{margin-top:12px}
.role{margin-top:12px;color:var(--muted);font-size:19px}
.lead-grid p+p{margin-top:16px}

/* Contato */
.contact{padding-top:0}
.contact-box{display:grid;grid-template-columns:7fr 4fr;gap:40px;padding:clamp(32px,5vw,64px);background:var(--mist)}
.contact-box h2{margin:12px 0 18px}
.contact-list{margin-top:4px;font-size:16px}
.contact-list li{padding:12px 0;border-top:1px solid var(--line)}
.contact-list b{display:block;color:var(--muted);font:500 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.contact-list a{color:var(--navy);font-weight:600;overflow-wrap:anywhere}

/* Rodapé */
footer{padding:48px 0 56px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.55}
.foot{display:grid;grid-template-columns:4fr 7fr;gap:48px}
.foot img{height:56px;width:auto;margin-bottom:14px}
.foot h3{margin-bottom:8px;font-size:14px}
.foot li{margin-top:5px}

@media (max-width:1220px){.nav .wrap>ul{display:none}}
@media (max-width:980px){
  .proj{columns:1}
  .tese,.eco,.lead-grid,.contact-box,.foot,.noamay-grid,.jv{grid-template-columns:1fr}
  .hero-img{opacity:.28}
  .specs{grid-template-columns:repeat(2,1fr)}
  .apps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  body{font-size:17px}
  :root{--wrap:calc(100vw - 36px)}
  .nav .wrap{height:76px}
  .nav img{height:56px}
  .nav-end .btn{display:none}
  html{scroll-padding-top:92px}
  .hero{display:block;min-height:0;padding-top:84px}
  .hero-img{position:relative;top:auto;right:auto;width:112%;max-width:none;margin:0 -6% -8px;transform:none;animation:none;opacity:1}
  .hero h1{font-size:42px}
  .apps{grid-template-columns:1fr}
  .specs dd{font-size:18px}
  .timeline{grid-template-columns:1fr}
  .year{padding:22px 0 0}
  .ev{padding:6px 0 22px;border-top:0}
  .orgs li{grid-template-columns:64px 1fr;column-gap:14px;row-gap:2px}
  .orgs img{grid-row:span 2;max-width:64px;max-height:38px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-img{animation:none}
}
