:root{--bg:#08070c;--panel:#100d17;--text:#f6f3fa;--muted:#a49cae;--purple:#b469ff;--line:#ffffff16;--max:1180px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #c88bff;outline-offset:6px}::selection{background:#883bcb;color:white}img{display:block;max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.header{border-bottom:1px solid var(--line)}.nav{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px}.brand img{width:52px;height:52px;object-fit:contain;border-radius:8px}.brand>span{font-size:24px;font-weight:850;letter-spacing:2px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:5px;font-weight:500;margin-top:7px}.nav-links{display:flex;gap:32px;font-size:13px;color:#c2bbc9}.nav-links a:hover,.text-link:hover,.footer a:hover{color:#c88bff}.nav-cta{display:flex;align-items:center;gap:25px;font-size:12px;border:1px solid #8a79934d;border-radius:7px;padding:13px 17px}.nav-cta:hover{background:#ffffff09}.hero{padding-top:42px}.hero-topline{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:650;color:#c693fb;display:flex;align-items:center;gap:9px;margin:0 0 23px}.hero-topline .eyebrow{margin:0}.status-dot{height:6px;width:6px;border-radius:50%;background:#be78ff;box-shadow:0 0 12px #ac4bff}.age-label{font-size:10px;letter-spacing:.5px;color:var(--muted)}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:29px 0 34px}h1{font-size:clamp(42px,5.1vw,70px);font-weight:600;letter-spacing:-3.2px;line-height:1.06;margin:0}h1 em{font-style:normal;color:var(--purple)}.hero-intro{padding-bottom:4px;min-width:214px}.hero-intro p{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 20px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.text-link span{color:var(--purple);font-size:20px}.hero-visual{position:relative;overflow:hidden;border:1px solid #a56ad42b;border-radius:12px;background:#100a1d}.hero-visual>img{width:100%;aspect-ratio:1672/941;object-fit:cover}.visual-caption{position:absolute;bottom:17px;left:24px;font-size:8px;letter-spacing:2px;color:#c5b5d8;background:#08070ca6;padding:8px 10px;border-radius:3px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:21px 0;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.8px;color:var(--muted)}.hero-bottom a{display:flex;gap:25px;align-items:center;letter-spacing:.5px}.hero-bottom a span{color:var(--purple);font-size:18px}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:37px}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-1.8px;font-weight:550;margin:0}h2 span{color:var(--muted)}.section-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:330px;margin:0 0 2px}.offer-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #b16cfa45;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 10% 100%,#6017a634,transparent 70%),var(--panel)}.offer-main{padding:42px 50px;border-right:1px solid #ffffff13}.pill{font-size:9px;letter-spacing:1.7px;padding:8px 11px;display:inline-block;border-radius:4px;border:1px solid #a45ee852;color:#d6b3ff;background:#8f3dde14}.offer-number{font-size:clamp(90px,10vw,140px);line-height:1;font-weight:700;letter-spacing:-8px;margin:24px 0 2px;background:linear-gradient(145deg,#fff 15%,#d8afff 70%,#9446e0);background-clip:text;-webkit-background-clip:text;color:transparent}.offer-number span{font-size:.58em;letter-spacing:-4px}.offer-limit{font-size:25px;margin:8px 0 0;color:#c9c0d4;font-weight:350}.offer-limit strong{font-weight:550;color:var(--text)}.offer-extra{font-size:16px;color:#c998ff;margin:16px 0 0}.offer-action{padding:42px 46px;display:flex;flex-direction:column;justify-content:center}.alternative{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:0 0 30px}.alternative strong{font-size:18px;letter-spacing:0;color:#dfc5fa;margin-left:8px;font-weight:500}.offer-action h3{font-size:23px;letter-spacing:-.5px;margin:0 0 11px;font-weight:550}.offer-action>p:not(.alternative){font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 24px}.button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;background:linear-gradient(110deg,#ae43f8,#7e2bea);border:1px solid #c48aff66;border-radius:7px;color:#fff;font-size:13px;font-weight:650;box-shadow:0 7px 30px #8b32ec22;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 32px #8b32ec44}.button>span[aria-hidden]{font-size:20px}.offer-action>p.offer-terms{font-size:10px;line-height:1.7;margin:16px 0 0;color:#94869f}.steps-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b090f}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;gap:34px;margin:42px 0 0}.steps li{border-top:1px solid #a979d444;padding:23px 0 0}.step-number{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#c188fb}.step-number>span{font-size:20px;color:#695b78}.steps h3{font-size:18px;font-weight:550;margin:27px 0 12px;letter-spacing:-.3px}.steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:310px}.community{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.community-art{overflow:hidden;border-radius:10px;border:1px solid var(--line)}.community-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;max-width:350px;margin:22px 0}.responsibility{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:27px;padding-bottom:27px}.age-icon{display:grid;place-items:center;border:1px solid #72657d;border-radius:50%;width:46px;height:46px;flex:0 0 46px;font-size:14px;color:#c5b5d4}.responsibility h2{font-size:14px;letter-spacing:0;font-weight:600;line-height:1.5}.responsibility p{font-size:11px;line-height:1.7;margin:6px 0 0;color:var(--muted)}.footer{padding-top:38px;padding-bottom:26px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top>.brand img{width:44px;height:44px}.footer-top>.brand>span{font-size:20px}.footer-top>.brand small{font-size:8px}.footer-top>span{font-size:8px;letter-spacing:1.6px;color:#95869e}.footer-top>a:last-child{font-size:11px;color:var(--muted)}.legal{font-size:10px;color:#82788c;line-height:1.9;margin:30px 0 23px;max-width:970px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#82788c;border-top:1px solid var(--line);padding-top:20px}.skip-link{position:fixed;top:-80px;left:20px;background:#7426bb;padding:14px;z-index:10}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hero-visual>img{max-height:590px;object-fit:cover}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.hero-heading{gap:24px}h1{font-size:48px}.hero-intro{min-width:175px}.offer-main{padding:35px}.offer-action{padding:35px}.community{gap:35px}.footer-top>span{max-width:230px;line-height:1.8}.section{padding-block:70px}}
@media(max-width:640px){.container{width:calc(100% - 36px)}.nav{min-height:80px;gap:12px}.nav-links{display:none}.brand img{width:42px;height:42px}.brand>span{font-size:21px}.brand small{font-size:8px;letter-spacing:4px}.nav-cta{font-size:10px;gap:10px;padding:12px}.hero{padding-top:27px}.hero-topline{align-items:flex-start;gap:10px}.hero-topline .eyebrow{font-size:8px;letter-spacing:1.4px}.age-label{font-size:8px;max-width:105px;text-align:right;line-height:1.5}.hero-heading{display:block;padding:25px 0}h1{font-size:clamp(33px,8.9vw,54px);letter-spacing:-1.7px;line-height:1.09}.hero-intro{margin-top:22px;display:flex;gap:16px;align-items:center;justify-content:space-between}.hero-intro p{font-size:11px;margin:0}.hero-intro .text-link{font-size:10px;gap:10px}.hero-visual{border-radius:8px}.visual-caption{display:none}.hero-bottom{font-size:7px;letter-spacing:.8px;padding:16px 0}.hero-bottom a{gap:10px;letter-spacing:0}.section{padding-block:55px}.section-heading{display:block;margin-bottom:27px}.eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:34px;letter-spacing:-1px}.section-description{font-size:12px;margin-top:20px;max-width:100%}.offer-card{grid-template-columns:1fr}.offer-main{padding:30px;border-right:0;border-bottom:1px solid var(--line)}.offer-number{font-size:112px;letter-spacing:-6px;margin-top:20px}.offer-limit{font-size:23px}.offer-extra{font-size:15px}.offer-action{padding:29px}.alternative{margin-bottom:25px}.button{font-size:12px;padding:17px}.steps{grid-template-columns:1fr;gap:28px;margin-top:28px}.steps li{padding-top:17px}.steps h3{margin-top:15px}.steps p{max-width:none}.community{grid-template-columns:1fr;gap:30px}.community-copy>p:not(.eyebrow){font-size:13px}.responsibility{gap:14px;padding-block:22px}.responsibility h2{font-size:12px}.responsibility p{font-size:10px}.footer-top{flex-wrap:wrap;gap:24px}.footer-top>span{display:none}.footer-bottom{font-size:8px;line-height:1.8}.footer-bottom>span:last-child{text-align:right;max-width:160px}.legal{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Cabeçalho Nexa: navegação em cápsula e ambiente luminoso. */
.header {
  position: relative;
  isolation: isolate;
  border-bottom: 1px solid #a765ed26;
  background:
    radial-gradient(ellipse at 50% 125%, #853cf063 0, transparent 43%),
    radial-gradient(ellipse at 100% 90%, #6632bc38 0, transparent 33%),
    radial-gradient(ellipse at 0 100%, #522f9b30 0, transparent 30%),
    #060610;
}
.header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .45;
  background-image: radial-gradient(circle, #c5b4e5 0 .6px, transparent 1px), radial-gradient(circle, #916bae 0 .5px, transparent 1px);
  background-size: 79px 53px, 113px 71px;
  background-position: 12px 8px, 36px 25px;
}
.header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%;
  width: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #bc89ff, transparent);
  box-shadow: 0 0 19px 3px #954cff3d;
  pointer-events: none;
}
.header .nav {
  width: min(1400px, calc(100% - 80px));
  min-height: 104px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 28px;
}
.header .brand {justify-self: start; gap: 10px}
.header .brand img {width: 55px; height: 55px; border-radius: 50%}
.header .brand > span {font-size: 27px; font-style: italic; letter-spacing: 1.8px}
.header .brand small {font-size: 8px; font-style: normal; letter-spacing: 5.2px}
.header .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 7px;
  border: 1px solid #a578ec40;
  border-radius: 999px;
  background: #0b0a1bee;
  box-shadow: inset 0 1px 0 #ffffff04;
}
.header .nav-links a {
  padding: 16px 17px;
  border: 1px solid transparent;
  border-radius: 999px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.25px;
  color: #a9a5bc;
  transition: background .2s, color .2s, border-color .2s;
}
.header .nav-links a:hover {color: #fff; background: #a267ed10}
.header .nav-links a[aria-current="location"] {color: #fff; border-color: #9c63e22e; background: #1d1536}
.nav-actions {display: flex; justify-self: end; gap: 10px; align-items: center}
.nav-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 22px;
  border-radius: 999px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 650;
  transition: transform .2s, box-shadow .2s;
}
.nav-action:hover {transform: translateY(-2px)}
.nav-action-light {color: #131019; background: linear-gradient(#fff, #c6c3ca); box-shadow: inset 0 1px 0 #fff}
.nav-action-primary {color: #fff; background: linear-gradient(155deg, #b66bff, #7b26ed); box-shadow: 0 5px 24px #782bea29}
.nav-action-primary:hover {box-shadow: 0 6px 28px #9b43ef55}
@media (max-width: 1120px) {
  .header .nav {width: calc(100% - 40px); gap: 15px}
  .header .nav-links a {font-size: 12px; padding: 15px 12px}
  .header .brand > span {font-size: 23px}
  .header .brand img {width: 46px; height: 46px}
  .nav-action {font-size: 12px; padding: 0 17px; min-height: 49px}
}
@media (max-width: 850px) {
  .header .nav {grid-template-columns: 1fr auto; gap: 15px; padding-block: 18px}
  .header .nav-links {grid-column: 1 / -1; grid-row: 2; justify-self: center}
  .nav-actions {grid-column: 2; grid-row: 1}
}
@media (max-width: 420px) {
  .header .nav {width: calc(100% - 28px); gap: 14px 8px}
  .header .brand {gap: 6px}
  .header .brand img {width: 35px; height: 35px}
  .header .brand > span {font-size: 20px}
  .header .brand small {font-size: 7px; letter-spacing: 3.7px}
  .nav-actions {gap: 6px}
  .nav-action {min-height: 43px; padding: 0 13px; font-size: 11px}
  .header .nav-links {width: 100%; gap: 0; padding: 5px}
  .header .nav-links a {flex: 1; text-align: center; padding: 12px 7px; font-size: 11px}
}

/* Ambiente cósmico Nexa: camadas decorativas sem capturar interações. */
body {background: #06050e; isolation: isolate}
.ambient-scene {position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: -1; background: radial-gradient(ellipse at 50% 0, #160e2e, transparent 62%), #06050e}
.ambient-glow {position: absolute; width: min(85vw, 1100px); height: min(85vw, 1000px); border-radius: 50%; opacity: .7; will-change: transform; background: radial-gradient(ellipse, #742dc544, #4223981c 40%, transparent 68%)}
.ambient-glow-one {top: -35%; left: -22%; animation: nebula-drift 24s ease-in-out infinite alternate}
.ambient-glow-two {right: -30%; top: 20%; background: radial-gradient(ellipse, #8d2cb537, #3b2ca329 38%, transparent 68%); animation: nebula-drift 30s ease-in-out -12s infinite alternate-reverse}
.ambient-stars {position: absolute; inset: -70px; background-repeat: repeat; will-change: transform; opacity: .5}
.ambient-stars-far {background-size: 537px 419px; animation: stars-drift 70s linear infinite alternate}
.ambient-stars-near {background-size: 811px 617px; opacity: .55; animation: stars-drift 48s ease-in-out -16s infinite alternate-reverse, starlight 9s ease-in-out infinite alternate}
.ambient-vignette {position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 25%, transparent 15%, #06050e45 75%), linear-gradient(180deg, transparent, #06050e30 50%, #06050e80)}
.header {background: #08071465; border-bottom-color: #b982ff12}
.header::before {display: none}
.header::after {opacity: .5}
.hero {position: relative; isolation: isolate; padding-top: 58px}

.hero-topline {padding-top: 24px}
.hero-heading {padding-top: 38px; padding-bottom: 42px}
h1 {text-shadow: 0 3px 32px #08050e}
h1 em {color: #c895ff; text-shadow: 0 0 38px #ad63f842}
.hero-visual {border-color: #b775ff52; box-shadow: 0 0 0 5px #a660ec06, 0 20px 80px -25px #000, 0 0 65px -30px #954bdd; background: #0d0918}
.hero-bottom {border-bottom-color: #bd94ec22}
.offer-section {position: relative}
.offer-card {background: radial-gradient(ellipse at 0 0, #8c40d92e, transparent 55%), linear-gradient(120deg, #171021ed, #0b0916ed); border-color: #bc7efa4d; box-shadow: 0 25px 85px -35px #000, inset 0 1px 0 #eddaff0d}
.steps-section {background: linear-gradient(110deg, #17102591, #0b0915c9 50%, #19102b85); border-color: #ba8ce321}
.steps li {padding: 25px 24px; border: 1px solid #af77de2e; border-radius: 16px; background: linear-gradient(145deg, #25173775, #100c1b96); box-shadow: inset 0 1px 0 #ffffff04; transition: border-color .25s, transform .25s, background .25s}
.steps li:hover {transform: translateY(-4px); border-color: #b781ef66; background: linear-gradient(145deg, #36204b9e, #100c1bd9)}
.community-art {border-color: #bd86f33b; box-shadow: 0 15px 65px -30px #9a45df47}
.responsibility {background: linear-gradient(90deg, transparent, #21133155, transparent); border-color: #bd94ec22}
.footer {padding-bottom: 85px}
.motion-toggle {position: fixed; right: 22px; bottom: 20px; z-index: 10; display: inline-flex; align-items: center; gap: 9px; min-height: 40px; padding: 10px 14px; border: 1px solid #a376cf50; border-radius: 999px; background: #110b20ee; color: #d9c6ea; font: 500 11px/1.2 "Segoe UI", sans-serif; cursor: pointer; box-shadow: 0 5px 22px #0005}
.motion-toggle[hidden] {display: none}
.motion-toggle:hover {background: #28163f; border-color: #c18eed}
.motion-toggle:focus-visible {outline: 2px solid #c88bff; outline-offset: 4px}
.motion-symbol {width: 12px; text-align: center; font-size: 13px}
body.motion-paused .ambient-scene *, body.page-hidden .ambient-scene * {animation-play-state: paused!important}
@keyframes nebula-drift {from {transform: translate3d(0,0,0) scale(1)} to {transform: translate3d(13%,10%,0) scale(1.16)}}
@keyframes stars-drift {from {transform: translate3d(0,0,0)} to {transform: translate3d(24px,-55px,0)}}
@keyframes starlight {from {opacity: .3} to {opacity: .65}}

@media(max-width: 640px) {
  .hero {padding-top: 30px}
  
  .hero-topline {padding-top: 15px}
  .hero-heading {padding-top: 28px; padding-bottom: 30px}
  .ambient-glow {width: 110vw; height: 110vw}
  .ambient-glow-one {top: -10%; left: -40%}
  .ambient-glow-two {top: 40%}
  .ambient-stars-near {display: none}
  .steps li {padding: 22px}
  .motion-toggle {right: 14px; bottom: 12px; font-size: 10px; min-height: 38px}
}
@media(prefers-reduced-motion: reduce) {
  .ambient-scene * {animation: none!important; will-change: auto}
  .steps li:hover {transform: none}
}

.ambient-stars-far {background-image: radial-gradient(circle at 114px 12px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 281px 125px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 142px 377px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 89px 302px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 32px 15px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 223px 119px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 27px 287px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 429px 112px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 284px 414px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 163px 357px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 348px 142px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 220px 390px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 104px 47px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 99px 183px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 270px 413px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 470px 274px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 387px 40px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 300px 321px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 370px 295px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 71px 23px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 233px 395px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 81px 119px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 389px 142px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 373px 83px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 363px 107px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 273px 359px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 73px 311px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 175px 273px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 250px 83px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 388px 138px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 224px 350px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 57px 117px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 323px 205px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 67px 108px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 322px 108px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 511px 202px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 469px 73px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 142px 126px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 269px 382px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 438px 298px, #e2c9ff 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 370px 112px, #e2c9ff 0.6px, transparent 1.2px),radial-gradient(circle at 521px 252px, #e2c9ff 0.6px, transparent 1.2px);}

.ambient-stars-near {background-image: radial-gradient(circle at 773px 48px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 156px 163px, #e2c9ff 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 432px 610px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 394px 390px, #e2c9ff 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 479px 541px, #e2c9ff 1px, transparent 1.6px),radial-gradient(circle at 566px 11px, #e2c9ff 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 738px 117px, #e2c9ff 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 549px 273px, #e2c9ff 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 348px 114px, #e2c9ff 1px, transparent 1.6px),radial-gradient(circle at 445px 161px, #e2c9ff 1px, transparent 1.6px),radial-gradient(circle at 3px 269px, #e2c9ff 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 780px 182px, #e2c9ff 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 108px 305px, #e2c9ff 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 519px 203px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 382px 165px, #e2c9ff 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 797px 543px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 613px 331px, #e2c9ff 1px, transparent 1.6px),radial-gradient(circle at 19px 114px, #e2c9ff 1px, transparent 1.6px),radial-gradient(circle at 314px 245px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 246px 580px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 87px 497px, #e2c9ff 0.8px, transparent 1.4px),radial-gradient(circle at 778px 545px, #e2c9ff 0.8px, transparent 1.4px);}
/* Conter os elementos decorativos sem deslocamento horizontal. */
main {overflow: clip}

/* Registo no primeiro ecrã e nave Nexa animada. */
.hero-launch {display: grid; grid-template-columns: 1.35fr 1fr; align-items: center; gap: 20px; padding: 32px 0 36px}
.hero-launch h1 {font-size: clamp(36px, 4.7vw, 64px)}
.hero-launch-copy {position: relative; z-index: 1}
.hero-launch-lead {max-width: 460px; margin: 20px 0 24px; color: #bfb2cf; font-size: 15px; line-height: 1.65}
.hero-register {width: min(100%, 360px); min-height: 64px; font-size: 16px; padding: 19px 25px; border-radius: 12px; background: linear-gradient(110deg, #b453ff, #822ced); box-shadow: 0 8px 40px #963feb4d, inset 0 1px 0 #ffffff35}
.hero-register:hover {box-shadow: 0 10px 45px #ac4fff70}
.hero-register-details {display: flex; flex-direction: column; align-items: flex-start; gap: 11px; margin-top: 17px; font-size: 11px}
.hero-register-details a {color: #d6b9f3; text-underline-offset: 4px}
.hero-register-details a:hover {text-decoration: underline}
.hero-register-details>span {font-size: 10px; color: #a99ab9}
.nexa-flight {position: relative; min-width: 0; pointer-events: none; text-align: center}
.flight-aura {position: absolute; inset: 0; background: radial-gradient(ellipse, #943bed35, #6825a215 40%, transparent 70%)}
.nexa-ship {position: relative; width: 100%; height: auto; filter: drop-shadow(0 20px 30px #03010a) drop-shadow(0 0 24px #aa58ff25); animation: nexa-flight 9s ease-in-out infinite}
.flight-caption {display: block; font-size: 8px; letter-spacing: 2.5px; color: #a181be; margin-top: -5px}
body.motion-paused .nexa-ship, body.page-hidden .nexa-ship {animation-play-state: paused!important}
@keyframes nexa-flight {0%,100% {transform: translate3d(0,0,0) rotate(-3deg)} 50% {transform: translate3d(0,-14px,0) rotate(2deg)}}
@media(max-width: 850px) {
  .hero-launch {grid-template-columns: 1.5fr 1fr}
  .hero-launch h1 {font-size: 40px}
  .hero-launch-lead {font-size: 13px}
  .flight-caption {font-size: 6px; letter-spacing: 1.4px}
}
@media(max-width: 640px) {
  .hero {padding-top: 18px}
  .hero-topline {padding-top: 8px}
  .hero-launch {display: block; position: relative; padding: 22px 0 28px}
  .hero-launch h1 {font-size: clamp(32px, 8.5vw, 48px)}
  .hero-launch-lead {max-width: 290px; margin: 14px 0 18px; font-size: 12px}
  .hero-register {min-height: 58px; width: 100%; font-size: 15px}
  .hero-register-details {gap: 9px; margin-top: 13px; font-size: 10px}
  .nexa-flight {position: absolute; z-index: -1; top: -18px; right: -30px; width: 170px; opacity: .24}
  .flight-caption {display: none}
}
@media(prefers-reduced-motion: reduce) {.nexa-ship {animation: none!important}}

/* Oferta de boas-vindas junto ao registo principal. */
.hero-welcome-offer {margin: 21px 0 20px; padding: 0 0 0 17px; border-left: 3px solid #c07aff}
.welcome-label {margin: 0 0 9px; color: #d3a2ff; font-size: 10px; font-weight: 750; letter-spacing: 1.7px}
.welcome-value {margin: 0; color: #fff; font-size: clamp(25px, 2.7vw, 37px); line-height: 1.15; font-weight: 650; letter-spacing: -.8px}
.welcome-value strong {color: #f4d77b; font-weight: 750}
.welcome-extras {margin: 9px 0 0; color: #eee1fb; font-size: 16px; font-weight: 600; line-height: 1.5}
.welcome-extras span {color: #b4a2c5; font-size: 12px; font-weight: 400; margin-inline: 5px}
.welcome-extras strong {color: #f4d77b; font-weight: 650}
.hero-register-details>span {max-width: 390px; line-height: 1.55}
@media(max-width: 640px) {
  .hero-welcome-offer {margin: 16px 0; padding-left: 12px}
  .welcome-label {font-size: 9px; margin-bottom: 7px}
  .welcome-value {font-size: 28px}
  .welcome-extras {font-size: 13px; margin-top: 6px}
  .welcome-extras span {font-size: 11px; margin-inline: 3px}
  .hero-register-details>span {font-size: 9px}
}

/* Revisão mobile: leitura, áreas de toque e conteúdo sem sobreposições. */
.hero-launch-copy, .offer-main, .offer-action, .community-copy {min-width: 0}
@media (min-width: 641px) and (max-width: 850px) {
  .hero-launch {grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr)}
  .steps {grid-template-columns: 1fr; gap: 18px}
  .steps p {max-width: none}
}
@media (min-width: 641px) and (max-width: 740px) {
  .offer-card {grid-template-columns: 1fr}
  .offer-main {border-right: 0; border-bottom: 1px solid var(--line)}
}
@media (max-width: 640px) {
  .header .nav {padding-block: 12px}
  .header .nav-links a {display: flex; align-items: center; justify-content: center; min-height: 44px}
  .nav-action {min-height: 44px}
  .hero-register {min-height: 58px}
  .hero-register-details a, .text-link, .hero-bottom a, .footer-top > a:last-child {display: inline-flex; align-items: center; min-height: 44px}
  .hero-register-details {gap: 4px; margin-top: 6px}
  .hero-register-details > span {font-size: 11px; line-height: 1.6}
  .hero-topline .eyebrow {font-size: 9px; letter-spacing: 1px}
  .age-label {font-size: 10px; max-width: 124px}
  .welcome-label {font-size: 10px}
  .welcome-extras strong {white-space: nowrap}
  .hero-bottom {gap: 12px; flex-wrap: wrap}
  .offer-action > p.offer-terms, .legal, .responsibility p {font-size: 11px; line-height: 1.7}
  .footer-bottom {font-size: 10px; flex-wrap: wrap}
  .footer-bottom > span:last-child {text-align: left; max-width: none}
  .footer {padding-bottom: 20px}
  .motion-toggle {position: relative; right: auto; bottom: auto; min-height: 44px; font-size: 12px; margin: 0 18px calc(20px + env(safe-area-inset-bottom, 0px)) auto; display: flex; width: fit-content; max-width: calc(100% - 36px)}
  .motion-toggle[hidden] {display: none}
}
@media (max-width: 360px) {
  .header .nav-links a {font-size: 10px; padding-inline: 5px}
  .hero-launch h1 {font-size: 30px; letter-spacing: -1.3px}
  .offer-main, .offer-action {padding: 24px}
}
@media (hover: none) {
  .button:hover, .nav-action:hover, .steps li:hover {transform: none}
}

/* Consentimento de estatísticas; só visível com Analytics configurado. */
.analytics-settings {background: transparent; border: 0; padding: 12px 0; color: #c8b4dc; font: inherit; font-size: 12px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px}
.analytics-consent {position: fixed; z-index: 30; left: 20px; bottom: 20px; width: min(460px, calc(100% - 40px)); max-height: calc(100dvh - 40px); overflow: auto; padding: 24px; background: #130d20; border: 1px solid #9061b9; border-radius: 16px; box-shadow: 0 10px 70px #0009}
.analytics-consent[hidden], .analytics-settings[hidden] {display: none}
.analytics-consent h2 {font-size: 19px; letter-spacing: -.3px; line-height: 1.3}
.analytics-consent p {font-size: 12px; color: #c4b7d2; line-height: 1.7}
.analytics-consent summary {cursor: pointer; font-size: 12px; padding: 8px 0}
.analytics-consent a {text-decoration: underline}
.consent-actions {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px}
.consent-actions button {flex: 1; min-width: 140px; min-height: 44px; padding: 12px; color: #f4edff; background: #39234e; border: 1px solid #9564c0; border-radius: 8px; font: 600 12px "Segoe UI", sans-serif; cursor: pointer}
.consent-actions button:hover {background: #513368}
.analytics-consent button:focus-visible, .analytics-settings:focus-visible, .analytics-consent summary:focus-visible {outline: 2px solid #c88bff; outline-offset: 3px}
@media(max-width:640px) {.analytics-consent {left: 12px; bottom: max(12px, env(safe-area-inset-bottom)); width: calc(100% - 24px); padding: 18px}}