:root{
  --marinho:#14213d;--preto:#0a1226;--ouro:#b8893b;--ouro-claro:#e0b25a;
  --cinza-bg:#f5f5f7;--tinta:#1d1d1f;--cinza:#6e6e73;--branco:#fff;--alerta:#c2410c;--ok:#2f7d57;
  --sans:system-ui,-apple-system,"Segoe UI Variable Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--tinta);background:#fff;line-height:1.47;font-size:17px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
.wrap{width:min(1080px,100% - 40px);margin-inline:auto}
.centro{text-align:center}

/* nav translúcida */
.nav{position:sticky;top:0;z-index:60;background:rgba(10,18,38,.78);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.nav img{height:52px;width:auto}
.nav ul{display:flex;gap:30px;list-style:none;align-items:center}
.nav li:not(:last-child) a{text-decoration:none;color:#d2d2d7;font-size:.88rem}
.nav li:not(:last-child) a:hover{color:#fff}
:focus-visible{outline:3px solid var(--ouro-claro);outline-offset:3px;border-radius:6px}
section[id]{scroll-margin-top:72px}
.pill{display:inline-flex;align-items:center;justify-content:center;font:600 1.05rem/1 var(--sans);padding:.95rem 1.7rem;border-radius:980px;text-decoration:none;min-height:48px;border:0;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.pill-ouro{background:var(--ouro-claro);color:#1a1405}
.pill-ouro:hover{background:#ecc06f;transform:scale(1.03)}
.pill-borda{background:transparent;color:var(--ouro-claro);border:1.5px solid var(--ouro-claro)}
.pill-borda:hover{background:rgba(224,178,90,.12)}
.nav .pill{padding:.6rem 1.1rem;min-height:44px;font-size:.85rem}
.link-seta{display:inline-flex;align-items:center;min-height:44px;color:var(--ouro-claro);text-decoration:none;font-size:1.15rem;font-weight:500}
.link-seta::after{content:" ›";transition:margin .2s}
.link-seta:hover::after{margin-left:6px}
.claro .link-seta{display:inline-flex;align-items:center;min-height:44px;color:#8a5d10}

/* herói */
.heroi{background:radial-gradient(900px 520px at 50% 0,rgba(61,92,160,.45),transparent 70%),var(--preto);color:#fff;text-align:center;padding:clamp(56px,9vw,110px) 0 0;overflow:hidden}
.heroi .logo-gigante{width:min(560px,86%);height:auto;margin:0 auto clamp(20px,4vw,40px)}
.heroi h1{font-size:clamp(2.7rem,8.4vw,6rem);font-weight:700;letter-spacing:-.035em;line-height:1.02;max-width:16ch;text-wrap:balance;margin:0 auto}
.heroi h1 span{background:linear-gradient(100deg,#f3d58e,#e0b25a 45%,#b8893b);-webkit-background-clip:text;background-clip:text;color:transparent}
.heroi .sub{font-size:clamp(1.15rem,2.6vw,1.65rem);color:#a1a1a6;max-width:34ch;margin:1.4rem auto 0;line-height:1.35;font-weight:500}
.heroi .cta{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:2rem}
.heroi .peq{color:#86868b;font-size:.85rem;margin-top:1.4rem}
.palco{margin-top:clamp(48px,8vw,90px);perspective:1400px;padding:0 20px}
.janela{width:min(940px,100%);margin:0 auto;background:#fbfbfd;color:var(--tinta);border-radius:20px 20px 0 0;box-shadow:0 -10px 80px -10px rgba(224,178,90,.28),0 0 0 1px rgba(255,255,255,.1);overflow:hidden;transform-origin:50% 100%;will-change:transform;text-align:left}
.janela .barra{display:flex;gap:8px;align-items:center;padding:13px 16px;background:#e8e8ed;font-size:.8rem;color:var(--cinza)}
.janela .barra i{width:12px;height:12px;border-radius:50%;background:#c7c7cc}
.janela .barra span{margin-left:10px}
.janela .interno>*{min-width:0}
.janela .interno{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:360px}
.janela aside{background:#f2f2f5;padding:18px;border-right:1px solid #e5e5ea;font-size:.85rem}
.janela aside h5{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza);margin-bottom:.6rem}
.falante{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:10px;margin-bottom:.3rem;font-weight:600}
.falante i{width:12px;height:12px;border-radius:50%}
.falante.on{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.c1{background:var(--marinho)}.c2{background:#8a5d10}.c3{background:#2f6f6b}
.janela .texto{padding:18px 22px}
.etq{display:inline-block;font:700 .66rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;background:#fff3d6;color:#8a5d10;padding:.4rem .65rem;border-radius:6px}
.onda{display:flex;align-items:center;gap:2px;overflow:hidden;height:44px;margin:12px 0 10px}
.onda b{flex:1;min-width:0;background:var(--marinho);border-radius:2px;opacity:.8;animation:onda 1.6s ease-in-out infinite}
@keyframes onda{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.fala{display:grid;grid-template-columns:66px 1fr;gap:12px;padding:10px 10px;border-radius:12px;font-size:.95rem}
.fala .min{font:600 .75rem var(--mono);color:var(--cinza);padding-top:.25rem}
.fala b{display:inline-block;font-size:.72rem;color:#fff;padding:.1rem .5rem;border-radius:5px;margin-bottom:.15rem}
.fala.atual{background:#fff;box-shadow:0 0 0 1.5px var(--ouro-claro) inset}
.fala.confere{background:#fff4ec;box-shadow:0 0 0 1.5px #f2b790 inset}
.fala mark{background:#ffd9bd;color:#7c2d0c;border-radius:3px;padding:0 .2rem}
.fala small{display:block;color:var(--alerta);font-weight:600;font-size:.78rem;margin-top:.2rem}

/* seções */
.sec{padding:clamp(80px,12vw,150px) 0}
.escuro{background:var(--preto);color:#f5f5f7}
.claro{background:var(--cinza-bg)}
.rotulo{font:700 1rem/1 var(--sans);color:#8a5d10;margin-bottom:1rem}
.escuro .rotulo{color:var(--ouro-claro)}
.titulao{font-size:clamp(2.2rem,6.4vw,4.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;max-width:18ch}
.centro .titulao{margin-inline:auto}
.frase{font-size:clamp(1.15rem,2.6vw,1.65rem);color:var(--cinza);font-weight:500;max-width:36ch;line-height:1.35;margin-top:1.4rem}
.escuro .frase{color:#a1a1a6}
.centro .frase{margin-inline:auto}
.destaque{background:linear-gradient(100deg,#f3d58e,#e0b25a 45%,#b8893b);-webkit-background-clip:text;background-clip:text;color:transparent}
.claro .destaque,.sec:not(.escuro):not(.teste) .destaque{background:linear-gradient(100deg,#b8893b,#8a5d10);-webkit-background-clip:text;background-clip:text;color:transparent}

/* cadeado (sigilo) */
.cofre{display:flex;justify-content:center;margin:clamp(40px,7vw,80px) auto 0}
.cofre svg{width:min(560px,100%);height:auto}
.cofre text{font-family:var(--sans)}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:clamp(40px,6vw,70px)}
.tile{border-radius:28px;padding:clamp(26px,4vw,44px);overflow:hidden;position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}
.tile h3{font-size:clamp(1.5rem,3.2vw,2.2rem);letter-spacing:-.02em;line-height:1.08;margin-bottom:.7rem;max-width:16ch}
.tile p{font-size:1.05rem;max-width:34ch;opacity:.8}
.t-a{grid-column:span 4;background:var(--marinho);color:#fff}
.t-b{grid-column:span 2;background:#fff;box-shadow:0 0 0 1px #e5e5ea}
.t-c{grid-column:span 2;background:var(--ouro-claro);color:#1a1405}
.t-d{grid-column:span 4;background:#fff;box-shadow:0 0 0 1px #e5e5ea}
.t-e{grid-column:span 6;background:var(--preto);color:#fff;flex-direction:row;align-items:center;gap:30px;min-height:280px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.chip{padding:.55rem 1rem;border-radius:99px;font-weight:700;font-size:.9rem;color:#fff}
.mini-sel{display:inline-flex;align-items:center;gap:1rem;background:#f5f5f7;border-radius:16px;padding:1rem 1.2rem;margin-top:20px;font-weight:600}
.mini-sel .n{background:var(--marinho);color:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
.carimbo{border:3px solid var(--ok);color:var(--ok);border-radius:12px;padding:.7rem 1rem;font-weight:800;letter-spacing:.08em;transform:rotate(-4deg);align-self:flex-start;background:#fff}
.t-c .carimbo{border-color:#14213d;color:#14213d;background:transparent}
.cod-grande{font:700 clamp(1.6rem,4vw,2.6rem) var(--mono);letter-spacing:.06em;color:#14213d}

/* passos */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);margin-top:clamp(40px,6vw,80px)}
.passo .num{font-size:clamp(4rem,9vw,7rem);font-weight:700;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,#f3d58e,#b8893b);-webkit-background-clip:text;background-clip:text;color:transparent}
.passo h3{font-size:1.7rem;letter-spacing:-.02em;margin:.8rem 0 .6rem}
.passo p{color:#a1a1a6;font-size:1.05rem}

/* relatório */
.duplo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.a4{background:#fff;color:#222;border-radius:8px;box-shadow:0 50px 100px -30px rgba(0,0,0,.35),0 0 0 1px #e5e5ea;padding:32px;font-size:.8rem;line-height:1.55;position:relative;transform:rotate(-2deg)}
.a4 .timbre{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px double var(--marinho);padding-bottom:12px;margin-bottom:14px}
.a4 .timbre strong{font:700 1.05rem var(--serif);color:var(--marinho);letter-spacing:.04em}
.a4 .timbre span{font-size:.68rem;color:var(--cinza);text-align:right}
.a4 h4{font:700 1rem var(--serif);color:var(--marinho);margin-bottom:.3rem}
.a4 table{width:100%;border-collapse:collapse;margin-top:10px}
.a4 td{padding:6px 4px;border-bottom:1px solid #eee;vertical-align:top}
.a4 td:first-child{width:72px;font:.7rem var(--mono);color:var(--cinza)}
.a4 .selo{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1.5px solid var(--ok);border-radius:8px;padding:10px 12px;color:#1d5a3d;font-size:.72rem}
.a4 .selo strong{display:block;font-size:.82rem}
.a4 .cod{font:700 .8rem var(--mono);background:#e8f4ee;padding:.3rem .5rem;border-radius:5px;white-space:nowrap}
.a4 .fic{position:absolute;top:10px;right:-8px;background:#fff3d6;color:#8a5d10;font:700 .62rem var(--sans);letter-spacing:.12em;padding:.35rem .6rem;border-radius:5px;transform:rotate(4deg)}
.lista{list-style:none;margin-top:1.6rem;display:grid;gap:1rem;font-size:1.1rem}
.lista li{padding-left:2rem;position:relative}
.lista li::before{content:"";position:absolute;left:0;top:.35em;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--ouro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat}

/* franqueza */
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(40px,6vw,70px);text-align:left}
.tres div{background:#fff;border-radius:28px;padding:clamp(26px,3.5vw,40px)}
.tres h3{font-size:1.6rem;letter-spacing:-.02em;margin-bottom:.6rem;line-height:1.1}
.tres p{color:var(--cinza)}

/* quadro */
.quadro{margin-top:clamp(36px,5vw,60px);border-top:1px solid #d2d2d7}
.quadro div{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:1.4rem 0;border-bottom:1px solid #d2d2d7;align-items:baseline}
.quadro dt{font-size:1.2rem;font-weight:700}
.quadro dd{color:var(--cinza);font-size:1.05rem}
.quadro .breve{display:inline-block;background:#e8e8ed;border-radius:99px;font-size:.78rem;font-weight:700;padding:.2rem .7rem;margin-left:.5rem;color:var(--cinza)}

/* teste */
.teste{background:radial-gradient(700px 380px at 50% 0,rgba(224,178,90,.25),transparent 70%),var(--preto);color:#f5f5f7;text-align:center}
#msgTeste{min-height:1.6em;margin-top:1.2rem;color:var(--ouro-claro);font-weight:600}
.teste .peq{color:#86868b;font-size:.9rem;margin-top:1.4rem}

/* faq */
.faq{max-width:820px;margin:clamp(30px,5vw,50px) auto 0;text-align:left}
details{border-bottom:1px solid #d2d2d7}
summary{cursor:pointer;font-size:1.3rem;font-weight:600;letter-spacing:-.01em;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0;min-height:56px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:300 2rem/1 var(--sans);color:var(--cinza);transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--cinza);padding-bottom:1.3rem;max-width:62ch}

/* rodapé estilo Apple */
.rodape{background:var(--cinza-bg);color:var(--cinza);font-size:.8rem;padding:40px 0 30px;border-top:1px solid #d2d2d7}
.rodape img{height:64px;width:auto;margin-bottom:18px}
.rodape p{margin-bottom:.6rem;line-height:1.5;max-width:90ch}
.rodape a{color:#06c;text-decoration:none}
.rodape .linha a{display:inline-flex;align-items:center;min-height:44px}
.rodape .linha{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #d2d2d7;margin-top:18px;padding-top:16px}

/* revelar ao rolar */
.js .rev{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rev.vis{opacity:1;transform:none}

.doc{max-width:760px;padding:56px 0 90px}
.doc h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;letter-spacing:-.03em}
.doc h2{font-size:1.5rem;margin:2rem 0 .6rem}
.doc p{color:#3a3a40;margin-bottom:.7rem}
.topo{position:sticky;top:0;z-index:60;background:var(--preto)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.topo img{height:52px;width:auto}
.topo .btn{color:var(--ouro-claro);text-decoration:none;border:1.5px solid var(--ouro-claro);border-radius:99px;padding:.7rem 1rem;min-height:44px;display:inline-flex;align-items:center;font-size:.85rem}

.nav-faixa{display:none}
@media (max-width:860px){
  .nav-faixa{display:flex;gap:6px;overflow-x:auto;padding:0 12px 8px;scrollbar-width:none}
  .nav-faixa::-webkit-scrollbar{display:none}
  .nav-faixa a{flex:none;color:#d2d2d7;text-decoration:none;font-size:.9rem;padding:.7rem .9rem;min-height:44px;display:inline-flex;align-items:center}
  .t-e>div[style]{margin-left:0!important;text-align:left!important}
  .nav ul li:not(:last-child){display:none}
  .bento{grid-template-columns:1fr}
  .tile,.t-a,.t-b,.t-c,.t-d,.t-e{grid-column:auto;min-height:0}
  .t-e{flex-direction:column;align-items:flex-start}
  .passos,.tres,.duplo{grid-template-columns:1fr}
  .janela .interno{grid-template-columns:minmax(0,1fr)}
  .janela aside{display:none}
  .quadro div{grid-template-columns:1fr;gap:4px}
  .a4{transform:none}
}
@media (max-width:480px){
  body{font-size:16px}
  .nav .wrap{height:64px}.nav img{height:38px}.nav .pill{padding:.6rem .9rem;font-size:.8rem}
  .pill{width:100%}
  .nav .pill{width:auto}
  .onda{gap:1px}
  .heroi .cta{flex-direction:column;gap:14px}
  .fala{grid-template-columns:60px minmax(0,1fr);gap:8px;padding:10px 6px}.fala .min{font-size:.68rem}
  .a4{padding:22px 16px}
  .a4 .selo{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .js .rev{opacity:1;transform:none}
}

.estatico .rev{transition:none!important}