/* Page-specific confirmation layout. The shared header and footer remain in the accepted shell. */
body[data-helper-page] > main {
  width: min(100% - 48px, 1120px);
  margin: 0 auto;
  padding: clamp(28px, 5vw, 64px) 0 clamp(44px, 6vw, 76px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  color: #f4f1db;
  background: #252a24;
  font-family: "Overpass", Arial, sans-serif;
}
body[data-helper-page] > .hero-header {
  position: relative;
  z-index: 2;
  min-height: 106px;
  padding: 18px clamp(22px, 5vw, 76px);
  background-color: #252a24;
  border-bottom: 1px solid rgba(176, 195, 131, .38);
}
body[data-helper-page] > main section {
  min-width: 0;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(176, 195, 131, .28);
  border-radius: 4px;
  background-color: #30372e;
}
body[data-helper-page] > main .success-intro,
body[data-helper-page] > main .success-return {
  grid-column: 1 / -1;
}
body[data-helper-page] > main .success-intro {
  padding: clamp(30px, 5vw, 58px);
  background: linear-gradient(135deg, #38432f 0%, #30372e 72%);
  border-color: rgba(176, 195, 131, .55);
}
body[data-helper-page] > main .success-kicker,
body[data-helper-page] > main .success-index {
  margin: 0 0 12px;
  color: #b0c383;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}
body[data-helper-page] > main .success-kicker { font-size: 13px; }
body[data-helper-page] > main h1,
body[data-helper-page] > main h2 {
  margin: 0;
  color: #f4f1db;
  line-height: 1.12;
}
body[data-helper-page] > main h1 {
  max-width: 17ch;
  font-size: clamp(34px, 5vw, 62px);
  letter-spacing: -.035em;
}
body[data-helper-page] > main h2 {
  font-size: clamp(20px, 2.1vw, 26px);
  letter-spacing: -.018em;
}
body[data-helper-page] > main p:not(.success-kicker):not(.success-index) {
  margin: 14px 0 0;
  max-width: 65ch;
  color: #e8dfd0;
  font-size: 16px;
  line-height: 1.6;
}
body[data-helper-page] > main .success-lead {
  max-width: 62ch !important;
  font-size: clamp(17px, 1.8vw, 20px) !important;
}
body[data-helper-page] > main .success-note {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background-color: #e8dfd0;
  color: #252a24;
}
body[data-helper-page] > main .success-note h2,
body[data-helper-page] > main .success-note p:not(.success-kicker):not(.success-index) { color: #252a24; }
body[data-helper-page] > main .success-mark {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-color: #b0c383;
  color: #20251d;
  font-size: 22px;
  font-weight: 800;
}
body[data-helper-page] > main .success-index span {
  margin-left: 8px;
  color: #e8dfd0;
  letter-spacing: .04em;
}
body[data-helper-page] > main .success-pixel-fallback { position: absolute; width: 1px; height: 1px; }
body[data-helper-page] a:focus-visible {
  outline: 3px solid #b0c383;
  outline-offset: 4px;
}
@media (max-width: 700px) {
  body[data-helper-page] > .hero-header {
    min-height: 0;
    padding: 20px;
    background-color: #252a24;
  }
  body[data-helper-page] > main {
    width: calc(100% - 32px);
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 28px 0 44px;
  }
  body[data-helper-page] > main .success-intro,
  body[data-helper-page] > main .success-return { grid-column: auto; }
  body[data-helper-page] > main section { padding: 22px; }
  body[data-helper-page] > main h1 { font-size: clamp(34px, 10vw, 46px); }
}
/* Confirmation page surface and editorial rhythm. */
body[data-helper-page] {
  min-height: 100vh;
  background-color: #0f100c;
  color: #f4f1db;
  font-family: "Overpass", Arial, sans-serif;
}
body[data-helper-page] > main {
  border: 1px solid rgba(176, 195, 131, .24);
  border-radius: 6px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
}
body[data-helper-page] > main .success-intro {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
body[data-helper-page] > main .success-intro::after {
  position: absolute;
  z-index: -1;
  inset: 0 0 0 auto;
  width: min(34%, 300px);
  background: linear-gradient(135deg, transparent 0 48%, rgba(176, 195, 131, .12) 48% 49%, transparent 49% 100%);
  content: "";
  pointer-events: none;
}
body[data-helper-page] > main .success-note {
  border-color: #b0c383;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
}
body[data-helper-page] > main .success-detail,
body[data-helper-page] > main .success-return {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 210px;
}
@media (max-width: 700px) {
  body[data-helper-page] > main {
    border-radius: 4px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .2);
  }
  body[data-helper-page] > main .success-detail,
  body[data-helper-page] > main .success-return {
    min-height: 0;
  }
}