:root {
  --marca: #024E91;
  --marca-esc: #01305C;
  --agua: #0E7FC9;
  --aqua: #2EC5F0;
  --espuma: #BFEFFF;
  --abismo: #000A18;
  --verde: #3DBE7A;
  --branco: #FFFFFF;
  --texto-suave: rgba(255, 255, 255, .72);
  --vidro: linear-gradient(160deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04));
  --borda-vidro: rgba(255, 255, 255, .22);
  --margem: clamp(16px, 5vw, 80px);
  --fonte: "Montserrat", system-ui, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
body {
  font-family: var(--fonte);
  color: var(--branco);
  background: var(--marca-esc);
  overflow-x: hidden;
  line-height: 1.5;
}
img, video, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
em { font-style: normal; color: var(--aqua); }
b { font-weight: 800; }

/* ---------- camadas fixas ---------- */
#mar { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -2; background: var(--marca-esc); }
.grao {
  position: fixed; inset: -50%; z-index: -1; pointer-events: none; opacity: .07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: grao 1s steps(4) infinite;
}
@keyframes grao { 0% { transform: translate(0, 0); } 25% { transform: translate(-3%, 2%); } 50% { transform: translate(2%, -3%); } 75% { transform: translate(-1%, 3%); } }

#cursor { position: fixed; left: 0; top: 0; z-index: 100; pointer-events: none; mix-blend-mode: difference; display: none; }
#cursor span { display: block; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: var(--branco); transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
#cursor.grande span { transform: scale(3.4); }
@media (hover: hover) and (pointer: fine) { #cursor { display: block; } }

#carregando {
  position: fixed; inset: 0; z-index: 200; display: grid; place-content: center; gap: 18px; text-align: center;
  background: var(--marca-esc); transition: opacity .8s ease, visibility .8s;
}
#carregando p { font-size: 13px; letter-spacing: .3em; text-transform: uppercase; color: var(--texto-suave); }
.carregando-onda { width: 120px; height: 4px; border-radius: 2px; margin: 0 auto; background: linear-gradient(90deg, transparent, var(--aqua), transparent); background-size: 200% 100%; animation: onda 1.2s linear infinite; }
@keyframes onda { to { background-position: -200% 0; } }
body.pronto #carregando { opacity: 0; visibility: hidden; }

/* ---------- topo ---------- */
.topo {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between;
  padding: 18px var(--margem);
}
.marca { font-weight: 300; letter-spacing: .28em; font-size: 14px; }
.marca b { color: var(--aqua); }
.menu { display: flex; gap: 6px; padding: 6px; border-radius: 999px; background: rgba(1, 27, 56, .35); border: 1px solid var(--borda-vidro); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.menu a { font-size: 13px; font-weight: 600; padding: 8px 14px; border-radius: 999px; transition: background .3s, color .3s; }
.menu a:hover, .menu a.ativo { background: var(--branco); color: var(--marca-esc); }
@media (max-width: 820px) { .menu { display: none; } }

/* ---------- profundímetro ---------- */
.profundimetro { position: fixed; right: var(--margem); top: 50%; transform: translateY(-50%); z-index: 40; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.prof-regua { width: 2px; height: 34vh; background: repeating-linear-gradient(180deg, rgba(255, 255, 255, .45) 0 2px, transparent 2px 14px); position: relative; }
.prof-regua i { position: absolute; left: -5px; top: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 18px var(--aqua); transform: translateY(-50%); }
.prof-leitura { font-weight: 900; font-size: 28px; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.prof-leitura small { font-size: 13px; font-weight: 400; margin-left: 3px; color: var(--texto-suave); }
.prof-camada { font-size: 11px; letter-spacing: .25em; text-transform: uppercase; color: var(--aqua); }
@media (max-width: 820px) {
  .profundimetro { top: auto; bottom: 16px; transform: none; flex-direction: row; align-items: baseline; gap: 10px; padding: 8px 14px; border-radius: 999px; background: rgba(1, 27, 56, .5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--borda-vidro); }
  .prof-regua { display: none; }
  .prof-leitura { font-size: 18px; }
}

/* ---------- tipografia comum ---------- */
.secao { position: relative; padding: 18vh var(--margem); max-width: 1440px; margin: 0 auto; }
.rotulo { font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: var(--aqua); margin-bottom: 28px; }
.titulo { font-size: clamp(36px, 6.4vw, 104px); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; max-width: 14ch; }
.sub { margin-top: 18px; color: var(--texto-suave); }
.nota { color: var(--texto-suave); max-width: 46ch; margin-top: 14px; font-size: clamp(15px, 1.25vw, 18px); }
.nota.pequena { font-size: 13px; }
.split .palavra { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; }
.split .palavra > span { display: inline-block; will-change: transform; }

.numero-gigante { display: block; }
.numero-gigante .contador, .numero-gigante .mais { display: inline-block; padding: 0 .1em .06em 0; font-size: clamp(84px, 14vw, 220px); font-weight: 900; line-height: .95; letter-spacing: -.04em; font-variant-numeric: tabular-nums;
  background: linear-gradient(180deg, #fff 30%, var(--espuma) 60%, var(--aqua)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.numero-gigante .unidade { display: block; font-size: clamp(20px, 2.4vw, 36px); font-weight: 300; margin-top: 4px; }
.numero-gigante .unidade.grande { display: inline; font-size: clamp(48px, 6.8vw, 112px); font-weight: 800; color: var(--aqua); }

.cartao-vidro {
  background: var(--vidro); border: 1px solid var(--borda-vidro); border-radius: 28px; padding: clamp(20px, 2.4vw, 36px);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: 0 40px 80px rgba(0, 8, 24, .35), inset 0 1px 0 rgba(255, 255, 255, .35);
}

/* ---------- hero ---------- */
.hero { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 120px var(--margem) 80px; position: relative; }
.hero { overflow: hidden; }
.hero > *:not(.hero-peixes) { position: relative; z-index: 1; }
.hero-peixes { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.xareu { position: absolute; left: 0; top: 0; width: clamp(170px, 20vw, 330px); height: auto; max-width: none; will-change: transform; filter: drop-shadow(0 24px 30px rgba(0, 10, 30, .45)); opacity: 0; }
.sobrelinha { font-size: 13px; letter-spacing: .32em; text-transform: uppercase; margin-bottom: 18px; }
.hero-titulo { font-weight: 900; font-size: clamp(56px, min(15.5vw, 24vh), 260px); line-height: .84; letter-spacing: -.05em; }
.hero-titulo .linha { display: block; overflow: hidden; padding: .14em .04em .04em; margin-top: -.1em; filter: drop-shadow(0 18px 40px rgba(0, 25, 60, .4)); }
.hero-titulo .letra { display: inline-block; will-change: transform; }
.hero-titulo .azul { color: var(--espuma); }
.hero-lema { margin-top: 26px; font-size: clamp(18px, 2.2vw, 30px); font-weight: 300; }
.mergulhe {
  margin-top: 48px; display: inline-flex; align-items: center; gap: 14px; padding: 16px 28px; border-radius: 999px;
  background: var(--branco); color: var(--marca-esc); font-weight: 800; letter-spacing: .04em; will-change: transform;
}
.mergulhe svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; animation: pulsa 1.6s ease-in-out infinite; }
@keyframes pulsa { 50% { transform: translateY(4px); } }

/* ---------- dimensão ---------- */
.dimensao-grade { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(32px, 6vw, 100px); align-items: end; margin-top: 8vh; }
.comparar { display: grid; gap: 26px; }
.barra-comp { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; align-items: center; }
.barra-nome { font-weight: 600; }
.barra-num { font-weight: 800; font-variant-numeric: tabular-nums; }
.barra-trilho { grid-column: 1 / -1; height: 18px; border-radius: 999px; background: rgba(255, 255, 255, .1); overflow: hidden; }
.barra-trilho i { display: block; height: 100%; width: 0; border-radius: inherit; }
.barra-trilho .verde { background: linear-gradient(90deg, #1E8B55, var(--verde)); }
.barra-trilho .azul { background: linear-gradient(90deg, var(--agua), var(--aqua)); box-shadow: 0 0 24px rgba(46, 197, 240, .6); }
.chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.chip { padding: 10px 18px; border-radius: 999px; border: 1px solid var(--borda-vidro); background: rgba(255, 255, 255, .06); font-size: 14px; font-weight: 600; }
.anel-wrap { position: relative; width: min(340px, 70vw); margin: 12vh auto 0; }
.anel { transform: rotate(-90deg); width: 100%; }
.anel circle { fill: none; stroke-width: 14; }
.anel-fundo { stroke: rgba(255, 255, 255, .1); }
.anel-valor { stroke: var(--aqua); stroke-linecap: round; stroke-dasharray: 527.8; stroke-dashoffset: 527.8; filter: drop-shadow(0 0 10px rgba(46, 197, 240, .7)); }
.anel-texto { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; padding: 0 22%; }
.anel-texto b { font-size: clamp(48px, 6vw, 80px); line-height: 1; }
.anel-texto > span { font-size: 14px; color: var(--texto-suave); }

/* ---------- 100 itens ---------- */
.fixa { min-height: 100svh; display: flex; align-items: center; }
.fixa-conteudo { width: 100%; }
.cem { display: grid; grid-template-columns: repeat(20, 1fr); gap: clamp(4px, .6vw, 10px); margin: 6vh 0 4vh; max-width: 1100px; }
.cem i { aspect-ratio: 1; border-radius: 30%; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .12); transition: background .25s, box-shadow .25s, transform .25s; }
.cem i.aceso { background: var(--aqua); border-color: transparent; box-shadow: 0 0 14px rgba(46, 197, 240, .55); transform: scale(1.05); }
.cem-legenda { font-size: clamp(20px, 2.6vw, 38px); font-weight: 300; max-width: 30ch; }
.cem-legenda b { font-size: 1.6em; font-weight: 900; color: var(--aqua); font-variant-numeric: tabular-nums; }
@media (max-width: 600px) { .cem { grid-template-columns: repeat(10, 1fr); } }

/* ---------- objetos de vidro ---------- */
.vitrine { position: relative; height: min(110vh, 900px); margin-top: 6vh; }
.objeto { position: absolute; left: var(--x); top: var(--y); width: clamp(160px, 30vw, 420px); transition: filter .4s; }
.objeto img { width: 100%; filter: drop-shadow(0 40px 60px rgba(0, 10, 30, .45)); transition: transform .6s cubic-bezier(.2, .8, .2, 1); }
.objeto:hover img, .objeto:focus-visible img, .objeto.ativo img { transform: scale(1.08) rotate(-3deg); }
.objeto-nome { position: absolute; left: 50%; bottom: 4%; transform: translateX(-50%); white-space: nowrap; padding: 8px 16px; border-radius: 999px; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: rgba(1, 48, 92, .7); border: 1px solid var(--borda-vidro); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.fato {
  position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 20px); width: min(560px, 92%); padding: 22px 28px; border-radius: 24px; text-align: center;
  font-size: clamp(16px, 1.6vw, 21px); font-weight: 600; background: var(--branco); color: var(--marca-esc); opacity: 0; transition: opacity .35s, transform .35s; pointer-events: none;
  box-shadow: 0 30px 60px rgba(0, 10, 30, .4);
}
.fato.visivel { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 700px) {
  .vitrine { height: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding-bottom: 130px; }
  .objeto { position: relative; left: auto; top: auto; width: 100%; }
}

/* ---------- economia ---------- */
.economia-topo { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(32px, 5vw, 90px); align-items: center; }
.grafico-titulo { font-size: clamp(17px, 1.6vw, 22px); font-weight: 300; margin-bottom: 18px; }
.curva { width: 100%; overflow: visible; }
.grade-linhas line { stroke: rgba(255, 255, 255, .12); stroke-width: 1.5; }
.curva-linha { fill: none; stroke: var(--aqua); stroke-width: 6; stroke-linecap: round; filter: drop-shadow(0 0 10px rgba(46, 197, 240, .8)); }
.curva-ponto { fill: var(--branco); stroke: var(--aqua); stroke-width: 5; }
.curva .eixo { fill: var(--texto-suave); font-size: 18px; font-weight: 600; font-family: var(--fonte); }
.curva .valor { fill: var(--branco); font-size: 24px; font-weight: 800; font-family: var(--fonte); }
.empregos { display: flex; align-items: center; gap: 22px; margin-top: 12vh; justify-content: flex-end; text-align: left; }
.empregos .contador { font-size: clamp(80px, 12vw, 180px); font-weight: 900; line-height: .9; letter-spacing: -.05em; color: var(--aqua); }
.empregos span:last-child { font-size: clamp(18px, 2vw, 28px); font-weight: 300; }

/* ---------- rolagem horizontal ---------- */
.horizontal { position: relative; height: 100svh; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.horizontal-cabeca { padding: 0 var(--margem); }
.trilho-h { display: flex; gap: clamp(16px, 2vw, 32px); padding: 0 var(--margem); width: max-content; will-change: transform; }
.cartao-video { position: relative; width: clamp(240px, 26vw, 400px); aspect-ratio: 9 / 15; border-radius: 28px; overflow: hidden; background: var(--marca-esc); flex-shrink: 0; border: 1px solid var(--borda-vidro); }
.cartao-video video { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 1.2s cubic-bezier(.2, .8, .2, 1); }
.cartao-video:hover video { transform: scale(1.14); }
.cartao-video::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(0, 14, 31, .85)); }
.cv-texto { position: absolute; left: 24px; right: 24px; bottom: 24px; z-index: 1; }
.cv-texto span { font-size: 13px; font-weight: 800; color: var(--aqua); letter-spacing: .2em; }
.cv-texto h3 { font-size: clamp(24px, 2.2vw, 34px); font-weight: 800; letter-spacing: -.02em; line-height: 1.05; margin: 6px 0; }
.cv-texto p { font-size: 15px; color: var(--texto-suave); }

/* ---------- ciência ---------- */
.ciencia-grade { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(32px, 5vw, 90px); align-items: center; margin-top: 8vh; }
.antartica { padding: 12px; overflow: hidden; }
.antartica video { width: 100%; aspect-ratio: 16 / 11; object-fit: cover; object-position: 50% 72%; border-radius: 20px; }
.antartica figcaption { padding: 18px 10px 8px; font-size: clamp(16px, 1.5vw, 20px); }
.tres-cartoes { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 2vw, 28px); margin-top: 10vh; perspective: 1200px; }
.tres-cartoes .cartao-vidro { transform-style: preserve-3d; transition: transform .2s ease-out; }
.tres-cartoes svg { width: 64px; height: 64px; fill: none; stroke: var(--aqua); stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 22px; }
.tres-cartoes h3 { font-size: clamp(20px, 1.8vw, 26px); font-weight: 800; letter-spacing: -.01em; line-height: 1.15; }
.tres-cartoes p { color: var(--texto-suave); margin-top: 8px; }

/* ---------- clima ---------- */
.clima-topo { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px, 5vw, 90px); align-items: center; }
.numero-gigante .mais { padding-right: .04em; font-size: clamp(56px, 8.5vw, 140px); color: var(--aqua); -webkit-text-fill-color: var(--aqua); }
.costa-cena { position: relative; height: 260px; border-radius: 20px; overflow: hidden; background: linear-gradient(180deg, #7FD3F5, #CFEFFB 70%); }
.costa-cidade { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 220px; fill: #0B3A66; opacity: .85; }
.costa-agua { position: absolute; left: -5%; right: -5%; bottom: 0; height: 30%; background: linear-gradient(180deg, var(--aqua), var(--marca)); transition: height .5s cubic-bezier(.2, .8, .2, 1); }
.costa-agua svg { position: absolute; left: 0; top: -19px; width: 200%; height: 20px; fill: var(--aqua); animation: mar 4s linear infinite; }
@keyframes mar { to { transform: translateX(-50%); } }
.controle { display: grid; gap: 10px; margin-top: 22px; font-weight: 600; }
.controle input { width: 100%; accent-color: var(--aqua); height: 28px; }
.pilares { margin-top: 14vh; }
.pilares h3 { font-size: clamp(26px, 3.4vw, 52px); font-weight: 800; line-height: 1.08; letter-spacing: -.025em; max-width: 22ch; }
.pilares-linha { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin: 6vh 0 3vh; border-radius: 28px; overflow: hidden; }
.pilar { padding: clamp(28px, 5vw, 70px) 20px; text-align: center; background: rgba(255, 255, 255, .07); font-size: clamp(18px, 2.4vw, 34px); transition: background .4s; }
.pilar:hover { background: var(--aqua); color: var(--marca-esc); }

/* ---------- soberania ---------- */
.soberania-fundo { position: absolute; inset: 0; z-index: -1; overflow: hidden; opacity: .28; -webkit-mask-image: linear-gradient(180deg, transparent, #000 15%, #000 70%, transparent); mask-image: linear-gradient(180deg, transparent, #000 15%, #000 70%, transparent); }
.soberania-fundo video { width: 100%; height: 100%; object-fit: cover; }
.cabos-grade { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(24px, 4vw, 70px); align-items: center; margin-top: 6vh; }
.cabos path { fill: none; stroke: var(--aqua); stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(46, 197, 240, .9)); }
.cabos .pulso { stroke: var(--branco); stroke-width: 5; stroke-dasharray: 18 400; animation: pulso 3s linear infinite; }
@keyframes pulso { from { stroke-dashoffset: 418; } to { stroke-dashoffset: 0; } }
.cabos text { fill: var(--branco); font-family: var(--fonte); font-weight: 800; font-size: 20px; }
.cabo-origem { fill: var(--branco); filter: drop-shadow(0 0 12px var(--aqua)); }
.proteina { display: flex; align-items: center; gap: 22px; margin-top: 12vh; max-width: 900px; }
.proteina .contador { font-size: clamp(80px, 12vw, 180px); font-weight: 900; line-height: .9; color: var(--aqua); letter-spacing: -.05em; }
.proteina span:last-child { font-size: clamp(18px, 2vw, 28px); font-weight: 300; }
.fronteira { margin-top: 14vh; max-width: 1000px; }
.fronteira h3, .marinha h3 { font-size: clamp(26px, 3.4vw, 52px); font-weight: 800; letter-spacing: -.025em; line-height: 1.08; margin-bottom: 4vh; }
.fr-barra { display: grid; grid-template-columns: 140px 1fr 120px; gap: 18px; align-items: center; margin: 18px 0; font-weight: 600; }
.fr-barra b { text-align: right; font-variant-numeric: tabular-nums; }
.fr-trilho { height: 22px; border-radius: 999px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.fr-trilho i { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--agua), var(--aqua)); }
.fr-barra:last-of-type .fr-trilho i { background: rgba(255, 255, 255, .6); }
.cinco { font-size: clamp(22px, 3vw, 40px); font-weight: 300; margin-top: 3vh; }
.cinco b { font-size: 1.8em; color: var(--aqua); }
.marinha { margin-top: 16vh; }
@media (max-width: 600px) { .fr-barra { grid-template-columns: 1fr auto; } .fr-trilho { grid-column: 1 / -1; grid-row: 2; } }

/* ---------- final ---------- */
.final { min-height: 120svh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.citacao { font-size: clamp(32px, 5.6vw, 92px); font-weight: 800; line-height: 1.06; letter-spacing: -.035em; max-width: 18ch; }
.citacao .palavra { opacity: .14; transition: opacity .2s; }
.citacao-autor { margin-top: 26px; color: var(--texto-suave); font-size: 15px; }
.final-logo { margin-top: 14vh; width: min(560px, 86vw); color: var(--branco); }
.logo { width: 100%; height: auto; overflow: visible; }
.logo-simbolo { transform-origin: 520px 330px; }
.lema { margin-top: 26px; letter-spacing: .4em; font-weight: 800; font-size: clamp(13px, 1.4vw, 18px); color: var(--espuma); }
.voltar { margin-top: 8vh; }
.rodape { padding: 40px var(--margem) 90px; text-align: center; font-size: 13px; color: var(--texto-suave); display: grid; gap: 6px; }

/* espaço à direita para o profundímetro não cobrir o conteúdo */
@media (min-width: 821px) { .secao { padding-right: calc(var(--margem) + 110px); } }

/* ---------- responsivo ---------- */
@media (max-width: 900px) {
  .dimensao-grade, .economia-topo, .ciencia-grade, .clima-topo, .cabos-grade { grid-template-columns: 1fr; }
  .tres-cartoes { grid-template-columns: 1fr; }
  .empregos { justify-content: flex-start; }
  .secao { padding: 14vh var(--margem); }
}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}