/* Precious-metals IRA page. All page-specific rules stay in this scope. */

body.metalora-ira-page {
  --ira-navy: #2b2e35;
  --ira-yellow: #ffcc01;
  --ira-line: #eff0f2;
  --ira-soft: #e4e8f0;
  --ira-shadow: 0 3px 10px rgba(45, 53, 69, .1);
  background: #fff;
}

.metalora-ira-page .ira-page {
  overflow: visible;
  background: #fff;
  color: #303030;
}

.ira-page__container { width: min(calc(100% - 32px), 1410px); }

.ira-breadcrumb {
  display: flex;
  height: 73px;
  align-items: center;
  gap: 8px;
  color: #7b8289;
  font-size: 11px;
  line-height: 1;
}

.ira-breadcrumb a:hover { color: #307cc3; }
.ira-breadcrumb strong { color: #42484f; font-weight: 600; }
.ira-breadcrumb span { color: #a6adb4; font-size: 15px; }

/* Hero */
.ira-hero {
  position: relative;
  display: grid;
  height: 500px;
  grid-template-columns: 62% 38%;
  overflow: hidden;
  background: #2b2e35;
  box-shadow: var(--ira-shadow);
  color: #fff;
}

.ira-hero__copy {
  position: relative;
  z-index: 2;
  padding: 58px 0 48px 88px;
}

.ira-hero h1 {
  position: relative;
  width: max-content;
  margin: 0 0 30px;
  padding-bottom: 24px;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}

.ira-hero h1::after {
  position: absolute;
  right: auto;
  bottom: 0;
  left: 0;
  width: 61px;
  height: 4px;
  background: var(--ira-yellow);
  content: "";
}

.ira-hero__copy p {
  max-width: 757px;
  margin: 0 0 17px;
  font-size: 18px;
  line-height: 28px;
}

.ira-hero__copy p span { color: var(--ira-yellow); font-size: 8px; vertical-align: 2px; }
.ira-hero .button { position: absolute; bottom: 70px; left: 88px; width: 278px; height: 49px; min-height: 49px; margin: 0; font-size: 12px; }

.ira-hero__art {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.ira-hero__art::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, #2b2e35 0, rgba(43, 46, 53, .86) 12%, rgba(43, 46, 53, .05) 72%);
  content: "";
}

.ira-hero__glow {
  position: absolute;
  top: -90px;
  right: -130px;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background: radial-gradient(circle, #f6df88 0, #9b7418 42%, #2b2e35 75%);
  opacity: .78;
}

.ira-hero__art img {
  position: absolute;
  z-index: 2;
  width: 250px;
  height: 330px;
  object-fit: contain;
  filter: drop-shadow(0 18px 19px rgba(0, 0, 0, .38)) saturate(1.1);
}

.ira-hero__art img:nth-of-type(1) { top: -24px; right: 54px; transform: rotate(17deg); }
.ira-hero__art img:nth-of-type(2) { right: 235px; bottom: -76px; transform: rotate(-36deg); }
.ira-hero__art img:nth-of-type(3) { right: -64px; bottom: -93px; transform: rotate(36deg) scale(.92); }

/* Providers and depositories */
.ira-section-title {
  display: flex;
  height: 108px;
  margin: 0;
  align-items: center;
  justify-content: center;
  color: #3a3f45;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

.ira-partner-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

.ira-partner-card {
  height: 402px;
  padding: 30px;
  overflow: hidden;
  border: 1px solid var(--ira-line);
  background: #fff;
  box-shadow: var(--ira-shadow);
}

.ira-partner-card__header {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
}

.ira-partner-logo {
  display: grid;
  width: 116px;
  height: 116px;
  place-items: center;
  border: 4px solid #caa21b;
  background: #2f638d;
  color: #ffda3b;
  font-family: Georgia, serif;
  font-size: 29px;
  font-weight: 700;
  letter-spacing: -.04em;
  box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 7px #caa21b;
}

.ira-partner-logo--round { border-radius: 50%; }
.ira-partner-logo--wing { border: 0; background: linear-gradient(135deg, transparent 0 30%, #46749b 31% 45%, transparent 46%), #fff; color: #476a86; box-shadow: none; font-family: Montserrat, Arial, sans-serif; font-size: 25px; }
.ira-partner-logo--square { height: 84px; border-width: 2px; background: #293849; box-shadow: inset 0 0 0 3px #ffcc01; }
.ira-partner-logo--sun { height: 84px; border: 0; background: radial-gradient(circle, #ffcc01 0 25%, transparent 26%), repeating-conic-gradient(#ffcc01 0 9deg, transparent 9deg 20deg); color: #2f668b; box-shadow: none; font-family: Montserrat, Arial, sans-serif; font-size: 20px; }

.ira-partner-card h3 {
  margin: 1px 0 14px;
  color: #343a40;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.ira-partner-card dl { display: flex; margin: 0; flex-direction: column; gap: 6px; }
.ira-partner-card dl div { display: grid; grid-template-columns: 72px 1fr; gap: 8px; }
.ira-partner-card dt { color: #858b91; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.ira-partner-card dd { margin: 0; color: #4d545b; font-size: 12px; font-weight: 500; }
.ira-partner-card > p { margin: 25px 0 0; padding-top: 24px; border-top: 1px solid #f2f4f8; color: #6d757d; font-size: 16px; line-height: 25px; }

.ira-partners--depositories .ira-section-title { height: 88px; }
.ira-partner-grid--depositories .ira-partner-card { height: 508px; }
.ira-depository-card .ira-partner-card__header { grid-template-columns: 116px minmax(0, 1fr); }
.ira-depository-card > p { margin-top: 22px; }
.ira-depository-card__subhead { margin: 25px 0 0 !important; font-size: 16px !important; }

/* Guide and original video poster */
.ira-guide {
  height: 2619px;
  margin-top: 40px;
  padding: 70px 65px 0;
  overflow: hidden;
  border: 1px solid var(--ira-line);
  background: #fff;
  box-shadow: var(--ira-shadow);
}

.ira-guide__intro { height: 122px; text-align: center; }
.ira-guide__intro h2 { margin: 0 0 14px; color: #343a40; font-size: 26px; font-weight: 700; line-height: 32px; }
.ira-guide__intro p { max-width: 650px; margin: 0 auto; color: #81878d; font-size: 16px; line-height: 26px; }

.ira-video {
  position: relative;
  display: block;
  width: 1280px;
  height: 720px;
  margin: 774px auto 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #888;
  color: #fff;
  text-align: left;
}

.ira-video__banner {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  height: 70px;
  padding: 0 30px;
  align-items: center;
  background: rgba(43, 64, 65, .88);
  color: #d4d7d5;
  font-size: 27px;
  font-weight: 600;
}

.ira-video__banner b { margin-right: 8px; color: #d1b832; }
.ira-video__scene { position: absolute; inset: 70px 0 0; background: linear-gradient(#8e8e8e, #777); }

.ira-video__scene i {
  position: absolute;
  bottom: 180px;
  left: 35%;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  background: #9a654b;
  box-shadow: 0 96px 0 38px #544747;
}

.ira-video__scene i:nth-child(2) { left: 58%; background: #d0a685; box-shadow: 0 96px 0 38px #364352; }

.ira-video__scene em {
  position: absolute;
  bottom: 82px;
  left: calc(35% + 38px);
  width: 18px;
  height: 190px;
  background: #4b4141;
  transform: rotate(11deg);
}

.ira-video__scene em:nth-of-type(2) { left: calc(58% + 38px); background: #293644; transform: rotate(-11deg); }

.ira-video__consent {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  padding: 15px 25px;
  background: #050505;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  transform: translate(-50%, -50%);
}

.ira-video.is-playing .ira-video__scene { background: linear-gradient(135deg, #233140, #536272); }
.ira-video.is-playing .ira-video__consent { background: var(--ira-yellow); color: #232f3e; }

.ira-steps { margin-top: 0; }

.ira-step {
  display: grid;
  min-height: 0;
  padding: 48px 45px 38px;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 28px;
  border-bottom: 1px solid #f0f1f3;
}

.ira-step:nth-child(1) { height: 421px; padding-top: 70px; }
.ira-step:nth-child(2) { height: 195px; padding-top: 40px; }
.ira-step:nth-child(3) { height: 317px; padding-top: 40px; }

.ira-step:last-child { border-bottom: 0; }

.ira-step__icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  color: var(--ira-yellow);
}

.ira-step__icon .icon { width: 55px; height: 55px; stroke-width: 1.5; }
.ira-step h3 { margin: 0 0 13px; color: #343a40; font-size: 22px; font-weight: 700; line-height: 28px; }
.ira-step p { margin: 0 0 9px; color: #747b82; font-size: 16px; line-height: 25px; }

/* Consultation form */
.ira-contact {
  display: grid;
  height: 657px;
  margin-top: 40px;
  grid-template-columns: 677px minmax(0, 1fr);
  overflow: hidden;
  box-shadow: var(--ira-shadow);
}

.ira-contact__form-panel { padding: 51px 82px 34px; background: var(--ira-soft); }
.ira-contact__form-panel h2 { max-width: 495px; margin: 0 0 19px; color: #3f464d; font-size: 24px; font-weight: 700; line-height: 27px; text-transform: uppercase; }
.ira-form { display: flex; flex-direction: column; }
.ira-form label { display: flex; margin-bottom: 29px; flex-direction: column; }
.ira-form label span { margin-bottom: 5px; color: #59616a; font-size: 9px; font-weight: 600; }
.ira-form input,
.ira-form textarea { width: 100%; border: 1px solid #f1f3f6; background: #fff; color: #30363c; outline: 0; }
.ira-form input { height: 44px; padding: 0 13px; }
.ira-form textarea { height: 96px; padding: 10px 13px; resize: vertical; }
.ira-form input,
.ira-form textarea { background: #f7f8fa; }
.ira-form input:focus,
.ira-form textarea:focus { border-color: #9ba6b2; box-shadow: 0 0 0 2px rgba(35, 47, 62, .08); }
.ira-form [aria-invalid="true"] { border-color: #bc0000; }
.ira-form .button { width: 100%; height: 49px; min-height: 49px; margin-top: 5px; font-size: 10px; }
.ira-form__status { min-height: 18px; margin: 7px 0 0; font-size: 10px; }
.ira-form__status.is-error { color: #9d0000; }
.ira-form__status.is-success { color: #137543; }

.ira-contact__art {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 65% 28%, #c7b9a4 0, #756b5d 44%, #2c2b2a 100%);
}

.ira-contact__art::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(43, 46, 53, .1), transparent 45%); content: ""; }

.ira-advisor { position: absolute; z-index: 2; top: 58px; left: 50%; width: 270px; height: 460px; transform: translateX(-50%); }
.ira-advisor__head { position: absolute; top: 0; left: 73px; width: 125px; height: 150px; border-radius: 48% 48% 44% 44%; background: linear-gradient(135deg, #d7b291, #ad8062); box-shadow: inset -18px -10px 0 rgba(94, 58, 40, .15); }
.ira-advisor__head::before { position: absolute; top: -4px; right: -4px; left: -4px; height: 55px; border-radius: 55% 55% 35% 35%; background: #d9d4ca; content: ""; }
.ira-advisor__body { position: absolute; top: 130px; left: 0; width: 270px; height: 330px; border-radius: 70px 70px 10px 10px; background: #252526; }
.ira-advisor__lapel { position: absolute; z-index: 2; top: 143px; left: 92px; width: 88px; height: 145px; background: linear-gradient(60deg, transparent 49%, #c6aa82 50% 53%, transparent 54%), linear-gradient(-60deg, transparent 49%, #c6aa82 50% 53%, transparent 54%); }
.ira-contact__art > img { position: absolute; z-index: 3; bottom: -26px; width: 230px; height: 230px; object-fit: contain; filter: drop-shadow(0 10px 12px rgba(0, 0, 0, .35)); }
.ira-contact__art > img:nth-of-type(1) { left: 15px; }
.ira-contact__art > img:nth-of-type(2) { right: 7px; transform: rotate(12deg); }
.ira-contact__art strong { position: absolute; z-index: 4; right: 25px; bottom: 25px; color: #fff; font-size: 13px; text-transform: uppercase; }

/* FAQ */
.ira-faq {
  height: 1314px;
  margin-top: 50px;
  padding: 73px 120px 20px;
  overflow: hidden;
  border: 1px solid var(--ira-line);
  background: #fff;
  box-shadow: var(--ira-shadow);
}

.ira-faq > h2 { margin: 0 0 18px; color: #343a40; font-size: 20px; font-weight: 700; line-height: 26px; }
.ira-faq__item { border-bottom: 1px solid #e4e8f0; }
.ira-faq__item > button { display: flex; width: 100%; min-height: 81px; padding: 0; align-items: center; justify-content: space-between; gap: 24px; border: 0; background: #fff; color: #3d444b; font-size: 17px; font-weight: 600; line-height: 25px; text-align: left; }
.ira-faq__item > button i { position: relative; width: 16px; height: 16px; flex: 0 0 auto; }
.ira-faq__item > button i::before,
.ira-faq__item > button i::after { position: absolute; top: 2px; left: 3px; width: 9px; height: 9px; border-right: 1px solid #b79200; border-bottom: 1px solid #b79200; background: transparent; content: ""; transform: rotate(45deg); transition: transform .18s ease; }
.ira-faq__item > button i::after { display: none; }
.ira-faq__item.is-open > button i::before { transform: rotate(225deg); }
.ira-faq__answer { display: none; padding: 0 40px 22px 0; color: #717981; font-size: 12px; line-height: 20px; animation: ira-reveal .2s ease both; }
.ira-faq__item.is-open .ira-faq__answer { display: block; }
.ira-faq__answer p { margin: 0; }

/* Contact strip */
.ira-support-strip { min-height: 84px; margin-top: 80px; background: #b4bbc9; color: #232f3e; }
.ira-support-strip .site-container { display: grid; min-height: 84px; grid-template-columns: repeat(var(--support-action-count, 3), minmax(0, 1fr)); align-items: center; }
.ira-support-strip a,
.ira-support-strip button { display: flex; min-height: 84px; padding: 0; align-items: center; justify-content: center; gap: 13px; border: 0; background: transparent; color: #232f3e; font-size: 17px; font-weight: 700; text-transform: uppercase; }
.ira-support-strip .icon { width: 25px; height: 25px; }

/* Compact footer used in the IRA desktop reference. */
@media (min-width: 701px) {
  .ira-section-title { padding-top: 34px; }
  .ira-partners--depositories .ira-section-title { padding-top: 18px; }
  .ira-depository-card--dual .ira-partner-card__header { height: 150px; grid-template-columns: 116px minmax(0, 1.35fr) minmax(0, 1fr); gap: 18px; }
  .ira-contact__form-panel { padding-top: 56px; }
  .ira-contact__form-panel h2 { transform: translateY(-5px); }
  .ira-form label:last-of-type { margin-bottom: 18px; }
  .ira-step { padding-left: 63px; grid-template-columns: 96px minmax(0, 1fr); }
  .ira-faq__item:nth-child(7) > button { min-height: 114px; }
  .ira-faq__item:nth-child(7) > button span { max-width: 880px; }
  .ira-faq:has(.ira-faq__item.is-open) { height: auto; min-height: 1314px; }
  body.metalora-ira-page .newsletter { min-height: 230px; padding: 0; border: 0; background: #2c2e35; }
  body.metalora-ira-page .newsletter__inner { display: grid; min-height: 230px; padding-top: 55px; grid-template-columns: minmax(0, 1fr) 620px; grid-template-rows: auto auto; align-items: start; column-gap: 52px; row-gap: 20px; }
  body.metalora-ira-page .newsletter__icon { display: none; }
  body.metalora-ira-page .newsletter__copy p { display: block; color: #c4c9ce; }
  body.metalora-ira-page .newsletter__copy h2 { max-width: 610px; margin: 0; color: #fff; font-size: 22px; line-height: 30px; }
  body.metalora-ira-page .newsletter__form { width: 874px; height: 49px; grid-column: 1 / 2; grid-template-columns: 681px 171px; gap: 22px; }
  body.metalora-ira-page .newsletter__form input { height: 49px; border-bottom: 1px solid #858b92; background: transparent; color: #fff; }
  body.metalora-ira-page .newsletter__form .button { width: 171px; height: 49px; }
  body.metalora-ira-page .site-footer { position: relative; min-height: 0; padding: 0 0 22px; overflow: visible; background: #2c2e35; }
  body.metalora-ira-page .footer-intro { display: grid; }
  body.metalora-ira-page .footer-columns { min-height: 0; padding: 32px 0 34px; gap: 45px; }
  body.metalora-ira-page .footer-column__title { min-height: 28px; padding-bottom: 11px; font-size: 10px; }
  body.metalora-ira-page .footer-column__links { padding-top: 15px; gap: 11px; }
  body.metalora-ira-page .footer-column__links a { font-size: 9px; }
  body.metalora-ira-page .footer-apps-social { position: static; display: flex; width: auto; min-height: 0; padding: 25px 0; align-items: center; justify-content: space-between; flex-direction: row; gap: 22px; border-top: 1px solid rgba(255, 255, 255, .14); }
  body.metalora-ira-page .footer-apps-social .social-links { gap: 12px; }
  body.metalora-ira-page .social-links > :is(a,span) { width: 34px; height: 34px; background: #f5f6f7; color: #2c2e35; }
  body.metalora-ira-page .trust-badges { min-height: 0; padding: 60px 0; }
  body.metalora-ira-page .footer-legal { min-height: 0; padding-top: 42px; }
}

@keyframes ira-reveal {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* The supplied phone capture is 657px wide and uses the compact header. */
@media (min-width: 600px) and (max-width: 700px) {
  body.metalora-ira-page { font-size: 12px; }
  body.metalora-ira-page .site-container { width: calc(100% - 20px); max-width: none; }
  body.metalora-ira-page .market-bar,
  body.metalora-ira-page .market-bar__inner { height: 41px; }
  body.metalora-ira-page .market-bar .site-container { width: 100%; padding-inline: 4px; }
  body.metalora-ira-page .market-bar__scroll { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.metalora-ira-page .market-bar__scroll .market-chip:nth-child(-n+4) { display: flex !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 3px; justify-content: center; gap: 3px; }
  body.metalora-ira-page .market-bar__scroll .market-chip:nth-child(n+5),
  body.metalora-ira-page .market-bar__charts { display: none !important; }
  body.metalora-ira-page .market-chip,
  body.metalora-ira-page .market-chip strong { font-size: 8px; }
  body.metalora-ira-page .market-chip__change { font-size: 7px; }
  body.metalora-ira-page .header-main { height: 109px; border-bottom: 0; }
  body.metalora-ira-page .header-main__inner { width: calc(100% - 20px); height: 109px; padding: 0; grid-template-columns: 40px minmax(0, 1fr) 40px; grid-template-rows: 69px 40px; gap: 0; }
  body.metalora-ira-page .mobile-menu-toggle { display: grid; width: 32px; height: 32px; padding: 0; grid-column: 1; grid-row: 1; justify-self: start; border: 0; }
  body.metalora-ira-page .header-main .brand { width: 54px; height: 54px; grid-column: 2; grid-row: 1; justify-self: center; transform: none; }
  body.metalora-ira-page .header-main .brand__mark { width: 54px; height: 54px; border-width: 2px; }
  body.metalora-ira-page .header-main .brand__copy { display: none; }
  body.metalora-ira-page .header-actions { width: 40px; height: 69px; padding: 0; grid-column: 3; grid-row: 1; justify-self: end; align-items: center; justify-content: flex-end; gap: 0; }
  body.metalora-ira-page .header-account { display: none; }
  body.metalora-ira-page .header-cart { width: 32px; height: 40px; padding: 0; justify-content: flex-end; }
  body.metalora-ira-page .header-cart > span:last-child,
  body.metalora-ira-page .header-cart__count { display: none; }
  body.metalora-ira-page .header-main .catalog-search { width: 100%; height: 40px; grid-column: 1 / -1; grid-row: 2; grid-template-columns: minmax(0, 1fr) 137px; border: 0; transform: none; }
  body.metalora-ira-page .catalog-search__icon { display: none; }
  body.metalora-ira-page .catalog-search input[type="search"] { padding: 0 13px; border-radius: 6px 0 0 6px; font-size: 13px; }
  body.metalora-ira-page .catalog-search > button { position: relative; display: block; width: 137px; padding: 0; border-radius: 0 6px 6px 0; font-size: 10px; }
  body.metalora-ira-page .catalog-search > button::before,
  body.metalora-ira-page .catalog-search > button::after { display: none; }
  body.metalora-ira-page .primary-navigation { display: none; }
  body.metalora-ira-page .mobile-category-nav { display: grid; width: 100%; height: 109px; padding: 14px 0 8px; grid-template-columns: repeat(10, 69px); grid-auto-columns: 69px; justify-content: start; overflow-x: auto; border-bottom: 1px solid #eff0f2; background: #fff; scrollbar-width: none; }
  body.metalora-ira-page .mobile-category-nav::-webkit-scrollbar { display: none; }
  body.metalora-ira-page .mobile-category-nav a { display: grid; min-width: 0; grid-template-rows: 61px 20px; place-items: center; color: #252525; font-size: 8px; font-weight: 600; line-height: 1; text-align: center; text-transform: uppercase; }
  body.metalora-ira-page .mobile-category-nav img,
  body.metalora-ira-page .mobile-category-nav b { display: grid; width: 56px; height: 58px; place-items: center; object-fit: contain; }
  body.metalora-ira-page .mobile-category-nav img { padding: 4px; border-radius: 50%; background: #f3f2f0; }
  body.metalora-ira-page .mobile-category-nav__sale b { width: 54px; height: 54px; border-radius: 50%; background: #ff5f5f; color: #fff; font-size: 11px; }
  body.metalora-ira-page .mobile-category-nav__chart b { position: relative; width: 54px; height: 54px; border: 3px solid var(--ira-yellow); background: #eef4f4; }
}

/* Exact phone/tablet composition from the supplied 657px capture. */
@media (max-width: 700px) {
  html:has(body.metalora-ira-page.admin-bar) { margin-top: 0 !important; }
  body.metalora-ira-page.admin-bar #wpadminbar { display: none !important; }
  .ira-page__container { width: calc(100% - 20px); }
  .ira-breadcrumb { height: 32px; gap: 5px; font-size: 9px; }
  body.metalora-ira-page .mobile-category-nav { grid-template-columns: repeat(10, 69px); grid-auto-columns: 69px; justify-content: start; overflow-x: auto; scrollbar-width: none; }
  body.metalora-ira-page .mobile-category-nav::-webkit-scrollbar { display: none; }

  .ira-hero { height: 328px; grid-template-columns: 1fr; border-radius: 4px; }
  .ira-hero__copy { padding: 30px 20px 24px; }
  .ira-hero h1 { margin-bottom: 31px; padding-bottom: 11px; font-size: 32px; line-height: 38px; }
  .ira-hero h1::after { width: 61px; height: 4px; }
  .ira-hero__copy p { position: relative; z-index: 3; max-width: 430px; margin: 0; font-size: 15px; line-height: 24px; }
  .ira-hero__copy p:nth-of-type(2) { display: none; }
  .ira-hero .button { right: auto; bottom: 25px; left: 20px; width: 250px; height: 41px; min-height: 41px; margin: 0; font-size: 10px; }
  .ira-hero__art { position: absolute; inset: 0 0 0 58%; }
  .ira-hero__art::before { background: linear-gradient(90deg, #2b2e35, rgba(43, 46, 53, .22)); }
  .ira-hero__glow { top: -80px; right: -120px; width: 390px; height: 390px; }
  .ira-hero__art img { width: 135px; height: 185px; opacity: .82; }
  .ira-hero__art img:nth-of-type(1) { top: -18px; right: 12px; }
  .ira-hero__art img:nth-of-type(2) { right: 85px; bottom: -46px; }
  .ira-hero__art img:nth-of-type(3) { right: -35px; bottom: -48px; }

  .ira-section-title { height: 78px; font-size: 20px; line-height: 26px; }
  .ira-partner-grid { gap: 10px; }
  .ira-partner-card { height: 513px; padding: 20px; }
  .ira-partner-card__header { display: block; }
  .ira-partner-logo { width: 58px; height: 58px; margin-bottom: 11px; border-width: 2px; font-size: 16px; box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #caa21b; }
  .ira-partner-logo--wing { border: 0; box-shadow: none; }
  .ira-partner-logo--square,
  .ira-partner-logo--sun { height: 45px; }
  .ira-partner-card h3 { margin-bottom: 10px; font-size: 17px; line-height: 22px; }
  .ira-partner-card dl { gap: 4px; }
  .ira-partner-card dl div { display: block; }
  .ira-partner-card dt { display: inline; font-size: 10px; line-height: 13px; }
  .ira-partner-card dd { display: inline; font-size: 10px; line-height: 13px; }
  .ira-partner-card dd::before { content: ": "; }
  .ira-partner-card > p { margin-top: 13px; padding-top: 13px; font-size: 13px; line-height: 20px; }

  .ira-partners--depositories .ira-section-title { height: 69px; }
  .ira-partner-grid--depositories .ira-partner-card { height: 723px; }
  .ira-depository-card .ira-partner-card__header { display: block; }
  .ira-depository-card--dual .ira-partner-card__header > div + div { margin-top: 18px; }
  .ira-depository-card > p { margin-top: 13px; }
  .ira-depository-card__subhead { margin-top: 17px !important; font-size: 15px !important; line-height: 20px !important; }

  .ira-guide { height: 2190px; margin-top: 20px; padding: 40px 19px 0; }
  .ira-guide__intro { height: 100px; transform: translateY(-9px); }
  .ira-guide__intro h2 { margin-bottom: 9px; font-size: 20px; line-height: 26px; }
  .ira-guide__intro p { max-width: 460px; font-size: 13px; line-height: 24px; }
  .ira-video { width: 100%; height: 720px; margin-top: 359px; }
  .ira-video__banner { height: 55px; padding: 0 16px; font-size: 16px; }
  .ira-video__scene { inset: 55px 0 0; }
  .ira-video__scene i { bottom: 190px; left: 28%; width: 70px; height: 70px; box-shadow: 0 78px 0 28px #544747; }
  .ira-video__scene i:nth-child(2) { left: 62%; box-shadow: 0 78px 0 28px #364352; }
  .ira-video__scene em { bottom: 90px; left: calc(28% + 27px); width: 14px; height: 160px; }
  .ira-video__scene em:nth-of-type(2) { left: calc(62% + 27px); }
  .ira-video__consent { width: max-content; max-width: 85%; padding: 11px 14px; font-size: 9px; }
  .ira-steps { margin-top: 0; }
  .ira-step { min-height: 0; padding: 40px 12px 20px 0; grid-template-columns: 60px minmax(0, 1fr); gap: 21px; }
  .ira-step:nth-child(1) { height: 399px; padding-top: 40px; }
  .ira-step:nth-child(2) { height: 205px; padding-top: 40px; }
  .ira-step:nth-child(3) { height: 366px; padding-top: 40px; }
  .ira-step__icon { width: 60px; height: 42px; justify-items: start; }
  .ira-step__icon .icon { width: 39px; height: 39px; }
  .ira-step h3 { margin-bottom: 9px; font-size: 17px; line-height: 22px; }
  .ira-step p { margin-bottom: 7px; font-size: 13px; line-height: 21px; }

  .ira-contact { display: block; height: 574px; margin-top: 0; }
  .ira-contact__form-panel { height: 574px; padding: 61px 28px 24px; }
  .ira-contact__form-panel h2 { max-width: 470px; margin-bottom: 15px; font-size: 15px; line-height: 20px; }
  .ira-form label { margin-bottom: 29px; }
  .ira-form label:last-of-type { margin-bottom: 22px; }
  .ira-form label span { margin-bottom: 3px; font-size: 10px; line-height: 12px; }
  .ira-form input { height: 46px; }
  .ira-form textarea { height: 98px; }
  .ira-form .button { height: 40px; min-height: 40px; margin-top: 3px; font-size: 9px; }
  .ira-form__status { min-height: 13px; margin-top: 4px; font-size: 9px; }
  .ira-contact__art { display: none; }

  .ira-faq { height: 842px; margin-top: 50px; padding: 30px 20px 20px; }
  .ira-faq > h2 { margin-bottom: 11px; font-size: 20px; line-height: 26px; }
  .ira-faq__item > button { min-height: 41px; gap: 9px; font-size: 13px; line-height: 17px; }
  .ira-faq__item:nth-child(7) > button { min-height: 62px; }
  .ira-faq__item > button i { width: 12px; height: 12px; }
  .ira-faq__item > button i::before { top: 1px; left: 2px; width: 8px; height: 8px; }
  .ira-faq__answer { padding: 0 25px 13px 0; font-size: 12px; line-height: 17px; }
  .ira-faq__item:first-child .ira-faq__answer { height: 117px; overflow: hidden; }
  .ira-faq__item.is-open > button { min-height: 55px; }
  .ira-faq:has(.ira-faq__item:not(:first-child).is-open) { height: auto; min-height: 842px; }

  .ira-support-strip { min-height: 74px; margin-top: 36px; }
  .ira-support-strip .site-container { width: 100%; min-height: 74px; }
  .ira-support-strip a,
  .ira-support-strip button { min-height: 74px; gap: 7px; font-size: 18px; }
  .ira-support-strip .icon { width: 20px; height: 20px; }

  /* This page keeps the open three-column mobile footer shown in its capture. */
  body.metalora-ira-page .newsletter { min-height: 200px; padding: 0; border: 0; background: #2c2e35; }
  body.metalora-ira-page .newsletter__inner { display: block; width: calc(100% - 20px); min-height: 200px; padding-top: 60px; }
  body.metalora-ira-page .newsletter__icon { display: none; }
  body.metalora-ira-page .newsletter__copy p { display: block; margin-top: 8px; color: #c4c9ce; font-size: 9px; line-height: 14px; }
  body.metalora-ira-page .newsletter__copy h2 { max-width: none; margin: 0; color: #fff; font-size: 20px; line-height: 26px; }
  body.metalora-ira-page .newsletter__form { display: grid; width: 100%; height: 40px; margin-top: 32px; grid-template-columns: minmax(0, 1fr) 139px; gap: 12px; }
  body.metalora-ira-page .newsletter__form input { width: 100%; height: 40px; padding: 0; border: 0; border-bottom: 1px solid #aaabae; background: transparent; color: #fff; font-size: 10px; }
  body.metalora-ira-page .newsletter__form .button { width: 139px; height: 40px; min-height: 40px; padding: 0; font-size: 9px; }
  body.metalora-ira-page .site-footer { min-height: 0; padding: 0; overflow: visible; background: #2c2e35; }
  body.metalora-ira-page .site-footer > .site-container { display: flex; width: calc(100% - 20px); min-height: 0; flex-direction: column; }
  body.metalora-ira-page .footer-intro { display: grid; width: 100%; padding: 28px 0; }
  body.metalora-ira-page .desktop-version-link { display: block; width: 100%; }
  body.metalora-ira-page .footer-columns { display: grid; width: 100%; padding: 40px 0 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: auto; column-gap: 15px; row-gap: 54px; }
  body.metalora-ira-page .footer-column { height: auto; border: 0; }
  body.metalora-ira-page .footer-column__title { display: flex; min-height: 38px; height: auto; padding: 0; align-items: flex-start; border: 0; color: #fff; font-size: 10px; line-height: 14px; text-align: left; }
  body.metalora-ira-page .footer-column__title::after,
  body.metalora-ira-page .footer-column__title .icon { display: none; }
  body.metalora-ira-page .footer-column__links { position: static; display: flex; padding: 0; flex-direction: column; gap: 20px; background: transparent; }
  body.metalora-ira-page .footer-column__links a { color: #c8cdd2; font-size: 10px; line-height: 14px; }
  body.metalora-ira-page .mobile-footer-details { position: relative; display: grid; width: 100%; min-height: 0; padding: 25px 0 15px; grid-template-columns: minmax(0, 1fr) 165px; gap: 15px; border-top: 1px solid rgba(255, 255, 255, .12); }
  body.metalora-ira-page .mobile-footer-details::before { display: none; }
  body.metalora-ira-page .mobile-footer-details > strong { display: block; grid-column: 1 / -1; color: #fff; font-size: 8px; font-weight: 700; }
  body.metalora-ira-page .mobile-footer-contact { display: flex; margin: 0; grid-column: 1 / -1; flex-wrap: wrap; gap: 8px; }
  body.metalora-ira-page .mobile-footer-contact a,
  body.metalora-ira-page .mobile-footer-contact button { width: 82px; height: 34px; }
  body.metalora-ira-page .mobile-payment-row { display: flex; min-width: 0; height: auto; margin: 0; align-content: flex-start; flex-wrap: wrap; gap: 5px; }
  body.metalora-ira-page .mobile-payment-row span { display: grid; min-width: 38px; height: 20px; padding: 0 4px; place-items: center; border-radius: 2px; background: #f6f7f8; color: #29313a; font-size: 6px; font-weight: 700; }
  body.metalora-ira-page .mobile-assurance-row { display: flex; height: auto; margin: 0; align-items: flex-start; justify-content: flex-end; gap: 8px; }
  body.metalora-ira-page .mobile-assurance-row > span { color: #fff; font-size: 8px; line-height: 11px; }
  body.metalora-ira-page .mobile-assurance-row small { display: block; color: #adb3b9; font-size: 6px; }
  body.metalora-ira-page .footer-apps-social { display: flex; width: 100%; min-height: 0; padding: 15px 0; align-items: flex-start; justify-content: space-between; flex-direction: row; border-top: 1px solid rgba(255, 255, 255, .12); }
  body.metalora-ira-page .app-links { margin-top: 0; gap: 5px; }
  body.metalora-ira-page .app-links > :is(a,span) { min-width: 95px; padding: 7px 8px; }
  body.metalora-ira-page .app-links small { font-size: 6px; }
  body.metalora-ira-page .app-links strong { font-size: 9px; }
  body.metalora-ira-page .social-links { max-width: 230px; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
  body.metalora-ira-page .social-links > :is(a,span) { width: 25px; height: 25px; font-size: 8px; }
  body.metalora-ira-page .trust-badges { display: grid; width: 100%; min-height: 0; padding: 25px 0; }
  body.metalora-ira-page .footer-legal { display: flex; width: 100%; min-height: 0; margin: 0; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 7px; }
}

@media (max-width: 599px) {
  .ira-partner-card h3 { font-size: 14px; line-height: 19px; }
  .ira-partner-card > p { font-size: 11px; line-height: 17px; }
  .ira-guide__intro p { font-size: 11px; line-height: 18px; }
  .ira-step h3 { font-size: 15px; line-height: 20px; }
  .ira-step p { font-size: 11px; line-height: 18px; }
  .ira-contact__form-panel { padding-top: 38px; }
  .ira-contact__form-panel h2 { margin-bottom: 12px; font-size: 13px; line-height: 18px; }
  .ira-faq__item > button { font-size: 11px; line-height: 15px; }
  .ira-faq__answer { font-size: 10px; line-height: 15px; }
}

@media (max-width: 420px) {
  .ira-hero__copy { padding-top: 22px; }
  .ira-hero h1 { margin-bottom: 18px; padding-bottom: 8px; font-size: 24px; line-height: 30px; }
  .ira-hero__copy p { max-width: calc(100% - 8px); font-size: 11px; line-height: 17px; }
  .ira-support-strip a,
  .ira-support-strip button { gap: 4px; font-size: 10px; }
  .ira-support-strip .icon { width: 16px; height: 16px; }
  .ira-partner-card { padding: 10px; }
  .ira-partner-card > p { font-size: 10px; line-height: 16px; }
  .ira-guide { padding-right: 10px; padding-left: 10px; }
  .ira-step { grid-template-columns: 40px minmax(0, 1fr); gap: 7px; }
  body.metalora-ira-page .footer-columns { column-gap: 8px; }
  body.metalora-ira-page .mobile-footer-details { grid-template-columns: 1fr; }
  body.metalora-ira-page .mobile-payment-row { justify-content: space-between; gap: 2px; }
  body.metalora-ira-page .mobile-payment-row span { width: 34px; min-width: 34px; padding: 0 2px; }
  body.metalora-ira-page .mobile-assurance-row { display: flex; }
}