/* Hero v4: a physical compass and one synthetic check, connected by light and
   depth. Transform/opacity motion uses no scroll hijacking or motion library. */
.hero.hero-v4 {
  --world-ink: #08131b;
  --world-paper: #f7f0e8;
  --world-muted: #b8c2c8;
  --world-copper: #e8ad82;
  --world-ease: cubic-bezier(.22,.68,.18,1);
  --world-angle: -58deg;
  position: relative;
  min-height: 0;
  padding: 143px 0 68px;
  overflow: clip;
  background: #08131b;
  color: var(--world-paper);
}
.hero.hero-v4::before {
  z-index: -1;
  inset: 0;
  height: auto;
  background: radial-gradient(ellipse at 50% 50%, #152733 0, transparent 59%),
    radial-gradient(ellipse at 100% 75%, rgba(160,86,47,.1), transparent 42%);
  mask-image: none;
}
.hero.hero-v4::after {
  z-index: -1;
  inset: auto 0 0;
  height: 170px;
  background: linear-gradient(transparent, #08131b);
  mask-image: none;
}
.hero-v4-intro {
  position: relative;
  z-index: 3;
  text-align: center;
}
.hero-v4 .eyebrow {
  display: flex;
  justify-content: center;
  margin: 0 0 21px;
  color: #ddc5b1;
  font-size: 11px;
  letter-spacing: .18em;
}
.hero-v4 .eyebrow::before { display: none; }
.hero-v4 h1 {
  max-width: 1180px;
  margin: 0 auto 24px;
  color: var(--world-paper);
  font-size: clamp(45px,5.15vw,76px);
  line-height: 1.065;
  font-weight: 570;
  letter-spacing: -.055em;
  text-shadow: none;
}
.hero-v4 h1 > span { display: block; }
.hero-v4 h1 > span:last-child { color: var(--world-copper); }
.hero-v4-description {
  max-width: 690px;
  margin: 0 auto 24px;
  color: #c3ccd1;
  font-size: 16px;
  line-height: 1.65;
  text-wrap: pretty;
}
.hero-v4 .hero-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 27px;
  margin: 0;
}
.hero-v4 .button-primary {
  min-height: 51px;
  padding: 13px 23px;
  border: 1px solid #e0a781;
  background: #e6ac85;
  color: #171d20;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 5px 23px rgba(0,0,0,.16);
  font-size: 13px;
}
.hero-v4 .button-primary:hover { background: #f3c39f; transform: translateY(-2px); }
.hero-v4 .text-link { min-height: 48px; color: #e3e9ea; font-size: 13px; }
.hero-v4-human { margin: 14px 0 0; color: #a9b6be; font-size: 12px; }

.hero-world.shell {
  position: relative;
  z-index: 2;
  width: min(1240px,calc(100% - 80px));
  height: 620px;
  margin-top: 38px;
  isolation: isolate;
}
.world-toolbar {
  position: absolute;
  z-index: 7;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.world-example-label {
  margin: 0;
  color: #b4c0c6;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.world-example-label > span { padding: 0 6px; color: #e1ac84; }
.world-motion-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 7px 11px;
  border: 1px solid rgba(202,220,230,.18);
  border-radius: 7px;
  background: rgba(10,23,32,.76);
  color: #bdc9d0;
  font-size: 10px;
  cursor: pointer;
}
.world-motion-toggle:hover { color: white; border-color: #a88061; }
.world-pause-icon { width: 9px; height: 10px; border-inline: 2px solid currentColor; }
.world-motion-toggle[aria-pressed="true"] .world-pause-icon {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 0;
  border-left: 8px solid currentColor;
}
.world-lights {
  position: absolute;
  z-index: -2;
  inset: -80px -180px -70px;
  overflow: hidden;
  pointer-events: none;
}
.world-lights::before {
  content: "";
  position: absolute;
  inset: 15% 4% 4%;
  background: radial-gradient(ellipse at 50% 70%, rgba(127,81,47,.18), transparent 53%);
}
.world-light {
  position: absolute;
  width: 790px;
  height: 620px;
  top: 0;
  left: 50%;
  opacity: 0;
  background: radial-gradient(ellipse at center,rgba(213,132,72,.15),rgba(140,78,42,.04) 45%,transparent 67%);
  transform: translateX(-50%);
  transition: opacity 1.8s var(--world-ease), transform 2s var(--world-ease);
}
.world-light-return { transform: translateX(-91%) rotate(-17deg); }
.world-light-compare { transform: translateX(-13%) rotate(21deg); }
.world-light-question { transform: translateX(-30%) translateY(85px); }
.hero-v4[data-phase="0"] .world-light-return,
.hero-v4[data-phase="1"] .world-light-compare,
.hero-v4[data-phase="2"] .world-light-question { opacity: 1; }

.world-compass {
  position: absolute;
  z-index: 2;
  top: 45px;
  left: 50%;
  width: min(43vw,530px);
  aspect-ratio: 1;
  transform: translateX(-50%);
  pointer-events: none;
}
.world-compass-shadow {
  position: absolute;
  z-index: -1;
  inset: 43% -8% -3%;
  border-radius: 50%;
  background: radial-gradient(ellipse,rgba(0,0,0,.77),rgba(0,0,0,.22) 44%,transparent 68%);
  transform: translateY(17%);
}
.world-compass-perspective {
  position: absolute;
  inset: 0;
  perspective: 1000px;
  transform: rotate(-12deg);
}
.world-compass-body {
  position: absolute;
  inset: 0;
  transform: rotateX(24deg) rotateY(-6deg) rotateZ(-2deg);
  transform-style: preserve-3d;
}
.world-compass-face { display: block; width: 100%; height: 100%; filter: drop-shadow(15px 24px 12px rgba(0,0,0,.38)); }
.world-needle-direction {
  position: absolute;
  inset: 0;
  transform: translateZ(4px) rotate(var(--world-angle));
  transition: transform 1.65s cubic-bezier(.2,.77,.14,1);
}
.world-needle-seek { width: 100%; height: 100%; transform: rotate(0); }
.world-needle-seek img { display: block; width: 100%; height: 100%; filter: drop-shadow(3px 8px 4px rgba(0,0,0,.6)); }
.world-compass-pin {
  position: absolute;
  inset: 47.6%;
  border: 1px solid #e3b285;
  border-radius: 50%;
  background: radial-gradient(circle at 29% 25%,#f6d6a5,#9b613c 48%,#3d271b 78%);
  box-shadow: 1px 3px 5px #0009,inset -1px -2px 3px #301b12;
  transform: translateZ(8px);
}
.world-compass-glass {
  position: absolute;
  inset: 16.2%;
  border-radius: 50%;
  background: linear-gradient(136deg,rgba(243,223,195,.12),transparent 30%,transparent 65%,rgba(246,238,225,.025));
  box-shadow: inset 2px 3px 5px rgba(255,243,216,.1),inset -5px -3px 12px #0004;
  transform: translateZ(10px);
}
.world-compass-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.world-compass-caption > span { color: #d8b698; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; }
.world-compass-caption > small { color: #8f9fa9; font-size: 10px; letter-spacing: .02em; }

.world-card {
  position: absolute;
  z-index: 3;
  width: 272px;
  padding: 23px 24px;
  border: 1px solid rgba(180,201,215,.19);
  border-radius: 12px;
  background: linear-gradient(136deg,rgba(26,45,57,.94),rgba(11,24,34,.95));
  box-shadow: 0 20px 48px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.035);
  opacity: .78;
  transform: translateY(9px) scale(.975);
  transition: transform 1.05s var(--world-ease), opacity .85s var(--world-ease);
}
.world-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(145deg,rgba(206,133,79,.13),transparent 59%);
  opacity: 0;
  transition: opacity 1.05s var(--world-ease);
  pointer-events: none;
}
.world-card-return { top: 141px; left: 0; }
.world-card-compare { top: 81px; right: 0; width: 295px; }
.world-card-question { top: 391px; right: 16px; width: 279px; }
.world-card-kicker {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  color: #c6cfd3;
  font-size: 10px;
  font-weight: 550;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.world-card-kicker > span { color: #e7b38c; font-size: 11px; letter-spacing: .02em; }
.world-card h2 {
  position: relative;
  margin: 0 0 12px;
  color: #f1eee9;
  font-size: 23px;
  font-weight: 510;
  line-height: 1.24;
  letter-spacing: -.035em;
}
.world-card > p:not(.world-card-kicker) { margin: 0; color: #c3cdd3; font-size: 12px; line-height: 1.55; }
.world-return-symbol {
  width: 38px;
  height: 38px;
  margin: 3px 0 19px;
  color: #edac82;
}
.world-return-symbol svg { width: 100%; height: 100%; stroke-width: 1.1; }
.world-return-meta {
  display: flex;
  justify-content: space-between;
  gap: 9px;
  margin-top: 23px;
  padding-top: 13px;
  border-top: 1px solid rgba(192,204,211,.15);
  color: #aebac2;
  font-size: 10px;
}
.world-tariff-compare { margin: 22px 0 14px; }
.world-tariff-compare > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 8px 0; }
.world-tariff-compare > div + div { border-top: 1px solid rgba(211,174,144,.19); }
.world-tariff-compare dt { font-size: 11px; color: #c2ccd2; }
.world-tariff-compare dt small { display: block; margin-top: 1px; color: #a8b5be; font-size: 9px; }
.world-tariff-compare dd { margin: 0; color: #e9ded1; font-size: 29px; font-weight: 470; letter-spacing: -.04em; white-space: nowrap; }
.world-tariff-compare dd > span { font-size: 15px; }
.world-tariff-compare > div:last-child dd { color: #f5c29b; }
.world-card p.world-source { color: #b7c4cc; font-size: 11px; }
.world-source > span { padding: 0 2px; }
.world-card-question h2 { font-size: 23px; }
.world-card-question h2 br { display: none; }
.world-card-question > p:last-child { margin-top: 16px; font-size: 10px; }

.hero-v4[data-phase="0"] .world-card-return,
.hero-v4[data-phase="1"] .world-card-compare,
.hero-v4[data-phase="2"] .world-card-question {
  z-index: 4;
  border-color: rgba(220,160,113,.66);
  opacity: 1;
  transform: translateY(0) scale(1);
  box-shadow: 0 24px 55px rgba(0,0,0,.28),0 0 45px rgba(180,108,60,.075),inset 0 1px 0 rgba(240,190,144,.14);
}
.hero-v4[data-phase="0"] .world-card-return::before,
.hero-v4[data-phase="1"] .world-card-compare::before,
.hero-v4[data-phase="2"] .world-card-question::before { opacity: 1; }
.hero-v4[data-phase="1"] { --world-angle: 58deg; }
.hero-v4[data-phase="2"] { --world-angle: 121deg; }
.world-controls {
  position: absolute;
  z-index: 7;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  gap: 6px;
}
.world-controls button {
  transition: none;
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #aab7bf;
  font-size: 11px;
  cursor: pointer;
}
.world-controls button > span { margin-right: 5px; color: #8596a1; font-size: 9px; }
.world-controls button[aria-pressed="true"] { border-color: #755641; background: #18232a; color: #f4d0ad; }
.world-controls button[aria-pressed="true"] > span { color: #d3a57d; }
.world-controls button:hover { color: #fff; background: #192b38; }
.hero-v4 :focus-visible { outline: 2px solid #f7c49c; outline-offset: 5px; }

.hero-v4[data-world-ready="true"] .world-compass-body { animation: world-body-rock 5.6s ease-in-out infinite; }
.hero-v4[data-world-ready="true"] .world-needle-seek { animation: world-needle-search 6.4s cubic-bezier(.35,0,.3,1) infinite; }
.hero-v4[data-world-motion="paused"] .world-compass-body,
.hero-v4[data-world-motion="paused"] .world-needle-seek { animation-play-state: paused; }
.hero-v4[data-world-instant="true"] .world-needle-direction,
.hero-v4[data-world-instant="true"] .world-card,
.hero-v4[data-world-instant="true"] .world-card::before,
.hero-v4[data-world-instant="true"] .world-light { transition: none; }
@keyframes world-body-rock {
  0%,100% { transform: rotateX(24deg) rotateY(-6deg) rotateZ(-2.7deg) translateY(0); }
  50% { transform: rotateX(21deg) rotateY(-3deg) rotateZ(2.7deg) translateY(-5px); }
}
@keyframes world-needle-search {
  0%,100% { transform: rotate(-9deg); }
  23% { transform: rotate(11deg); }
  49% { transform: rotate(-4deg); }
  74% { transform: rotate(5deg); }
}

@media (min-width:1600px) {
  .hero-v4 h1 { font-size: 79px; }
  .hero-world.shell { width: 1320px; height: 650px; }
  .world-compass { width: 570px; }
  .world-card-return { left: 24px; }
  .world-card-compare { right: 24px; }
  .world-card-question { right: 40px; }
}
@media (max-width:1100px) and (min-width:761px) {
  .hero-world.shell { width: calc(100% - 48px); height: 610px; }
  .world-compass { width: 46vw; top: 70px; }
  .world-card { width: 220px; padding: 20px; }
  .world-card-return { top: 158px; }
  .world-card-compare { top: 90px; width: 244px; }
  .world-card-question { top: 395px; right: 0; width: 244px; }
  .world-card h2 { font-size: 21px; }
  .world-compass-caption { bottom: -26px; }
}
@media (max-width:900px) and (min-width:761px) {
  .hero-v4 h1 { font-size: 48px; }
  .hero-world.shell { height: 920px; margin-top: 25px; }
  .world-compass { top: 30px; width: 480px; }
  .world-compass-caption { bottom: -1px; }
  .world-card { top: 546px; padding: 18px; width: calc((100% - 24px)/3); }
  .world-card-return { left: 0; }
  .world-card-compare { left: calc((100% - 24px)/3 + 12px); right: auto; }
  .world-card-question { right: 0; }
  .world-card h2 { font-size: 19px; }
  .world-return-symbol { display: none; }
  .world-card-kicker { gap: 5px; font-size: 9px; margin-bottom: 12px; }
  .world-return-meta { margin-top: 14px; }
  .world-tariff-compare { margin: 14px 0 8px; }
  .world-tariff-compare > div { display: block; padding: 5px 0; }
  .world-tariff-compare dd { font-size: 23px; }
  .world-card-question > p:last-child { font-size: 11px; }
}
@media (max-width:760px) {
  .hero.hero-v4 { padding: 116px 0 65px; }
  .hero-v4-intro { width: min(590px,calc(100% - 38px)); }
  .hero-v4 .eyebrow { font-size: 9px; letter-spacing: .12em; margin-bottom: 20px; }
  .hero-v4 h1 { font-size: clamp(32px,7.7vw,51px); line-height: 1.08; letter-spacing: -.052em; margin-bottom: 20px; text-wrap: balance; }
  .hero-v4 h1 > span:last-child { margin-top: 5px; }
  .hero-v4-description { max-width: 530px; font-size: 14px; line-height: 1.65; margin-bottom: 21px; }
  .hero-v4 .hero-actions { flex-direction: column; gap: 1px; }
  .hero-v4 .hero-actions .button { width: auto; min-width: 238px; }
  .hero-v4 .hero-actions .text-link { min-height: 48px; }
  .hero-v4-human { margin-top: 3px; font-size: 10px; }
  .hero-world.shell { width: min(590px,calc(100% - 38px)); height: auto; margin-top: 38px; padding-top: 365px; padding-bottom: 69px; }
  .world-toolbar { align-items: center; gap: 8px; }
  .world-example-label { max-width: 157px; font-size: 8px; letter-spacing: .08em; }
  .world-example-label > span { padding: 0 3px; }
  .world-motion-toggle { min-height: 44px; gap: 6px; padding: 7px 9px; font-size: 9px; }
  .world-compass { top: 35px; width: 315px; }
  .world-compass-caption { bottom: -8px; }
  .world-compass-caption > span { font-size: 10px; letter-spacing: .14em; }
  .world-compass-caption > small { font-size: 9px; }
  .world-card { position: relative; inset: auto; width: 100%; margin: 0 0 12px; padding: 19px 21px; border-radius: 11px; transform: translateY(3px) scale(.99); opacity: .84; }
  .world-card-kicker { margin-bottom: 11px; font-size: 9px; }
  .world-card h2 { font-size: 21px; margin-bottom: 7px; }
  .world-card h2 br { display: none; }
  .world-return-symbol { position: absolute; top: 48px; right: 18px; width: 30px; height: 30px; margin: 0; }
  .world-card-return h2 { padding-right: 32px; }
  .world-return-meta { margin-top: 13px; padding-top: 10px; }
  .world-tariff-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin: 15px 0 10px; }
  .world-tariff-compare > div { display: block; padding: 0; }
  .world-tariff-compare > div + div { border-top: 0; border-left: 1px solid rgba(211,174,144,.24); padding-left: 22px; }
  .world-tariff-compare dd { font-size: 31px; }
  .world-card p.world-source { font-size: 11px; }
  .world-card-question > p:last-child { margin-top: 12px; font-size: 11px; }
  .world-controls {
    position: sticky;
    top: 110px;
    bottom: auto;
    gap: 3px;
    margin: 10px 0 18px;
    padding: 4px;
    border: 1px solid rgba(187,206,218,.22);
    border-radius: 11px;
    background: rgba(12,26,36,.96);
    backdrop-filter: blur(12px);
  }
  .world-card { scroll-margin-top: 180px; scroll-margin-bottom: 100px; }
  .world-controls button { min-height: 47px; padding: 8px 13px; font-size: 11px; }
  .world-controls button > span { font-size: 9px; margin-right: 4px; }
  .world-lights { inset: -35px -170px 0; }
  .world-light { width: 620px; height: 790px; top: 70px; }
  .world-light-return { transform: translateX(-65%); }
  .world-light-compare { transform: translateX(-40%) translateY(90px); }
  .world-light-question { transform: translateX(-48%) translateY(280px); }
}
@media(min-width:981px) and (max-height:780px) {
  .hero.hero-v4 { padding-top: 117px; padding-bottom: 43px; }
  .hero-v4 .eyebrow { margin-bottom: 14px; }
  .hero-v4 h1 { margin-bottom: 18px; font-size: clamp(44px,4.55vw,66px); }
  .hero-v4-description { max-width: 750px; margin-bottom: 18px; font-size: 14px; line-height: 1.6; }
  .hero-v4 .button-primary { min-height: 46px; padding-block: 10px; }
  .hero-v4-human { margin-top: 9px; font-size: 11px; }
  .hero-world.shell { height: 600px; margin-top: 14px; }
  .world-compass { top: 10px; width: 480px; }
  .world-card-return { top: 105px; }
  .world-card-compare { top: 70px; }
  .world-card-question { top: 380px; }
  .world-compass-caption { bottom: -20px; }
}
@media(max-width:680px) {
  html { scroll-padding-bottom: 100px; }
  .hero-v4 .world-controls { scroll-margin-bottom: 100px; }
}
@media (max-width:370px) {
  .hero-v4 h1 { font-size: 32px; }
  .hero-v4-intro,.hero-world.shell { width: calc(100% - 32px); }
  .hero-v4 .eyebrow { font-size: 8px; }
  .hero-v4-description { font-size: 13px; }
  .hero-world.shell { padding-top: 338px; }
  .world-compass { top: 38px; width: 283px; }
  .world-example-label { max-width: 122px; }
  .world-example-label > span { display: none; }
  .world-motion-toggle { font-size: 8px; }
  .world-card { padding: 18px; }
  .world-card h2 { font-size: 19px; }
  .world-controls button { padding: 8px 10px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-v4 .world-compass-body,.hero-v4 .world-needle-seek { animation: none !important; }
  .hero-v4 .world-card,.hero-v4 .world-card::before,.hero-v4 .world-light,.hero-v4 .world-needle-direction { transition: none !important; }
  .hero-v4 .world-card { opacity: 1; transform: none; }
  .hero-v4 .button-primary:hover { transform: none; }
}

/* The native scroll chapter now approaches the same physical compass. The
   existing story controller still owns layout, chapter controls and reveals. */
.story-v3 {
  background: radial-gradient(ellipse at 70% 60%,rgba(179,106,57,.09),transparent 47%),linear-gradient(#08131b,#0a1218 75%,#0d1113);
}
.story-v3 .story-ambient {
  background: linear-gradient(90deg,rgba(8,19,27,.6),transparent 70%),radial-gradient(ellipse at 67% 92%,rgba(199,128,73,.13),transparent 47%);
}
.story-v3 .story-ambient::before { display: none; }
.story-v3 .story-object.story-compass-v4 {
  width: min(35vw,470px);
  aspect-ratio: 1;
  filter: none;
}
.story-compass-v4 .world-compass-body { transform: rotateX(9deg) rotateY(-7deg) rotateZ(-8deg); }
.story-compass-v4 .world-needle-direction { --world-angle: -62deg; }
.story-compass-v4 .world-needle-direction img { width: 100%; height: 100%; filter: drop-shadow(3px 7px 4px #0008); }
.story-v3[data-compass-chapter="1"] .world-needle-direction { --world-angle: 54deg; }
.story-v3[data-compass-chapter="2"] .world-needle-direction { --world-angle: 118deg; }
.story-v3[data-compass-instant="true"] .world-needle-direction { transition: none; }
.story-v3 .story-steps { display: grid; align-self: center; gap: 24px; }
.story-v3 .story-step {
  position: relative;
  inset: auto;
  width: 100%;
  padding: 1.1rem 1.15rem;
  border-radius: 8px;
  background: linear-gradient(135deg,#162934,#0d1c26);
  border-color: rgba(187,206,218,.2);
  isolation: isolate;
}
.story-v3 .story-step::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg,rgba(203,140,88,.2),transparent 80%);
  box-shadow: 0 16px 44px rgba(0,0,0,.2),0 0 32px rgba(194,123,68,.08);
  opacity: 0;
  transition: opacity 650ms cubic-bezier(.22,.68,.18,1);
  pointer-events: none;
}
.story-v3 .story-step p { color: #bdc9d0; }
.story-v3[data-compass-chapter="0"] [data-story-card="0"],
.story-v3[data-compass-chapter="1"] [data-story-card="1"],
.story-v3[data-compass-chapter="2"] [data-story-card="2"] { border-color: #b58864; }
.story-v3[data-compass-chapter="0"] [data-story-card="0"]::before,
.story-v3[data-compass-chapter="1"] [data-story-card="1"]::before,
.story-v3[data-compass-chapter="2"] [data-story-card="2"]::before { opacity: 1; }
@media(min-width:981px) and (max-height:780px) {
  .hero-world.shell { margin-top: -6px; }
  .story-v3 .story-steps { gap: 18px; }
  .story-v3 .story-step { padding: 1rem; }
}
@media(max-width:980px) {
  .story-v3 .story-object.story-compass-v4 { width: min(74vw,440px); margin: 0 auto; }
  .story-v3 .story-steps { gap: 18px; }
}
@media(prefers-reduced-motion:reduce) {
  .story-compass-v4 .world-needle-direction { transition: none !important; }
  .story-v3 .story-step::before { transition: none !important; }
}

/* Two inherited small-label contrast findings from independent page QA. */
.boundary-list > div > span { color: #9e492a; }
.footer-grid > p { color: #9b9892; }