:root {
  color-scheme: dark;
  --navy: #061231;
  --pale: #f7f8ff;
  --muted: #bec9e0;
  --sky: #6dc5ff;
  --cyan: #36b9ff;
  font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body { position: relative; min-height: 100svh; margin: 0; min-width: 320px; background: var(--navy); color: var(--pale); }
a { color: inherit; }
/* Atmosfera contínua: somente gradientes difusos, sem planos retangulares,
   linhas de malha ou recortes de canvas no fundo. */
.scene {
  position: absolute;
  inset: 0;
  min-height: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  isolation: isolate;
  background:
    radial-gradient(ellipse 84% 90% at 104% -14%, rgba(33, 96, 173, .56) 0%, rgba(17, 52, 110, .28) 47%, transparent 88%),
    radial-gradient(ellipse 95% 74% at -8% 106%, rgba(17, 56, 117, .30) 0%, transparent 84%),
    linear-gradient(112deg, #020b24 0%, #06132f 52%, #071a3c 100%);
}
.scene::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: radial-gradient(ellipse 75% 76% at 50% 48%, rgba(2, 10, 31, .16), transparent 90%);
  pointer-events: none;
}
.scene__blue-glow,
.scene__soft-glow {
  position: absolute;
  inset: -18%;
  will-change: transform;
  pointer-events: none;
}
.scene__blue-glow {
  background: radial-gradient(ellipse 30% 33% at 78% 19%, rgba(75, 151, 232, .16), rgba(32, 88, 165, .07) 47%, transparent 90%);
  filter: blur(57px);
  animation: ambient-drift 21s ease-in-out infinite alternate;
}
.scene__soft-glow {
  background:
    radial-gradient(ellipse 36% 25% at 20% 91%, rgba(35, 106, 211, .105), transparent 86%),
    radial-gradient(ellipse 38% 28% at 89% 83%, rgba(30, 91, 194, .125), transparent 85%);
  filter: blur(47px);
  animation: ambient-drift 27s ease-in-out infinite alternate-reverse;
}
.scene__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: .82;
}
@keyframes ambient-drift {
  from { transform: translate3d(-1.5%, 1%, 0) scale(1); }
  to { transform: translate3d(2%, -1.7%, 0) scale(1.045); }
}
.page-shell { position: relative; z-index: 1; min-height: 100svh; display: flex; flex-direction: column; align-items: center; padding: clamp(28px,4.5vh,52px) 28px 42px; }
.page-main { width: 100%; display: flex; flex: 1; justify-content: center; align-items: center; }
.landing { width: 100%; max-width: 1090px; text-align: center; }
.brand-stage { position: relative; width: min(100%,560px); height: 214px; margin: 0 auto 19px; display: grid; place-items: center; }
.orbits { position: absolute; width: 100%; height: 100%; inset: 0; overflow: visible; filter: drop-shadow(0 0 5px rgba(38,121,249,.18)); }
.orbits__group { transform-origin: 50% 50%; animation: orbit-breathe 13s ease-in-out infinite alternate; }
.orbit-stars circle { filter: drop-shadow(0 0 5px #44c4ff); animation: star-pulse 3.9s ease-in-out infinite alternate; }
.orbit-stars circle:nth-child(2n) { animation-delay: 1.9s; }
.logo-glow { position: absolute; width: 35%; aspect-ratio: 2 / 1; border-radius: 50%; background: #237cf0; opacity: .19; filter: blur(34px); }
.makers-symbol { width: 215px; height: 129px; position: relative; background: url("assets/makers-symbol-gradient.png") center/contain no-repeat; filter: drop-shadow(0 0 8px #6ab9ff); animation: float-logo 6.5s ease-in-out infinite; }
.status { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 37px; padding: 0 18px; border: 1px solid rgba(77,158,255,.5); border-radius: 100px; background: linear-gradient(120deg,rgba(30,88,166,.24),rgba(14,53,115,.18)); box-shadow: inset 0 0 10px rgba(23,124,242,.1),0 0 22px rgba(21,112,232,.1); font-size: 11.5px; font-weight: 650; letter-spacing: .27em; white-space: nowrap; }
.status__dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #48e2fb; box-shadow:0 0 0 3px rgba(61,208,247,.13),0 0 12px 5px rgba(61,221,255,.47); animation: beacon 3s ease-in-out infinite; }
.headline { font-size: clamp(36px,4.1vw,57px); font-weight: 550; letter-spacing: -.053em; line-height: 1.19; margin: 29px auto 22px; max-width: 1080px; text-wrap: balance; }
.headline__highlight { background: linear-gradient(90deg,#9fb1ff 1%,#55bdff 49%,#69b4ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.intro { font-size: clamp(14px,1.12vw,18px); font-weight: 400; line-height: 1.77; letter-spacing: -.017em; color: #c9d0e5; margin: 0 auto; max-width: 950px; }

.short-divider { width: 44px; height: 1px; background: linear-gradient(to right,#3586ec,#c2e7ff); margin: 30px auto 25px; }



.contact-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 32px auto 0;
}
.contact-card {
  width: 63px;
  height: 63px;
  flex: 0 0 63px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(127,184,255,.64);
  border-radius: 50%;
  color: #e4f2ff;
  background: rgba(13,42,89,.23);
  box-shadow: inset 0 1px 0 rgba(178,217,255,.08), 0 0 21px rgba(29,105,227,.07);
  text-decoration: none;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.contact-card:hover {
  transform: translateY(-4px);
  border-color: rgba(152,219,255,.96);
  background: rgba(21,67,123,.43);
  box-shadow: 0 6px 23px rgba(0,111,255,.18), inset 0 1px 0 rgba(186,224,255,.12);
}
.contact-card:focus-visible { outline: 3px solid #91deff; outline-offset: 4px; }
.contact-card__icon { display: block; width: 30px; height: 30px; }
.contact-card__icon--email { color: #d8edff; filter: drop-shadow(0 0 4px rgba(63,156,255,.25)); }
.contact-card__icon--instagram { filter: drop-shadow(0 0 5px rgba(196,60,240,.18)); }
.contact-card__icon--linkedin { width: 29px; height: 29px; filter: drop-shadow(0 0 5px rgba(31,129,255,.2)); }
.footer { flex: 0 0 auto; margin: 55px auto 0; text-align: center; color: #869fc7; font-size: 11px; font-weight: 450; letter-spacing: .07em; }
.footer__accent { display: block; width: 42px; height: 1px; margin:0 auto 23px; background:linear-gradient(to right,#3a8ffc,#8ecfff); }
.footer p { margin:0; }
.footer__separator { margin: 0 13px; color: #9eb1d5; }
@keyframes float-logo {0%,100%{transform:translateY(1px)}50%{transform:translateY(-8px)}}
@keyframes orbit-breathe {from{transform:rotate(-1.2deg) scale(.99);opacity:.72}to{transform:rotate(1.8deg) scale(1.02);opacity:1}}
@keyframes star-pulse {from{opacity:.4}to{opacity:1}}
@keyframes beacon {0%,100%{opacity:.8;box-shadow:0 0 0 2px rgba(61,208,247,.1),0 0 8px 3px rgba(61,221,255,.3)}50%{opacity:1;box-shadow:0 0 0 4px rgba(61,208,247,.18),0 0 16px 6px rgba(61,221,255,.47)}}
@media (min-width: 1100px) and (max-height: 900px) {
  .page-shell { padding-top:22px; padding-bottom:22px; }
  .brand-stage { height:182px; margin-bottom:11px; }
  .headline { margin-top:22px; margin-bottom:17px; }
  .short-divider { margin-top:23px; margin-bottom:18px; }

  .footer { margin-top:29px; }
}
@media (max-width: 900px) {
  .page-shell { padding:34px 22px 34px; }
  .brand-stage { height:197px; }
  .headline { max-width:750px; font-size:clamp(34px,4.8vw,48px); }





}
@media (max-width: 800px) {
  .page-shell { padding:30px 24px 34px; }
  .page-main { align-items:unset; }
  .landing { max-width:460px; }
  .brand-stage { width:min(100%,425px); height:218px; margin-bottom:22px; }
  .makers-symbol { width:212px; height:125px; }
  .status { min-height:37px; font-size:10.5px; letter-spacing:.24em; }
  .desktop-break { display:none; }
  .headline { font-size:clamp(31px,7.2vw,44px); line-height:1.24; margin:37px auto 28px; letter-spacing:-.055em; }
  .intro { font-size:14px; line-height:1.85; max-width:390px; }
  .short-divider { margin:29px auto 25px; }






  .contact-grid { gap: 18px; margin-top: 26px; }
  .contact-card { width: 62px; height: 62px; flex-basis: 62px; }
  .footer { margin-top:54px; font-size:10px; line-height:1.8; }
  .scene { background:radial-gradient(ellipse 105% 65% at 115% -8%,rgba(34,107,189,.44),transparent 86%),radial-gradient(ellipse 100% 50% at 1% 110%,rgba(20,61,127,.27),transparent 90%),linear-gradient(120deg,#030b24,#071737 67%,#071a3b); }
}
@media (max-width:390px) {
 .page-shell { padding-inline:17px; }
 .brand-stage { height:185px; }
 .makers-symbol { width:198px; }
 .headline { font-size:clamp(29px,7.7vw,34px); }


 .contact-grid { gap: 16px; }
 .footer__separator { margin:0 5px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
  .orbits .node-track { display:none; }
}