:root{
  --bg:#0C0813;--bg-2:#1A0B2B;--surface:rgba(255,255,255,.04);--line:rgba(255,255,255,.09);--line-p:rgba(214,60,236,.5);
  --p1:#FF1BD8;--p2:#A100E6;--p3:#5A00C9;--p-text:#F0A6FF;
  --grad:linear-gradient(135deg,#FF1BD8 0%,#A100E6 52%,#5A00C9 100%);
  --text:#fff;--text-2:#B9BDD0;--text-3:#8C90A8;
  --display:'Bricolage Grotesque',system-ui,sans-serif;--sans:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1)
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-padding-top:76px}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left))}
h1,h2,h3{font-family:var(--display);line-height:1.1;letter-spacing:-.02em}
em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,var(--bg-2),var(--bg))}
.aurora i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(100px);opacity:.25;background:radial-gradient(circle,var(--p2),transparent 70%);animation:drift 24s ease-in-out infinite alternate}
.aurora i:first-child{top:-30vmax;left:-20vmax}
.aurora i:last-child{bottom:-35vmax;right:-25vmax;background:radial-gradient(circle,var(--p3),transparent 70%);animation-duration:30s}
@keyframes drift{to{transform:translate(8vmax,6vmax) scale(1.1)}}

/* header */
.header{position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(12,8,19,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-in{height:66px;display:flex;align-items:center;justify-content:center}
.brand{display:flex;align-items:center;font-family:var(--display);font-weight:700;font-size:1.2rem}
.brand b{font-weight:500;color:var(--text-2)}
.brand-logo{height:38px;width:auto}
.brand.has-logo .brand-text{display:none}

/* aviso */
.thanks{padding:112px 0 40px}
.thanks-card{max-width:760px;margin:0 auto;padding:40px 24px 28px;text-align:center;border-radius:28px;background:linear-gradient(160deg,rgba(255,27,216,.16),rgba(90,0,201,.16));border:1px solid var(--line-p);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.check{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--grad);box-shadow:0 12px 40px rgba(214,40,230,.45)}
.check svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.check path{stroke-dasharray:30;stroke-dashoffset:30}
.thanks-card.in .check path{animation:draw .7s .5s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.thanks h1{margin-top:22px;font-size:clamp(1.9rem,7vw,3rem);font-weight:700}
.thanks-lead{margin:16px auto 0;max-width:46ch;font-size:1.05rem;color:var(--text-2)}
.thanks-sep{width:48px;height:2px;margin:26px auto;background:var(--grad);border-radius:2px}
.thanks-more{margin:0 auto;max-width:48ch;font-size:1.02rem;color:#fff;font-weight:500}
.down{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:20px;border-radius:50%;border:1px solid var(--line)}
.down span{width:10px;height:10px;border-right:2px solid var(--p-text);border-bottom:2px solid var(--p-text);transform:rotate(45deg) translate(-2px,-2px);animation:bob 1.6s ease-in-out infinite}
@keyframes bob{50%{transform:rotate(45deg) translate(2px,2px)}}

/* números */
.stats-sec{padding:24px 0 56px}
.stats{display:grid;gap:12px}
.stat{padding:20px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.stat b{display:block;font-family:var(--display);font-size:clamp(1.6rem,5vw,2.2rem);font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{display:block;margin-top:6px;font-size:.84rem;line-height:1.45;color:var(--text-3)}

/* donos */
.sec{padding:40px 0 96px}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--p-text);margin-bottom:14px}
.sec h2{font-size:clamp(1.9rem,6vw,3rem);font-weight:700;max-width:20ch}
.founders{display:grid;gap:20px;margin-top:36px}
.founder{border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.founder-img{aspect-ratio:4/4.4;overflow:hidden}
.founder-img img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform 1.2s var(--ease)}
.founder-body{padding:24px 22px 26px}
.loc{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--p-text)}
.founder h3{margin-top:8px;font-size:2rem}
.real{margin:4px 0 14px;color:var(--text-3);font-size:.9rem}
.founder-body p:not(.loc):not(.real){color:var(--text-2);font-size:.96rem}
.founder-body p+p{margin-top:12px}
.together{margin-top:28px;text-align:center;color:var(--text-2);font-size:.98rem}
@media (hover:hover){.founder:hover img{transform:scale(1.04)}}

.foot{padding:44px 0 max(40px,env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;color:var(--text-2);font-size:.9rem}
.foot-brand{font-family:var(--display);font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:6px}
.foot .small{margin:12px auto 0;font-size:.75rem;color:var(--text-3);max-width:70ch}

/* revelar (só com JS; sem JS o conteúdo aparece normalmente) */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0) * 110ms)}
.js .rv.in{opacity:1;transform:none}
.js .check path{stroke-dashoffset:30}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.aurora i,.down span{animation:none}.check path{stroke-dashoffset:0!important;animation:none!important}}

@media (min-width:760px){
  .thanks{padding:140px 0 56px}
  .thanks-card{padding:56px 48px 36px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .founders{grid-template-columns:1fr 1fr}
  .sec{padding:56px 0 120px}
}
@media (max-width:420px){.thanks-card{border-radius:22px}}
