/* Roadmap.dc.html
Generated. Every declaration is copied from the design file, and
hover and focus come from its style-hover / style-focus attributes.
Do not hand-edit: re-run the build.
*/
.rm-1 { font-family:'Instrument Sans',-apple-system,BlinkMacSystemFont,Arial,sans-serif; color:#16181C; line-height:1.6 }
.rm-2 { background:#15171B; color:#E9EAEC; padding:0 clamp(24px,5vw,72px) }
.rm-3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); column-gap:72px; row-gap:36px; padding:88px 0; align-items:start }
.rm-4 { display:flex; flex-direction:column; gap:26px }
.rm-5 { font-family:ui-monospace,monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#E8622E }
.rm-6 { font-family:'Newsreader',Georgia,serif; font-weight:500; font-size:clamp(38px,4.6vw,62px); letter-spacing:-.026em; line-height:1.06; margin:0; color:#fff }
.rm-7 { margin:0; font-size:18.5px; line-height:1.65; color:#A9AEB6; max-width:48ch; text-wrap:pretty }
.rm-8 { border:1px solid #2A2F36; border-radius:6px; background:#1B1E23 }
.rm-9 { padding:18px 24px; border-bottom:1px solid #262A31; font-family:ui-monospace,monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#7C838C }
.rm-10 { padding:14px 24px; border-bottom:1px solid #262A31; display:flex; align-items:center; column-gap:16px }
.rm-11 { font-family:ui-monospace,monospace; font-size:11px; color:#9AA0A8; flex:none; width:16px }
.rm-12 { font-size:15px; color:#C3C8CE; flex:1; min-width:0 }
.rm-13 { padding:16px 24px; font-family:ui-monospace,monospace; font-size:12px; color:#7C838C }
/* x2 */
.rm-14 { background:#fff; border-bottom:1px solid #E2E2DE; padding:88px clamp(24px,5vw,72px); display:flex; flex-direction:column; gap:36px }
/* x3 */
.rm-15 { display:flex; justify-content:space-between; align-items:flex-end; column-gap:60px; row-gap:28px; flex-wrap:wrap }
/* x3 */
.rm-16 { font-family:'Newsreader',Georgia,serif; font-weight:600; font-size:36px; letter-spacing:-.018em; margin:0 }
.rm-17 { margin:0; font-size:16px; color:#5C6169; max-width:44ch }
/* x2 */
.rm-18 { display:flex; flex-direction:column; gap:1px; background:#E2E2DE; border:1px solid #E2E2DE }
/* x2 */
.rm-19 { background:#fff; padding:28px 32px; display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:32px; row-gap:12px; align-items:baseline }
.rm-20 { font-family:'Newsreader',Georgia,serif; font-size:28px; font-weight:600; letter-spacing:-.018em; color:#E8622E; line-height:1 }
/* x2 */
.rm-21 { display:flex; flex-wrap:wrap; column-gap:32px; row-gap:14px; align-items:baseline }
/* x2 */
.rm-22 { display:flex; flex-direction:column; gap:8px; align-items:flex-start; flex:1 1 220px; max-width:26ch }
/* x2 */
.rm-23 { font-family:'Newsreader',Georgia,serif; font-size:24px; font-weight:600; letter-spacing:-.014em; color:#16181C; text-wrap:pretty }
.rm-24 { font-family:ui-monospace,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#15171B; background:#E8622E; border-radius:3px; padding:3px 8px }
/* x2 */
.rm-25 { font-size:16px; color:#5C6169; line-height:1.65; flex:3 1 280px; max-width:58ch; text-wrap:pretty }
.rm-26 { background:#FAFAF9; border-bottom:1px solid #E2E2DE; padding:88px clamp(24px,5vw,72px); display:flex; flex-direction:column; gap:36px }
/* x2 */
.rm-27 { margin:0; font-size:16px; color:#5C6169; max-width:48ch }
.rm-28 { font-family:'Newsreader',Georgia,serif; font-size:28px; font-weight:600; letter-spacing:-.018em; color:#8B9199; line-height:1 }
.rm-29 { font-family:ui-monospace,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5C6169; border:1px solid #DDDDD8; border-radius:3px; padding:2px 8px }
.rm-30 { display:flex; flex-wrap:wrap; gap:1px; background:#E2E2DE; border:1px solid #E2E2DE }
.rm-31 { background:#fff; padding:30px 28px 34px; display:flex; flex-direction:column; gap:10px; flex:1 1 260px; min-width:0 }
.rm-32 { font-family:ui-monospace,monospace; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:#8B9199 }
.rm-33 { font-family:'Newsreader',Georgia,serif; font-size:22px; font-weight:600; letter-spacing:-.012em; color:#16181C }
.rm-34 { font-size:15px; color:#5C6169; line-height:1.6; text-wrap:pretty }
.rm-35 { background:#FAFAF9; border-bottom:1px solid #E2E2DE; padding:80px clamp(24px,5vw,72px) }
.rm-36 { max-width:70ch; display:flex; flex-direction:column; gap:12px }
.rm-37 { font-family:ui-monospace,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#8B9199 }
.rm-38 { margin:0; font-size:17.5px; line-height:1.7; color:#3F444B; text-wrap:pretty }
.rm-39 { background:#15171B; color:#E9EAEC; padding:92px clamp(24px,5vw,72px); display:flex; justify-content:space-between; align-items:flex-end; column-gap:60px; row-gap:34px; flex-wrap:wrap }
.rm-40 { font-family:'Newsreader',Georgia,serif; font-weight:500; font-size:clamp(34px,4vw,54px); letter-spacing:-.024em; line-height:1.06; margin:0; max-width:16ch; color:#fff }
.rm-41 { display:flex; flex-direction:column; gap:18px; align-items:flex-start }
.rm-42 { margin:0; font-size:16.5px; color:#A9AEB6; max-width:40ch }
.rm-43 { display:flex; align-items:stretch; column-gap:8px; row-gap:12px; flex-wrap:wrap; width:100%; max-width:460px }
.rm-44 { display:flex; align-items:center; background:#1B1E23; border:1px solid #2A2F36; border-radius:5px; padding:0 16px; flex:1 1 100%; min-width:0 }
.rm-45 { font-size:15.5px; color:#5E656E; flex:none }
.rm-46 { background:transparent; border:0; outline:none; color:#E9EAEC; font-family:inherit; font-size:15.5px; padding:14px 0 14px 6px; width:100% }
.rm-44:has(:focus-visible) { border-color: #E8622E }
.rm-46:focus-visible { outline: none }
.rm-47 { display:flex; align-items:center; justify-content:center; background:#E8622E; color:#15171B; font-size:15px; font-weight:700; padding:14px 26px; border-radius:5px; white-space:nowrap; flex:1 1 auto }
.rm-47:hover { background:#D9561F; color:#15171B }
.rm-47:focus-visible { outline:2px solid #E8622E; outline-offset:3px }
/* The capture buttons are