/* ══════════════════════════════════════════════════════════
   MARIANA TRAINI · ADVOCACIA BANCÁRIA
   Direção de arte: editorial escura, tipografia Didone,
   marfim e champagne sobre azul profundo.
   Base cromática e tipográfica do manual de marca (2026).
   ══════════════════════════════════════════════════════════ */

:root{
  /* fundo */
  --chao:#050E1C;
  --chao-2:#08152A;
  --sup:#0B1F3A;
  --sup-2:#102949;

  /* marca */
  --champ:#B79A62;
  --champ-2:#E2CD9D;
  --marfim:#F2EDE3;
  --salvia:#7C8272;

  /* neutros com viés azul (escolhidos, não herdados) */
  --n1:#94A0B2;
  --n2:#7C8AA0;
  --linha:rgba(242,237,227,.14);
  --linha-2:rgba(242,237,227,.07);

  /* display: grotesca pesada. Para voltar ao Didone, troque por:
     Didot,"Bodoni 72",Georgia,serif  e ajuste --disp-peso para 400 */
  --disp:"Helvetica Neue","Inter","Segoe UI",Arial,sans-serif;
  --disp-peso:700;
  --disp-track:-.035em;
  --sans:Arial,"Helvetica Neue",Helvetica,sans-serif;

  --mx:clamp(1.4rem,5vw,6rem);   /* margem lateral */
  --e:cubic-bezier(.16,.84,.28,1);
  --e2:cubic-bezier(.7,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--chao);color:var(--marfim);
  font-family:var(--sans);font-size:17px;line-height:1.78;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body.trava{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-weight:400}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--champ);color:var(--chao)}
:focus-visible{outline:1px solid var(--champ);outline-offset:4px}

/* ─── utilitários tipográficos ─── */
.micro{
  font-family:var(--sans);font-size:10.5px;line-height:1.6;letter-spacing:.3em;
  text-transform:uppercase;color:var(--n2);margin:0;
}
.micro i{font-style:normal;color:var(--champ);opacity:.7;padding:0 .35em}
.disp{
  font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:var(--disp-track);line-height:1.03;
  font-size:clamp(1.9rem,4.4vw,4rem);color:var(--marfim);text-wrap:balance;
}
.disp em{font-style:normal;color:var(--champ)}
.nota{font-size:12.5px;line-height:1.75;color:var(--n2);letter-spacing:.01em;margin:0}

.ticks{display:grid;gap:.62rem}
.ticks li{position:relative;padding-left:1.55rem;font-size:15.5px;line-height:1.65;color:var(--n1)}
.ticks li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:5px;border-left:1px solid var(--champ);border-bottom:1px solid var(--champ);transform:rotate(-45deg)}

/* ─── botões ─── */
.cta{
  display:inline-flex;align-items:center;gap:.9rem;position:relative;
  font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  padding:1.05rem 1.6rem;border:1px solid transparent;
  transition:color .5s var(--e),background .5s var(--e),border-color .5s var(--e),transform .5s var(--e);
}
.cta__arrow{width:22px;height:1px;background:currentColor;position:relative;flex:none;transition:width .5s var(--e)}
.cta__arrow::after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.cta:hover .cta__arrow{width:34px}
.cta--cheio{background:var(--champ);color:var(--chao);border-color:var(--champ)}
.cta--cheio:hover{background:var(--champ-2);border-color:var(--champ-2);transform:translateY(-2px)}
.cta--linha{color:var(--marfim);border-color:var(--linha);padding-left:0;padding-right:0;border:0;border-bottom:1px solid var(--linha)}
.cta--linha:hover{color:var(--champ);border-color:var(--champ)}
.cta--linha .cta__arrow{margin-left:auto}

/* ─── campos ─── */
.campo{display:block;margin-bottom:1.5rem}
.campo .micro{display:block;margin-bottom:.55rem}
.campo input,.campo select,.campo textarea{
  width:100%;background:transparent;border:0;border-bottom:1px solid var(--linha);
  padding:.6rem 0;font-size:16px;color:var(--marfim);border-radius:0;appearance:none;
  transition:border-color .4s var(--e);
}
.campo textarea{resize:vertical;line-height:1.6}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-color:var(--champ)}
.campo input::placeholder,.campo textarea::placeholder{color:var(--n2)}
.campo input.erro,.campo textarea.erro{border-color:#B5533F}
.campo select{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--champ) 50%),linear-gradient(135deg,var(--champ) 50%,transparent 50%);
  background-position:calc(100% - 12px) center,calc(100% - 7px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.campo select option{background:var(--sup);color:var(--marfim)}

/* ══════════ ABERTURA ══════════ */
.loader{
  position:fixed;inset:0;z-index:400;background:var(--chao);
  display:grid;place-items:center;transition:transform 1.05s var(--e2);
}
.loader.fora{transform:translateY(-101%)}
.loader__in{display:grid;justify-items:center;gap:1.4rem}
.loader__mark{width:44px;opacity:0;transform:translateY(10px);animation:lm .9s var(--e) .15s forwards}
.loader__rule{display:block;width:150px;height:1px;background:var(--linha-2);overflow:hidden}
.loader__rule i{display:block;height:100%;width:0;background:var(--champ);animation:lr 1.15s var(--e) .35s forwards}
.loader__name{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--n2);opacity:0;animation:lm .9s var(--e) .5s forwards}
.loader__name em{font-style:normal;color:var(--champ)}
@keyframes lm{to{opacity:1;transform:none}}
@keyframes lr{to{width:100%}}

/* ─── grão ─── */
.grain{
  position:fixed;inset:-50%;z-index:300;pointer-events:none;opacity:.4;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");
  animation:gr 6s steps(5) infinite;
}
@keyframes gr{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}100%{transform:translate(0,0)}}

/* ─── cursor ─── */
.cursor{position:fixed;top:0;left:0;z-index:350;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .4s}
.cursor.ativo{opacity:1}
.cursor__dot,.cursor__ring{position:absolute;border-radius:50%;transform:translate(-50%,-50%)}
.cursor__dot{width:5px;height:5px;background:var(--champ-2)}
.cursor__ring{width:34px;height:34px;border:1px solid rgba(226,205,157,.55);transition:width .45s var(--e),height .45s var(--e),border-color .45s}
.cursor.link .cursor__ring{width:56px;height:56px}
.cursor.acao .cursor__ring{width:70px;height:70px;border-color:var(--champ-2)}
.cursor.acao .cursor__dot{width:3px;height:3px}

/* ─── progresso ─── */
.progress{position:fixed;top:0;left:0;right:0;height:1px;z-index:120;background:transparent}
.progress span{display:block;height:100%;width:0;background:var(--champ)}

/* ══════════ HEADER ══════════ */
.hd{
  position:fixed;top:0;left:0;right:0;z-index:140;
  display:flex;align-items:center;gap:2rem;
  padding:1.9rem var(--mx);
  transition:padding .5s var(--e),background .5s var(--e),backdrop-filter .5s;
}
.hd.fixo{padding:1rem var(--mx);background:rgba(5,14,28,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--linha-2)}
.hd.some{transform:translateY(-102%);transition:transform .5s var(--e)}
.hd__brand{font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--marfim);margin-right:auto;white-space:nowrap}
.hd__nav{display:flex;gap:2.1rem}
.hd__nav a{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--n1);position:relative;padding:.3rem 0;transition:color .4s}
.hd__nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--champ);transition:width .45s var(--e)}
.hd__nav a:hover,.hd__nav a.on{color:var(--marfim)}
.hd__nav a:hover::after,.hd__nav a.on::after{width:100%}
.hd__cta{margin-left:auto;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--champ);display:inline-flex;gap:.7rem;align-items:center}
.hd__cta i{font-style:normal;transition:transform .4s var(--e)}
.hd__cta:hover i{transform:translateX(5px)}
.hd__burger{display:none;width:34px;height:22px;flex-direction:column;justify-content:center;gap:6px}
.hd__burger span{display:block;height:1px;background:var(--marfim);transition:transform .45s var(--e),opacity .3s}
.hd__burger.on span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.hd__burger.on span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}

/* ══════════ HERO ══════════ */
.hero{
  position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  padding:8rem var(--mx) 0;overflow:hidden;
}
.hero__media{position:absolute;top:0;right:0;width:60%;height:100%;z-index:0}
.hero__img{width:100%;height:100%;object-fit:cover;object-position:60% 20%;filter:saturate(.72) contrast(1.06) brightness(.9);transform:scale(1.06);will-change:transform}
.hero__veil{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,var(--chao) 6%,rgba(5,14,28,.9) 30%,rgba(5,14,28,.3) 58%,rgba(5,14,28,.46) 100%),
    linear-gradient(0deg,var(--chao) 2%,transparent 46%),
    linear-gradient(180deg,rgba(5,14,28,.75),transparent 30%);
}
.hero__body{position:relative;z-index:2;max-width:min(100%,760px);margin-top:auto;padding-bottom:clamp(1.5rem,5vh,3.5rem)}
.hero__eyebrow{margin-bottom:2.4rem;color:var(--n1)}
.hero__title{
  font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(2.3rem,5.6vw,5.6rem);line-height:1.02;
  letter-spacing:-.042em;color:var(--marfim);margin-bottom:1.9rem;
}
.hero__title .line{display:block;overflow:hidden;padding-top:.14em;margin-bottom:-.1em}
.hero__title .line > span{display:block}
.hero__title .line--it{color:var(--champ)}
.hero__sub{
  font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(1.02rem,1.6vw,1.32rem);
  color:var(--n1);margin-bottom:2.4rem;letter-spacing:-.02em;
}
.hero__acoes{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap}
.hero__tags{position:relative;z-index:2;margin-top:auto;padding:2.6rem 0 2.2rem;border-top:1px solid var(--linha-2);max-width:820px}
.hero__word{position:absolute;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden;line-height:.72}
.hero__word span{
  display:block;font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(4rem,16vw,16rem);text-transform:uppercase;
  letter-spacing:-.045em;color:rgba(242,237,227,.055);white-space:nowrap;transform:translateY(22%);
}

/* ══════════ MANIFESTO ══════════ */
.manifesto{
  padding:clamp(5rem,12vw,11rem) var(--mx);border-top:1px solid var(--linha-2);
  display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4.5rem);align-items:end;
}
.manifesto__label{grid-column:1/-1;margin-bottom:1.4rem}
.manifesto__frase{
  font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(1.7rem,4.9vw,4.1rem);line-height:1.1;
  letter-spacing:-.038em;max-width:min(100%,900px);
}
.manifesto__frase .pal{color:rgba(242,237,227,.13);transition:color .5s var(--e)}
.manifesto__frase .pal.viva{color:var(--marfim)}
.manifesto__frase .pal.viva.acento{color:var(--champ)}
.manifesto__nota{max-width:44ch;border-top:1px solid rgba(183,154,98,.45);padding-top:1.5rem;padding-bottom:.5rem}
.manifesto__nota p{font-size:1.14rem;color:var(--marfim);line-height:1.7;opacity:.93}

/* ══════════ AUDITORIA ══════════ */
.aud{padding:clamp(4rem,9vw,8rem) var(--mx) clamp(5rem,11vw,10rem);border-top:1px solid var(--linha-2)}
.aud__head{max-width:min(100%,760px);margin-bottom:clamp(3rem,6vw,5.5rem)}
.aud__head .micro{margin-bottom:1.5rem}
.aud__grid{display:grid;grid-template-columns:minmax(240px,.8fr) 1.7fr;gap:clamp(2rem,6vw,6rem)}
.aud__aside{position:sticky;top:22vh;align-self:start}
.aud__big{
  display:block;font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(5rem,11vw,10rem);line-height:.8;
  color:var(--champ);letter-spacing:-.055em;font-variant-numeric:tabular-nums;
}
.aud__leg{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.025em;font-size:1.3rem;margin:1.4rem 0 1rem;color:var(--marfim);line-height:1.25}
.aud__txt{font-size:15px;color:var(--n1);max-width:34ch;line-height:1.8}

.aud__item{
  position:relative;border-top:1px solid var(--linha-2);padding:2.1rem 0 2.1rem 0;
  display:grid;grid-template-columns:60px 1fr;gap:1.5rem;align-items:start;
  transition:padding-left .55s var(--e);
}
.aud__item:last-child{border-bottom:1px solid var(--linha-2)}
.aud__item::before{
  content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--champ);
  transition:width .7s var(--e);
}
.aud__item.is-on::before{width:100%}
.aud__item.is-on{padding-left:1.4rem}
.aud__n{font-size:10px;letter-spacing:.28em;color:var(--n2);padding-top:.65rem;transition:color .45s}
.aud__item.is-on .aud__n{color:var(--champ)}
.aud__item h3{grid-column:2;font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.03em;font-size:clamp(1.2rem,2.3vw,1.85rem);line-height:1.16;color:var(--n1);transition:color .45s var(--e)}
.aud__item.is-on h3{color:var(--marfim)}
.aud__item p{
  grid-column:2;font-size:15.5px;color:var(--n1);line-height:1.8;max-width:56ch;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--e),opacity .5s var(--e),margin .6s var(--e);
}
.aud__item.is-on p{max-height:9rem;opacity:1;margin-top:.9rem}

/* ══════════ EMPRESAS ══════════ */
.emp{position:relative;padding:clamp(5rem,11vw,10rem) var(--mx);background:var(--chao-2);overflow:hidden}
.emp__word{position:absolute;top:0;left:0;right:0;pointer-events:none;overflow:hidden;line-height:.8}
.emp__word span{display:block;font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(3.4rem,14vw,14rem);text-transform:uppercase;letter-spacing:-.045em;color:rgba(242,237,227,.04);white-space:nowrap;transform:translate(-3%,-24%)}
.emp__head{position:relative;z-index:2;max-width:1000px;margin-bottom:clamp(3rem,7vw,6rem)}
.emp__head .micro{margin-bottom:1.6rem}
.emp__quote{font-size:clamp(1.9rem,5vw,4.4rem);line-height:1.06;margin-bottom:2rem}
.emp__lead{max-width:56ch;font-size:1.06rem;color:var(--n1);line-height:1.8}
.emp__body{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.emp__cols{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linha-2)}
.emp__col{background:var(--chao-2);padding:2.2rem 1.9rem 2.4rem;transition:background .5s var(--e)}
.emp__col:hover{background:var(--sup)}
.emp__col .micro{color:var(--champ);margin-bottom:1.4rem}
.emp__col h3{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.03em;font-size:1.3rem;line-height:1.22;margin-bottom:.8rem}
.emp__col p{font-size:15px;color:var(--n1);line-height:1.75}
.emp__panel{border:1px solid var(--linha);padding:2.4rem 2.1rem}
.emp__panel .micro{color:var(--champ);margin-bottom:1.3rem}
.emp__panel-tx{font-size:15.5px;color:var(--n1);line-height:1.8;margin-bottom:1.7rem}
.emp__panel .ticks{margin-bottom:2.2rem}
.emp__panel .cta{width:100%;justify-content:space-between}

/* ══════════ PERFIS ══════════ */
.perfis{padding:clamp(5rem,11vw,10rem) var(--mx);border-top:1px solid var(--linha-2)}
.perfis__head{margin-bottom:clamp(3rem,6vw,5rem)}
.perfis__head .micro{margin-bottom:1.5rem}
.perfis__grid{display:grid;grid-template-columns:minmax(260px,.85fr) 1.6fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.perfis__idx{border-top:1px solid var(--linha-2)}
.perfil{
  width:100%;display:flex;align-items:baseline;gap:1.2rem;padding:1.35rem 0;
  border-bottom:1px solid var(--linha-2);text-align:left;transition:padding-left .5s var(--e);
}
.perfil .micro{color:var(--n2);transition:color .4s}
.perfil em{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.03em;font-style:normal;font-size:clamp(1.1rem,1.9vw,1.52rem);color:var(--n1);transition:color .4s var(--e)}
.perfil:hover{padding-left:.7rem}
.perfil:hover em{color:var(--marfim)}
.perfil.is-on{padding-left:.7rem}
.perfil.is-on em{color:var(--champ)}
.perfil.is-on .micro{color:var(--champ)}
.perfis__painel{position:relative;min-height:320px}
.pf{display:none}
.pf.is-on{display:block;animation:sobe .7s var(--e) both}
.pf__lead{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.03em;font-size:clamp(1.2rem,2.2vw,1.72rem);line-height:1.32;color:var(--marfim);margin-bottom:2.6rem;max-width:min(100%,640px)}
.pf__cols{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;margin-bottom:2.6rem}
.pf__cols .micro{color:var(--champ);margin-bottom:1.1rem}
@keyframes sobe{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ══════════ CALCULADORA ══════════ */
.calc{padding:clamp(5rem,11vw,10rem) var(--mx);background:var(--chao-2);border-top:1px solid var(--linha-2)}
.calc__head{max-width:780px;margin-bottom:clamp(3rem,6vw,5rem)}
.calc__head .micro{margin-bottom:1.5rem}
.calc__head .disp{margin-bottom:1.6rem}
.calc__lead{font-size:1.04rem;color:var(--n1);max-width:52ch;line-height:1.8}
.calc__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5.5rem);align-items:start}
.calc__form .cta{width:100%;justify-content:space-between;margin:.8rem 0 1.2rem}
.calc__saida{border-left:1px solid var(--linha-2);padding-left:clamp(1.5rem,4vw,3.5rem);min-height:340px}
.calc__vazio{display:grid;gap:1.4rem}
.calc__num{
  display:block;font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(3.6rem,10.5vw,9rem);line-height:.9;
  letter-spacing:-.055em;color:var(--champ);font-variant-numeric:tabular-nums;
}
.calc__num i{font-style:normal;font-size:.4em;color:var(--n1);margin-left:.06em;letter-spacing:-.02em}
.calc__num--fantasma{color:rgba(242,237,227,.07)}
.calc__numleg{margin:1.2rem 0 2.6rem}
.calc__numleg b{font-weight:400;color:var(--marfim);letter-spacing:.18em}
.calc__barras{display:grid;gap:1rem;margin-bottom:2.2rem}
.barra{display:grid;grid-template-columns:150px 1fr 68px;gap:1rem;align-items:center}
.barra .micro{letter-spacing:.2em}
.barra__t{height:2px;background:rgba(242,237,227,.09);position:relative}
.barra__b{position:absolute;left:0;top:0;height:100%;width:0;transition:width 1.1s var(--e)}
.barra__b--voce{background:linear-gradient(90deg,var(--champ),#B5533F)}
.barra__b--ref{background:var(--salvia)}
.barra b{font-family:var(--disp);font-size:14px;text-align:right;font-weight:var(--disp-peso);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.calc__ver{border-left:1px solid var(--champ);padding:.4rem 0 .4rem 1.3rem;margin-bottom:2.2rem;font-size:15.5px;color:var(--n1);line-height:1.8}
.calc__ver strong{display:block;font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.028em;font-size:1.2rem;color:var(--marfim);margin-bottom:.5rem}
.calc__ver.alerta{border-color:#B5533F}
.calc__ver.ok{border-color:var(--salvia)}
.calc__totais{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;padding:1.6rem 0;border-top:1px solid var(--linha-2);border-bottom:1px solid var(--linha-2);margin-bottom:2rem}
.calc__totais b{display:block;font-family:var(--disp);font-size:1.42rem;font-weight:var(--disp-peso);letter-spacing:-.03em;margin-top:.5rem;font-variant-numeric:tabular-nums}
.calc__out .cta--linha{width:100%;justify-content:space-between;margin-bottom:1.2rem}

/* ══════════ MÉTODO ══════════ */
.met{padding:clamp(5rem,11vw,10rem) var(--mx);border-top:1px solid var(--linha-2)}
.met__head{margin-bottom:clamp(3rem,6vw,5rem)}
.met__head .micro{margin-bottom:1.5rem}
.met__lista{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linha-2)}
.met__passo{background:var(--chao);padding:2.4rem 1.8rem 2.8rem;transition:background .5s var(--e)}
.met__passo:hover{background:var(--chao-2)}
.met__n{display:block;font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.05em;font-size:2.2rem;color:var(--champ);line-height:1;margin-bottom:1.6rem;font-variant-numeric:tabular-nums}
.met__passo h3{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.03em;font-size:1.25rem;margin-bottom:.75rem}
.met__passo p{font-size:15px;color:var(--n1);line-height:1.75}

/* ══════════ A ADVOGADA ══════════ */
.adv{
  padding:clamp(5rem,11vw,10rem) var(--mx);background:var(--chao-2);border-top:1px solid var(--linha-2);
  display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2.5rem,7vw,7rem);align-items:start;
}
.adv__retrato{position:sticky;top:16vh}
.adv__retrato img{width:100%;filter:saturate(.82) contrast(1.03)}
.adv__retrato::after{content:"";position:absolute;inset:18px -16px -18px 16px;border:1px solid rgba(183,154,98,.38);pointer-events:none}
.adv__selo{position:absolute;left:-14px;bottom:26px;background:var(--chao);border:1px solid var(--linha);padding:.95rem 1.15rem;display:flex;align-items:center;gap:.75rem;z-index:2}
.adv__selo img{width:22px}
.adv__selo em{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.02em;font-style:normal;font-size:.9rem;color:var(--champ);white-space:nowrap}
.adv__texto .micro{margin-bottom:1.5rem}
.adv__texto .disp{margin-bottom:2.4rem}
.adv__prosa{display:grid;gap:1.3rem;max-width:62ch}
.adv__prosa p{font-size:1.08rem;color:var(--n1);line-height:1.85}
.adv__capitular::first-letter{
  float:left;font-family:var(--disp);font-weight:var(--disp-peso);font-size:3.4rem;line-height:.9;padding:.06em .12em 0 0;color:var(--champ);letter-spacing:-.04em;
}
.adv__quote{margin:3rem 0;padding-left:1.8rem;border-left:1px solid var(--champ)}
.adv__quote p{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.035em;font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.18;margin-bottom:1rem}
.adv__quote em{font-style:normal;color:var(--champ)}
.adv__quote span{font-size:15px;color:var(--n1);line-height:1.8;display:block;max-width:52ch}
.adv__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;padding-top:2.2rem;border-top:1px solid var(--linha-2)}
.adv__nums b{display:block;font-family:var(--disp);font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:var(--disp-peso);letter-spacing:-.045em;color:var(--champ);line-height:1;margin-bottom:.7rem;font-variant-numeric:tabular-nums}

/* ══════════ DÚVIDAS ══════════ */
.faq{padding:clamp(5rem,11vw,10rem) var(--mx);border-top:1px solid var(--linha-2);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.faq__head{position:sticky;top:20vh}
.faq__head .micro{margin-bottom:1.5rem}
.faq__head .disp{margin-bottom:2.2rem}
.q{border-top:1px solid var(--linha-2)}
.q:last-child{border-bottom:1px solid var(--linha-2)}
.q summary{
  list-style:none;display:flex;gap:1.4rem;align-items:baseline;padding:1.6rem 2.5rem 1.6rem 0;
  position:relative;font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.028em;font-size:clamp(1rem,1.65vw,1.25rem);line-height:1.32;
  color:var(--n1);transition:color .4s var(--e);
}
.q summary::-webkit-details-marker{display:none}
.q summary:hover{color:var(--marfim)}
.q[open] summary{color:var(--champ)}
.q summary .micro{flex:none;color:var(--n2)}
.q summary::after,.q summary::before{content:"";position:absolute;right:4px;top:50%;background:var(--champ);transition:transform .45s var(--e),opacity .3s}
.q summary::after{width:12px;height:1px;transform:translateY(-50%)}
.q summary::before{width:1px;height:12px;right:9.5px;transform:translateY(-50%)}
.q[open] summary::before{opacity:0;transform:translateY(-50%) rotate(90deg)}
.q__c{padding:0 3rem 1.8rem 3.2rem;animation:sobe .5s var(--e) both}
.q__c p{font-size:15.5px;color:var(--n1);line-height:1.8;max-width:62ch}

/* ══════════ CONTATO ══════════ */
.ct{
  position:relative;padding:clamp(5rem,11vw,10rem) var(--mx);background:var(--sup);
  display:grid;grid-template-columns:1fr .8fr;gap:clamp(2.5rem,7vw,6rem);align-items:start;overflow:hidden;
}
.ct::before{content:"";position:absolute;width:800px;height:800px;right:-260px;top:-320px;background:radial-gradient(circle,rgba(183,154,98,.14),transparent 62%);pointer-events:none}
.ct__copy{position:relative;z-index:2}
.ct__copy .micro{margin-bottom:1.5rem}
.ct__copy .disp{margin-bottom:1.8rem}
.ct__lead{font-size:1.06rem;color:var(--n1);max-width:46ch;line-height:1.8;margin-bottom:2rem}
.ct__copy .ticks{margin-bottom:2.8rem}
.ct__vias{display:grid;gap:1px;background:var(--linha-2);max-width:520px}
.via{display:block;background:var(--sup);padding:1.3rem 1.5rem;transition:background .45s var(--e),padding-left .45s var(--e)}
.via:hover{background:var(--sup-2);padding-left:1.9rem}
.via .micro{display:block;margin-bottom:.5rem;color:var(--champ)}
.via b{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.025em;font-size:1.12rem}
.ct__form{position:relative;z-index:2;border:1px solid var(--linha);padding:2.4rem 2.1rem}
.ct__form-t{color:var(--champ);margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--linha-2)}
.ct__form .cta{width:100%;justify-content:space-between;margin-bottom:1rem}

/* ══════════ RODAPÉ ══════════ */
.ft{padding:clamp(4rem,8vw,7rem) var(--mx) 2rem;border-top:1px solid var(--linha-2);overflow:hidden}
.ft__topo{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:900px}
.ft__col{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.ft__col .micro{margin-bottom:.7rem}
.ft__col a,.ft__col button{font-size:15px;color:var(--n1);transition:color .35s,transform .35s var(--e);text-align:left}
.ft__col a:hover,.ft__col button:hover{color:var(--champ);transform:translateX(4px)}
.ft__nota{font-size:13px;color:var(--n2);margin-top:.4rem}
.ft__word{margin:clamp(3rem,7vw,6rem) 0 2rem;line-height:.8;overflow:hidden}
.ft__word span{display:block;font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(1.5rem,10.6vw,10.4rem);text-transform:uppercase;letter-spacing:-.05em;color:rgba(242,237,227,.085);white-space:nowrap}
.ft__legal{display:grid;gap:.9rem;padding-top:1.8rem;border-top:1px solid var(--linha-2)}
.ft__legal p{font-size:12px;color:var(--n2);line-height:1.85;max-width:110ch}

/* ══════════ DIAGNÓSTICO (TAKEOVER) ══════════ */
.tk{
  position:fixed;inset:0;z-index:250;background:var(--chao);
  display:flex;flex-direction:column;padding:clamp(1.4rem,4vw,3rem) var(--mx);
  clip-path:inset(0 0 100% 0);transition:clip-path .85s var(--e2);
}
.tk.aberto{clip-path:inset(0 0 0 0)}
.tk__barra{position:absolute;top:0;left:0;right:0;height:1px;background:var(--linha-2)}
.tk__barra i{display:block;height:100%;width:0;background:var(--champ);transition:width .6s var(--e)}
.tk__marca{position:absolute;top:clamp(1.4rem,4vw,3rem);left:var(--mx)}
.tk__fechar{position:absolute;top:clamp(1.2rem,3.6vw,2.7rem);right:var(--mx);width:34px;height:34px;display:grid;place-items:center}
.tk__fechar span{position:absolute;width:20px;height:1px;background:var(--marfim);transition:background .3s}
.tk__fechar span:first-child{transform:rotate(45deg)}
.tk__fechar span:last-child{transform:rotate(-45deg)}
.tk__fechar:hover span{background:var(--champ)}
.tk__palco{
  flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;
  max-width:1100px;width:100%;margin:0 auto;padding:4rem 0 0;
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
}
.tk__palco::-webkit-scrollbar{width:3px}
.tk__palco::-webkit-scrollbar-thumb{background:var(--linha)}
.tkq,.tkr{margin-block:auto;width:100%}
.tk__rodape{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.4rem;border-top:1px solid var(--linha-2)}
.tk__voltar{color:var(--n2);transition:color .35s}
.tk__voltar:hover{color:var(--champ)}
.tk__dica{color:var(--n2)}

.tkq{animation:sobe .6s var(--e) both}
.tkq__idx{color:var(--champ);margin-bottom:1.6rem}
.tkq__p{font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(1.5rem,3.9vw,2.9rem);line-height:1.08;letter-spacing:-.04em;margin-bottom:.9rem;max-width:min(100%,880px)}
.tkq__sub{font-size:15.5px;color:var(--n1);max-width:52ch;line-height:1.75;margin-bottom:2.6rem}
.tkq__ops{display:grid;border-top:1px solid var(--linha-2)}
.op{
  display:flex;align-items:center;gap:1.3rem;padding:1.15rem .4rem;border-bottom:1px solid var(--linha-2);
  text-align:left;color:var(--n1);transition:padding-left .45s var(--e),color .4s,background .4s;
}
.op:hover{padding-left:1.3rem;color:var(--marfim);background:rgba(242,237,227,.02)}
.op__k{width:22px;font-size:10px;letter-spacing:.2em;color:var(--n2);flex:none;transition:color .4s}
.op:hover .op__k{color:var(--champ)}
.op__t{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.028em;font-size:clamp(.98rem,1.6vw,1.2rem);line-height:1.3}
.op__c{margin-left:auto;width:16px;height:16px;border:1px solid var(--linha);flex:none;position:relative;transition:border-color .35s,background .35s}
.op__c::after{content:"";position:absolute;inset:3px;background:var(--champ);opacity:0;transition:opacity .3s}
.op.marcada .op__c{border-color:var(--champ)}
.op.marcada .op__c::after{opacity:1}
.op.marcada{color:var(--marfim)}
.tkq__seguir{
  position:sticky;bottom:0;margin-top:1.4rem;padding:2.6rem 0 1.2rem;
  background:linear-gradient(to top,var(--chao) 46%,rgba(5,14,28,.94) 72%,rgba(5,14,28,0));
}

.tkr{animation:sobe .7s var(--e) both;display:grid;gap:2rem}
.tkr__topo{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.tkr__nota{font-family:var(--disp);font-weight:var(--disp-peso);font-size:clamp(4rem,11vw,9.5rem);line-height:.84;color:var(--champ);letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.tkr__nota i{font-style:normal;font-size:.28em;color:var(--n2);letter-spacing:-.02em}
.tkr__nivel{color:var(--champ);margin-bottom:1rem}
.tkr__tit{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.035em;font-size:clamp(1.22rem,2.6vw,2rem);line-height:1.14;margin-bottom:.9rem;max-width:min(100%,680px)}
.tkr__tx{font-size:16px;color:var(--n1);line-height:1.8;max-width:58ch}
.tkr__resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--linha-2);border-top:1px solid var(--linha-2);border-bottom:1px solid var(--linha-2)}
.tkr__resumo div{background:var(--chao);padding:1.1rem 1.2rem}
.tkr__resumo b{display:block;font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.025em;font-size:1rem;margin-top:.5rem;color:var(--marfim);line-height:1.35}
.tkr__acoes{display:flex;gap:1.6rem;flex-wrap:wrap;align-items:center}
.tkr__refazer{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--n2);transition:color .35s}
.tkr__refazer:hover{color:var(--champ)}

/* ══════════ FLUTUANTE / TOAST ══════════ */
.flut{
  position:fixed;right:clamp(1rem,3vw,2.2rem);bottom:clamp(1rem,3vw,2.2rem);z-index:130;
  display:inline-flex;align-items:center;gap:.8rem;padding:.95rem 1.3rem;
  background:var(--chao);border:1px solid rgba(183,154,98,.45);
  font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--marfim);
  opacity:0;transform:translateY(16px);pointer-events:none;
  transition:opacity .5s var(--e),transform .5s var(--e),background .4s,color .4s;
}
.flut.on{opacity:1;transform:none;pointer-events:auto}
.flut:hover{background:var(--champ);color:var(--chao);border-color:var(--champ)}
.flut__ic{width:16px;height:16px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 004.79 1.22c5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zm0 18.02a8.2 8.2 0 01-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.24 8.24 0 01-1.26-4.25c0-4.54 3.7-8.24 8.24-8.24 4.55 0 8.25 3.7 8.25 8.24 0 4.55-3.7 8.24-8.25 8.24zm4.52-6.17c-.25-.12-1.47-.72-1.7-.8-.23-.09-.39-.13-.56.12-.16.25-.64.8-.78.97-.14.16-.29.18-.54.06-.25-.13-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.01-.38.11-.5.11-.11.25-.29.37-.43.13-.15.17-.25.25-.41.09-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.4-.42-.56-.42l-.47-.01c-.16 0-.43.06-.65.31-.23.25-.86.84-.86 2.05s.88 2.38 1 2.54c.13.17 1.74 2.65 4.21 3.71.59.26 1.05.41 1.4.52.59.19 1.13.16 1.55.1.47-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.15-1.18-.06-.11-.22-.17-.47-.29z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 004.79 1.22c5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zm0 18.02a8.2 8.2 0 01-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.24 8.24 0 01-1.26-4.25c0-4.54 3.7-8.24 8.24-8.24 4.55 0 8.25 3.7 8.25 8.24 0 4.55-3.7 8.24-8.25 8.24zm4.52-6.17c-.25-.12-1.47-.72-1.7-.8-.23-.09-.39-.13-.56.12-.16.25-.64.8-.78.97-.14.16-.29.18-.54.06-.25-.13-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.01-.38.11-.5.11-.11.25-.29.37-.43.13-.15.17-.25.25-.41.09-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.4-.42-.56-.42l-.47-.01c-.16 0-.43.06-.65.31-.23.25-.86.84-.86 2.05s.88 2.38 1 2.54c.13.17 1.74 2.65 4.21 3.71.59.26 1.05.41 1.4.52.59.19 1.13.16 1.55.1.47-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.15-1.18-.06-.11-.22-.17-.47-.29z'/%3E%3C/svg%3E") center/contain no-repeat}

.toast{
  position:fixed;left:50%;bottom:2rem;z-index:260;transform:translate(-50%,20px);
  background:var(--sup);border:1px solid rgba(183,154,98,.4);color:var(--marfim);
  padding:.95rem 1.4rem;font-size:13.5px;max-width:min(92vw,460px);text-align:center;
  opacity:0;pointer-events:none;transition:opacity .4s,transform .4s var(--e);
}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ══════════ ANIMAÇÕES DE ENTRADA ══════════ */
.js [data-anim="up"]{opacity:0;transform:translateY(26px);transition:opacity .95s var(--e),transform .95s var(--e)}
.js [data-anim="up"].vem{opacity:1;transform:none}
.js [data-anim="mask"] > span{transform:translateY(105%);transition:transform 1.05s var(--e)}
.js [data-anim="mask"].vem > span{transform:none}
.js .hero__title .line:nth-child(2) > span{transition-delay:.08s}
.js .hero__title .line:nth-child(3) > span{transition-delay:.16s}
.js .hero__title .line:nth-child(4) > span{transition-delay:.24s}

/* ══════════════════════════════════════════════════════════
   RESPONSIVO
   ══════════════════════════════════════════════════════════ */
@media (max-width:1180px){
  .hd__nav{display:none}
  .hd__nav.on{
    display:flex;flex-direction:column;gap:1.4rem;position:absolute;top:100%;left:0;right:0;
    background:var(--chao);padding:2rem var(--mx) 2.6rem;border-bottom:1px solid var(--linha-2);
  }
  .hd__nav.on a{font-size:13px;letter-spacing:.2em}
  .hd__burger{display:flex;order:3}
  .hd__cta{display:none}
  .aud__grid,.perfis__grid,.calc__grid,.faq,.adv,.ct,.emp__body{grid-template-columns:1fr}
  .aud__aside,.faq__head{position:static}
  .adv__retrato{position:relative;top:auto}
  .aud__aside{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:1rem}
  .aud__leg{display:none}
  .aud__big{font-size:clamp(3.4rem,11vw,5rem)}
  .aud__leg{margin:0}
  .aud__txt{display:none}
  .calc__saida{border-left:0;padding-left:0;border-top:1px solid var(--linha-2);padding-top:2.5rem}
  .met__lista{grid-template-columns:1fr 1fr}
  .hero__media{width:78%;opacity:.85}
  .adv__retrato{max-width:520px}
  .ct__vias{max-width:none}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .hero{padding-top:6.5rem;min-height:92svh}
  .hero__media{width:100%;opacity:.5}
  .hero__veil{background:linear-gradient(180deg,rgba(5,14,28,.86),rgba(5,14,28,.5) 45%,var(--chao) 92%)}
  .hero__title{font-size:clamp(2.3rem,10.5vw,4rem)}
  .hero__acoes{gap:1rem;width:100%}
  .hero__acoes .cta{width:100%;justify-content:space-between}
  .hero__tags{font-size:9px;letter-spacing:.22em;padding:1.7rem 0 1.5rem}
  .manifesto{grid-template-columns:1fr;gap:2.4rem}
  .manifesto__nota{max-width:none}
  .emp__cols,.pf__cols,.met__lista,.adv__nums,.calc__totais,.ft__topo{grid-template-columns:1fr}
  .adv__nums{gap:1.6rem}
  .emp__col{padding:1.8rem 1.4rem}
  .aud__item{grid-template-columns:44px 1fr;gap:.9rem;padding:1.6rem 0}
  .aud__item.is-on p{max-height:14rem}
  .barra{grid-template-columns:110px 1fr 60px;gap:.7rem}
  .barra .micro{font-size:9px;letter-spacing:.14em}
  .q__c{padding:0 0 1.6rem 2.4rem}
  .flut__tx{display:none}
  .flut{padding:1rem;border-radius:50%}
  .ct__form,.emp__panel{padding:1.7rem 1.4rem}
  .tk__palco{padding:4.4rem 0 0}
  .tkq__seguir .cta{width:100%;justify-content:space-between}
  .tk__rodape{flex-wrap:wrap;gap:.4rem 1rem}
  .tk__dica{font-size:9px;letter-spacing:.18em}
  .tkr__topo{grid-template-columns:1fr;gap:1.2rem}
  .adv__selo{left:auto;right:-8px;bottom:auto;top:-14px}
}

@media (max-height:860px){
  .tk__palco{padding-top:3.2rem}
  .tkq__p{font-size:clamp(1.35rem,3vw,2.1rem)}
  .tkq__sub{margin-bottom:1.6rem}
  .op{padding:.85rem .4rem}
}

@media (hover:none){ .cursor{display:none} }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
  .js [data-anim="up"]{opacity:1;transform:none}
  .js [data-anim="mask"] > span{transform:none}
  .grain{display:none}
  .loader{display:none}
}

/* numerais em rótulos: tracking largo separa demais os dígitos */
.aud__n,.op__k,.q summary .micro,.perfil .micro{letter-spacing:.1em}

/* endereço do escritório */
.via--parado{cursor:default}
.via--parado:hover{background:var(--sup);padding-left:1.5rem}
.via__cep{display:block;font-size:12px;color:var(--n2);letter-spacing:.06em;margin-top:.3rem}
.ft__end{font-style:normal;display:grid;gap:.15rem;font-size:14.5px;color:var(--n1);line-height:1.65;margin-top:.4rem}
.ft__end span:last-child{color:var(--n2);font-size:12px}

/* etapas com campos numéricos no diagnóstico */
.tkq__campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.4rem 2rem;border-top:1px solid var(--linha-2);padding-top:1.8rem}
.tkq__campos .campo{margin:0}
.tkq__campo{display:flex;align-items:baseline;gap:.5rem;border-bottom:1px solid var(--linha);transition:border-color .4s var(--e)}
.tkq__campo:focus-within{border-color:var(--champ)}
.tkq__campo i{font-style:normal;font-size:13px;color:var(--n2);flex:none}
.tkq__campo input{border:0;padding:.5rem 0;font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.02em;font-size:1.5rem;font-variant-numeric:tabular-nums}
.tkq__campo input:focus{outline:0}
.tkq__campo input::placeholder{font-family:var(--sans);font-weight:400;font-size:1rem;letter-spacing:0;color:var(--n2)}

/* taxa calculada do veículo no resultado */
.tkr__veic{border:1px solid rgba(183,154,98,.34);padding:1.4rem 1.6rem;display:grid;gap:.6rem}
.tkr__veic-n{font-family:var(--disp);font-weight:var(--disp-peso);letter-spacing:-.05em;font-size:clamp(2.4rem,6vw,4rem);line-height:.9;color:var(--champ);font-variant-numeric:tabular-nums}
.tkr__veic-n i{font-style:normal;font-size:.26em;letter-spacing:-.01em;color:var(--n1)}