.beta-subpage{--canvas:#fff;--surface:#fff;--forest:#284f3e;--deep:#202b28;--gold:#5b7769}
.beta-subpage main{padding-top:90px}
.beta-subpage .beta-header a,.beta-subpage .beta-footer a{border:0}
.beta-subpage .beta-header h2,.beta-subpage .beta-footer h2{color:inherit}
.beta-subpage .beta-header p,.beta-subpage .beta-footer p{max-width:none;margin-bottom:0}
.beta-subpage{--step-6:52px;--step-4:38px}
.beta-subpage main h1{font-size:var(--step-6);margin-block:20px 24px}
.beta-subpage .section>.prose{width:min(68ch,calc(100% - 40px))}
.beta-subpage main p+p{margin-top:12px}
.beta-subpage :is(h1,h2,h3,h4,.eyebrow,.pill,th){letter-spacing:0}
.beta-subpage main h2{font-size:38px}
.beta-subpage main .card h2{font-size:21px}
.beta-subpage .module-row>div>h3{font:400 34px/1.15 var(--serif)}
.beta-subpage :is(.split,.grid-2,.grid-3,.grid-4,.demo-layout,.security-design-grid)>*{min-width:0}
.beta-subpage :is(.card,.table-wrap,.pricing-table-wrap){min-width:0;max-width:100%}
.beta-subpage :is(.pipeline-map,.profile-chart,.architecture-diagram,.prose-visual svg){width:100%;height:auto}
.beta-subpage .pipeline-map{min-height:0}
.beta-subpage .field{font-size:16px;min-height:46px}
.beta-subpage .btn{min-height:46px;white-space:normal;text-align:center}
.beta-subpage .section-heading{display:grid;justify-items:center;gap:16px;margin:0 auto 40px;max-width:760px;text-align:center}
.beta-subpage .section-heading>*{min-width:0;margin:0}
.beta-subpage .section-heading h2{max-width:650px;line-height:1.15;text-wrap:balance}
.beta-subpage .section-heading>p:not(.eyebrow){max-width:580px}
.beta-subpage .pipeline-rail{gap:16px}
.beta-subpage .pipeline-rail::before{display:none}
.beta-subpage .step-card{min-height:0;padding:24px 20px;grid-template-rows:24px 46px auto 1fr;gap:16px;justify-items:start;text-align:left}
.beta-subpage .step-card h3{font-size:18px;line-height:1.3;margin:0}
.beta-subpage .step-card p{max-width:none;margin:0;font-size:14px;line-height:1.65}
.beta-subpage .step-card svg{width:46px;height:46px}
.beta-subpage .principle-card{min-height:0;grid-template-rows:52px auto 1fr;gap:20px;padding:28px 24px}
.beta-subpage .principle-card svg{width:52px;height:52px}
.beta-subpage .principle-card h3{font-size:22px;line-height:1.25}
.beta-subpage .icon-copy-grid svg{width:42px;height:42px}
.beta-subpage .module-mock .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.beta-subpage .module-mock .stat-grid>div{min-height:0;padding:16px 8px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
.beta-subpage .examiner-module .pill-row{flex-wrap:wrap;gap:6px}
.beta-subpage .examiner-module .pill{font-size:11px;padding:4px 8px}
.beta-subpage .verifier-mock{grid-template-columns:140px minmax(0,1fr);gap:24px}
.beta-subpage .score-wrap{width:140px;height:140px;margin-inline:auto}
.beta-subpage .score-wrap svg{width:140px;height:140px}
.beta-subpage .card{box-shadow:none;border-radius:5px}
.beta-subpage fieldset[data-beta-fields]{border:0;margin:0;padding:0;display:contents;min-width:0}
.beta-subpage .beta-form-result{font-size:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:15px;color:var(--green)}
.beta-subpage .field{border-radius:3px}
.beta-subpage .beta-footer .content-width{max-width:1320px}
@media(max-width:900px){.beta-subpage main{padding-top:78px}}
@media(max-width:1199px){.beta-subpage .pipeline-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.beta-subpage .split{grid-template-columns:minmax(0,1fr)}}
@media(max-width:699px){.beta-subpage .pipeline-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-subpage .step-card{padding:22px 18px}}
@media(max-width:600px){
  .beta-subpage{--step-6:38px;--step-4:30px}
  .beta-subpage main h2{font-size:30px}
  .beta-subpage main .card h2{font-size:21px}
  .beta-subpage .module-row>div>h3{font-size:28px}
  .beta-subpage .verifier-mock{grid-template-columns:minmax(0,1fr)}
  .beta-subpage .section-heading{margin-bottom:28px}
  .beta-subpage .module-mock{padding:20px}
}
@media(max-width:479px){
  .beta-subpage .pipeline-rail{grid-template-columns:minmax(0,1fr)}
  .beta-subpage .step-card{grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:18px;row-gap:8px}
  .beta-subpage .step-card svg{grid-column:1;grid-row:1/3;align-self:start}
  .beta-subpage .step-card strong{grid-column:2;grid-row:1;font-size:16px}
  .beta-subpage .step-card h3{grid-column:2;grid-row:2}
  .beta-subpage .step-card p{grid-column:1/-1;grid-row:3;margin-top:8px;font-size:15px}
}

/* Keep the integration layout independent of the shared homepage headings. */
.beta-subpage .integrations-section .section-heading {
  display: grid;
  justify-content: center;
  justify-items: center;
  gap: 16px;
  max-width: 760px;
  margin: 0 auto 40px;
  text-align: center;
}
.beta-subpage .integrations-section .section-heading > * {
  min-width: 0;
  margin: 0;
}
.beta-subpage .integrations-section .section-heading h2 {
  max-width: 620px;
  line-height: 1.15;
  text-wrap: balance;
}
.beta-subpage .integrations-section .section-heading > p:not(.eyebrow) {
  max-width: 580px;
}
.beta-subpage .integrations-section .integration-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 16px;
}
.beta-subpage .integrations-section .integration-tile {
  min-width: 0;
  min-height: 150px;
  padding: 20px;
  grid-template-rows: 46px minmax(2.6em, auto);
  align-content: center;
  align-items: center;
  gap: 16px;
  font-size: 1rem;
}
.beta-subpage .integrations-section .integration-tile svg {
  display: block;
  width: 46px;
  height: 46px;
}
.beta-subpage .integrations-section .integration-tile h3 {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 1199px) {
  .beta-subpage .integrations-section .integration-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 699px) {
  .beta-subpage .integrations-section .integration-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .beta-subpage .integrations-section .integration-tile {
    padding: 20px 16px;
  }
}
@media (max-width: 359px) {
  .beta-subpage .integrations-section .integration-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}