.d1-page.d1-version {
  width: 100%;
  max-width: 1600px;
  height: auto;
  min-height: 100vh;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: visible;
  scroll-behavior: smooth;
  background: #fdfbfa;
  box-shadow: 0 0 48px rgba(20, 40, 66, .08);
}

/* Product film: soft, human and evidence-led. */
.d1-version .d1-film-section {
  background:
    radial-gradient(circle at 8% 18%, rgba(255, 255, 255, .88), transparent 26%),
    linear-gradient(135deg, #edf7f3 0%, #e2f0ec 54%, #f8f2ee 100%);
}
.d1-version .d1-film-layout {
  display: grid;
  grid-template-columns: minmax(250px, .52fr) minmax(620px, 1.48fr);
  gap: clamp(34px, 5vw, 74px);
  align-items: center;
}
.d1-version .d1-film-copy h2 {
  max-width: 500px;
  margin: 16px 0 13px;
  color: #142842;
  font-size: clamp(34px, 3.2vw, 50px);
  font-weight: 650;
  line-height: 1.02;
  letter-spacing: -.045em;
}
.d1-version .d1-film-copy p {
  max-width: 470px;
  margin: 0;
  color: #40536a;
  font-size: 14px;
  line-height: 1.65;
}
.d1-version .d1-film-card { min-width: 0; }
.d1-version .d1-film-window {
  overflow: hidden;
  padding: 7px;
  border: 1px solid rgba(20, 40, 66, .16);
  border-radius: 24px;
  background: #142842;
  box-shadow: 0 28px 60px rgba(20, 40, 66, .22);
}
.d1-version .d1-film-window-bar {
  height: 34px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, .62);
}
.d1-version .d1-film-window-bar > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f3c86b;
}
.d1-version .d1-film-window-bar > span:nth-child(2) { background: #6fbea6; }
.d1-version .d1-film-window-bar > span:nth-child(3) { background: #8ca8ca; }
.d1-version .d1-film-window-bar strong {
  margin-left: auto;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.d1-version .d1-film-window video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  border-radius: 17px;
  background: #08121f;
  object-fit: contain;
}
.d1-version .d1-film-summary {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.d1-version .d1-film-summary > strong {
  flex: 0 0 auto;
  color: #31856f;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.d1-version .d1-film-summary ol {
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  list-style: none;
}
.d1-version .d1-film-summary li {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #40536a;
  font-size: 9px;
  font-weight: 700;
}
.d1-version .d1-film-summary li span {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #31856f;
  font-size: 8px;
  box-shadow: 0 4px 12px rgba(49, 133, 111, .13);
}

@media (max-width: 1000px) {
  .d1-version .d1-film-layout { grid-template-columns: 1fr; }
  .d1-version .d1-film-copy { max-width: 680px; }
}

@media (max-width: 700px) {
  .d1-version .d1-film-layout { gap: 26px; }
  .d1-version .d1-film-copy h2 { font-size: 36px; }
  .d1-version .d1-film-window { padding: 4px; border-radius: 15px; }
  .d1-version .d1-film-window-bar { height: 29px; }
  .d1-version .d1-film-window video { border-radius: 11px; }
  .d1-version .d1-film-summary { align-items: flex-start; display: grid; gap: 10px; }
  .d1-version .d1-film-summary ol { grid-template-columns: 1fr 1fr; }
}

.d1-version .d1-header {
  height: 76px;
  padding: 0 clamp(24px, 5vw, 72px);
  border-bottom: 1px solid #ebe7e2;
  background: rgba(253, 251, 250, .96);
}

.d1-version .d1-brand { width: auto; min-width: 132px; font-size: 17px; }
.d1-version .d1-brand-mark { width: 24px; height: 24px; }
.d1-version .d1-header nav { gap: clamp(18px, 2.2vw, 34px); margin-left: auto; font-size: 12px; }
.d1-version .d1-header nav a { transition: color .18s ease; }
.d1-version .d1-header nav a:hover { color: #31856f; }
.d1-version .d1-header-actions { margin-left: clamp(20px, 3vw, 42px); }
.d1-version .d1-button { min-width: 144px; height: 42px; padding: 0 20px; border-radius: 9px; font-size: 13px; }
.d1-version .d1-button-secondary { min-width: 112px; }

.d1-version .d1-hero {
  min-height: 590px;
  height: auto;
  padding: 68px clamp(24px, 5vw, 72px) 54px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  align-items: center;
  gap: clamp(28px, 5vw, 78px);
  background:
    radial-gradient(circle at 80% 18%, rgba(112, 188, 167, .15), transparent 30%),
    linear-gradient(145deg, #fdfbfa 10%, #f8f2ee 100%);
}

.d1-version .d1-hero-copy { width: auto; max-width: 620px; }
.d1-version .d1-pill { gap: 6px; padding: 8px 13px; font-size: 11px; font-weight: 700; }
.d1-version .d1-hero h1 {
  width: auto;
  margin: 22px 0 18px;
  font-size: clamp(48px, 5.2vw, 76px);
  line-height: .98;
  letter-spacing: -.052em;
}
.d1-version .d1-hero-copy > p { width: auto; max-width: 550px; font-size: 18px; line-height: 1.62; color: #40536a; }
.d1-version .d1-hero-actions { margin-top: 28px; }
.d1-version .d1-trust { width: auto; gap: 22px; margin-top: 28px; font-size: 11px; }
.d1-version .d1-trust span { font-size: inherit; }
.d1-version .d1-hero-visual {
  position: static;
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: contain;
  filter: drop-shadow(0 22px 24px rgba(20, 40, 66, .10));
}

.d1-version .d1-section { padding: 62px clamp(24px, 5vw, 72px); }
.d1-version .d1-section-inner { width: 100%; max-width: 1380px; margin: 0 auto; }

.d1-version .d1-content-card {
  min-height: 142px;
  display: flex;
  gap: 16px;
  padding: 20px;
  border: 1px solid #e7e4df;
  border-radius: 16px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 10px 26px rgba(20, 40, 66, .045);
}
.d1-version .d1-content-card-compact { min-height: 112px; padding: 17px; }
.d1-version .d1-content-card .d1-feature-icon { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 11px; }
.d1-version .d1-content-card h3 { margin: 2px 0 7px; font-size: 15px; line-height: 1.25; }
.d1-version .d1-content-card p { margin: 0; color: #536579; font-size: 12px; line-height: 1.55; }

.d1-version .d1-outcome-layout {
  margin-top: 36px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(400px, .95fr);
  gap: 28px;
  align-items: stretch;
}
.d1-version .d1-outcome-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.d1-version .d1-dashboard-frame {
  min-height: 260px;
  padding: 18px;
  display: flex;
  align-items: center;
  border: 1px solid #e2ece8;
  border-radius: 20px;
  background: #edf7f4;
}
.d1-version .d1-dashboard-frame img { width: 100%; max-height: 310px; object-fit: contain; }

.d1-version .d1-recognition-flow {
  margin-top: 38px;
  padding: 30px;
  display: grid;
  grid-template-columns: minmax(420px, 1.25fr) minmax(190px, .5fr) minmax(350px, 1fr);
  align-items: center;
  gap: 28px;
  border: 1px solid #eadfd8;
  border-radius: 22px;
  background: rgba(255, 255, 255, .72);
}
.d1-version .d1-recognition-inputs { display: grid; grid-template-columns: 1fr; gap: 14px; }
.d1-version .d1-document-group > p { margin: 0 0 7px 6px; color: #6c5b51; font-size: 11px; font-weight: 700; }
.d1-version .d1-document-fan {
  min-height: 104px;
  padding: 5px 2px 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 8px;
}
.d1-version .d1-document-card {
  position: relative;
  min-width: 0;
  height: 82px;
  padding: 10px 8px;
  display: grid;
  grid-template-rows: 24px auto auto;
  align-content: center;
  gap: 2px;
  border: 1px solid #dfd7d1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(59, 50, 43, .08);
  transform-origin: 50% 115%;
}
.d1-version .d1-document-card:nth-child(1) { transform: translateY(10px) rotate(-4deg); }
.d1-version .d1-document-card:nth-child(2) { transform: translateY(2px) rotate(-1.5deg); }
.d1-version .d1-document-card:nth-child(3) { transform: translateY(2px) rotate(1.5deg); }
.d1-version .d1-document-card:nth-child(4) { transform: translateY(10px) rotate(4deg); }
.d1-version .d1-document-card-visual { padding: 0; display: block; overflow: hidden; isolation: isolate; }
.d1-version .d1-document-page { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; object-position: 50% 31%; }
.d1-version .d1-document-label { position: absolute; right: 5px; bottom: 5px; left: 5px; padding: 5px 6px; display: flex; align-items: center; gap: 5px; border: 1px solid rgba(219,211,204,.9); border-radius: 7px; background: rgba(255,255,255,.94); box-shadow: 0 3px 8px rgba(20,40,66,.1); }
.d1-version .d1-document-label > span { min-width: 0; display: block; }
.d1-version .d1-document-card > span { color: #31856f; }
.d1-version .d1-document-card strong { align-self: end; overflow-wrap: anywhere; font-size: 10px; line-height: 1.15; }
.d1-version .d1-document-card small { color: #7f898f; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.d1-version .d1-recognition-action {
  min-height: 168px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 22px;
  background: #31856f;
  color: #fff;
  text-align: center;
}
.d1-version .d1-recognition-action strong { max-width: 170px; font-size: 14px; line-height: 1.35; }
.d1-version .d1-recognition-results { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.d1-version .d1-recognition-results > div {
  min-height: 76px;
  padding: 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #dce9e5;
  border-radius: 12px;
  background: #fff;
}
.d1-version .d1-recognition-results > div > span { color: #31856f; }
.d1-version .d1-recognition-results p { margin: 0; }
.d1-version .d1-recognition-results strong, .d1-version .d1-recognition-results small { display: block; }
.d1-version .d1-recognition-results strong { font-size: 11px; }
.d1-version .d1-recognition-results small { margin-top: 3px; color: #77858c; font-size: 9px; }

.d1-version .d1-handwriting-layout { display: grid; grid-template-columns: minmax(540px, 1.12fr) minmax(360px, .88fr); gap: clamp(38px, 4vw, 64px); align-items: center; }
.d1-version .d1-handwriting-gallery { min-width: 0; padding: 14px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(190px, .8fr); gap: 12px; border: 1px solid #eadfd8; border-radius: 24px; background: #f8f2ee; transform: rotate(-.6deg); }
.d1-version .d1-handwriting-gallery figure { position: relative; min-width: 0; margin: 0; overflow: hidden; border-radius: 13px; background: #e8e3dc; box-shadow: 0 12px 24px rgba(20,40,66,.12); }
.d1-version .d1-handwriting-primary { min-height: 470px; }
.d1-version .d1-handwriting-primary > img, .d1-version .d1-handwriting-thumbs img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; }
.d1-version .d1-handwriting-primary > figcaption, .d1-version .d1-handwriting-thumbs figcaption { position: absolute; right: 8px; bottom: 8px; left: 8px; padding: 8px 9px; border: 1px solid rgba(255,255,255,.6); border-radius: 8px; background: rgba(255,255,255,.92); backdrop-filter: blur(7px); }
.d1-version .d1-handwriting-gallery figcaption strong, .d1-version .d1-handwriting-gallery figcaption span { display: block; }
.d1-version .d1-handwriting-gallery figcaption strong { color: #173f3a; font-size: 10px; }
.d1-version .d1-handwriting-gallery figcaption span { margin-top: 2px; color: #62716f; font-size: 8px; line-height: 1.25; }
.d1-version .d1-handwriting-thumbs { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 9px; }
.d1-version .d1-handwriting-points { margin-top: 28px; display: grid; gap: 10px; }

.d1-version .d1-split-flow {
  margin-top: 38px;
  display: grid;
  grid-template-columns: minmax(170px, .7fr) minmax(500px, 1.7fr) minmax(180px, .7fr);
  gap: 28px;
  align-items: center;
}
.d1-version .d1-mixed-stack { position: relative; height: 178px; }
.d1-version .d1-mixed-page {
  position: absolute;
  top: calc(var(--stack-index) * 8px);
  left: calc(var(--stack-index) * 22px);
  width: 122px;
  height: 164px;
  margin: 0;
  overflow: hidden;
  border: 1px solid #cfe2dc;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(25,77,65,.12);
  transform: rotate(calc((var(--stack-index) - 1) * 3deg));
}
.d1-version .d1-mixed-page img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 28%; }
.d1-version .d1-mixed-page figcaption { position: absolute; right: 5px; bottom: 5px; left: 5px; padding: 6px; border-radius: 7px; background: rgba(255,255,255,.94); }
.d1-version .d1-mixed-page strong, .d1-version .d1-mixed-page small { display: block; }
.d1-version .d1-mixed-page strong { color: #173f3a; font-size: 8px; }
.d1-version .d1-mixed-page small { margin-top: 2px; color: #73817e; font-size: 7px; }
.d1-version .d1-split-stages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.d1-version .d1-split-stages > div { min-height: 144px; padding: 18px; border-radius: 16px; background: #31856f; color: #fff; }
.d1-version .d1-split-stages p { margin: 14px 0 0; }
.d1-version .d1-split-stages strong, .d1-version .d1-split-stages small { display: block; }
.d1-version .d1-split-stages strong { font-size: 12px; }
.d1-version .d1-split-stages small { margin-top: 7px; color: rgba(255,255,255,.72); font-size: 10px; line-height: 1.5; }
.d1-version .d1-student-outputs { display: grid; gap: 9px; }
.d1-version .d1-student-outputs span { padding: 14px; display: flex; gap: 9px; align-items: center; border: 1px solid #bcd9cf; border-radius: 11px; background: #fff; font-size: 11px; font-weight: 700; }
.d1-version .d1-student-outputs svg { color: #31856f; }

.d1-version .d1-validation-layout { display: grid; grid-template-columns: minmax(300px, .85fr) minmax(500px, 1.15fr); gap: 70px; align-items: start; }
.d1-version .d1-validation-list { display: grid; gap: 10px; }
.d1-version .d1-validation-list .d1-content-card { min-height: 88px; }

.d1-version .d1-visual-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.d1-version .d1-visual-heading ul { max-width: 370px; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: end; gap: 8px; list-style: none; }
.d1-version .d1-visual-heading li { padding: 8px 11px; border-radius: 999px; background: #dcefe9; color: #216b58; font-size: 10px; font-weight: 700; }
.d1-version .d1-visual-grid { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.d1-version .d1-visual-example { overflow: hidden; display: grid; grid-template-columns: minmax(260px, 1fr) minmax(190px, .7fr); align-items: center; border: 1px solid #dbe9e4; border-radius: 18px; background: #fff; }
.d1-version .d1-visual-example > svg { height: 250px; padding: 16px; background: #edf7f4; }
.d1-version .d1-visual-example > div { padding: 22px; }
.d1-version .d1-visual-example span { color: #31856f; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.d1-version .d1-visual-example h3 { margin: 8px 0; font-size: 15px; }
.d1-version .d1-visual-example p { margin: 0; color: #596b7b; font-size: 11px; line-height: 1.55; }

.d1-version .d1-platform-flow { margin-top: 38px; min-height: 390px; display: grid; grid-template-columns: 1fr minmax(300px, .9fr) 1fr; align-items: center; gap: 30px; }
.d1-version .d1-platform-fan { position: relative; height: 350px; margin: 0; padding: 0; list-style: none; }
.d1-version .d1-platform-badge {
  position: absolute;
  top: calc((var(--platform-index) - 1) * 50px);
  width: 78%;
  height: 58px;
  padding: 9px 14px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid #e4dcd5;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(52, 46, 42, .08);
  transform: rotate(calc((var(--platform-index) - 3.5) * 1.4deg));
}
.d1-version .d1-platform-left { right: calc((var(--platform-index) - 1) * 2%); }
.d1-version .d1-platform-right { left: calc((var(--platform-index) - 1) * 2%); }
.d1-version .d1-platform-badge > span { width: 42px; height: 36px; padding: 4px; display: flex; align-items: center; justify-content: center; border-radius: 7px; background: #f6f7f7; }
.d1-version .d1-platform-badge img { width: 100%; height: 100%; object-fit: contain; }
.d1-version .d1-platform-badge strong { font-size: 11px; }
.d1-version .d1-platform-engine { min-height: 300px; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; border-radius: 28px; background: #173f3a; color: #fff; text-align: center; box-shadow: 0 20px 40px rgba(23,63,58,.18); }
.d1-version .d1-platform-engine > span { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: #31856f; }
.d1-version .d1-platform-engine > small { color: rgba(255,255,255,.62); font-size: 10px; }
.d1-version .d1-platform-engine > strong { max-width: 230px; font-size: 18px; line-height: 1.2; }
.d1-version .d1-platform-engine > div { margin-top: 12px; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.d1-version .d1-platform-engine > div span { padding: 6px 8px; display: flex; align-items: center; gap: 5px; border-radius: 7px; background: rgba(255,255,255,.1); font-size: 8px; }

.d1-version .d1-privacy-guarantees { margin-top: 30px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.d1-version .d1-privacy-flow { margin: 26px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; border: 1px solid #dbe9e4; border-radius: 18px; overflow: hidden; }
.d1-version .d1-privacy-step { min-height: 126px; padding: 20px; display: flex; gap: 13px; border-right: 1px solid #dbe9e4; background: #f7fbfa; }
.d1-version .d1-privacy-step:last-child { border-right: 0; }
.d1-version .d1-privacy-step > span { flex: 0 0 31px; width: 31px; height: 31px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #31856f; color: #fff; font-size: 12px; font-weight: 800; }
.d1-version .d1-privacy-step strong { font-size: 12px; }
.d1-version .d1-privacy-step p { margin: 7px 0 0; color: #5c6e7a; font-size: 10px; line-height: 1.55; }

.d1-version .d1-trust-grid { margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

.d1-version .d1-trace-record { margin-top: 34px; overflow: hidden; border: 1px solid #bdd9d0; border-radius: 20px; background: #fff; box-shadow: 0 16px 34px rgba(25,77,65,.08); }
.d1-version .d1-trace-top { padding: 17px 22px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border-bottom: 1px solid #dceae6; background: #173f3a; color: #fff; }
.d1-version .d1-trace-top small { margin-left: auto; color: rgba(255,255,255,.6); font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.d1-version .d1-trace-columns { display: grid; grid-template-columns: repeat(3, 1fr); }
.d1-version .d1-trace-columns article { min-height: 190px; padding: 24px; border-right: 1px solid #dceae6; }
.d1-version .d1-trace-columns article:last-child { border-right: 0; }
.d1-version .d1-trace-columns article > span { display: flex; gap: 7px; align-items: center; color: #31856f; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.d1-version .d1-trace-columns h3 { margin: 13px 0; font-size: 15px; }
.d1-version .d1-trace-columns ul { margin: 0; padding: 0; display: grid; gap: 8px; list-style: none; }
.d1-version .d1-trace-columns li { display: flex; align-items: center; gap: 7px; color: #576978; font-size: 11px; }
.d1-version .d1-trace-columns li svg { color: #31856f; }
.d1-version .d1-trace-meta { margin: 0; padding: 14px 22px; display: flex; flex-wrap: wrap; gap: 18px; list-style: none; border-top: 1px solid #dceae6; background: #f7fbfa; }
.d1-version .d1-trace-meta li { display: flex; align-items: center; gap: 6px; color: #526574; font-size: 9px; }

.d1-version .d1-audience-grid { margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.d1-version .d1-closing { margin: 0 clamp(24px, 5vw, 72px) 56px; padding: 48px clamp(28px, 5vw, 72px); border-radius: 26px; background: linear-gradient(115deg, #fae7da, #edf7f4); }
.d1-version .d1-closing > div { max-width: 760px; }
.d1-version .d1-closing h2 { margin: 15px 0 12px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; letter-spacing: -.04em; }
.d1-version .d1-closing p { max-width: 620px; margin: 0; color: #516475; font-size: 14px; line-height: 1.6; }
.d1-version .d1-closing > div > div { margin-top: 24px; display: flex; gap: 10px; }
.d1-version .d1-version-footer { min-height: 98px; padding: 26px clamp(24px, 5vw, 72px); display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid #e5e2dd; background: #fff; }
.d1-version .d1-version-footer > div { display: flex; align-items: center; gap: 10px; }
.d1-version .d1-version-footer p { margin: 0; }
.d1-version .d1-version-footer strong, .d1-version .d1-version-footer span { display: block; }
.d1-version .d1-version-footer strong { font-size: 13px; }
.d1-version .d1-version-footer p span { margin-top: 3px; color: #6f7d88; font-size: 9px; }
.d1-version .d1-version-footer nav { display: flex; flex-wrap: wrap; justify-content: end; gap: 18px; font-size: 9px; }

@media (min-width: 1440px) {
  .d1-version .d1-section { padding-block: 68px; }
  .d1-version .d1-hero { min-height: 620px; }
}

@media (max-width: 1180px) {
  .d1-version .d1-recognition-flow { grid-template-columns: 1fr; }
  .d1-version .d1-recognition-inputs { width: 100%; max-width: 760px; margin: auto; }
  .d1-version .d1-recognition-action { min-height: 112px; }
}

@media (max-width: 1000px) {
  .d1-version .d1-header nav { display: none; }
  .d1-version .d1-hero { grid-template-columns: 1fr 1fr; }
  .d1-version .d1-outcome-layout, .d1-version .d1-handwriting-layout, .d1-version .d1-validation-layout { grid-template-columns: 1fr; }
  .d1-version .d1-recognition-flow { grid-template-columns: 1fr; }
  .d1-version .d1-recognition-inputs { max-width: 620px; margin: auto; }
  .d1-version .d1-recognition-action { min-height: 120px; }
  .d1-version .d1-split-flow { grid-template-columns: 1fr; }
  .d1-version .d1-handwriting-gallery { width: 100%; max-width: 720px; margin: auto; }
  .d1-version .d1-mixed-stack { max-width: 230px; width: 100%; margin: auto; }
  .d1-version .d1-student-outputs { grid-template-columns: repeat(3, 1fr); }
  .d1-version .d1-visual-example { grid-template-columns: 1fr; }
  .d1-version .d1-platform-flow { grid-template-columns: 1fr 1fr; }
  .d1-version .d1-platform-engine { grid-column: 1 / -1; grid-row: 1; min-height: 220px; }
}

@media (max-width: 700px) {
  .d1-version .d1-header { height: 66px; padding-inline: 20px; }
  .d1-version .d1-brand { min-width: auto; }
  .d1-version .d1-header-actions .d1-button-secondary { display: none; }
  .d1-version .d1-header-actions .d1-button { min-width: 104px; height: 38px; padding-inline: 13px; font-size: 11px; }
  .d1-version .d1-hero { min-height: 0; padding: 46px 20px 34px; display: flex; flex-direction: column; align-items: stretch; }
  .d1-version .d1-hero h1 { margin-top: 18px; font-size: 45px; }
  .d1-version .d1-hero-copy > p { font-size: 15px; line-height: 1.55; }
  .d1-version .d1-hero-actions { flex-wrap: wrap; }
  .d1-version .d1-button { min-width: 0; padding-inline: 15px; }
  .d1-version .d1-trust { display: grid; gap: 9px; white-space: normal; }
  .d1-version .d1-hero-visual { margin-top: 22px; max-height: none; }
  .d1-version .d1-section { padding: 44px 20px; }
  .d1-version .d1-content-card { min-height: 0; }
  .d1-version .d1-outcome-layout { margin-top: 26px; gap: 16px; }
  .d1-version .d1-outcome-grid, .d1-version .d1-recognition-inputs, .d1-version .d1-recognition-results, .d1-version .d1-split-stages, .d1-version .d1-student-outputs, .d1-version .d1-visual-grid, .d1-version .d1-privacy-guarantees, .d1-version .d1-trust-grid, .d1-version .d1-audience-grid { grid-template-columns: 1fr; }
  .d1-version .d1-recognition-flow { margin-top: 28px; padding: 18px; gap: 18px; }
  .d1-version .d1-document-fan { min-height: 176px; padding: 4px 2px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; }
  .d1-version .d1-document-card { height: 78px; }
  .d1-version .d1-document-card:nth-child(1) { transform: translateY(4px) rotate(-2deg); }
  .d1-version .d1-document-card:nth-child(2) { transform: translateY(4px) rotate(2deg); }
  .d1-version .d1-document-card:nth-child(3) { transform: translateY(-4px) rotate(-2deg); }
  .d1-version .d1-document-card:nth-child(4) { transform: translateY(-4px) rotate(2deg); }
  .d1-version .d1-handwriting-layout { gap: 32px; }
  .d1-version .d1-handwriting-gallery { padding: 10px; grid-template-columns: 1fr; transform: none; }
  .d1-version .d1-handwriting-primary { min-height: 340px; }
  .d1-version .d1-handwriting-thumbs { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 142px); padding: 0; }
  .d1-version .d1-handwriting-thumbs figcaption span { display: none; }
  .d1-version .d1-split-flow { margin-top: 28px; }
  .d1-version .d1-split-stages > div { min-height: 0; }
  .d1-version .d1-visual-heading { display: block; }
  .d1-version .d1-visual-heading ul { margin-top: 18px; justify-content: start; }
  .d1-version .d1-visual-example { grid-template-columns: 1fr; }
  .d1-version .d1-visual-example > svg { height: 220px; }
  .d1-version .d1-platform-flow { min-height: 0; grid-template-columns: 1fr; gap: 18px; }
  .d1-version .d1-platform-engine { grid-column: auto; grid-row: auto; min-height: 250px; }
  .d1-version .d1-platform-fan { height: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .d1-version .d1-platform-badge { position: static; width: auto; height: 64px; padding: 8px; transform: none; }
  .d1-version .d1-platform-badge > span { width: 36px; }
  .d1-version .d1-platform-badge strong { font-size: 9px; }
  .d1-version .d1-privacy-flow { grid-template-columns: 1fr; }
  .d1-version .d1-privacy-step { border-right: 0; border-bottom: 1px solid #dbe9e4; }
  .d1-version .d1-privacy-step:last-child { border-bottom: 0; }
  .d1-version .d1-trace-columns { grid-template-columns: 1fr; }
  .d1-version .d1-trace-columns article { min-height: 0; border-right: 0; border-bottom: 1px solid #dceae6; }
  .d1-version .d1-trace-columns article:last-child { border-bottom: 0; }
  .d1-version .d1-trace-top small { width: 100%; margin-left: 30px; overflow-wrap: anywhere; }
  .d1-version .d1-trace-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .d1-version .d1-closing { margin: 0 20px 34px; padding: 36px 22px; }
  .d1-version .d1-closing h2 { font-size: 34px; }
  .d1-version .d1-closing > div > div { flex-wrap: wrap; }
  .d1-version .d1-version-footer { padding: 28px 20px; display: block; }
  .d1-version .d1-version-footer nav { margin-top: 22px; justify-content: start; }
}