/* ░░░ BugHunt — uma nova bughunt — fiel ao figma (frame 1200, coluna 832) ░░░ */
/* Chillax — fonte do figma, auto-hospedada (Indian Type Foundry · Fontshare EULA) */
@font-face{font-family:"Chillax";src:url("assets/fonts/Chillax-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:"Chillax";src:url("assets/fonts/Chillax-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Chillax";src:url("assets/fonts/Chillax-Semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
:root{
  --bg:#1a1a1a;            /* cor real da zona escura no Figma (= fundo da onda). coerente: header, fundo, rodapé */
  --purple:#4a2957;        /* fundo da visão (Rectangle 75) */
  --accent:#d2b0f9;        /* roxo (BUGHUNT, barras, BugHunt) */
  --accent-blue:#acddfe;   /* azul claro (maiores empresas) */
  --white:#fff;
  --offwhite:#fdf9f1;
  --muted:#a39daa;         /* "Co-Founder" */
  /* unidade fluida: 1px do design @1200px. escala com a viewport (cheio em telas largas),
     com piso (mobile) e teto (não cresce infinito em monitores enormes) */
  --u:clamp(0.6px, calc(100vw / 1200), 1.42px);
  --font-display:"Chillax","Outfit",sans-serif;
  --font-body:"Outfit",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.container{width:min(92vw,calc(832 * var(--u)));margin-inline:auto;position:relative;}
b{font-weight:600;}

/* ░ HERO / HEADER ░ */
.hero{position:relative;overflow:hidden;padding-bottom:calc(6 * var(--u));background:var(--bg);}
/* onda roxa (bolhas pra cima, entrando pela direita) — máscara radial p/ sumir a "caixa" do screen */
.hero__wave{position:absolute;top:0;right:0;width:min(100%,calc(1080 * var(--u)));aspect-ratio:1080/373;background:url("assets/hero-wave.svg") top right/contain no-repeat;mix-blend-mode:lighten;opacity:1;z-index:0;pointer-events:none;}

.topbar{display:flex;align-items:center;justify-content:space-between;padding-top:calc(38 * var(--u));z-index:3;}
.brand{display:flex;align-items:center;gap:calc(9 * var(--u));text-decoration:none;color:var(--white);}
.brand__logo{height:calc(30 * var(--u));width:auto;display:block;}
.brand__word{font-family:var(--font-body);font-size:calc(19 * var(--u));font-weight:400;letter-spacing:.01em;}
.brand__word b{font-weight:700;}
.since{width:calc(150 * var(--u));height:auto;display:block;align-self:flex-start;margin-top:calc(2 * var(--u));}

.hero__title{font-family:var(--font-display);font-weight:400;font-size:calc(80 * var(--u));line-height:.919;letter-spacing:-.01em;text-transform:uppercase;margin-top:calc(52 * var(--u));z-index:2;}
.hero__title-line{display:block;}
.hero__title-line--accent{color:var(--accent);}
.hero__subtitle{font-family:var(--font-display);font-weight:300;font-size:calc(21 * var(--u));color:var(--white);margin-top:calc(12 * var(--u));z-index:2;}
.hero__dots{display:inline-flex;gap:calc(7 * var(--u));margin-top:calc(16 * var(--u));z-index:2;}
.hero__dots i{width:calc(15 * var(--u));height:calc(12 * var(--u));border-radius:2px;display:block;}
.hero__dots i:nth-child(1){background:var(--accent);}
.hero__dots i:nth-child(2){background:var(--offwhite);}
.hero__dots i:nth-child(3){background:#4361ee;}
/* marcadores de seção (mesmo motivo dos dots do herói) */
.dots{display:flex;gap:calc(7 * var(--u));}
.dots i{width:calc(15 * var(--u));height:calc(12 * var(--u));border-radius:2px;display:block;}
.dots i:nth-child(1){background:var(--accent);}
.dots i:nth-child(2){background:var(--offwhite);}
.dots i:nth-child(3){background:#4361ee;}
.dots--video{justify-content:flex-end;margin-top:calc(16 * var(--u));}
.dots--numbers{justify-content:center;margin-top:calc(30 * var(--u));}

/* vídeo (832×467, borda clara, raio 10) */
.hero__video{margin-top:0;margin-bottom:calc(41 * var(--u));z-index:2;}
/* zona escura uniforme: tudo #1a1a1a (flat, sem glow/gradiente) */
.lower{position:relative;background:var(--bg);}
.code-block{display:block;width:calc(215 * var(--u));max-width:62%;height:auto;opacity:.8;margin:calc(85 * var(--u)) 0 calc(9 * var(--u));}
.video-frame{position:relative;width:100%;border-radius:10px;box-shadow:0 40px 90px -40px rgba(0,0,0,.85);}
.video-frame__media{display:block;width:100%;aspect-ratio:832/467;object-fit:cover;border-radius:10px;border:1px solid #e8e8e8;background:var(--bg);}
.video-frame__play{position:absolute;inset:0;margin:auto;width:calc(72 * var(--u));height:calc(72 * var(--u));display:grid;place-items:center;border:none;border-radius:50%;background:rgba(13,13,13,.42);color:#fff;cursor:pointer;backdrop-filter:blur(4px);opacity:.92;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,opacity .3s;}
.video-frame__play svg{width:42%;height:42%;margin-left:4%;}
.video-frame__play:hover{transform:scale(1.07);background:var(--accent);color:#1e1e1e;}
.video-frame__play.is-hidden{opacity:0;pointer-events:none;transform:scale(.6);}

/* ░ MANIFESTO ░ */
.manifesto{padding-bottom:calc(94 * var(--u));}
.manifesto__text{font-family:var(--font-body);font-weight:300;font-size:calc(20 * var(--u));line-height:1.25;color:var(--white);max-width:calc(832 * var(--u));}

/* ░ EMPRESAS ░ */
.clients{padding-bottom:calc(72 * var(--u));}
.ornament--clients{position:absolute;left:0;top:calc(12 * var(--u));width:calc(131 * var(--u));height:auto;pointer-events:none;}
.clients__title{font-family:var(--font-display);font-weight:400;font-size:calc(60 * var(--u));line-height:1.1;text-transform:uppercase;color:var(--white);margin-left:calc(175 * var(--u));white-space:nowrap;}
.clients__title em{font-style:normal;color:var(--accent-blue);}
/* barra de logos (full-bleed, logo abaixo do título "protegemos as maiores empresas") */
.logos{margin-top:calc(46 * var(--u));background:linear-gradient(95deg,rgba(98,93,93,.42) 0%,rgba(144,144,144,.42) 100%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.logos__row{display:flex;align-items:center;gap:min(4vw,calc(42 * var(--u)));width:min(94vw,calc(1077 * var(--u)));padding-block:calc(19 * var(--u));}
.pill{flex:1;height:calc(51 * var(--u));display:grid;place-items:center;border:1px solid #afafaf;border-radius:8px;padding:0 calc(14 * var(--u));}
.pill img{max-height:calc(23 * var(--u));max-width:72%;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;}
/* logo Nuclea entregue em preto-sobre-branco: inverte (preto->branco) + screen p/ o fundo branco virar transparente sobre a barra */
.pill img.logo-nuclea{filter:invert(1);mix-blend-mode:screen;}
/* ajuste fino por logo p/ equilibrio visual (escala sem alterar a pilula) */
.pill img.logo-olx{transform:scale(1.28);}
.pill img.logo-uol{transform:scale(1.18);}
.pill img.logo-tim{transform:scale(.8);}

/* ░ NÚMEROS ░ */
.numbers{padding-bottom:calc(102 * var(--u));}
/* caixa de vidro: translúcida + blur, pega as cores do fundo (como no Figma) */
.numbers__card{position:relative;width:100%;border-radius:calc(20 * var(--u));padding:calc(45 * var(--u)) calc(34 * var(--u)) calc(43 * var(--u));background:rgba(255,255,255,.04);backdrop-filter:blur(calc(22 * var(--u)));-webkit-backdrop-filter:blur(calc(22 * var(--u)));border:1px solid rgba(186,186,186,.18);overflow:hidden;}
.numbers__lead{font-family:var(--font-display);font-weight:400;font-size:calc(40 * var(--u));line-height:1.15;text-align:center;color:var(--white);max-width:calc(541 * var(--u));margin:0 auto calc(34 * var(--u));}
.numbers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(33 * var(--u));}
.stat{position:relative;min-height:calc(129 * var(--u));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:calc(4 * var(--u));padding:calc(16 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u)) calc(30 * var(--u));background:rgba(30,30,30,.28);backdrop-filter:blur(calc(6 * var(--u)));-webkit-backdrop-filter:blur(calc(6 * var(--u)));border:1px solid rgba(186,186,186,.45);border-radius:calc(8 * var(--u));}
.stat__bar{position:absolute;left:calc(13 * var(--u));top:calc(13 * var(--u));bottom:calc(13 * var(--u));width:calc(4 * var(--u));border-radius:2px;background:var(--accent);}
.stat__value{font-family:var(--font-display);display:flex;align-items:baseline;justify-content:center;gap:2px;color:var(--offwhite);}
.stat__num{font-weight:600;font-size:calc(55 * var(--u));line-height:1;}
.stat__unit{font-weight:300;font-size:calc(18 * var(--u));}
.stat__label{font-family:var(--font-body);font-weight:300;font-size:calc(16 * var(--u));line-height:1.25;color:var(--offwhite);}
.stat__label--sm{font-size:calc(13 * var(--u));}

/* ░ VISÃO ░ */
.vision{position:relative;overflow:hidden;background:var(--purple);padding-top:calc(53 * var(--u));padding-bottom:calc(131 * var(--u));}
/* chamas azuis subindo no canto inferior-direito + máscara p/ sumir a caixa */
.vision__waves{position:absolute;right:-4%;bottom:0;width:min(48%,calc(560 * var(--u)));aspect-ratio:700/393;background:url("assets/wave-purple.png") right bottom/cover no-repeat;mix-blend-mode:lighten;opacity:1;z-index:1;pointer-events:none;}
.vision__inner{position:relative;z-index:2;width:min(92vw,calc(900 * var(--u)));margin-inline:auto;}
.vision__title{font-family:var(--font-display);font-weight:400;font-size:calc(60 * var(--u));line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;color:var(--white);margin-bottom:calc(53 * var(--u));white-space:nowrap;}

.founders{max-width:calc(832 * var(--u));margin-inline:auto;background:linear-gradient(0deg,rgba(20,12,20,.35),rgba(20,12,20,.35)),url("assets/card-bg.png") center/cover no-repeat;border:1px solid rgba(215,215,215,.45);border-radius:calc(10 * var(--u));padding:calc(32 * var(--u));}
.quote{display:grid;grid-template-columns:calc(204 * var(--u)) 1fr;gap:calc(30 * var(--u));align-items:center;}
.quote--reverse{grid-template-columns:1fr calc(222 * var(--u));}
.quote__photo{width:calc(204 * var(--u));height:calc(204 * var(--u));border-radius:calc(10 * var(--u));overflow:hidden;flex-shrink:0;}
.quote--reverse .quote__photo{width:calc(222 * var(--u));height:calc(222 * var(--u));}
.quote__photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;}
.quote__photo:hover img{transform:scale(1.05);}
.quote__name{font-family:var(--font-display);font-weight:400;font-size:calc(40 * var(--u));line-height:1.05;text-transform:uppercase;color:var(--white);}
.quote__name span{display:block;text-transform:none;font-weight:300;font-size:calc(25 * var(--u));color:var(--muted);margin-top:calc(4 * var(--u));}
.quote__text{margin-top:calc(14 * var(--u));font-family:var(--font-body);font-weight:300;font-size:calc(23 * var(--u));line-height:1.35;color:var(--white);}
.founders__divider{border:none;height:1px;width:100%;background:rgba(255,255,255,.16);margin:calc(26 * var(--u)) 0;}
.quote__mark{display:inline-block;vertical-align:middle;height:calc(26 * var(--u));width:auto;margin-left:calc(16 * var(--u));}
.quote--reverse .quote__mark{margin-left:0;margin-right:calc(16 * var(--u));}
.quote--reverse .quote__name{text-align:right;}

.vision__closing{max-width:calc(635 * var(--u));margin:calc(75 * var(--u)) 0 0 calc(34 * var(--u));font-family:var(--font-display);font-weight:400;font-size:calc(35 * var(--u));line-height:1.2;color:var(--white);}
.vision__closing b{font-weight:400;color:var(--accent);}
.bh-lockup{display:block;width:calc(201 * var(--u));height:auto;margin:calc(44 * var(--u)) 0 0 calc(34 * var(--u));}

/* ░ FOOTER ░ */
.footer{background:var(--bg);}
.footer__bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-block:calc(24 * var(--u));}
.footer__copy{justify-self:start;font-family:var(--font-body);font-weight:300;font-size:calc(11 * var(--u));color:var(--offwhite);}
.footer__since{justify-self:center;width:calc(168 * var(--u));height:auto;display:block;}
.footer__social{justify-self:end;display:flex;gap:16px;}
.footer__social a{color:var(--muted);display:grid;place-items:center;transition:color .25s,transform .25s;}
.footer__social a:hover{color:var(--accent);transform:translateY(-2px);}

/* ░ ANIM ░ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
.reveal.is-visible{opacity:1;transform:none;}
.reveal[data-delay="1"]{transition-delay:.1s;}
.reveal[data-delay="2"]{transition-delay:.2s;}
.reveal[data-delay="3"]{transition-delay:.3s;}

/* ░ TABLET ░ */
@media (max-width:760px){
  .clients__title{margin-left:0;white-space:normal;}
  .ornament--clients{display:none;}
  .numbers__grid{grid-template-columns:1fr;gap:calc(16 * var(--u));}
  .stat{min-height:0;padding:calc(18 * var(--u)) calc(16 * var(--u)) calc(18 * var(--u)) calc(28 * var(--u));}
  .vision__title{white-space:normal;}
  .quote,.quote--reverse{grid-template-columns:1fr;gap:calc(18 * var(--u));justify-items:start;}
  .quote--reverse .quote__photo{order:-1;}
  .quote--reverse .quote__name{text-align:left;}
  .vision__closing{margin-left:0;}
}

/* ░ MOBILE ░ */
@media (max-width:560px){
  :root{--u:clamp(0.74px,calc(100vw / 430),1.1px);} /* recalibra p/ celular preencher melhor */
  .hero{padding-bottom:calc(82 * var(--u));}
  .hero__wave{top:auto;bottom:0;right:-12%;width:98%;opacity:.8;}
  .since{width:min(42vw,150px);}
  .code-block{margin-top:calc(34 * var(--u));}
  .hero__title{font-size:clamp(40px,13vw,68px);margin-top:calc(40 * var(--u));}
  .hero__subtitle{font-size:clamp(15px,4.4vw,20px);}
  .hero__video{margin-top:0;}
  .manifesto__text{font-size:clamp(15px,4.4vw,19px);}
  .manifesto__text br{display:none;}
  .clients__title{font-size:clamp(30px,9vw,46px);}
  .numbers__card{padding:clamp(22px,6vw,40px);}
  .numbers__lead{font-size:clamp(22px,6.4vw,34px);}
  .stat__num{font-size:clamp(36px,11vw,52px);}
  .stat__unit{font-size:clamp(14px,4vw,22px);}
  .stat__label{font-size:clamp(13px,3.6vw,16px);}
  .vision__title{font-size:clamp(30px,9vw,46px);}
  .quote__photo,.quote--reverse .quote__photo{width:clamp(120px,38vw,170px);height:clamp(120px,38vw,170px);}
  .quote__name{font-size:clamp(24px,7vw,34px);}
  .quote__name span{font-size:clamp(15px,4.2vw,20px);}
  .quote__text{font-size:clamp(15px,4.4vw,19px);}
  .quote__mark{display:none;}
  .vision__closing{font-size:clamp(20px,6vw,30px);}
  .logos__row{flex-wrap:wrap;gap:10px;}
  .pill{flex:1 1 22%;min-width:78px;height:46px;}
  .pill img{max-height:23px;max-width:67%;}
  .footer__bottom{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;}
  .footer__copy,.footer__since,.footer__social{justify-self:center;}
  .footer__since{width:min(56vw,200px);}
}
/* fallback p/ navegadores sem backdrop-filter: dá um fundo visível ao vidro (evita card "sumido") */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .numbers__card{background:rgba(34,27,42,.6);}
  .stat{background:rgba(28,28,30,.62);}
  .logos{background:linear-gradient(95deg,rgba(86,82,84,.82),rgba(126,126,126,.82));}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}.reveal{opacity:1;transform:none;}}