.roadmap-page{--timeline-gap:80px}
.roadmap-page .roadmap-hero{width:min(1200px,calc(100% - 56px));margin-inline:auto;padding:72px 0 32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:end}
.roadmap-page .roadmap-hero .eyebrow{margin:0 0 12px;color:var(--muted);font-size:12px;letter-spacing:0}
.roadmap-page .roadmap-hero h1{font-size:64px;line-height:1.05;letter-spacing:0}
.roadmap-page .roadmap-lead>p{max-width:610px;font-size:18px;line-height:1.6}
.roadmap-page .roadmap-context{width:min(1200px,calc(100% - 56px));margin:0 auto;padding:0;font-size:14px;line-height:1.5}
.roadmap-flow{width:min(1200px,calc(100% - 56px));margin-inline:auto;padding-block:56px}
.timeline-connector{--connector-progress:1;width:120px;height:144px;margin:28px auto;pointer-events:none}
.timeline-connector svg{display:block;width:100%;height:100%}
.timeline-connector:nth-of-type(even) svg{transform:scaleX(-1)}
.timeline-connector path{vector-effect:non-scaling-stroke;stroke-linecap:round}
.connector-track{stroke:var(--line-dark);stroke-width:1}
.connector-progress{stroke:var(--brand-green);stroke-width:1.75;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--connector-progress))}
.roadmap-page .roadmap-phase{position:relative;margin:0;padding:0;border:0;background:transparent;scroll-margin-top:0}
.roadmap-page .phase-inner{display:grid;max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px var(--timeline-gap);align-items:start}
.roadmap-page .phase-heading{display:block;grid-column:1;grid-row:1;margin:0}
.phase-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.roadmap-page .phase-number{position:static;display:inline;width:auto;height:auto;transform:none;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:13px;line-height:1.5}
.roadmap-page .phase-number::before{content:none}
.roadmap-page .phase-status{font-size:13px;line-height:1.5;letter-spacing:0}
.roadmap-page .status-now{color:var(--brand-green)}
.roadmap-page .phase-heading h2{margin:12px 0 18px;font-size:44px;line-height:1.12;font-weight:900;letter-spacing:0;text-wrap:balance}
.roadmap-page .phase-heading p{max-width:460px;font-size:17px;line-height:1.55}
.roadmap-page .phase-body{display:contents}
.roadmap-page .phase-body>.timeline-text{display:block;grid-column:1;grid-row:2;max-width:none;margin:0;min-width:0}
.roadmap-page .phase-body>:is(.timeline-visual,.exchange-preview){grid-column:2;grid-row:1 / span 2;width:100%;min-width:0;align-self:center;justify-self:center;margin:0}
.roadmap-page .roadmap-phase:nth-of-type(even) .phase-heading,.roadmap-page .roadmap-phase:nth-of-type(even) .phase-body>.timeline-text{grid-column:2}
.roadmap-page .roadmap-phase:nth-of-type(even) .phase-body>:is(.timeline-visual,.exchange-preview){grid-column:1}
.timeline-signals{display:grid;gap:16px;margin:12px 0 22px;padding:0;list-style:none}
.timeline-signals li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;color:var(--ink);font-size:16px;line-height:1.45}
.timeline-signals [data-icon]{display:grid;place-items:center;color:var(--brand-green)}
.timeline-signals svg{display:block;width:23px;height:23px}
.timeline-details{margin:22px 0 14px;border-block:1px solid var(--line)}
.timeline-details summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding-block:10px;font-size:15px;font-weight:700;line-height:1.4;list-style:none;cursor:pointer}
.timeline-details summary::-webkit-details-marker{display:none}
.timeline-details summary::after{content:"+";flex:none;font-family:var(--ui);font-size:23px;font-weight:400;line-height:1}
.timeline-details[open] summary::after{content:"-"}
.roadmap-page .timeline-details p{margin:15px 0;color:var(--muted);font-size:16px;line-height:1.6}
.roadmap-page .timeline-details h3{margin:22px 0 10px;font-family:var(--ui);font-size:17px;line-height:1.4;letter-spacing:0}
.roadmap-page .timeline-details .phase-note{font-size:14px;line-height:1.55}
.roadmap-page .timeline-caution{font-size:14px;line-height:1.5;color:var(--muted)}
.roadmap-page .timeline-text>.text-action{margin-top:4px;font-size:15px}
.roadmap-page .support-preview{height:460px;border-radius:4px}
.roadmap-page .support-preview-label{padding:26px 26px 58px}
.roadmap-page .support-preview-label strong{font-size:42px;line-height:1.1;letter-spacing:0}
.roadmap-page .support-preview figcaption{inset-inline:26px;font-size:13px;line-height:1.4}
.roadmap-page .capture-preview{max-width:300px}
.roadmap-page .capture-phone{width:300px;box-shadow:none}
.roadmap-page .capture-phone .phone-screen{height:430px;min-height:430px}
.roadmap-page .capture-phone :is(p,.phone-quiet){font-size:13px;line-height:1.45}
.roadmap-page .preview-tabs{max-width:300px;margin-bottom:18px}
.roadmap-page .preview-tabs button{min-height:44px;font-size:13px}
.roadmap-page .capture-preview>figcaption{margin-top:18px;font-size:13px;line-height:1.5}
.roadmap-page .timeline-details .capture-features>div{grid-template-columns:100px minmax(0,1fr);gap:12px}
.roadmap-page .timeline-details .capture-features :is(dt,dd){font-size:15px;line-height:1.55}
.verification-visual>img{display:block;width:100%;height:auto;border-radius:4px}
.verification-journey{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:8px;margin-top:26px}
.verification-journey>div{display:grid;justify-items:center;gap:12px;min-width:0}
.verification-journey [data-icon]{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:4px;color:var(--brand-green)}
.verification-journey svg{width:25px;height:25px}
.verification-journey strong{font-size:14px;font-weight:400;line-height:1.4}
.verification-journey>span{color:var(--muted)}
.verification-visual>figcaption{margin-top:22px;color:var(--muted);font-size:13px;line-height:1.5;text-align:center}
.roadmap-page .seal-preview{padding:12px 0;border:0;background:transparent}
.roadmap-page .seal-concept{width:min(100%,320px)}
.roadmap-page .seal-caption{max-width:350px;margin:20px auto 14px}
.roadmap-page .seal-caption strong{font-size:22px;line-height:1.3;letter-spacing:0}
.roadmap-page .seal-caption p{font-size:14px;line-height:1.5}
.roadmap-page .seal-preview figcaption{font-size:13px;line-height:1.5}
.roadmap-page .credit-passport{padding:26px;border:1px solid var(--line);border-radius:6px;font-family:var(--ui);background:var(--paper)}
.roadmap-page .passport-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--mono);font-size:12px;line-height:1.5}
.passport-unit{display:flex;align-items:center;gap:20px;padding:30px 0;color:var(--ink)}
.passport-unit [data-icon]{display:grid;place-items:center;width:56px;height:56px;background:var(--brand-lime);border-radius:4px}
.passport-unit svg{width:32px;height:32px}
.passport-unit strong{font-size:48px;line-height:1;font-weight:500;letter-spacing:0}
.passport-unit sub{font-size:24px}
.roadmap-page .credit-passport dl{margin:0}
.roadmap-page .credit-passport dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.roadmap-page .credit-passport dt{font-size:14px;line-height:1.5}
.roadmap-page .credit-passport dd{margin:0;font-size:15px;line-height:1.5;overflow-wrap:break-word}
.roadmap-page .exchange-preview{border:1px solid var(--line);border-radius:6px;background:var(--paper);font-family:var(--ui)}
.roadmap-page .exchange-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px}
.roadmap-page .exchange-top strong{font-size:24px;line-height:1.2;letter-spacing:0}
.roadmap-page .concept-tag{font-size:11px;line-height:1.5}
.roadmap-page .exchange-categories{display:flex;flex-wrap:wrap;gap:18px;padding:14px 20px;font-size:13px}
.roadmap-page .exchange-table-wrap{overflow-x:auto}
.roadmap-page .exchange-table{width:100%;min-width:0;table-layout:fixed;font-size:13px}
.roadmap-page .exchange-table :is(th,td){padding:16px 12px;white-space:normal;overflow-wrap:break-word}
.roadmap-page .exchange-table :is(th,td):first-child{width:68%}
.roadmap-page .exchange-table :is(th,td):last-child{width:32%}
.roadmap-page .exchange-table td:first-child{display:table-cell}
.roadmap-page .exchange-table td strong{display:block;margin-top:10px;font-size:14px;line-height:1.4}
.roadmap-page .exchange-table small{margin-top:5px;font-size:12px;line-height:1.5}
.roadmap-page .asset-monogram{width:36px;height:36px;border-radius:4px;font-size:13px}
.roadmap-page .market-pending{font-size:12px;line-height:1.5}
.roadmap-page .exchange-bottom{display:grid;gap:8px;padding:16px 20px;font-size:12px;line-height:1.5}
.roadmap-page .roadmap-faq{margin-top:20px;border-top:1px solid var(--line)}
.roadmap-page .roadmap-faq h2{font-size:38px;line-height:1.2;letter-spacing:0}
.roadmap-page .roadmap-closing h2{letter-spacing:0}
.roadmap-flow.is-enhanced .timeline-reveal{transition:opacity 260ms ease-out,transform 260ms cubic-bezier(.22,1,.36,1)}
.roadmap-flow.is-enhanced .timeline-reveal:not(.is-revealed){opacity:0;transform:translateY(18px)}
.timeline-details summary:focus-visible{outline:2px solid var(--brand-green);outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .timeline-details summary:hover{color:var(--brand-green)}
}
@media(max-width:1000px){
 .roadmap-page{--timeline-gap:56px}
 .roadmap-page .roadmap-hero{gap:40px}
 .roadmap-page .phase-heading h2{font-size:38px}
 .roadmap-page .credit-passport{padding:20px}
 .roadmap-page .credit-passport dl>div{grid-template-columns:1fr;gap:5px}
}
@media(max-width:760px){
 .roadmap-page .roadmap-hero{width:calc(100% - 40px);grid-template-columns:1fr;gap:18px;padding:44px 0 32px}
 .roadmap-page .roadmap-hero h1{font-size:42px}
 .roadmap-page .roadmap-lead>p{font-size:17px;line-height:1.5}
 .roadmap-page .roadmap-context{width:calc(100% - 40px);font-size:14px}
 .roadmap-flow{width:calc(100% - 40px);padding-block:44px}
 .timeline-connector{width:88px;height:104px;margin-block:24px}
 .roadmap-page .phase-inner{grid-template-columns:minmax(0,1fr);gap:18px}
 .roadmap-page .phase-heading,.roadmap-page .roadmap-phase:nth-of-type(even) .phase-heading{grid-column:1;grid-row:1}
 .roadmap-page .phase-body>.timeline-text,.roadmap-page .roadmap-phase:nth-of-type(even) .phase-body>.timeline-text{grid-column:1;grid-row:2}
 .roadmap-page .phase-body>:is(.timeline-visual,.exchange-preview),.roadmap-page .roadmap-phase:nth-of-type(even) .phase-body>:is(.timeline-visual,.exchange-preview){grid-column:1;grid-row:3;margin-top:16px}
 .roadmap-page .phase-heading h2{font-size:32px;line-height:1.15}
 .roadmap-page .phase-heading p{font-size:17px;line-height:1.5}
 .timeline-signals{gap:14px;margin-top:8px}
 .timeline-signals li{font-size:16px;gap:10px}
 .roadmap-page .support-preview{height:350px}
 .roadmap-page .support-preview-label{padding:20px 20px 58px}
 .roadmap-page .support-preview-label strong{font-size:32px}
 .roadmap-page .support-preview figcaption{inset-inline:20px}
 .roadmap-page .preview-tabs button{padding-inline:2px;font-size:12px}
 .roadmap-page .capture-phone{border-radius:28px;padding:6px}
 .roadmap-page .capture-phone .phone-screen{height:410px;min-height:410px}
 .roadmap-page .camera-topline span{min-width:0;overflow-wrap:break-word}
 .roadmap-page .timeline-details .capture-features>div{grid-template-columns:minmax(0,1fr);gap:6px}
 .verification-journey{gap:5px;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr)}
 .verification-journey strong{font-size:12px}
 .roadmap-page .credit-passport{padding:18px}
 .passport-unit{gap:12px}
 .passport-unit strong{font-size:40px}
 .passport-unit [data-icon]{width:44px;height:44px}
 .roadmap-page .exchange-top{padding:16px}
 .roadmap-page .exchange-categories{padding:12px 16px;gap:12px;font-size:12px}
 .roadmap-page .exchange-table :is(th,td){padding:14px 9px}
 .roadmap-page .exchange-table :is(th,td):first-child{width:60%}
 .roadmap-page .exchange-table :is(th,td):last-child{width:40%}
 .roadmap-page .exchange-bottom{padding:14px 16px}
 .roadmap-page .roadmap-faq h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
 .roadmap-flow.is-enhanced .timeline-reveal{opacity:1;transform:none;transition:none}
 .connector-progress{stroke-dashoffset:0}
}
@media print{
 .roadmap-flow.is-enhanced .timeline-reveal{opacity:1;transform:none;transition:none}
 .connector-progress{stroke-dashoffset:0}
}