/* GetDesign · WIRED reference + Taste 2.5.0 · software · Chilean broadsheet with a lead photograph */
:root { --edition-serif: Georgia, "Times New Roman", serif; }
.site-header { background: var(--surface); }
#content.home-page > .edition-hero { padding-block: clamp(24px, 4vw, 56px); background: var(--surface); }
#content.home-page .edition-hero .hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
  grid-template-areas: "copy media" "form media" "trust trust";
  gap: 22px clamp(24px, 4.5vw, 60px);
  border-block-start: 4px solid var(--text);
  padding-block-start: 20px;
}
#content.home-page .edition-hero .hero-title {
  max-width: 19ch;
  font: 600 clamp(2.15rem, 3.8vw, 3.8rem)/1.02 var(--edition-serif);
  letter-spacing: -.045em;
  color: var(--text);
  margin: 0 0 16px;
  overflow-wrap: break-word;
}
#content.home-page .edition-hero .hero-lead { color: var(--text-muted); }
#content.home-page .edition-hero .kicker { color: var(--accent); }
#content.home-page .edition-hero .hero-media {
  position: relative;
  grid-area: media;
  inset: auto;
  align-self: stretch;
  min-height: 340px;
  border: 1px solid var(--border-strong);
}
#content.home-page .edition-hero .hero-media img { object-position: 56% 50%; }
#content.home-page .edition-hero .hero-veil { background: linear-gradient(0deg, var(--accent-hover), transparent 52%); opacity: .28; }
#content.home-page .edition-hero .form-card { border-radius: 0; box-shadow: none; border-block-start: 3px solid var(--accent); padding: clamp(14px, 2vw, 24px); }
#content.home-page .edition-hero .hero-trust {
  background: transparent;
  border: 0;
  border-block: 1px solid var(--border-strong);
  border-radius: 0;
  padding: 14px 0;
  justify-content: space-between;
}
#content.home-page .edition-hero .hero-links { flex-direction: row; flex-wrap: wrap; gap: 12px 24px; }
#content.home-page .edition-hero .hero-trust :is(strong,.flags-caption,.flag) { color: var(--text); }
#content.home-page .edition-hero .hero-trust small { color: var(--text-muted); }
#content.home-page .edition-hero .hero-trust .icon-badge { background: var(--accent-tint); color: var(--accent); }
.home-page > .section :is(h2,.h2) { font-family: var(--edition-serif); letter-spacing: -.028em; }
.home-page .section--calc { background: var(--accent-tint); border-block: 1px solid var(--border-strong); }
.home-page .reviews-grid { gap: 0; border-block-start: 2px solid var(--text); }
.home-page .reviews-grid .review { border: 0; border-block-end: 1px solid var(--border-strong); border-radius: 0; box-shadow: none; }
.home-page .section--company { border-block-start: 1px solid var(--border-strong); }
@media (max-width: 760px) {
  #content.home-page .edition-hero .hero-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "form" "media" "trust"; gap: 18px; }
  #content.home-page .edition-hero .hero-media { min-height: 250px; }
}

#content.home-page .edition-hero .hero-media { z-index: 0; overflow: clip; }
#content.home-page .edition-hero .hero-media img { position: absolute; inset: 0; display: block; }
#content.home-page .edition-hero .hero-title { max-width: 22ch; }
.home-page [aria-labelledby="steps-title"] .steps { gap: 0; border-block-start: 2px solid var(--text); }
.home-page [aria-labelledby="steps-title"] .steps > li { border-radius: 0; border-width: 0 1px 1px 0; box-shadow: none; }
.home-page [aria-labelledby="sec-title"] .cards-grid { border-block-start: 1px solid var(--border-strong); padding-block-start: 18px; }

#content.home-page .edition-hero .hero-grid { grid-template-columns: minmax(0, 1.22fr) minmax(0, .78fr); grid-template-areas: "media copy" "media form" "trust trust"; gap: 12px clamp(22px, 3.6vw, 46px); }
#content.home-page .edition-hero .hero-title { font-size: clamp(2.35rem, 4vw, 4.1rem); max-width: 15ch; }
#content.home-page .edition-hero .hero-media { min-height: clamp(320px, 46vw, 620px); }
#content.home-page .edition-hero .hero-veil { opacity: .09; }
#content.home-page .edition-hero .hero-motif { opacity: .55; }
#content.home-page .edition-hero .form-card { background: var(--accent-tint); }
.home-page > .section--company { background: var(--surface); }
.home-page .company-cards .icon-link { border-width: 1px 0 0; border-radius: 0; box-shadow: none; }
.home-page [aria-labelledby="compare-title"] { border-block: 2px solid var(--text); }
.home-page [aria-labelledby="adv-title"] .cards-grid { gap: 0; border-block-start: 2px solid var(--text); }
.home-page [aria-labelledby="adv-title"] .card { border-width: 0 1px 1px 0; border-radius: 0; box-shadow: none; }
.home-page > .section--form { background: var(--accent-tint); }
@media (max-width: 800px) {
  #content.home-page .edition-hero .hero-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "form" "media" "trust"; }
  #content.home-page .edition-hero .hero-media { min-height: clamp(200px, 52vw, 380px); }
}

#content.home-page > .edition-hero { overflow: clip; }
#content.home-page .edition-hero :is(h1,.hero-title) { min-width: 0; overflow-wrap: break-word; text-wrap: balance; }
#content.home-page .edition-hero .hero-action { margin: 14px 0 0; }
#content.home-page .edition-hero .hero-action .btn { min-height: 44px; text-align: center; }
#home-application { scroll-margin-top: 110px; }
#home-application:target, .home-page :is(a,button,input,select,summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.home-page .exchange-brand-icon {
  display: block;
  width: 32px;
  height: 32px;
  flex: none;
  object-fit: contain;
  opacity: 1;
  filter: none;
}

.home-page > .home-calculator > .container { display: block; }
.home-page .calculator-intro { max-width: 72ch; margin-block-end: clamp(24px, 3vw, 40px); }
.home-page .home-calculator :is(.calc-wrap,.calc-widget-wrap,[data-calc-root],.calc-widget__wrapper) { width: 100%; max-width: none; min-width: 0; }

.home-page > [aria-labelledby="reviews-title"] .reviews-grid > .review { display: flex; flex-direction: column; min-width: 0; overflow-wrap: break-word; }
.home-page > [aria-labelledby="reviews-title"] .reviews-grid .review-stats { margin-block-start: auto; }
@media (min-width: 780px) {
  .home-page > [aria-labelledby="reviews-title"] .reviews-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
}
@media (min-width: 1120px) {
  .home-page > [aria-labelledby="reviews-title"] .reviews-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.home-page > .home-calculator > .container > .container {
  min-width: 0;
  padding: clamp(16px, 3vw, 40px);
  border: 1px solid var(--border-strong);
  border-block-start: 3px solid var(--accent);
  background: var(--surface);
}

.home-page .logos-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0 12px;
  border-block-start: 2px solid var(--text);
}
.home-page .logo-chip {
  justify-content: flex-start;
  min-width: 0;
  gap: 8px;
  padding: 12px 0;
  border: 0;
  border-block-end: 1px solid var(--border-strong);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.home-page .logo-chip .exchange-brand-icon { width: 28px; height: 28px; }
.home-page .logo-chip .logo-name { color: var(--accent); }
@media (max-width: 970px) {
  .home-page .logos-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .home-page .logos-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.home-page .home-calculator .calc-widget__range { margin-inline: 0; }
