@font-face{font-family:"Hel";src:url(fonts/Helvetica.ttf);font-weight:400}
@font-face{font-family:"Hel";src:url(fonts/Helvetica-Bold.ttf);font-weight:700}
@font-face{font-family:"Quar";src:url(fonts/quarantype-hangout.ttf)}

:root{
  --canvas:#ECEAE7;
  --paper:#F6F5F3;
  --ink:#15121F;
  --muted:#6F6B7D;
  --line:rgba(21,18,31,.08);
  --night:#0B0820;
  --cyan:#4FB8D0;--blue:#3565D5;--violet:#674FCF;--pink:#FA819B;--orange:#FEA036;
  --fam:#FF8A3D;--esc:#22A866;--vit:#5B4FE0;
  --aurora:linear-gradient(100deg,#4FB8D0 0%,#3565D5 28%,#674FCF 52%,#FA819B 76%,#FEA036 100%);
  --ease:cubic-bezier(.2,.8,.2,1);
  --spring:cubic-bezier(.34,1.56,.64,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#000}
body{font-family:"Hel",Helvetica,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;cursor:default}
body.hide-cursor{cursor:none}

#viewport{position:fixed;inset:0;overflow:hidden}
#stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center;overflow:hidden;background:var(--canvas);transition:background-color .7s}
#stage.at-intro{background:#000}

/* ------------------------------------------------------------ slides */
.slide{position:absolute;inset:0;padding:88px 112px;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility 0s .7s;overflow:hidden}
.slide.on{opacity:1;visibility:visible;transition:opacity .7s var(--ease),visibility 0s}
.slide.light{background:var(--canvas)}
.slide.dark{background:var(--night);color:#fff}
/* grão sutil */
.slide::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.slide.dark::after{opacity:.5}

/* entrada dos elementos */
[data-a]{opacity:0;transition:opacity .9s var(--ease) var(--d,0s),transform 1s var(--ease) var(--d,0s),filter .9s var(--ease) var(--d,0s)}
[data-a="up"]{transform:translateY(34px);filter:blur(8px)}
[data-a="rise"]{transform:translateY(90px) scale(.96);filter:blur(10px)}
[data-a="pop"]{transform:scale(.82) rotate(-6deg);filter:blur(12px);transition-timing-function:var(--ease),var(--spring),var(--ease)}
[data-a="fade"]{transform:none}
.slide.on [data-a]{opacity:1;transform:none;filter:none}
.slide.on [data-a="fade"]{opacity:1}

/* flutuação */
.float{animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -14px}}

/* orbes de luz no fundo claro */
.orbs{position:absolute;inset:0;pointer-events:none}
.orbs i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:drift 18s ease-in-out infinite alternate}
.orbs .o1{width:760px;height:760px;left:-200px;top:-260px;background:#DCD3FF}
.orbs .o2{width:680px;height:680px;right:-160px;bottom:-280px;background:#FFD9C7;animation-delay:-6s}
.orbs .o3{width:560px;height:560px;right:22%;top:-240px;background:#CDEFF5;animation-delay:-11s}
@keyframes drift{to{transform:translate(60px,40px) scale(1.08)}}

/* aurora no fundo escuro */
.aurora{position:absolute;border-radius:50%;filter:blur(120px);opacity:.75;animation:drift 16s ease-in-out infinite alternate;pointer-events:none}
.aurora.a1{width:900px;height:900px;left:-260px;top:-380px;background:radial-gradient(circle,#674FCF,transparent 70%)}
.aurora.a2{width:820px;height:820px;right:-220px;bottom:-360px;background:radial-gradient(circle,#FA819B,transparent 70%);opacity:.55;animation-delay:-5s}
.aurora.a3{width:700px;height:700px;right:16%;top:-300px;background:radial-gradient(circle,#3565D5,transparent 70%);opacity:.6;animation-delay:-9s}

/* ------------------------------------------------------------ tipografia */
h1{font-size:200px;line-height:.9;font-weight:700;letter-spacing:-.06em}
h2{font-size:84px;line-height:1.0;font-weight:700;letter-spacing:-.045em}
h3{font-size:36px;letter-spacing:-.03em;font-weight:700}
.lead{font-size:30px;line-height:1.38;color:var(--muted);max-width:760px}
.lead b{color:var(--ink);font-weight:700}
.dark .lead{color:rgba(255,255,255,.72)}
.dark .lead b{color:#fff}
.muted{color:#9B97A8}
.grad-text{background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.quar{font-family:"Quar";font-weight:400;letter-spacing:0}
.head{position:relative;z-index:2}
.head.center{text-align:center;display:flex;flex-direction:column;align-items:center}
.head h2{margin-top:26px}

/* ------------------------------------------------------------ vidro líquido */
.glass{position:relative;border-radius:30px;isolation:isolate;
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.26));
  -webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -14px 30px -16px rgba(255,255,255,.6),0 26px 60px -30px rgba(37,27,84,.42),0 2px 8px -3px rgba(37,27,84,.1)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,1),rgba(255,255,255,.15) 38%,rgba(255,255,255,.08) 62%,rgba(255,255,255,.75));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(130% 70% at 12% 0%,rgba(255,255,255,.7),transparent 46%)}
.glass.dk{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 30px 70px -30px rgba(0,0,0,.6)}
.glass.dk::before{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.05) 40%,rgba(255,255,255,.04) 62%,rgba(255,255,255,.3))}
.glass.dk::after{background:radial-gradient(130% 70% at 12% 0%,rgba(255,255,255,.16),transparent 50%)}

.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:.02em;padding:12px 24px 12px 46px;border-radius:99px;color:#4A4659}
.eyebrow.glass{background:radial-gradient(circle at 26px 50%,#7B63F0 0 5px,transparent 6px),linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.26))}
.eyebrow.glass.dk{background:radial-gradient(circle at 26px 50%,#FA819B 0 5px,transparent 6px),linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04))}
.eyebrow.dk{color:rgba(255,255,255,.85)}
.chip{display:inline-flex;align-items:center;font-size:24px;font-weight:700;padding:16px 26px;border-radius:99px}

.shell{background:rgba(255,255,255,.42);border-radius:48px;padding:22px;position:relative;z-index:2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 30px 80px -50px rgba(37,27,84,.35)}
.card{background:var(--paper);border-radius:34px;padding:36px;position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 #fff,0 20px 40px -30px rgba(37,27,84,.3)}
.lbl{font-size:20px;color:var(--muted)}
.src{font-size:16px;color:#A19DAE;letter-spacing:.01em}
.dot{display:inline-block;width:16px;height:16px;border-radius:50%}
.dot.fam{background:var(--fam)}.dot.esc{background:var(--esc)}.dot.vit{background:var(--vit)}

/* imagem com desfoque progressivo na base */
.fx{position:relative;overflow:hidden;border-radius:34px;background:#ddd}
.fx img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 6s var(--ease)}
.slide.on .fx img{transform:scale(1.04)}
.fx .pb{position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none}
.fx .pb,.fx .pb::before,.fx .pb::after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask:linear-gradient(to bottom,transparent 0%,#000 55%);mask:linear-gradient(to bottom,transparent 0%,#000 55%)}
.fx .pb::before,.fx .pb::after{content:"";position:absolute;inset:0}
.fx .pb::before{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask:linear-gradient(to bottom,transparent 30%,#000 80%);mask:linear-gradient(to bottom,transparent 30%,#000 80%)}
.fx .pb::after{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);-webkit-mask:linear-gradient(to bottom,transparent 55%,#000 100%);mask:linear-gradient(to bottom,transparent 55%,#000 100%);
  background:linear-gradient(to bottom,transparent 40%,rgba(236,234,231,.55))}
.fx.dkfx .pb::after{background:linear-gradient(to bottom,transparent 40%,rgba(11,8,32,.55))}
.fx figcaption{position:absolute;left:28px;bottom:24px;font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35);z-index:2}

/* ============================================================ 00 ABERTURA */
.intro{padding:0;background:#000}
.intro::after{display:none}
#introVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.intro.playing #introVideo{opacity:1}
.intro-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;color:rgba(255,255,255,.4);font-size:20px;letter-spacing:.2em;text-transform:uppercase;transition:opacity .6s}
.intro-start img{width:88px;opacity:.9;animation:breathe 3.2s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1);opacity:1}}
.intro.playing .intro-start,.intro.built .intro-start{opacity:0;pointer-events:none}
.logo-stage{position:absolute;inset:0;background:var(--night);opacity:0;transition:opacity .9s var(--ease);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.intro.built .logo-stage{opacity:1}
.logo-wrap{width:1180px;position:absolute;left:calc(50% + 64px);top:calc(50% + 28px);transform:translate(-50%,-50%);z-index:2}
.logo-wrap svg{width:100%;height:auto;display:block;overflow:visible}
.logo-wrap svg .letra{fill:#fff}
.logo-tag{position:absolute;left:0;right:0;text-align:center;top:calc(50% + 170px);z-index:2;font-size:34px;color:rgba(255,255,255,.7);letter-spacing:-.01em;opacity:0;transform:translateY(18px);filter:blur(6px);transition:all 1.1s var(--ease) 2.6s}
.intro.built .logo-tag{opacity:1;transform:none;filter:none}

/* ============================================================ 01 CAPA */
.capa .capa-txt{position:relative;z-index:3;margin-top:70px;max-width:1000px}
.capa .capa-logo{display:block;width:860px;margin:70px 0 0 -6px}
.capa .lead{margin-top:56px;font-size:34px;max-width:860px}
.capa .capa-sim{position:absolute;right:190px;top:120px;width:440px;z-index:2;filter:drop-shadow(0 40px 60px rgba(103,79,207,.35))}
.capa .capa-fita{position:absolute;left:1000px;top:470px;width:1250px;opacity:.95;z-index:1;transform:rotate(-16deg)}
.capa .capa-team{position:absolute;left:112px;right:112px;bottom:72px;z-index:3;display:grid;grid-template-columns:1.6fr 1fr;gap:40px;padding:30px 40px;font-size:23px;line-height:1.4}
.capa .capa-team .k{display:block;font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8C88A0;margin-bottom:8px}

/* ============================================================ 02 PERGUNTA */
.pergunta blockquote{position:relative;z-index:2;font-size:150px;line-height:.98;font-weight:700;letter-spacing:-.055em;margin-top:56px}
.pergunta blockquote em{font-style:normal;background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}
.pergunta .cite{position:relative;z-index:2;font-size:24px;color:var(--muted);margin-top:34px}
.pergunta .sinais{position:absolute;left:112px;bottom:96px;display:flex;align-items:center;gap:16px;z-index:2}
.pergunta .sinais-cap{font-size:22px;color:var(--muted);margin-left:18px}
.pergunta .pergunta-lux{position:absolute;right:60px;bottom:170px;width:640px;z-index:1;filter:drop-shadow(0 30px 40px rgba(160,70,10,.22))}

/* ============================================================ 03 NÚMEROS */
.numeros .bento-num{margin-top:56px;display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;height:620px}
.numeros .big{grid-row:span 2;display:flex;flex-direction:column}
.numeros .big .lbl{max-width:420px;line-height:1.3}
.numeros .bars{flex:1;display:flex;align-items:flex-end;gap:36px;padding:40px 10px 20px}
.numeros .bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:14px;font-size:20px;color:var(--muted);text-align:center}
.numeros .bar{height:var(--h);border-radius:26px;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:26px;transform-origin:bottom;transform:scaleY(.2);transition:transform 1.4s var(--ease) .45s}
.slide.on .numeros .bar,.numeros.on .bar{transform:none}
.numeros .bar b{font-size:40px;letter-spacing:-.04em;color:var(--ink)}
.numeros .bar.striped{background:repeating-linear-gradient(135deg,#DCD5FF 0 9px,#EEEAFF 9px 18px)}
.numeros .bar.solid{background:linear-gradient(180deg,#8C7BFF,#5B4FE0)}
.numeros .bar.solid b{color:#fff}
.numeros .badge{position:absolute;top:-58px;right:-14px;font-style:normal;font-size:26px;font-weight:700;color:#fff;background:var(--ink);padding:10px 18px;border-radius:16px}
.numeros .card .num{font-size:96px;font-weight:700;letter-spacing:-.06em;line-height:1;display:block}
.numeros .card p{font-size:23px;line-height:1.35;color:#4E4A5D;margin:16px 0 18px}
.numeros .dark-card{background:var(--night);color:#fff}
.numeros .dark-card p{color:rgba(255,255,255,.75)}
.numeros .dark-card .src{color:rgba(255,255,255,.45)}
.numeros .grad{background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}
.numeros .card:not(.big){display:flex;flex-direction:column;justify-content:space-between}
.numeros .bento-num .card:nth-child(4){grid-column:2 / span 2}

/* ============================================================ 04 LACUNA */
.lacuna .ilhas{position:relative;z-index:2;margin-top:90px;display:flex;align-items:center;justify-content:center;gap:0}
.lacuna .ilha{width:440px;padding:44px 40px 48px;border-radius:40px}
.lacuna .ilha .dot{width:22px;height:22px;margin-bottom:26px}
.lacuna .ilha p{font-size:25px;line-height:1.4;color:var(--muted);margin-top:14px}
.lacuna .elo{width:120px;position:relative;height:40px;display:grid;place-items:center}
.lacuna .elo i{position:absolute;left:8px;right:8px;top:50%;border-top:3px dashed rgba(21,18,31,.18)}
.lacuna .elo span{position:relative;width:44px;height:44px;border-radius:50%;background:var(--canvas);display:grid;place-items:center;font-size:30px;color:#B5B1C2;font-weight:700}
.lacuna .lacuna-foot{position:relative;z-index:2;text-align:center;font-size:30px;color:var(--muted);margin-top:80px}
.lacuna .lacuna-foot b{color:var(--ink)}

/* ============================================================ 05 NOME */
.nome .nome-sim{position:absolute;left:150px;top:250px;width:600px;z-index:1;filter:drop-shadow(0 50px 90px rgba(103,79,207,.55))}
.nome .nome-txt{position:absolute;left:940px;right:112px;top:170px;z-index:2}
.nome h1{margin:30px 0 30px -8px;font-size:220px}
.nome .lead{font-size:32px;max-width:820px}
.nome .nome-card{margin-top:44px;padding:30px 36px;font-size:32px;line-height:1.3;border-radius:30px;display:inline-block}
.nome .nome-card b{background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ============================================================ 06 SOLUÇÃO */
.solucao .trio{position:absolute;left:50%;top:356px;width:830px;transform:translateX(-50%);z-index:1}
.solucao .trio img{width:100%;display:block;filter:drop-shadow(0 60px 60px rgba(37,27,84,.28))}
.solucao.on .trio{transform:translateX(-50%)}
.solucao [data-a="rise"].trio{transform:translate(-50%,90px) scale(.96)}
.solucao.on [data-a="rise"].trio{transform:translateX(-50%)}
.solucao .trio-labels{position:absolute;left:50%;transform:translateX(-50%);top:930px;width:880px;display:flex;justify-content:space-between;z-index:2;padding:0 92px}
.solucao .tl{display:inline-flex;align-items:center;gap:12px;font-size:26px;font-weight:700}
.solucao .disclaimer{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);padding:20px 34px;border-radius:99px;font-size:23px;color:#4A4659;white-space:nowrap;z-index:3}
.solucao.on .disclaimer[data-a]{transform:translateX(-50%)}
.solucao .disclaimer[data-a]{transform:translate(-50%,34px)}

/* ============================================================ 07–09 PERFIS */
.perfil{display:grid;grid-template-columns:860px 1fr;gap:90px;align-items:center;padding:72px 112px}
.perfil.rev{grid-template-columns:1fr 860px}
.perfil.rev .perfil-art{order:2}
.perfil .perfil-art{position:relative;height:936px}
.perfil .panel{position:absolute;inset:0;border-radius:56px;overflow:hidden}
.perfil.familia .panel{background:radial-gradient(120% 90% at 20% 0%,#FFE2C7,transparent 60%),linear-gradient(160deg,#FFC48A,#FF8A3D)}
.perfil.escola .panel{background:radial-gradient(120% 90% at 80% 0%,#D8F7E4,transparent 60%),linear-gradient(160deg,#8EE0B0,#22A866)}
.perfil.vital .panel{background:radial-gradient(120% 90% at 20% 0%,#DCD6FF,transparent 60%),linear-gradient(160deg,#8C7BFF,#3565D5)}
.perfil .panel::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 0 0 1.5px rgba(255,255,255,.25)}
.perfil .panel-fita{position:absolute;width:1500px;left:-380px;top:420px;opacity:.55;mix-blend-mode:screen;transform:rotate(-14deg)}
.perfil .phone{position:absolute;left:50%;top:50%;height:880px;translate:-50% -50%;z-index:2;filter:drop-shadow(0 60px 50px rgba(30,15,50,.35))}
.perfil .phone.float{animation:floatc 7s ease-in-out infinite}
@keyframes floatc{0%,100%{translate:-50% -50%}50%{translate:-50% calc(-50% - 14px)}}
.perfil .perfil-lux{position:absolute;right:-40px;bottom:30px;width:340px;z-index:3;filter:drop-shadow(0 20px 26px rgba(120,40,0,.3))}
.perfil .submarca{height:62px;display:block;margin-bottom:36px}
.perfil h2{font-size:92px;margin:28px 0 26px}
.perfil .lead{font-size:30px}
.perfil .feats{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:40px;max-width:760px}
.perfil .feats li{display:flex;flex-direction:column;gap:4px;padding:22px 30px 22px 76px;border-radius:26px;position:relative;background:radial-gradient(circle at 42px 39px,var(--acc) 0 9px,color-mix(in srgb,var(--acc) 22%,transparent) 10px 15px,transparent 16px),linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.26))}
.perfil .feats b{font-size:26px;letter-spacing:-.02em}
.perfil .feats span{font-size:21px;color:var(--muted)}
.perfil.familia{--acc:var(--fam);background:linear-gradient(180deg,#F1EEEB,#ECE7E2)}
.perfil.escola{--acc:var(--esc);background:linear-gradient(180deg,#EDF0EC,#E7EBE6)}
.perfil.vital{--acc:var(--vit);background:linear-gradient(180deg,#EEEDF2,#E8E6F0)}

/* ============================================================ 10 FLUXO */
.fluxo .fluxo-fita{position:absolute;left:-200px;right:-200px;width:2300px;top:330px;opacity:.9}
.fluxo .passos{position:relative;z-index:2;margin-top:110px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.fluxo .passo{padding:40px 36px 46px;border-radius:38px;min-height:340px}
.fluxo .passo .n{font-size:84px;font-weight:700;letter-spacing:-.06em;background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:26px}
.fluxo .passo p{font-size:25px;line-height:1.4;color:var(--muted);margin-top:12px}
.fluxo .passo:nth-child(1) .n{background-position:0}
.fluxo .lgpd{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:20px 32px;border-radius:99px;font-size:23px;color:#4A4659;white-space:nowrap;z-index:2}
.fluxo .lgpd[data-a]{transform:translate(-50%,34px)}
.fluxo.on .lgpd[data-a]{transform:translateX(-50%)}
.fluxo .lgpd svg{width:30px;height:30px;fill:none;stroke:var(--vit);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ============================================================ 11 LUX */
.lux{display:grid;grid-template-columns:760px 1fr;gap:80px;align-items:center}
.lux .lux-art{position:relative;height:900px;display:grid;place-items:center}
.lux .halo{position:absolute;width:720px;height:720px;border-radius:50%;background:conic-gradient(from 200deg,#4FB8D0,#3565D5,#674FCF,#FA819B,#FEA036,#4FB8D0);filter:blur(70px);opacity:.45;animation:spin 24s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}
.lux .lux-big{position:relative;height:860px;filter:drop-shadow(0 40px 50px rgba(150,60,10,.28))}
.lux h1.quar{font-size:230px;line-height:.9;margin:20px 0 0 -6px}
.lux h2{font-size:72px;margin:10px 0 28px}
.lux .reacoes{margin-top:40px;display:inline-flex;align-items:center;gap:6px;padding:16px 30px 16px 20px;border-radius:99px}
.lux .reacoes img{width:78px;height:62px;object-fit:contain}
.lux .reacoes span{font-size:21px;color:var(--muted);margin-left:16px;max-width:220px;line-height:1.3}

/* ============================================================ 12 IDENTIDADE */
.identidade .bento-id{margin-top:46px;display:grid;grid-template-columns:1fr 1.25fr 1fr;grid-template-rows:330px 260px;gap:18px}
.identidade .card{padding:30px}
.identidade .c-sim,.identidade .c-laco{grid-row:span 1;display:flex;align-items:center;justify-content:center}
.identidade .c-sim{background:linear-gradient(160deg,#EFEBFF,#F8F2FF)}
.identidade .c-sim img{height:220px;margin-top:-50px}
.identidade .c-laco{background:linear-gradient(160deg,#FFF1EA,#F5EFFF)}
.identidade .c-laco img{width:118%;margin-top:-40px}
.identidade .cap{position:absolute;left:30px;bottom:26px;right:30px;font-size:20px;color:var(--muted);line-height:1.35}
.identidade .cap b{display:block;font-size:26px;color:var(--ink)}
.identidade .c-cores{display:flex;flex-direction:column;justify-content:space-between}
.identidade .c-cores .t{font-size:26px}
.identidade .sw{display:flex;height:150px;gap:10px}
.identidade .sw i{flex:1;border-radius:22px;background:var(--c);box-shadow:inset 0 2px 0 rgba(255,255,255,.35)}
.identidade .hex{display:flex;gap:10px}
.identidade .hex span{flex:1;font-size:15px;color:var(--muted);text-align:center;letter-spacing:.04em}
.identidade .c-tipo{grid-column:1 / span 1;display:flex;flex-direction:column;justify-content:space-between}
.identidade .c-tipo .big{font-size:110px;line-height:.9;background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}
.identidade .c-tipo .helv{font-size:34px;font-weight:700;letter-spacing:-.03em}
.identidade .c-sub{grid-column:2 / span 2;display:flex;align-items:center;justify-content:space-around;gap:20px;background:#fff}
.identidade .c-sub img{height:64px}

/* ============================================================ 13 APLICAÇÕES */
.aplicacoes{padding-top:72px}
.aplicacoes .bento-ap{margin-top:40px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:330px 300px;gap:18px;height:648px}
.aplicacoes .t1{grid-column:span 5}
.aplicacoes .t2{grid-column:span 3}
.aplicacoes .t3{grid-column:span 4}
.aplicacoes .t4{grid-column:span 3}
.aplicacoes .t5,.aplicacoes .t6,.aplicacoes .t7{grid-column:span 3}

/* ============================================================ 14 LANÇAMENTO */
.lancamento{padding-top:72px}
.lancamento .bento-lc{position:relative;z-index:2;margin-top:40px;display:grid;grid-template-columns:1.4fr 1fr .7fr;grid-template-rows:310px 310px;gap:18px}
.lancamento .l1{grid-row:span 2}
.lancamento .l2{grid-column:span 2}
.lancamento .fx{background:#1a1530}

/* ============================================================ 15 PESQUISA */
.pesquisa .aneis{position:relative;z-index:2;margin-top:70px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px;align-items:end}
.pesquisa .anel{display:flex;flex-direction:column;align-items:flex-start;position:relative}
.pesquisa .anel svg{width:250px;height:250px;transform:rotate(-90deg)}
.pesquisa .hero-ring svg{width:340px;height:340px}
.pesquisa .anel circle{fill:none;stroke-width:12}
.pesquisa .anel .trk{stroke:rgba(21,18,31,.07)}
.pesquisa .anel .val{stroke:url(#none);stroke:var(--vit);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 1.6s var(--ease) .5s}
.pesquisa.on .anel .val{stroke-dashoffset:calc(326.7 - 326.7 * var(--p) / 100)}
.pesquisa .hero-ring .val{stroke:#674FCF}
.pesquisa .anel .val.fam{stroke:var(--fam)}.pesquisa .anel .val.esc{stroke:var(--esc)}.pesquisa .anel .val.vit{stroke:var(--blue)}
.pesquisa .anel b{position:absolute;top:0;left:0;width:250px;height:250px;display:grid;place-items:center;font-size:56px;letter-spacing:-.05em}
.pesquisa .hero-ring b{width:340px;height:340px;font-size:84px}
.pesquisa .anel span{font-size:23px;line-height:1.35;color:#4E4A5D;margin-top:26px;max-width:330px}
.pesquisa .anel em{font-style:normal;font-size:17px;color:#A19DAE;margin-top:10px;letter-spacing:.04em;text-transform:uppercase}
.pesquisa .nota{position:absolute;left:112px;bottom:70px;font-size:19px;color:#A19DAE;z-index:2}

/* ============================================================ 16 MERCADO */
.mercado .matriz{margin-top:50px;padding:20px 40px 26px}
.mercado table{width:100%;border-collapse:collapse;font-size:24px}
.mercado th{font-size:22px;color:var(--muted);font-weight:700;padding:22px 10px;text-align:center}
.mercado th:first-child{width:36%}
.mercado th.me img{height:46px;vertical-align:middle}
.mercado td{padding:20px 10px;border-top:1px solid var(--line);text-align:center}
.mercado td:first-child{text-align:left;font-weight:700}
.mercado td.me,.mercado th.me{background:rgba(255,255,255,.7)}
.mercado tbody tr:last-child td.me{border-radius:0 0 24px 24px}
.mercado thead th.me{border-radius:24px 24px 0 0}
.mercado i{display:inline-block;width:26px;height:26px;border-radius:50%}
.mercado i.y{background:linear-gradient(135deg,#4CCB8A,#22A866);box-shadow:0 6px 12px -4px #22A866}
.mercado i.p{background:linear-gradient(135deg,#FFD07A,#FEA036)}
.mercado i.n{background:#DCD9E2}
.mercado .leg{display:flex;gap:30px;justify-content:flex-end;margin-top:18px;font-size:19px;color:var(--muted)}
.mercado .leg span{display:flex;align-items:center;gap:10px}
.mercado .leg i{width:18px;height:18px}

/* ============================================================ 17 NEGÓCIO */
.negocio .planos{position:relative;z-index:2;margin-top:96px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.negocio .plano{padding:48px 46px 56px;border-radius:44px;min-height:420px}
.negocio .plano.destaque{background:linear-gradient(150deg,rgba(255,255,255,.85),rgba(255,236,220,.6))}
.negocio .tag{display:inline-block;font-size:19px;font-weight:700;padding:10px 18px;border-radius:99px}
.negocio .tag.esc{background:#E3F6EB;color:#16804C}.negocio .tag.fam{background:#FFF1E4;color:#D9681F}.negocio .tag.vit{background:#ECEBFF;color:#5B4FE0}
.negocio .preco{display:block;font-size:84px;letter-spacing:-.055em;margin:60px 0 20px}
.negocio .plano p{font-size:26px;line-height:1.4;color:var(--muted)}
.negocio .canais{position:relative;z-index:2;margin-top:70px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;font-size:21px}
.negocio .canais span{font-weight:700;color:#8C88A0;letter-spacing:.12em;text-transform:uppercase;font-size:16px;margin:0 10px}
.negocio .canais i{font-style:normal;padding:12px 20px;border-radius:99px;background:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 #fff}

/* ============================================================ 18 IMPACTO */
.impacto .impacto-fita{position:absolute;right:-620px;top:300px;width:1500px;transform:rotate(-24deg);opacity:.95}
.impacto .ods{position:relative;z-index:2;margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1500px}
.impacto .od{padding:36px 36px 40px;border-radius:38px}
.impacto .od .n{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:var(--c);color:#fff;font-size:44px;font-weight:700;letter-spacing:-.04em;margin-bottom:26px;box-shadow:0 14px 26px -12px var(--c)}
.impacto .od b{font-size:32px;letter-spacing:-.03em}
.impacto .od p{font-size:23px;color:var(--muted);margin-top:10px;line-height:1.35}
.impacto .visao{position:relative;z-index:2;margin-top:34px;max-width:1500px;padding:30px 40px;border-radius:32px;font-size:28px;line-height:1.4}
.impacto .visao .k{display:block;font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8C88A0;margin-bottom:6px}

/* ============================================================ 19 FIM */
.fim .fim-fita{position:absolute;left:-140px;bottom:-470px;width:2200px;opacity:.9}
.fim .fim-txt{position:relative;z-index:2;text-align:center;margin-top:60px;display:flex;flex-direction:column;align-items:center}
.fim h2{font-size:104px}
.fim .fim-logo{width:640px;margin-top:40px}
.fim .obg{font-size:40px;margin-top:-10px;color:rgba(255,255,255,.85)}
.fim .names{font-size:21px;color:rgba(255,255,255,.5);margin-top:18px}
.fim .fim-lux{position:absolute;right:90px;bottom:60px;width:360px;z-index:3}

/* ------------------------------------------------------------ hud / notas */
#hud{position:fixed;right:18px;bottom:14px;font:600 12px/1 "Hel",Arial;color:rgba(255,255,255,.35);letter-spacing:.1em;pointer-events:none;mix-blend-mode:difference;z-index:20}
#notes{position:fixed;left:16px;bottom:16px;width:520px;max-width:calc(100vw - 32px);background:rgba(20,16,36,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;border-radius:18px;padding:18px 20px;font-size:15px;line-height:1.5;z-index:30;display:none;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
#notes b{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:6px}
#notes small{display:block;margin-top:10px;color:rgba(255,255,255,.4);font-size:11px}
body.show-notes #notes{display:block}