/* Product depth follows the specification and implemented artifact flow. */
.contract-record{background:#eeece2;color:#19271f}
.contract-roadmap{background:#17271d;color:#edf0e3}
.contract-record-frame{width:100%;padding:64px var(--ophyc-gutter);display:grid;grid-template-columns:1fr 1.12fr;gap:7%}
.record-intro h2{font-size:clamp(30px,3.3vw,48px);line-height:1.1;letter-spacing:-.035em;margin:18px 0 22px}
.record-intro>p:not(.eyebrow){font:13px/1.75 Arial,Helvetica,sans-serif;max-width:470px;margin-top:16px;color:#626e5e}
.contract-roadmap .record-intro>p:not(.eyebrow){color:#becbb7}
.record-steps{list-style:none;padding:0;margin:0;display:grid;gap:21px}
.record-steps li{border-top:1px solid #bbc3b1;padding:18px 0 0 40px;position:relative}
.record-steps li>span{position:absolute;left:0;top:20px;font:12px Consolas,monospace;color:#6e7d61}
.record-steps h3,.roadmap-items h3{font-size:23px;font-weight:400;line-height:1.1;margin:0 0 9px}
.record-steps p,.roadmap-items p{font:12px/1.7 Arial,Helvetica,sans-serif;color:#67715f;max-width:410px}
.roadmap-items{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.roadmap-items article{border-top:1px solid #71826766;padding-top:19px}
.roadmap-items h3{font-size:22px}.roadmap-items p{color:#c0cbb7}
.product-stage-note{font:10px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.02em;color:#a9b89e;padding:0 var(--ophyc-gutter) 28px}
.ophyc-contratos .feature-heading h3,.ophyc-contratos .step h3,.ophyc-contratos .detail-copy h3{white-space:normal}
@media(min-width:641px){.ophyc-contratos .step-list{bottom:18px}.ophyc-contratos .step>p{font-size:calc(11 * var(--u));line-height:1.45}}
@media(max-width:700px){.contract-record-frame{display:block;padding:40px 24px}.record-steps,.roadmap-items{margin-top:30px}.record-intro h2{font-size:34px}.record-intro>p:not(.eyebrow){font-size:12px}.product-stage-note{padding:0 24px 27px}.roadmap-items{gap:24px 18px}.roadmap-items h3{font-size:21px}}
@media(max-width:420px){.roadmap-items{grid-template-columns:1fr}.record-intro h2{font-size:31px}}