.info-page {
  --info-ink: #111827;
  --info-muted: #58657a;
  --info-blue: #174fee;
  --info-orange: #ff4f1f;
  --info-cream: #fffaf0;
  --info-line: #182033;
  background:
    radial-gradient(circle at 1px 1px, rgba(24,32,51,.1) 1px, transparent 1.2px) 0 0/22px 22px,
    #fffdf8;
  color: var(--info-ink);
}

.info-page-shell { padding-top: 22px; }

.info-page .tool-breadcrumb {
  margin: 0 0 18px;
  color: #667085;
  font-size: 13px;
  font-weight: 700;
}

.info-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .7fr);
  gap: 36px;
  align-items: stretch;
  overflow: hidden;
  padding: clamp(30px, 4vw, 54px);
  border: 2px solid var(--info-line);
  border-radius: 22px;
  background: rgba(255,253,248,.96);
  box-shadow: 8px 8px 0 var(--info-line);
}

.info-hero::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 9px;
  background: var(--info-blue);
  content: "";
}

.info-page--contact .info-hero::before { background: var(--info-orange); }
.info-page--terms .info-hero::before { background: #ffb703; }
.info-page--privacy .info-hero::before { background: #18a66a; }

.info-hero-copy { align-self: center; max-width: 760px; }
.info-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; color: var(--info-blue); font-size: 12px; font-weight: 950; letter-spacing: .1em; }
.info-kicker span { display: inline-grid; width: 32px; height: 32px; place-items: center; border: 1.5px solid var(--info-line); background: var(--info-orange); color: #fff; box-shadow: 2px 2px 0 var(--info-line); letter-spacing: 0; }
.info-hero h1 { max-width: 820px; margin: 0; color: var(--info-ink); font-size: clamp(40px, 5vw, 68px); line-height: 1.03; letter-spacing: -.045em; }
.info-hero-lead { max-width: 680px; margin: 18px 0 0; color: var(--info-muted); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.75; }
.info-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 26px; }
.info-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 12px; padding: 10px 18px; border: 1.5px solid var(--info-line); border-radius: 9px; background: #fff; color: var(--info-ink); font-size: 14px; font-weight: 900; transition: transform .15s ease, box-shadow .15s ease; }
.info-button:hover { transform: translate(-2px,-2px); box-shadow: 3px 3px 0 var(--info-line); }
.info-button--primary { background: var(--info-orange); color: #fff; box-shadow: 3px 3px 0 var(--info-line); }

.info-hero-card { position: relative; display: flex; min-height: 272px; flex-direction: column; justify-content: flex-end; padding: 24px; border: 2px solid var(--info-line); border-radius: 17px; background: linear-gradient(145deg, #edf3ff 0 56%, #dce8ff 56%); box-shadow: 5px 5px 0 var(--info-orange); }
.info-hero-card::after { position: absolute; top: 22px; right: 22px; width: 42px; height: 42px; border: 1.5px solid var(--info-line); background: var(--info-orange); box-shadow: 3px 3px 0 var(--info-line); content: ""; transform: rotate(45deg); }
.info-hero-brand { position: absolute; top: 25px; left: 24px; }
.info-hero-brand img { display: block; width: 150px; height: auto; }
.info-hero-card-label { width: fit-content; margin-bottom: 9px; padding: 5px 9px; background: var(--info-line); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .05em; }
.info-hero-card p { margin: 0; color: #28364d; font-size: 15px; font-weight: 700; line-height: 1.65; }
.info-trust-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.info-trust-row span { padding: 5px 8px; border: 1px solid #aebbd0; border-radius: 99px; background: rgba(255,255,255,.7); color: #46536a; font-size: 10px; font-weight: 800; }

.info-page-tabs { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0; overflow: hidden; margin: 38px 0 28px; border: 1.5px solid var(--info-line); border-radius: 13px; background: #fff; }
.info-page-tabs a { display: flex; min-width: 0; align-items: center; gap: 10px; padding: 15px 17px; border-right: 1px solid #d6dce7; color: #475467; font-size: 13px; font-weight: 800; white-space: nowrap; }
.info-page-tabs a:last-child { border-right: 0; }
.info-page-tabs a span { color: #98a2b3; font-size: 10px; font-weight: 900; }
.info-page-tabs a:hover { background: #fff8ef; color: var(--info-ink); }
.info-page-tabs a.is-active { position: relative; background: #edf3ff; color: var(--info-blue); }
.info-page-tabs a.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background: var(--info-blue); content: ""; }

.info-page-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 26px; align-items: start; }
.info-page .info-page-content { display: grid; max-width: none; margin: 0; padding: 0; gap: 15px; }
.info-page .info-page-content section { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 22px; padding: 26px 28px; border: 1.5px solid #cbd3df; border-radius: 15px; background: rgba(255,255,255,.94); box-shadow: none; }
.info-page .info-page-content section:nth-child(even) { background: #fff9ee; }
.info-section-number { display: grid; width: 48px; height: 48px; place-items: center; border: 1.5px solid var(--info-line); border-radius: 10px; background: var(--info-blue); color: #fff; font-size: 13px; font-weight: 950; box-shadow: 3px 3px 0 var(--info-orange); }
.info-page .info-page-content h2 { margin: 2px 0 10px; color: var(--info-ink); font-size: clamp(20px, 2vw, 25px); line-height: 1.3; letter-spacing: -.02em; }
.info-page .info-page-content p { max-width: 790px; margin: 8px 0 0; color: #4c596d; font-size: 15px; line-height: 1.85; }
.info-check-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin: 18px 0 0 !important; padding: 0 !important; list-style: none; }
.info-check-list li { position: relative; margin: 0 !important; padding: 13px 13px 13px 39px; border: 1px solid #d7dee8; border-radius: 10px; background: #f8faff; color: #344054 !important; font-size: 13px; font-weight: 700; line-height: 1.6 !important; }
.info-check-list li::before { position: absolute; top: 15px; left: 13px; display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: #dff8ea; color: #08794e; content: "✓"; font-size: 11px; font-weight: 950; }
.info-contact-email { display: flex; width: fit-content; flex-wrap: wrap; align-items: center; gap: 10px; margin: 15px 0 !important; padding: 12px 15px; border: 1px solid #cbd5e1; border-radius: 10px; background: #f5f8ff; }
.info-contact-email span { color: #667085; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.info-contact-email a { color: var(--info-blue); font-weight: 900; }

.info-page-aside { position: sticky; top: 92px; display: grid; gap: 14px; }
.info-aside-card, .info-help-card { border: 1.5px solid var(--info-line); border-radius: 14px; background: #fff; }
.info-aside-card { overflow: hidden; padding: 22px; box-shadow: 4px 4px 0 #dce6fb; }
.info-aside-eyebrow { margin: 0 0 6px; color: var(--info-orange); font-size: 10px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.info-aside-card h2 { margin: 0 0 15px; font-size: 18px; line-height: 1.35; }
.info-aside-card nav { display: grid; border-top: 1px solid #e3e7ee; }
.info-aside-card nav a { display: grid; grid-template-columns: 25px 1fr; gap: 8px; align-items: baseline; padding: 11px 2px; border-bottom: 1px solid #e3e7ee; color: #475467; font-size: 12px; font-weight: 750; line-height: 1.45; }
.info-aside-card nav a:hover { color: var(--info-blue); }
.info-aside-card nav span { color: #98a2b3; font-size: 9px; font-weight: 900; }
.info-help-card { display: grid; grid-template-columns: 38px 1fr; gap: 12px; padding: 18px; background: var(--info-cream); }
.info-help-icon { display: grid; width: 35px; height: 35px; place-items: center; border: 1.5px solid var(--info-line); border-radius: 50%; background: #ffcf32; font-weight: 950; }
.info-help-card strong { font-size: 14px; }
.info-help-card p { margin: 4px 0 0; color: #667085; font-size: 11px; line-height: 1.55; }
.info-help-card > a { grid-column: 2; color: var(--info-blue); font-size: 12px; font-weight: 900; }

.info-bottom-cta { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 30px; padding: 25px 28px; border: 2px solid var(--info-line); border-radius: 15px; background: var(--info-blue); color: #fff; box-shadow: 6px 6px 0 var(--info-orange); }
.info-bottom-cta span { color: #cdd9ff; font-size: 11px; font-weight: 900; }
.info-bottom-cta h2 { margin: 4px 0 0; color: #fff; font-size: clamp(19px, 2.1vw, 27px); line-height: 1.35; }
.info-bottom-cta a { flex: 0 0 auto; padding: 11px 16px; border: 1.5px solid var(--info-line); border-radius: 8px; background: #fff; color: var(--info-ink); font-size: 13px; font-weight: 950; box-shadow: 3px 3px 0 var(--info-line); }

html[data-theme="dark"] .info-page { --info-ink: #f7f8fb; --info-muted: #aab6c8; --info-line: #0b0f18; background-color: #101725; }
html[data-theme="dark"] .info-hero, html[data-theme="dark"] .info-page-tabs, html[data-theme="dark"] .info-page .info-page-content section, html[data-theme="dark"] .info-aside-card { background: #172033; border-color: #39475f; }
html[data-theme="dark"] .info-page .info-page-content section:nth-child(even), html[data-theme="dark"] .info-help-card { background: #1d2638; border-color: #39475f; }
html[data-theme="dark"] .info-hero-card { background: linear-gradient(145deg,#1d2b48 0 56%,#223457 56%); border-color: #0b0f18; }
html[data-theme="dark"] .info-hero-card p, html[data-theme="dark"] .info-page .info-page-content p, html[data-theme="dark"] .info-aside-card nav a { color: #b8c2d2; }
html[data-theme="dark"] .info-page-tabs a { border-color: #39475f; color: #b8c2d2; }
html[data-theme="dark"] .info-page-tabs a.is-active { background: #1b315c; color: #8fb2ff; }
html[data-theme="dark"] .info-check-list li, html[data-theme="dark"] .info-contact-email { border-color: #39475f; background: #111a2a; color: #c4cede !important; }

@media (max-width: 980px) {
  .info-hero { grid-template-columns: minmax(0,1.3fr) minmax(270px,.7fr); gap: 24px; }
  .info-page-layout { grid-template-columns: minmax(0,1fr) 270px; }
  .info-page-tabs { overflow-x: auto; grid-template-columns: repeat(4, minmax(190px,1fr)); }
}

@media (max-width: 780px) {
  .info-page-shell { padding-top: 14px; }
  .info-hero { grid-template-columns: 1fr; padding: 28px 23px 30px; box-shadow: 5px 5px 0 var(--info-line); }
  .info-hero h1 { font-size: clamp(36px, 10vw, 52px); }
  .info-hero-card { min-height: 230px; }
  .info-page-tabs { margin: 28px 0 22px; }
  .info-page-layout { grid-template-columns: 1fr; }
  .info-page-aside { position: static; grid-row: 1; }
  .info-aside-card { display: none; }
  .info-help-card { grid-template-columns: 38px 1fr auto; align-items: center; }
  .info-help-card > a { grid-column: auto; }
  .info-bottom-cta { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .info-page .tool-breadcrumb { margin-bottom: 13px; }
  .info-hero { border-radius: 15px; }
  .info-hero-card { min-height: 220px; padding: 19px; }
  .info-hero-brand { top: 20px; left: 19px; }
  .info-hero-card::after { top: 21px; right: 20px; width: 32px; height: 32px; }
  .info-hero-actions, .info-button { width: 100%; }
  .info-page-tabs { border-radius: 10px; }
  .info-page .info-page-content section { grid-template-columns: 40px minmax(0,1fr); gap: 14px; padding: 19px 16px; }
  .info-section-number { width: 37px; height: 37px; border-radius: 8px; font-size: 11px; }
  .info-check-list { grid-template-columns: 1fr; }
  .info-help-card { grid-template-columns: 35px 1fr; }
  .info-help-card > a { grid-column: 2; }
  .info-bottom-cta { padding: 21px 19px; }
  .info-bottom-cta a { width: 100%; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .info-button { transition: none; }
}